.material-explorer{--material-line:#f0f0eb30;--material-muted:#adb7ad;color:#f2f2e9;background:#111e19;padding-block:38px 100px;overflow:hidden}.material-explorer-topline{border-top:1px solid var(--material-line);color:var(--material-muted);font:10px/1.5 var(--font-mono,monospace);text-transform:uppercase;letter-spacing:.065em;justify-content:space-between;gap:20px;padding-block:18px;display:flex}.material-explorer-heading{justify-content:space-between;align-items:end;gap:40px;margin-block:54px 62px;display:flex}.material-explorer-heading h2{font-family:var(--font-body);letter-spacing:-.055em;text-transform:none;font-size:clamp(52px,5.7vw,91px);font-weight:500;line-height:1.04}.material-explorer-heading h2 em{color:#d0d5c6;font-style:normal}.material-explorer-heading p{max-width:370px;color:var(--material-muted);margin-bottom:5px;font-size:17px;line-height:1.6}.material-explorer-workbench{grid-template-columns:minmax(245px,.75fr) minmax(0,2fr);gap:clamp(35px,5.6vw,88px);display:grid}.material-explorer-tabs{border-top:1px solid var(--material-line)}.material-explorer-tabs button{border:0;border-bottom:1px solid var(--material-line);color:#8d9e92;text-align:left;background:0 0;align-items:center;gap:19px;width:100%;min-height:112px;padding:24px 0;transition:color .24s,background-color .3s;display:flex;position:relative}.material-explorer-tabs button:after{content:"";transform-origin:0;height:1px;transition:transform .45s var(--hpl-ease,cubic-bezier(.22,1,.36,1));background:#d0d5c6;position:absolute;inset:auto 0 -1px;transform:scaleX(0)}.material-explorer-tabs button[aria-selected=true],.material-explorer-tabs button:hover{color:#f2f2e9}.material-explorer-tabs button[aria-selected=true]:after{transform:scaleX(1)}.material-explorer-tabs button:focus-visible{outline:2px solid var(--yellow,#e7ed2a);outline-offset:6px}.material-explorer-panel:focus-visible{outline:2px solid var(--yellow,#e7ed2a);outline-offset:6px}.material-explorer-details a:focus-visible{outline:2px solid var(--yellow,#e7ed2a);outline-offset:6px}.material-tab-number{color:#81988a;font:10px/1.5 var(--font-mono,monospace);align-self:flex-start;padding-top:6px}.material-explorer-tabs button[aria-selected=true] .material-tab-number{color:var(--yellow,#e7ed2a)}.material-tab-copy{flex:1}.material-tab-copy strong{letter-spacing:-.025em;font-size:clamp(22px,2.05vw,31px);font-weight:500;line-height:1.1;display:block}.material-tab-copy small{color:#99ab9e;margin-top:9px;font-size:13px;line-height:1.4;display:block}.material-tab-arrow{opacity:.4;transition:translate .35s var(--hpl-ease), rotate .35s var(--hpl-ease), opacity .25s;font-size:22px}.material-explorer-tabs button[aria-selected=true] .material-tab-arrow{opacity:1;rotate:45deg}.material-explorer-tabs button:is(:hover,:focus-visible) .material-tab-arrow{opacity:1;translate:2px}.material-explorer-note{color:#d0d5c6;margin-top:42px;font-size:14px;line-height:1.6}.material-explorer-note>span{color:#84998a;margin-top:3px;font-size:12px;display:block}.material-explorer-panel[hidden]{display:none}.material-panel-name{color:#d0d5c6;font:11px/1.5 var(--font-mono,monospace);margin-bottom:20px;display:none}.material-explorer-image{margin:0}.material-image-window{aspect-ratio:1.8;background:#0b1510;border-radius:3px;position:relative;overflow:hidden}.material-image-window img{object-fit:cover;width:100%;height:100%;transition:scale .9s var(--hpl-ease,cubic-bezier(.22,1,.36,1));display:block;scale:1}.material-explorer-image figcaption{border-bottom:1px solid var(--material-line);color:#9fac9f;font:9px/1.6 var(--font-mono,monospace);text-transform:uppercase;letter-spacing:.035em;justify-content:space-between;gap:24px;padding-block:15px;display:flex}.material-explorer-image figcaption>span:last-child{white-space:nowrap;color:#d0d5c6}.material-explorer-details{grid-template-columns:1fr 1.15fr;gap:36px;padding-top:29px;display:grid}.material-explorer-details h3{letter-spacing:-.032em;text-wrap:balance;font-size:clamp(26px,2.25vw,35px);font-weight:500;line-height:1.13}.material-explorer-details p{color:#b5c0b5;font-size:15px;line-height:1.75}.material-keywords{color:#839d8d;flex-wrap:wrap;gap:6px 0;margin:21px 0 0;padding:0;font-size:11px;line-height:1.6;list-style:none;display:flex}.material-keywords li:not(:last-child):after{content:"/";color:#647c6c;margin-inline:9px}.material-explorer-details a{border-bottom:1px solid #728471;justify-content:space-between;align-items:center;gap:40px;margin-top:24px;padding-bottom:8px;font-size:14px;transition:color .22s,border-color .22s;display:inline-flex}.material-explorer-details a span{transition:translate .35s var(--hpl-ease);font-size:20px}.material-explorer-details a:is(:hover,:focus-visible){color:#e6eccf;border-bottom-color:#d0d5c6}.material-explorer-details a:is(:hover,:focus-visible) span{translate:3px -3px}@media (prefers-reduced-motion:no-preference){.material-explorer-panel:not([hidden]) .material-image-window img{animation:material-image-enter .68s var(--hpl-ease,cubic-bezier(.22,1,.36,1)) both}.material-explorer-panel:not([hidden]) .material-explorer-details{animation:material-detail-enter .46s var(--hpl-ease,cubic-bezier(.22,1,.36,1)) both}@keyframes material-image-enter{0%{opacity:.55;filter:blur(1.5px);transform:scale(1.035)}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes material-detail-enter{0%{opacity:.35;translate:0 7px}to{opacity:1;translate:0}}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){html:not([data-motion=paused]) .material-explorer-image:hover img{scale:1.025}}@media (max-width:1050px){.material-explorer-workbench{grid-template-columns:minmax(225px,.8fr) minmax(0,1.8fr);gap:36px}.material-explorer-details{grid-template-columns:1fr;gap:20px}.material-explorer-details h3 br{display:none}.material-explorer-details h3 span+span:before{content:" "}.material-keywords{margin-top:14px}}@media (max-width:900px){.material-explorer-workbench{grid-template-columns:1fr;gap:28px}.material-explorer-tabs{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.material-explorer-tabs button{align-items:start;gap:10px;min-height:99px;padding:20px 10px}.material-tab-copy strong{font-size:20px}.material-tab-copy small{font-size:11px}.material-tab-arrow,.material-explorer-note{display:none}.material-explorer-heading p{max-width:290px;font-size:15px}.material-explorer-details{grid-template-columns:1fr 1.1fr;gap:30px}}@media (max-width:600px){.material-explorer{padding-block:25px 60px}.material-explorer-topline{font-size:8px}.material-explorer-topline>span:last-child{text-align:right}.material-explorer-heading{margin-block:36px 32px;display:block}.material-explorer-heading h2{font-size:clamp(44px,10.5vw,63px)}.material-explorer-heading p{max-width:none;margin-top:22px;font-size:14px}.material-explorer-tabs button{min-height:78px;padding:15px 5px;display:block}.material-tab-number{margin-bottom:8px;padding-top:0;font-size:9px;display:block}.material-tab-copy strong{letter-spacing:-.03em;font-size:clamp(13px,3.7vw,19px)}.material-tab-copy small{display:none}.material-image-window{aspect-ratio:1.32}.material-explorer-image figcaption{gap:16px;padding-block:13px;font-size:8px}.material-explorer-details{grid-template-columns:1fr;gap:22px;padding-top:23px}.material-explorer-details h3{font-size:28px;line-height:1.16}.material-explorer-details h3 br{display:initial}.material-explorer-details h3 span+span:before{content:none}.material-explorer-details p{font-size:15px;line-height:1.7}.material-keywords{margin-top:14px;font-size:10px}}html[data-motion=paused] .material-explorer *,html[data-motion=paused] .material-explorer :after{transition:none!important;animation:none!important}html[data-motion=paused] .material-image-window img{filter:none;transform:none}@media (prefers-reduced-motion:reduce){.material-explorer *,.material-explorer :after{transition:none!important;animation:none!important}.material-image-window img{filter:none;transform:none}}