/* Paper, ink, orange; motion is progressive and optional. */
.material-page{position:relative;isolation:isolate}.material-header{gap:24px}.material-back{justify-self:end;display:flex;gap:14px;align-items:center;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.material-back svg{width:20px;height:20px}.material-header .current{color:#d93413}.material-header .current::after{transform:scaleX(1)}
.material-mobile{display:none}.material-mobile summary{cursor:pointer;list-style:none;min-width:44px;min-height:44px;display:grid;place-items:center}.material-mobile summary::-webkit-details-marker{display:none}.material-mobile svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6}.material-mobile nav{position:absolute;left:0;right:0;top:100%;background:var(--paper);padding:14px 24px 26px;border-bottom:1px solid var(--line);box-shadow:0 20px 25px #15151512}.material-mobile nav a{display:block;padding:16px 0;border-bottom:1px solid var(--line);font-size:20px;font-weight:600}
.material-progress{position:fixed;top:0;left:0;width:100%;height:2px;transform:scaleX(0);transform-origin:left;background:var(--blue);z-index:150;pointer-events:none}
.material-atmosphere{position:fixed;z-index:-1;inset:0;overflow:hidden;pointer-events:none;background-image:radial-gradient(#15151509 .6px,transparent .8px);background-size:9px 9px}.material-glow{position:absolute;width:80vw;height:80vw;max-width:1200px;max-height:1200px;border-radius:50%;right:-40vw;top:18vh;background:radial-gradient(ellipse,#ff4a220e,transparent 65%);animation:material-drift 24s ease-in-out infinite alternate}.material-contours{width:100%;height:100%;opacity:.28;fill:none;stroke:#a9a498;stroke-width:.65;transform-origin:center;animation:material-contour-drift 32s ease-in-out infinite alternate}
@keyframes material-drift{to{transform:translate3d(-30vw,35vh,0) scale(1.15)}}@keyframes material-contour-drift{to{transform:translate3d(-2%,2%,0) scale(1.07)}}
.material-container{max-width:1480px;padding-inline:clamp(24px,4vw,56px);margin-inline:auto}
.material-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:clamp(40px,7vw,110px);padding-block:64px 88px;align-items:center}
.material-hero .eyebrow{color:#bd3014;font-size:12px;margin:0 0 30px}.material-hero h1{font-size:clamp(52px,6.15vw,91px);font-weight:600;line-height:1.04;letter-spacing:-.065em;text-transform:uppercase;margin:0 0 26px}
.material-title-line{display:block;overflow:hidden;padding-block:.14em .07em;margin-block:-.14em -.07em}.material-title-line>span{display:block;transition:transform 1s var(--ease)}.material-title-line:nth-child(2)>span{transition-delay:.12s}.material-title-line em{font-style:normal;color:var(--blue)}
.material-hero-intro{max-width:450px;margin:0 0 30px;color:#53534c;font-size:18px;line-height:1.7}.material-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px}.material-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:58px;padding:16px 24px;font-size:14px;font-weight:700;background:var(--blue);color:#151515;transition:background .25s}.material-primary svg{width:21px;height:21px;transition:transform .35s var(--ease)}.material-primary:hover{background:#ed3c16}.material-primary:hover svg{transform:translate(3px,3px)}.material-secondary{font-size:13px;border-bottom:1px solid var(--ink);padding-block:10px}
.material-hero-foot{margin-top:44px;padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:16px;color:#66665f;font-size:12px}.material-hero-foot strong{font-weight:600;color:var(--ink)}

.material-hero-visual{position:relative;padding:14px 14px 30px 24px;min-width:0}.material-hero-frame{position:absolute;inset:0 0 16px 10px;border:1px solid #15151535;pointer-events:none}.material-hero-frame::before{content:"";position:absolute;left:-1px;top:-1px;width:74px;height:3px;background:var(--blue)}
.material-hero-image{position:relative;overflow:hidden;margin:0;aspect-ratio:4/4.75;background:#dadbd5;transition:clip-path 1.3s var(--ease)}.material-hero-image img{width:100%;height:100%;object-fit:cover;transform:scale(1.035);transition:transform 1.2s var(--ease)}.material-hero-image::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#15151555,transparent 35%);pointer-events:none}
.material-hero-caption{position:absolute;bottom:24px;left:24px;right:24px;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:14px;color:#fff;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.material-hero-caption strong{font-size:21px;letter-spacing:-.03em;font-weight:500}
.material-swatch{position:absolute;left:-24px;bottom:7px;padding:20px 24px;background:#151515;color:#fff;width:220px;box-shadow:0 14px 34px #1515151a;display:flex;align-items:center;gap:16px}.material-swatch svg{width:36px;height:38px;flex:none;fill:none;stroke:var(--blue);stroke-width:1.4}.material-swatch span{display:block;font-size:12px;line-height:1.7}.material-swatch small{display:block;color:#bdbdb4;font-size:9px;text-transform:uppercase;letter-spacing:.1em}
.material-library{padding-block:0 90px;scroll-margin-top:104px}.material-library-heading{border-top:1px solid var(--line);padding-top:26px;margin-bottom:28px;display:flex;align-items:end;justify-content:space-between;gap:30px}.material-library-heading .eyebrow{font-size:11px;color:#bd3014;margin:0 0 12px}.material-library-heading h2{font-size:clamp(30px,3.1vw,45px);line-height:1.12;letter-spacing:-.045em;font-weight:500;margin:0}.material-library-heading>p{max-width:390px;color:#66665f;font-size:13px;line-height:1.7;margin:0}
.material-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 0 24px}.material-filters{display:flex;flex-wrap:wrap;gap:8px}.material-filters[hidden]{display:none}.material-filter{min-height:46px;border:1px solid #15151530;padding:10px 15px;font-size:12px;font-weight:500;background:var(--paper);cursor:pointer;transition:background .2s,color .2s,border-color .2s}.material-filter[aria-pressed="true"]{background:#151515;border-color:#151515;color:#fff}.material-filter:hover{border-color:#151515}.material-filter sup{font-size:9px;opacity:.6;margin-left:6px}.material-result-count{white-space:nowrap;font-size:11px;color:#66665f}
.material-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:30px;row-gap:48px}.material-card{position:relative;min-width:0;transition:opacity .7s var(--ease),transform .85s var(--ease)}.material-card[hidden]{display:none}.material-media{position:relative;overflow:hidden;aspect-ratio:4/5;margin:0;background:#dddcd5;isolation:isolate}.material-media img{height:100%;width:100%;object-fit:cover;transform:scale(1.005);transition:transform 1.1s var(--ease)}.material-media::after{position:absolute;content:"";inset:0;background:linear-gradient(0deg,#101010ae,transparent 37%);pointer-events:none}.material-media::before{position:absolute;z-index:2;content:"";inset:-50%;pointer-events:none;background:linear-gradient(115deg,transparent 42%,#ffffff14 49%,transparent 56%);transform:translateX(-100%);transition:transform 1.3s var(--ease)}.material-card:hover .material-media::before{transform:translateX(100%)}
.material-photo-index{position:absolute;top:16px;left:16px;z-index:2;width:31px;height:31px;display:grid;place-items:center;border:1px solid #ffffff6b;background:#15151542;color:#fff;font-size:10px;font-weight:500;backdrop-filter:blur(6px)}
.material-media figcaption{position:absolute;bottom:22px;left:22px;right:18px;z-index:2;color:#fff}.material-media figcaption small{display:block;text-transform:uppercase;font-size:9px;letter-spacing:.12em;margin-bottom:7px;opacity:.8}.material-media h3{font-weight:500;font-size:clamp(25px,2.3vw,35px);line-height:1.05;letter-spacing:-.045em;margin:0}
.material-copy{padding:22px 0 0}.material-copy>h4{font-size:19px;font-weight:500;letter-spacing:-.03em;margin:0 0 8px}.material-description{color:#64645c;font-size:14px;line-height:1.65;margin:0 0 18px;min-height:46px}.material-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:22px}.material-tags span{font-size:9px;letter-spacing:.06em;padding:5px 7px;border:1px solid #1515151f;color:#65655e}
.material-metrics{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px;margin:0 0 22px}.material-metrics>div{min-width:0}.material-metrics dt{font-size:11px;color:#62625c;margin-bottom:7px}.material-metrics dd{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0}.material-meter{display:flex;gap:3px;flex:1;max-width:112px}.material-meter i{height:3px;flex:1;display:block;background:#15151518;overflow:hidden}.material-meter i::before{display:block;content:"";width:100%;height:100%;background:var(--blue);transform-origin:left;transform:scaleX(1);transition:transform .7s var(--ease)}.material-meter i:not(.is-filled)::before{display:none}.material-metric-value{font-size:10px;color:#5d5d56;white-space:nowrap}.material-metric-value.is-unknown{font-size:9px}
.material-card-action{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 0;border-top:1px solid var(--line);font-size:12px;font-weight:600;min-height:54px;transition:color .2s}.material-card-action svg{width:19px;height:19px;transition:transform .3s var(--ease)}.material-card-action:hover{color:#c43113}.material-card-action:hover svg{transform:translate(3px,-3px)}
.material-consult{align-self:stretch;grid-column:span 2;background:#151515;color:#f5f4ef;padding:clamp(30px,4vw,54px);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.material-consult::before{content:"";width:400px;height:400px;border:1px solid #ffffff12;position:absolute;right:-180px;top:-120px;border-radius:50%;box-shadow:0 0 0 40px #ffffff06,0 0 0 80px #ffffff04}.material-consult .eyebrow{color:#ff7757;font-size:11px}.material-consult h3{font-size:clamp(32px,4vw,56px);letter-spacing:-.05em;font-weight:500;line-height:1.1;max-width:440px;margin:0 0 20px;position:relative}.material-consult h3 em{color:#ff6b49;font-style:normal}.material-consult>p{color:#b6b6ac;font-size:16px;line-height:1.7;max-width:380px;margin:0 0 28px}.material-consult>a{align-self:flex-start;background:var(--blue);color:#151515;padding:16px 22px;min-height:55px;display:flex;align-items:center;gap:34px;font-size:13px;font-weight:600}.material-consult a svg{width:21px;height:21px}.material-consult.is-filtered{grid-column:1/-1;min-height:340px}
.material-footnote{margin:35px 0 0;padding-top:20px;border-top:1px solid var(--line);color:#66665f;max-width:800px;font-size:12px;line-height:1.75}
.material-footer{background:#151515;color:#f5f4ef;padding-block:50px 28px}.material-footer-top{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-bottom:40px}.material-footer .brand-lockup{width:210px;height:68px}.material-footer img{filter:brightness(0) invert(1)}.material-footer nav{display:flex;flex-wrap:wrap;gap:24px;font-size:13px}.material-footer nav a{padding-block:10px}.material-footer nav a:hover{color:#ff7757}.material-footer-bottom{border-top:1px solid #ffffff26;padding-top:24px;display:flex;justify-content:space-between;gap:20px;color:#a9a99f;font-size:11px}
.material-motion .material-hero:not(.is-visible) .material-title-line>span{transform:translateY(130%)}.material-motion .material-hero:not(.is-visible) .material-hero-image{clip-path:inset(0 0 100% 0)}.material-motion .material-card:not(.is-visible){opacity:0;transform:translateY(32px)}.material-motion .material-card:not(.is-visible) .material-meter i::before{transform:scaleX(0)}.material-card.is-visible .material-meter i:nth-child(2)::before{transition-delay:.07s}.material-card.is-visible .material-meter i:nth-child(3)::before{transition-delay:.14s}.material-card.is-visible .material-meter i:nth-child(4)::before{transition-delay:.21s}.material-card.is-visible .material-meter i:nth-child(5)::before{transition-delay:.28s}
.material-page.is-motion-paused *,.material-page.is-document-hidden *{animation-play-state:paused!important}.material-page.is-motion-paused .material-media img{transform:none!important;transition:none!important}
@media(hover:hover) and (pointer:fine){.material-card:hover .material-media img{transform:scale(1.045) translate3d(var(--material-x,0px),var(--material-y,0px),0)}.material-hero-visual:hover .material-hero-image img{transform:scale(1.055) translate3d(var(--material-x,0px),var(--material-y,0px),0)}}
@media(max-width:1150px){.material-hero{gap:40px}.material-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 26px}.material-consult{grid-column:1/-1;min-height:340px}.material-swatch{left:0;width:190px;padding:16px}}
@media(max-width:1050px){.material-mobile{display:block}.material-header .brand-lockup{justify-self:center}.material-header{gap:12px}.material-back span{display:none}.material-back{min-width:44px;min-height:44px;justify-content:center}}
@media(max-width:760px){.material-container{padding-inline:22px}.material-hero{grid-template-columns:minmax(0,1fr);padding-block:40px 58px;gap:34px}.material-hero .eyebrow{margin-bottom:22px;font-size:11px}.material-hero h1{font-size:clamp(46px,10.4vw,72px);margin-bottom:23px}.material-hero-intro{font-size:16px;line-height:1.7;margin-bottom:25px}.material-primary{font-size:13px;padding-inline:20px;min-height:56px;gap:20px}.material-secondary{font-size:12px}.material-hero-actions{gap:18px}.material-hero-foot{margin-top:25px;padding-top:14px;font-size:11px}.material-hero-visual{padding:10px 10px 24px;width:100%;max-width:520px;justify-self:center}.material-hero-frame{inset:0 0 12px}.material-hero-image{aspect-ratio:4/4.3}.material-hero-caption{left:18px;right:18px;bottom:22px}.material-swatch{bottom:0;left:-5px;width:198px;padding:14px 18px}.material-library{padding-block:0 58px;scroll-margin-top:86px}.material-library-heading{display:block;padding-top:22px;margin-bottom:14px}.material-library-heading h2{font-size:34px}.material-library-heading>p{margin-top:18px;max-width:none;font-size:12px}.material-toolbar{display:block;padding-block:10px 22px}.material-filters{display:grid;grid-template-columns:1fr 1fr;gap:8px}.material-filter{font-size:11px;padding:11px 8px;min-height:47px}.material-result-count{display:block;margin-top:16px;font-size:11px}.material-grid{grid-template-columns:minmax(0,1fr);row-gap:38px}.material-copy{padding-top:20px}.material-copy>h4{font-size:21px}.material-description{min-height:0;font-size:15px;margin-bottom:16px}.material-tags{margin-bottom:19px}.material-metrics{gap:15px 25px}.material-metrics dt{font-size:12px}.material-metric-value{font-size:11px}.material-meter{max-width:none}.material-meter i{height:4px}.material-card-action{font-size:13px;min-height:58px}.material-media h3{font-size:34px}.material-consult{grid-column:1;padding:34px 25px;min-height:360px}.material-consult.is-filtered{min-height:360px}.material-consult h3{font-size:40px}.material-consult>p{font-size:15px}.material-footer-top{flex-direction:column;align-items:flex-start;gap:20px;padding-bottom:28px}.material-footer nav{gap:10px 22px;font-size:12px}.material-footer-bottom{flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){.material-page *,.material-page *::before,.material-page *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.material-card{opacity:1!important;transform:none!important}.material-hero-image{clip-path:none!important}.material-media img{transform:none!important}.material-title-line>span{transform:none!important}}

/* Keep the photo caption clear of the floating material label. */
.material-swatch{z-index:3}.material-hero-caption{left:auto;right:24px;flex-direction:column;align-items:flex-end;gap:6px}
@media(max-width:760px){.material-hero-caption{right:16px;bottom:28px}.material-hero-caption strong{display:none}}

/* Vertical desktop chapters; the approved phone layout stays intact. */
.material-family-name{display:none}
.material-atmosphere{inset:-5%;background-size:11px 11px}
.material-glow{width:100vw;height:100vw;max-width:1500px;max-height:1500px;right:-32vw;top:-12vh;background:radial-gradient(ellipse,#ff4a2226 0%,#ff714512 32%,transparent 65%);animation:material-heat-drift 20s ease-in-out infinite alternate}
.material-glow-secondary{position:absolute;width:85vw;height:85vw;left:-35vw;bottom:-25vh;border-radius:50%;background:radial-gradient(ellipse,#bdad9230,transparent 66%);animation:material-heat-counter 26s ease-in-out infinite alternate}
.material-contours{opacity:.4;stroke:#a7a093;stroke-width:.9;animation:material-contour-breathe 22s ease-in-out infinite alternate;translate:calc(var(--material-scroll,0)*-65px) calc(var(--material-scroll,0)*35px)}



.material-hero-foot{min-height:67px}
@keyframes material-heat-drift{from{transform:translate3d(4vw,-7vh,0) scale(.9)}to{transform:translate3d(-36vw,45vh,0) scale(1.16)}}
@keyframes material-heat-counter{from{transform:translate3d(-3vw,12vh,0)}to{transform:translate3d(32vw,-32vh,0) scale(1.2)}}
@keyframes material-contour-breathe{from{transform:translate3d(2%,-3%,0) scale(1)}to{transform:translate3d(-5%,4%,0) scale(1.13)}}

@media(min-width:761px){
 .material-grid{grid-template-columns:minmax(0,1fr);row-gap:76px}
 .material-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:clamp(44px,7vw,104px);align-items:center;padding-block:0 76px;border-bottom:1px solid var(--line)}
 .material-card[hidden]{display:none}
 .material-media{width:100%;max-width:620px;aspect-ratio:4/5}
 .material-card:nth-of-type(even) .material-media{grid-column:2;grid-row:1;justify-self:end}
 .material-card:nth-of-type(even) .material-copy{grid-column:1;grid-row:1}
 .material-copy{padding:20px 0;min-width:0}
 .material-family-name{display:block;font-size:clamp(38px,4.4vw,66px);font-weight:500;line-height:1.05;letter-spacing:-.06em;margin:0 0 24px;overflow-wrap:break-word}
 .material-copy>h4{font-size:clamp(24px,2.2vw,33px);line-height:1.2;letter-spacing:-.04em;margin-bottom:16px;max-width:450px}
 .material-description{font-size:18px;line-height:1.8;min-height:0;max-width:430px;margin-bottom:26px}
 .material-tags{margin-bottom:38px;gap:8px}
 .material-tags span{font-size:10px;padding:7px 10px;letter-spacing:.07em}
 .material-metrics{grid-template-columns:minmax(0,1fr);gap:0;margin-bottom:28px;max-width:460px}
 .material-metrics>div{display:grid;grid-template-columns:minmax(110px,.85fr) minmax(0,1fr);gap:24px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}
 .material-metrics dt{font-size:14px;margin:0}
 .material-metrics dd{gap:18px}
 .material-meter{max-width:none;gap:5px}
 .material-meter i{height:5px}
 .material-metric-value{font-size:12px;min-width:34px;text-align:right}
 .material-metric-value.is-unknown{font-size:11px}
 .material-card-action{max-width:460px;min-height:62px;font-size:14px}
 .material-card-action svg{width:23px;height:23px}
 .material-media h3{font-size:clamp(32px,3.4vw,49px)}
 .material-media figcaption{left:30px;bottom:30px;right:24px}
 .material-media figcaption small{font-size:10px;margin-bottom:10px}
 .material-photo-index{width:38px;height:38px;top:22px;left:22px;font-size:12px}
 .material-consult,.material-consult.is-filtered{grid-column:1;min-height:420px;padding:60px 64px}
 .material-consult h3{max-width:650px}
 .material-consult>p{max-width:520px}
 .material-library{padding-bottom:100px}
}
@media(min-width:761px) and (max-width:1050px){
 .material-grid{row-gap:54px}
 .material-card{gap:34px;padding-bottom:54px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .material-family-name{font-size:37px;margin-bottom:18px}
 .material-copy>h4{font-size:25px}
 .material-description{font-size:16px;margin-bottom:18px}
 .material-tags{margin-bottom:24px}
 .material-metrics>div{gap:12px;padding:12px 0;grid-template-columns:minmax(95px,.9fr) minmax(0,1fr)}
 .material-metrics dt{font-size:12px}
 .material-metrics dd{gap:10px}
 .material-consult,.material-consult.is-filtered{padding:42px}
}
@media(max-width:760px){
 .material-hero-foot{min-height:59px}
 .material-glow{width:150vw;height:150vw;right:-75vw;top:15vh;background:radial-gradient(ellipse,#ff4a221a,transparent 65%)}
 .material-glow-secondary{width:140vw;height:140vw;left:-90vw}
 .material-contours{opacity:.35}
 
}
@media(prefers-reduced-motion:reduce){
 .material-contours{translate:none!important}
 .material-atmosphere *{animation:none!important}
}

/* Continuous warm contours share one SVG transform: no dashes, repainting stroke offsets or loop jumps. */
.material-contours path{vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.material-contours-trace{stroke:url(#material-warm-contour);stroke-width:1.25;opacity:.92;pointer-events:none}
@media(max-width:760px){.material-contours-trace{stroke-width:1.1;opacity:.8}}