/* Devices: technologies and formats are separate, with each image tied to its copy. */
.home-layout.devices-page main{--device-gap:clamp(55px,6vw,90px)}
.home-layout.devices-page main .device-banner{position:relative;isolation:isolate;background:#fcf2e8;padding:65px 0 75px;overflow:hidden}
.device-banner-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:6%;align-items:center}
.home-layout.devices-page main .device-banner h1{font-size:clamp(42px,4.7vw,65px);line-height:1.1;letter-spacing:-2.2px}
.device-banner h1 em{font-style:normal;color:#ff7029}
.home-layout.devices-page main .device-lead{max-width:530px;font-size:19px;line-height:1.65;margin:25px 0 28px}
.device-banner figure{margin:15px 0 0}
.device-banner figure img{height:360px;width:100%;object-fit:contain}
.device-banner figcaption{text-align:center;font-size:13px;color:#587297;margin-top:12px}
.device-banner>svg{position:absolute;bottom:-1px;left:0;width:100%;height:60px;z-index:-1;pointer-events:none}
.home-layout.devices-page main .device-guide{max-width:none;width:100%;padding:var(--device-gap) max(5%,calc((100% - 1220px)/2));background:white;display:grid;grid-template-columns:1fr 1fr;gap:35px 8%;align-items:start}
.device-guide p+p{margin-top:18px}
.device-guide nav{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #eadfd5;margin-top:14px}
.device-guide nav a{padding:24px 20px 24px 0;font-size:16px;line-height:1.5;font-weight:700;display:flex;justify-content:space-between;gap:15px}
.device-guide nav a+a{padding-left:25px;border-left:1px solid #eadfd5}
.device-guide nav span{color:#e96020}
.device-guide nav a:hover{color:#e96020}
.home-layout.devices-page main .device-technologies{padding:var(--device-gap) 0;background:#fcf7ef;scroll-margin-top:155px}
.home-layout.devices-page main .device-section-intro{font-size:16px;margin-top:18px}
.technology-feature{display:grid;grid-template-columns:.9fr 1.1fr;gap:7%;align-items:center;background:#fff;border:1px solid #eee3d9;border-radius:14px;padding:38px;margin-top:30px}
.technology-photos{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:center}
.technology-photos figure{margin:0;text-align:center}
.technology-photos img{width:100%;height:225px;object-fit:contain}
.technology-photos figcaption{font-size:12px;color:#587297;margin-top:12px}
.home-layout.devices-page main .technology-feature h3{font-size:32px;line-height:1.2;letter-spacing:-1px}
.home-layout.devices-page main .device-feature-label{font-size:11px;font-weight:700;letter-spacing:2px;color:#e96020;margin-bottom:10px}
.home-layout.devices-page main .device-tags{font-size:12px;line-height:1.5;color:#9c5428;margin:15px 0 20px;padding:9px 12px;background:#fdf2e8;border-radius:5px;display:inline-block}
.home-layout.devices-page main .technology-feature>div>p:last-of-type{font-size:15px;line-height:1.85}
.home-layout.devices-page main .technology-feature .text-link{font-size:14px;margin-top:20px}
.home-layout.devices-page main .device-formats{padding-top:var(--device-gap);padding-bottom:var(--device-gap);scroll-margin-top:155px}
.device-formats-heading{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:end}
.home-layout.devices-page main .device-formats-heading>p{font-size:16px;max-width:450px}
.format-shortcuts{display:flex;flex-wrap:wrap;gap:10px;margin:32px 0}
.format-shortcuts a{border:1px solid #e6c9b3;background:white;color:#b44e19;border-radius:6px;font-size:13px;font-weight:700;padding:10px 20px}
.format-shortcuts a:hover{background:#ff7029;color:white;border-color:#ff7029}
.device-format-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;align-items:start}
.device-format-card{background:#fff;border:1px solid #e9dfd6;border-radius:12px;padding:28px;scroll-margin-top:175px;overflow:hidden}
.format-card-heading>span{display:inline-block;color:#e96020;font-size:12px;font-weight:700;letter-spacing:1.5px;margin-bottom:12px}
.home-layout.devices-page main .format-card-heading h3{font-size:26px;line-height:1.3;letter-spacing:-.7px}
.home-layout.devices-page main .format-card-heading p{font-size:14px;line-height:1.6;margin-top:12px;min-height:45px}
.format-image-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:25px 0 22px;margin-top:10px;align-items:center}
.format-image-pair figure{margin:0;min-width:0;text-align:center}
.format-image-pair img{width:100%;height:170px;object-fit:contain}
.format-image-pair .format-product img{max-width:180px;margin:auto}
.format-image-pair .format-ear img{border-radius:7px;max-width:200px;margin:auto}
.format-image-pair figcaption{font-size:11px;color:#607896;margin-top:12px}
.device-format-card details{border-top:1px solid #eadfd5;border-bottom:1px solid #eadfd5;padding:17px 0}
.device-format-card summary{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:14px;line-height:1.5;font-weight:700;cursor:pointer;list-style:none}
.device-format-card summary::-webkit-details-marker{display:none}
.device-format-card summary span{font-size:22px;color:#e96020;font-weight:400}
.device-format-card details[open] summary span{transform:rotate(45deg)}
.home-layout.devices-page main .device-format-card details p{font-size:14px;line-height:1.85;margin-top:18px}
.device-format-card .format-extra{max-width:100%;max-height:180px;object-fit:contain;margin:20px auto 0}
.home-layout.devices-page main .device-format-card>.text-link{font-size:14px;margin-top:20px}
.home-layout.devices-page main .device-selection-note{font-size:13px;line-height:1.7;max-width:850px;margin:28px 0 0;color:#607896}
.home-layout.devices-page main .device-next-step{position:relative;isolation:isolate;overflow:hidden;background:#ff7029;padding:120px 0 100px}
.device-next-step .wrap{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}
.home-layout.devices-page main .device-next-step h2,.home-layout.devices-page main .device-next-step p{color:white}
.home-layout.devices-page main .device-next-step .kicker{color:white!important}
.home-layout.devices-page main .device-next-step .button.white{background:white;color:#e96020;border-color:white;margin-top:25px;font-size:15px}
.device-next-step>svg{position:absolute;left:0;width:100%;z-index:-1;pointer-events:none}
.device-next-top{top:-1px;height:85px}
.device-next-bottom{bottom:-1px;height:55px}
@media(max-width:1000px) and (min-width:761px){.technology-feature{grid-template-columns:1fr;padding:28px}.technology-photos{max-width:500px;margin:auto;width:100%}.technology-photos img{height:200px}.device-format-card{padding:22px}.format-image-pair{gap:10px}.format-image-pair img{height:145px}.home-layout.devices-page main .device-banner h1{font-size:44px}}
@media(max-width:760px){
 .home-layout.devices-page main{--device-gap:50px}
 .home-layout.devices-page main .device-banner{padding:35px 0 55px}
 .device-banner-grid{grid-template-columns:1fr;gap:20px}
 .home-layout.devices-page main .device-banner h1{font-size:42px;letter-spacing:-1.7px}
 .home-layout.devices-page main .device-lead{font-size:17px;line-height:1.7;margin:22px 0 25px}
 .device-banner figure{max-width:400px;width:100%;margin:10px auto 0}
 .device-banner figure img{height:260px}
 .device-banner figcaption{font-size:12px}
 .device-banner>svg{height:35px}
 .home-layout.devices-page main .device-guide{grid-template-columns:1fr;gap:25px;padding:50px 5%}
 .device-guide nav{grid-template-columns:1fr;margin-top:0}
 .device-guide nav a{padding:18px 0;font-size:15px}
 .device-guide nav a+a{border-left:0;border-top:1px solid #eadfd5;padding-left:0}
 .technology-feature{grid-template-columns:1fr;padding:23px;gap:30px;margin-top:24px}
 .technology-photos{gap:12px}
 .technology-photos img{height:175px}
 .home-layout.devices-page main .technology-feature h3{font-size:28px}
 .device-formats-heading{grid-template-columns:1fr;gap:22px}
 .format-shortcuts{gap:8px;margin:25px 0}
 .format-shortcuts a{padding:9px 15px;font-size:12px}
 .device-format-grid{grid-template-columns:1fr;gap:20px}
 .device-format-card{padding:23px;scroll-margin-top:120px}
 .home-layout.devices-page main .format-card-heading p{min-height:0}
 .format-image-pair{gap:12px;padding:20px 0}
 .format-image-pair img{height:145px}
 .format-image-pair figcaption{font-size:10px}
 .device-next-step .wrap{grid-template-columns:1fr;gap:25px}
 .home-layout.devices-page main .device-next-step{padding:85px 0 80px}
 .device-next-top{height:50px}.device-next-bottom{height:40px}
 .home-layout.devices-page main .device-formats,.home-layout.devices-page main .device-technologies{scroll-margin-top:115px}
}