/* Direction 03: MATBUD signature, movement and store utilities. */
.product-bottom>a{display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:3px;background:#fff}
.product-bottom>a:hover{background:var(--orange);border-color:var(--orange)}
@media(max-width:600px){.product-bottom>a{margin-left:auto}}
[hidden]{display:none!important}
.header{background:#fff;transition:background .25s,box-shadow .25s;isolation:isolate}
.header-inner{gap:30px;transition:height .25s}
.header-actions{gap:24px;align-items:center;flex-shrink:0}
.logo{transition:width .25s}
.action{padding:0;min-width:44px;min-height:44px}
.action:hover{color:var(--blue)}
.search-shortcut{display:none}
.header.is-scrolled{background:rgba(255,255,255,.85);backdrop-filter:blur(18px);box-shadow:0 5px 30px #12375912}
.header.is-scrolled .header-inner{height:78px}
.header.is-scrolled .logo{width:205px;margin-right:auto}
.header.is-scrolled .search{display:none}
.header.is-scrolled .search-shortcut{display:flex}
.header.is-scrolled .nav-inner{min-height:46px}
.header.is-scrolled .nav-item{padding:12px 0}
.header.is-scrolled.compact-search-open .search{display:flex}
.navigation{background:transparent}
.hero-brand-m{position:absolute;z-index:1;bottom:-90px;left:-110px;width:340px;height:660px;opacity:.18;pointer-events:none;animation:brand-drift 8s ease-in-out infinite alternate}
.hero-brand-m img{position:absolute;max-width:none;width:660px;height:340px;top:50%;left:50%;transform:translate(-50%,-50%) rotate(90deg)}
.hero-photo{animation:hero-pan 18s ease-in-out infinite alternate;transform-origin:65% 55%}
.hero-explore{display:inline-flex;align-items:center;gap:12px;margin-top:25px;font-size:11px;font-weight:600;color:var(--navy)}
.explore-icon{display:grid;place-items:center;width:30px;height:38px;border:1px solid #12375935;border-radius:20px;background:#ffffff80}
.explore-icon svg{width:15px;height:15px;transform:rotate(180deg);animation:scroll-cue 2s ease-in-out infinite}
.hero-explore:hover{color:var(--blue)}
.hero-motion-toggle{position:absolute;right:22px;bottom:65px;z-index:4;display:flex;align-items:center;gap:7px;padding:9px 12px;min-height:36px;background:#102a40a8;color:#fff;backdrop-filter:blur(8px);border:1px solid #ffffff50;border-radius:2px;font-size:10px}
.hero-motion-toggle svg{width:14px;height:14px}
.hero.motion-paused .hero-photo,.hero.motion-paused .hero-brand-m,.hero.motion-paused .explore-icon svg{animation-play-state:paused}
.hero.motion-offscreen .hero-photo,.hero.motion-offscreen .hero-brand-m,.hero.motion-offscreen .explore-icon svg{animation-play-state:paused}
@keyframes hero-pan{from{transform:scale(1)}to{transform:scale(1.045)}}
@keyframes brand-drift{from{translate:0 0}to{translate:0 -18px}}
@keyframes scroll-cue{0%,100%{translate:0 -2px}50%{translate:0 3px}}
.company-section{padding:90px 0;background:linear-gradient(120deg,#f2f7fc,#fff 80%)}
.company-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.company-visual{position:relative;min-height:620px;align-self:stretch;overflow:hidden;background:#123759;border-radius:4px}
.company-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:48% 50%}
.company-visual::after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#0c243dc9);pointer-events:none}
.company-photo-label{position:absolute;bottom:32px;left:32px;right:32px;z-index:1;display:flex;align-items:center;gap:22px;color:#fff}
.company-photo-label img{width:75px}
.company-photo-label span{font-size:11px;letter-spacing:.1em}
.company-photo-label strong{font-size:28px;font-weight:600;letter-spacing:-.03em;display:block;margin-top:4px;line-height:1.15}
.company-since{position:absolute;top:25px;left:25px;background:#fffef5f0;padding:17px 22px;display:flex;gap:16px;align-items:center;backdrop-filter:blur(8px);border-left:4px solid var(--orange)}
.company-since strong{font-size:42px;letter-spacing:-.055em;line-height:1;font-weight:650}
.company-since span{font-size:11px;color:#4a6074;line-height:1.4}
.company-copy{padding:15px 0;min-width:0}
.company-copy>.eyebrow{display:flex;align-items:center;gap:12px}
.company-copy>.eyebrow::before{content:"";width:25px;height:2px;background:var(--orange)}
.company-copy h2{font-size:clamp(50px,4.6vw,82px);line-height:1.02;margin-bottom:28px}
.company-copy h2 em{color:var(--blue)}
.company-copy p{font-size:16px;margin:18px 0;max-width:700px}
.company-copy p.company-lead{font-size:22px;line-height:1.45;color:var(--navy);letter-spacing:-.025em}
.company-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:30px}
.company-offers{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.company-offers>a{position:relative;padding:30px;border:1px solid #dce6ee;background:#ffffffb0;border-radius:3px;transition:background .2s,border-color .2s}
.company-offers>a:hover{background:#fff;border-color:var(--orange)}
.company-number{display:block;font-size:11px;color:var(--orange);font-weight:600;margin-bottom:20px}
.company-offers h3{font-size:29px;line-height:1.1;margin-bottom:13px;letter-spacing:-.04em}
.company-offers p{font-size:14px;max-width:380px;min-height:48px;margin-bottom:22px}
.company-offers .text-link{font-size:12px}
.site-footer{position:relative;overflow:hidden;isolation:isolate}
.site-footer>.container,.footer-benefits{position:relative;z-index:1}
.footer-brand-m{position:absolute;z-index:0;left:-75px;top:65px;width:200px;height:640px;opacity:.45;pointer-events:none}
.footer-brand-m img{position:absolute;max-width:none;width:640px;height:300px;top:50%;left:50%;transform:translate(-50%,-50%) rotate(90deg)}
.footer-invitation{padding-left:130px}
.product-card{position:relative}
.favorite-toggle{position:absolute;top:11px;right:11px;z-index:2;display:grid;place-items:center;min-width:42px;min-height:42px;border:1px solid #dce5ed;background:#fffffff2;border-radius:50%;color:var(--navy);box-shadow:0 3px 12px #1237590a}
.favorite-toggle svg{width:21px;height:21px}
.favorite-toggle:hover{color:var(--orange);border-color:var(--orange)}
.favorite-toggle[aria-pressed=true]{color:var(--orange);background:#fff7ed;border-color:#ef7a1455}
.favorite-toggle[aria-pressed=true] svg{fill:var(--orange);stroke:var(--orange)}
.product-tag{max-width:calc(100% - 70px)}
.favorites-dialog,.account-dialog{width:min(740px,calc(100% - 32px));border-radius:6px;padding:42px}
.favorites-dialog>.muted,.account-dialog>.muted{font-size:15px;margin:15px 0 25px}
.favorite-item{display:grid;grid-template-columns:90px 1fr auto;gap:20px;align-items:center;padding:18px 0;border-top:1px solid var(--line)}
.favorite-item>img,.favorite-item>.diagram{width:90px;height:85px;object-fit:cover;background:var(--wash);border-radius:3px}
.favorite-item h3{font-size:21px;line-height:1.15;letter-spacing:-.03em}
.favorite-item p{font-size:12px;margin:7px 0 10px}
.favorite-item button.text-link{background:none;padding:0;font-size:12px}
.favorite-remove{background:var(--wash);width:44px;height:44px;border-radius:3px}
.favorite-remove:hover{color:var(--orange)}
.favorites-dialog>.button{margin-top:25px}
.account-symbol{display:grid;place-items:center;width:58px;height:58px;background:#edf5fc;color:var(--blue);border-radius:50%;margin-bottom:23px}
.account-symbol svg{width:30px;height:30px}
.account-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0}
.account-options>div{padding:22px 17px;background:#f3f7fa;border:1px solid #e1eaf1;border-radius:3px}
.account-options i{display:block;color:var(--blue);margin-bottom:16px}
.account-options strong{display:block;font-size:14px;line-height:1.3}
.account-options span{display:block;font-size:12px;color:var(--muted);margin-top:7px;line-height:1.4}
.account-note{font-size:12px;line-height:1.5;margin-bottom:22px}
.back-to-top{position:fixed;bottom:24px;right:24px;z-index:28;background:#111;color:white;border-top:5px solid #fff;box-shadow:0 3px 14px #0002;width:54px;height:58px;display:grid;place-items:center;transition:background .2s}
.back-to-top svg{width:19px;height:19px}
.back-to-top:hover{background:var(--navy)}
@media(max-width:1200px){.header-actions{gap:18px}.header-inner{gap:24px}.logo{width:210px}.company-grid{gap:45px}.company-visual{min-height:610px}.company-copy h2{font-size:58px}.company-copy p{font-size:15px}.company-copy p.company-lead{font-size:20px}.company-offers>a{padding:25px}.company-offers h3{font-size:26px}.footer-invitation{padding-left:110px}.footer-brand-m{left:-100px}}
@media(max-width:1000px) and (min-width:601px){.header-inner{flex-wrap:wrap;height:140px;padding-top:10px;padding-bottom:10px;gap:10px}.logo{margin-right:auto}.header-actions{gap:18px}.search{order:3;flex-basis:100%;height:42px}.header.is-scrolled .header-inner{height:75px;flex-wrap:nowrap}.header.is-scrolled.compact-search-open .header-inner{flex-wrap:wrap;height:125px}.header.is-scrolled .logo{width:185px}.header.is-scrolled .contact-action{display:none}}
@media(max-width:850px){.company-section{padding:60px 0}.company-grid{grid-template-columns:1fr;gap:30px}.company-visual{min-height:420px}.company-copy h2 br{display:none}.company-copy h2{font-size:60px}.company-copy p{max-width:none}.company-offers{gap:12px;margin-top:30px}.company-offers>a{padding:22px}.company-offers h3{font-size:23px;min-height:50px}.company-offers p{font-size:13px;min-height:85px}.hero-brand-m{left:-115px}.footer-invitation{padding-left:65px}.footer-brand-m{left:-140px;opacity:.3}.header.is-scrolled .nav-item{padding:12px 10px}}
@media(max-width:600px){html{scroll-padding-top:115px}.header-inner{position:relative;gap:0 8px;height:122px;grid-template-rows:60px 42px}.logo{width:175px}.header-actions{gap:8px}.action{min-width:44px;min-height:44px}.action svg{width:22px;height:22px}.mobile-menu{position:absolute;bottom:12px;left:0}.search{margin-left:52px;width:calc(100% - 52px);margin-top:0}.header.is-scrolled .header-inner{height:103px;grid-template-rows:54px 37px;padding-bottom:8px}.header.is-scrolled .logo{width:160px;margin-right:0}.header.is-scrolled .mobile-menu{bottom:8px;width:95px;flex-direction:row;gap:10px;justify-content:flex-start}.header.is-scrolled .mobile-menu::after{content:"Menu";font-size:12px}.header.is-scrolled .search-shortcut{position:absolute;bottom:8px;right:0;flex-direction:row;min-height:36px;gap:7px}.header.is-scrolled .search-shortcut>span{display:block;font-size:12px}.header.is-scrolled.compact-search-open .mobile-menu{width:44px}.header.is-scrolled.compact-search-open .mobile-menu::after{content:none}.header.is-scrolled.compact-search-open .search-shortcut{display:none}.header.is-scrolled.compact-search-open .search{height:37px;margin-left:52px}.hero-brand-m{bottom:-100px;left:-130px;opacity:.26;width:260px;height:530px}.hero-brand-m img{width:530px;height:260px}.hero-explore{margin-top:20px;font-size:10px;gap:9px}.explore-icon{width:25px;height:32px}.hero-motion-toggle{bottom:48px;right:16px;padding:8px 10px;font-size:9px}.hero-motion-toggle span{display:none}.hero-motion-toggle{min-width:36px}.hero-inner,.hero-main{min-height:725px}.hero-copy{padding-bottom:245px}.hero-photo{height:52%}.company-section{padding:45px 0}.company-visual{min-height:350px}.company-copy h2{font-size:47px;margin-bottom:23px}.company-copy h2 br{display:block}.company-copy p.company-lead{font-size:19px}.company-copy p{font-size:14px;line-height:1.7}.company-since{top:18px;left:18px;padding:13px 16px;gap:13px}.company-since strong{font-size:34px}.company-since span{font-size:10px}.company-photo-label{left:22px;right:22px;bottom:24px;gap:15px}.company-photo-label img{width:55px}.company-photo-label strong{font-size:23px}.company-photo-label span{font-size:9px}.company-actions{gap:20px;margin-top:25px}.company-offers{grid-template-columns:1fr;gap:12px;margin-top:28px}.company-offers>a{padding:25px}.company-number{margin-bottom:12px}.company-offers h3{font-size:28px;min-height:0}.company-offers p{min-height:0;margin-bottom:18px;font-size:14px}.footer-invitation{padding-left:40px}.footer-brand-m{top:35px;left:-125px;width:150px;height:460px;opacity:.4}.footer-brand-m img{width:460px;height:215px}.favorite-toggle{width:36px;height:36px;min-width:36px;min-height:36px;top:8px;right:8px}.favorite-toggle svg{width:18px;height:18px}.favorites-dialog,.account-dialog{padding:35px 23px;max-height:90dvh}.favorite-item{grid-template-columns:64px 1fr 36px;gap:12px}.favorite-item>img,.favorite-item>.diagram{width:64px;height:75px}.favorite-item h3{font-size:18px}.favorite-item p{font-size:10px}.favorite-remove{width:36px;height:36px}.account-options{grid-template-columns:1fr}.account-options>div{display:grid;grid-template-columns:26px 1fr;gap:2px 12px;padding:17px}.account-options i{grid-row:1/3;margin:0}.account-options span{grid-column:2;margin:0;font-size:11px}.back-to-top{bottom:86px;right:16px;width:48px;height:52px}}
@media(max-width:370px){.logo,.header.is-scrolled .logo{width:130px}.header-actions{gap:6px}.hero-inner,.hero-main{min-height:790px}.hero-brand-m{bottom:-75px;left:-140px}.hero-copy{padding-bottom:270px}.company-copy h2{font-size:42px}.company-photo-label strong{font-size:20px}.company-offers h3{font-size:25px}.footer-invitation{padding-left:25px}.footer-invitation h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){.hero-motion-toggle{display:none}.hero-photo,.hero-brand-m,.explore-icon svg{animation:none}}

/* A shared orange edge links the section headings to the 2013 badge. */
.section-head h2,.selection-copy h2,.spotlight-copy h2,.contact-copy h2,.company-copy h2,.footer-invitation h2{border-left:4px solid var(--orange);padding-left:22px}
.brand-word{display:flex;align-items:center;gap:18px}
.brand-word>.brand-sign{width:65px;height:auto;flex-shrink:0}
.brand-word>.brand-name{font-size:26px;color:inherit;letter-spacing:-.055em;line-height:1.05;margin:0;font-weight:700}
.brand-name>span{display:block;color:var(--orange);font-size:10px;letter-spacing:.15em;font-weight:600;margin-top:7px}
.footer-tag{display:flex;align-items:center;gap:12px}
.footer-tag>img{width:32px;height:auto;background:none;border-radius:0;padding:0}
.contact-copy{position:relative;isolation:isolate;overflow:hidden}
.contact-copy::after{content:"";position:absolute;right:-50px;bottom:32px;width:340px;height:160px;background:url("assets/brand-m.svg") center/contain no-repeat;opacity:.07;pointer-events:none;z-index:-1}
@media(max-width:850px){.section-head h2,.selection-copy h2,.spotlight-copy h2,.contact-copy h2,.company-copy h2,.footer-invitation h2{padding-left:18px}}
@media(max-width:600px){.section-head h2,.selection-copy h2,.spotlight-copy h2,.contact-copy h2,.company-copy h2,.footer-invitation h2{border-left-width:3px;padding-left:15px}.brand-word{gap:14px}.brand-word>.brand-sign{width:53px}.brand-word>.brand-name{font-size:25px}.brand-name>span{font-size:9px;margin-top:6px}.contact-copy h2{font-size:35px}.contact-copy::after{width:245px;height:115px;right:-35px;bottom:25px}.footer-tag>img{width:30px}}
@media(max-width:370px){.contact-copy h2{font-size:28px}.spotlight-copy h2{font-size:45px}.company-copy h2{font-size:39px}.brand-word>.brand-sign{width:47px}.brand-word>.brand-name{font-size:23px}}

/* The selection mark stays behind the copy and the solid form panel. */
.selection-panel{position:relative;isolation:isolate;overflow:hidden}
.selection-panel::before{content:"";position:absolute;left:-85px;bottom:-45px;width:640px;height:300px;background:url("assets/brand-m.svg") center/contain no-repeat;opacity:.09;z-index:-1;pointer-events:none}
.guide-more{display:flex;justify-content:center;margin-top:38px}
.guide-more .button{min-width:250px}
@media(max-width:850px){.selection-panel::before{width:520px;height:245px;left:-90px;top:95px;bottom:auto}}
@media(max-width:600px){.selection-panel::before{width:400px;height:190px;left:-75px;top:160px;opacity:.1}.guide-more{margin-top:30px}.guide-more .button{width:100%;min-width:0}}

.hero-photo.hero-slide{opacity:0;transition:opacity 1.2s ease-in-out;pointer-events:none}.hero-photo.hero-slide.is-active{opacity:1}.hero-slide-controls{position:absolute;z-index:4;right:22px;bottom:215px;display:flex;gap:7px}.hero-slide-controls button{display:flex;align-items:center;gap:8px;padding:10px 13px;min-height:40px;border:1px solid #ffffff55;background:#102a408f;color:#fff;backdrop-filter:blur(8px);border-radius:3px;font-size:11px;transition:background .2s}.hero-slide-controls button[aria-pressed=true]{background:#ef7a14;color:#123759;border-color:#ef7a14;font-weight:700}.hero-slide-controls button:hover{border-color:#ef7a14}.hero-slide-controls button:focus-visible{outline:2px solid white;outline-offset:3px}@media(max-width:600px){.hero-slide-controls{right:16px;bottom:94px;gap:6px}.hero-slide-controls button{padding:8px 10px;font-size:10px;min-height:36px}}@media(prefers-reduced-motion:reduce){.hero-photo.hero-slide{transition:none}}