/* Practical technology overview, using the studio's illustrated part studies. */
.technology-page{--paper:#f6f5f7;--ink:#202025;--muted:#625c69;--line:#dcd7e1;background:var(--paper);color:var(--ink)}
.technology-page ::selection{background:#edbfd0;color:#202025}
.technology-page :is(a,button):focus-visible{outline:3px solid #795d99;outline-offset:5px}
.tech-shell{max-width:1400px;margin-inline:auto;padding-inline:clamp(22px,5vw,64px)}
.tech-kicker{font-size:12px;color:#795d89;letter-spacing:.03em}
.tech-intro{padding-block:55px 0}
.tech-intro-row{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-top:22px}
.tech-intro h1{font-size:clamp(42px,4.8vw,68px);line-height:1.14}
.tech-intro-aside{max-width:330px;padding-bottom:3px}.tech-intro-aside>p{font-size:16px;line-height:1.9;color:var(--muted)}
.tech-link{display:inline-flex;align-items:center;gap:22px;min-height:44px;font-size:13px;border-bottom:1px solid #a497b0;padding-block:8px;line-height:1.6}
.tech-link:hover{opacity:1;color:#684979;border-color:currentColor}.tech-intro-aside .tech-link{margin-top:13px}
.tech-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:40px;border-block:1px solid var(--line);height:auto;width:auto}
.tech-index>a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:22px 26px;min-height:80px}
.tech-index>a:first-child{padding-inline-start:0}.tech-index>a:last-child{padding-inline-end:0}.tech-index>a+a{border-inline-start:1px solid var(--line)}
.tech-index>a>span:first-child{font:500 24px/1 Arial,sans-serif;letter-spacing:-.045em}.tech-index>a>span:nth-child(2){font-size:12px;line-height:1.6;color:var(--muted)}.tech-index>a>span:last-child{font-size:18px;color:#795d89}
.tech-index>a:hover{opacity:1;background:#eeebf2}
.tech-detail{display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:60px;padding-block:62px;border-bottom:1px solid var(--line);scroll-margin-top:20px}
.tech-detail-copy{min-width:0}.tech-process{display:flex;gap:18px;align-items:center;margin-bottom:24px;color:#795d89;font-size:12px}.tech-process b{font:500 28px/1 Arial,sans-serif;letter-spacing:-.05em;color:var(--ink)}
.tech-detail h2{font-size:clamp(32px,3.2vw,46px);line-height:1.18}.tech-description{font-size:16px;line-height:1.9;color:var(--muted);max-width:460px;margin-top:22px}
.tech-facts{padding:0;margin:27px 0 0}.tech-facts>div{display:grid;grid-template-columns:85px minmax(0,1fr);gap:12px;padding-block:14px;border-top:1px solid var(--line)}.tech-facts dt{font-size:12px;color:#795d89;padding-top:2px}.tech-facts dd{margin:0;color:var(--muted);font-size:14px;line-height:1.85}
.tech-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:24px}
.tech-button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:52px;padding:15px 22px;background:#aaa2cc;color:#241f2c;border-radius:2px;font-size:13px;line-height:1.7}
.tech-button:hover{opacity:1;background:#b8b0d7}.tech-button-pink{background:#e8b0c4}.tech-button-pink:hover{background:#f0c1d1}.tech-button span{flex:none}
.tech-illustration{min-width:0;margin:0;background:#f0eff3}.tech-illustration img{width:100%;height:auto;aspect-ratio:900/660;object-fit:contain}.tech-illustration figcaption{font-size:11px;color:#72647e;line-height:1.8;text-align:center;padding:0 16px 22px}
.tech-detail-sls{margin-top:30px;padding:38px 30px;background:#f0eff3;border-bottom:0;gap:32px}.tech-detail-sls .tech-illustration{background:transparent}
.tech-help{display:flex;justify-content:space-between;align-items:center;gap:45px;padding-block:50px 32px}.tech-help h2{font-size:36px;line-height:1.25;margin-top:15px}.tech-help p:last-child{max-width:560px;color:var(--muted);font-size:15px;line-height:1.9;margin-top:20px}.tech-help>.tech-button{flex-shrink:0}
.tech-source{font-size:11px;line-height:1.8;color:#776e80;padding-bottom:50px}.tech-source a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:1100px){
 .tech-intro-row{gap:30px}.tech-intro-aside{max-width:285px}.tech-intro h1{font-size:51px}.tech-index>a{padding-inline:18px;gap:12px}.tech-index>a>span:first-child{font-size:21px}.tech-index>a>span:nth-child(2){font-size:11px}
 .tech-detail{gap:28px}.tech-detail h2{font-size:35px}.tech-detail-sls{padding:30px 24px;gap:20px}.tech-description{font-size:15px}.tech-facts>div{grid-template-columns:72px minmax(0,1fr);gap:8px}.tech-facts dd{font-size:13px}.tech-actions{gap:8px 20px}.tech-button{font-size:12px;padding:14px 18px;gap:22px}.tech-help h2{font-size:31px}
}
@media(max-width:760px){
 .tech-shell{padding-inline:22px}.tech-intro{padding-top:35px}.tech-intro-row{display:block;margin-top:20px}.tech-intro h1{font-size:42px}.tech-intro-aside{max-width:440px;margin-top:24px}.tech-intro-aside>p{font-size:15px}.tech-intro-aside .tech-link{margin-top:9px}
 .tech-index{margin-top:30px;grid-template-columns:1fr}.tech-index>a{grid-template-columns:52px minmax(0,1fr) auto;gap:20px;min-height:65px;padding:16px 0}.tech-index>a+a{border-inline-start:0;border-top:1px solid var(--line)}.tech-index>a>span:nth-child(2){font-size:12px}.tech-index>a>span:first-child{font-size:23px}
 .tech-detail{display:flex;flex-direction:column;align-items:stretch;gap:0;padding-block:40px;scroll-margin-top:16px}.tech-detail-sls{margin-top:26px;padding:25px 20px;margin-inline:-2px}.tech-detail-copy{display:contents}.tech-process{order:0;margin-bottom:20px;font-size:11px}.tech-process b{font-size:26px}.tech-detail h2{order:1;font-size:34px}.tech-detail .tech-illustration{order:2;margin-block:24px}.tech-description{order:3;font-size:15px;margin-top:0}.tech-facts{order:4;margin-top:23px}.tech-facts>div{grid-template-columns:73px minmax(0,1fr);gap:10px}.tech-facts dd{font-size:14px}.tech-facts dt{font-size:11px}.tech-actions{order:5;margin-top:20px;gap:10px 22px}.tech-button{font-size:13px}.tech-link{font-size:12px}
 .tech-detail-sls .tech-illustration{margin-inline:-10px}.tech-illustration figcaption{font-size:10px;padding-bottom:15px}.tech-help{display:block;padding-block:36px 25px}.tech-help h2{font-size:31px}.tech-help p:last-child{font-size:14px;margin-top:17px}.tech-help>.tech-button{margin-top:24px}.tech-source{font-size:10px;padding-bottom:35px}
}
@media(max-width:360px){.tech-intro h1{font-size:37px}.tech-detail h2{font-size:30px}.tech-facts>div{grid-template-columns:1fr;gap:5px}.tech-index>a{gap:12px}}