/* The material study: polished aluminum, clear controls, deliberate whitespace. */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header .brand{width:272px;height:64px;mix-blend-mode:normal}
.site-header .brand img{width:281px;height:auto;left:-5px;top:-23px;mix-blend-mode:normal;filter:grayscale(1)}
.site-header nav>a[aria-current=location]:after{right:0;bottom:3px}
.site-header nav>.nav-cta[aria-current=location]{background:var(--ink);color:white}
.story-stage{min-height:0;overflow:clip}
.story-copy{top:24%}
.story-chapter{visibility:hidden}
.story-chapter.is-current{visibility:visible}
.animate-motion .story-chapter{transition:none!important}
.animate-motion .story-chapter.is-current{animation:chapter-enter .35s ease-out both}
@keyframes chapter-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.story-chapter[data-chapter='2'] h2{font-size:clamp(54px,6.1vw,100px)}
.story-chapter .chapter-description{max-width:420px;line-height:1.6}
.story-chapter em{color:#737772}
.scene-frame{height:77%;top:9%}
.profile-explorer{position:absolute;z-index:4;right:7vw;bottom:112px;width:48%;max-width:680px}
.profile-explorer .model-caption{position:static;display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:14px;font-size:10px;letter-spacing:.1em}
.profile-explorer .model-caption small{font-size:10px;letter-spacing:0;color:#676762}
.profile-picker{display:flex;gap:6px;flex-wrap:wrap}
.profile-picker button{min-height:34px;padding:7px 11px;border:1px solid #bcbeb8;background:#eeeeebbd;color:#525650;border-radius:20px;font-size:11px;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s}
.profile-picker button:hover{background:#d5d7d1}
.profile-picker button[aria-pressed=true]{background:#383c36;border-color:#383c36;color:#fff}
.story-footer{height:84px;padding:14px 0;flex-wrap:nowrap}
.chapter-nav button:after{bottom:-14px}
.motion-toggle{min-height:44px}
.motion-paused .material-story{height:420svh}
.motion-paused .story-stage{position:sticky}
.motion-paused .scroll-cue{visibility:visible}
.no-webgl .profile-explorer,.no-webgl .motion-toggle,.no-webgl .chapter-nav{display:none}
.no-webgl .scene-fallback{opacity:1}
.no-webgl .story-chapter:not(:first-child){display:none}
.no-webgl .story-chapter:first-child{visibility:visible}
.solution-workspace{position:relative}
.contact-bottom>p{max-width:340px;line-height:1.75}
@media(min-width:761px) and (max-height:780px){
 .story-copy{top:23%}
 .story-chapter h1,.story-chapter h2,.story-chapter[data-chapter='2'] h2{font-size:clamp(54px,6vw,88px);margin:22px 0}
 .story-chapter .chapter-description{font-size:14px;margin-bottom:20px}
 .profile-explorer{bottom:105px}
 .profile-explorer .model-caption small{display:none}
 .scene-frame{height:76%;top:6%}
}
@media(max-width:1050px) and (min-width:761px){
 .site-header .brand{width:224px;height:55px}
 .site-header .brand img{width:238px;left:-7px;top:-21px}
 .profile-explorer{right:5vw;width:48%}
 .profile-explorer .model-caption small{display:none}
 .chapter-nav{gap:18px}
 .scroll-cue{font-size:9px}
}
@media(max-width:760px){
 .site-header{height:110px;padding:4px 6vw 0;gap:0}
 .site-header .brand{width:230px;height:55px}
 .site-header .brand img{width:238px;left:-4px;top:-21px}
 .site-header nav{height:50px;gap:10px}
 .site-header nav>a{font-size:11px}
 .site-header nav>.nav-cta[aria-current=location]{background:transparent;color:var(--blue)}
 html{scroll-padding-top:130px}
 .animate-motion .material-story,.motion-paused .material-story{height:330svh}
 .story-stage{height:100svh;min-height:0}
 .story-copy{top:144px;left:7vw;width:86%}
 .story-chapter h1,.story-chapter h2,.story-chapter[data-chapter='2'] h2{font-size:clamp(42px,12vw,64px);line-height:1.03;margin:20px 0 18px}
 .story-chapter .eyebrow{font-size:9px;letter-spacing:.1em;margin:0}
 .story-chapter .chapter-description{font-size:13px;line-height:1.55;margin-bottom:18px;max-width:360px}
 .story-chapter .pill-link{min-height:44px;padding:11px 16px;font-size:12px}
 .scene-frame{top:42%;bottom:152px;right:0;width:100%;height:auto}
 .material-watermark{top:43%;font-size:88vw}
 .profile-explorer{left:7vw;right:7vw;bottom:78px;width:auto;max-width:none}
 .profile-explorer .model-caption{margin:0 0 8px;font-size:9px;line-height:14px;min-height:14px}
 .profile-explorer .model-caption small{display:none}
 .profile-picker{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:2px 2px 4px;gap:7px}
 .profile-picker::-webkit-scrollbar{display:none}
 .profile-picker button{min-height:38px;font-size:11px;padding:8px 13px;flex-shrink:0}
 .story-footer{left:7vw;right:7vw;bottom:0;height:66px;padding:10px 0;gap:8px;display:flex;flex-wrap:nowrap}
 .scroll-cue{display:none}
 .chapter-nav{gap:20px}
 .chapter-nav button{min-width:32px;min-height:44px;padding:8px 0}
 .chapter-nav button span{display:none}
 .chapter-nav b{font-size:12px}
 .chapter-nav button:after{bottom:-10px}
 .motion-toggle{font-size:11px;min-height:44px;padding:8px 0}
 .motion-toggle[aria-pressed=true]{font-size:11px;padding:8px 12px}
 .solution-workspace{gap:16px;padding-top:10px}
 .solution-list{padding:0;min-width:0;position:relative}
 .solution-list:after{content:'';position:absolute;right:0;top:0;bottom:8px;width:18px;background:linear-gradient(90deg,transparent,#f1f1ed);pointer-events:none}
 .solution-list [role=tablist]{display:flex;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;gap:8px;padding:5px 3px 12px}
 .solution-list [role=tablist]::-webkit-scrollbar{display:none}
 .solution-list button,.solution-list button[aria-selected=true],.solution-list button:hover:not([aria-selected=true]){width:auto;flex:0 0 auto;min-height:48px;border:1px solid #c4c6be;border-radius:28px;padding:12px 16px;font-size:13px;letter-spacing:-.015em;gap:10px;scroll-snap-align:start}
 .solution-list button[aria-selected=true]{background:#30342d;color:#fff;border-color:#30342d}
 .solution-list button[aria-selected=true]>span{color:#d0d4cc}
 .solution-list button .cross{display:none}
 .solution-list button:last-child{border-bottom:1px solid #c4c6be}
 #solution-panel{scroll-margin-top:130px}
 #solution-image{height:200px}
 .solution-copy{padding:24px}
 .solution-copy h3{font-size:26px}
}
@media(max-width:760px) and (max-height:740px){
 .story-copy{top:130px}
 .story-chapter h1,.story-chapter h2,.story-chapter[data-chapter='2'] h2{font-size:42px;margin:15px 0 12px}
 .story-chapter .chapter-description{font-size:12px;margin-bottom:13px;line-height:1.5}
 .story-chapter .pill-link{min-height:40px;padding:8px 14px;font-size:11px}
 .scene-frame{top:350px;bottom:145px}
 .profile-explorer{bottom:74px}
 .profile-picker button{min-height:36px}
 .profile-explorer .model-caption{font-size:8px}
}
@media(max-width:760px) and (max-height:580px){
 .story-stage{min-height:580px}
 .scene-frame{top:320px;bottom:140px}
 .story-copy{top:123px}
 .story-chapter h1,.story-chapter h2,.story-chapter[data-chapter='2'] h2{font-size:32px;margin:10px 0}
 .story-chapter .chapter-description{font-size:11px;margin-bottom:10px}
}