/* Corporate adaptation of Han's about-page spacing and typography. */
#MainContent .han-evergreen h3{font:500 clamp(18px,1.4vw,24px)/1.35 HanAvenir,"Avenir Next",sans-serif;margin:16px 0}
#MainContent .han-evergreen .han-evergreen-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:12px 20px;border:0;border-radius:12px;background:#e8e8e6;color:#202020;font:inherit;line-height:1.5;text-decoration:none;cursor:pointer;margin-top:32px}
#MainContent .han-evergreen a:focus-visible,#MainContent .han-evergreen button:focus-visible,#MainContent .han-evergreen input:focus-visible,#MainContent .han-evergreen select:focus-visible,#MainContent .han-evergreen textarea:focus-visible{outline:2px solid #202020;outline-offset:4px}
#MainContent .han-evergreen-logos{width:min(84vw,1440px);margin:3vw auto 0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:3vw;align-items:center}
#MainContent .han-evergreen .han-evergreen-logos img{height:90px!important;object-fit:contain!important}
#MainContent .han-evergreen-compare{position:relative;isolation:isolate}
#MainContent .han-evergreen .han-compare-after{position:absolute;inset:0;height:100%!important;clip-path:inset(0 calc(100% - var(--compare)) 0 0);object-fit:cover!important}
#MainContent .han-compare-line{position:absolute;top:0;bottom:0;left:var(--compare);width:2px;background:white;pointer-events:none}
#MainContent .han-compare-line span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:white;padding:10px;font-size:22px;color:#202020}
#MainContent .han-compare-control{position:absolute;inset:0;font-size:0}
#MainContent .han-compare-control input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}
#MainContent .han-evergreen-compare:focus-within{outline:2px solid #202020;outline-offset:5px}
#MainContent .han-evergreen-steps{width:74vw;margin:3vw auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4vw;text-align:left}
#MainContent .han-evergreen-steps>div>span{color:#72756b}
#MainContent .han-evergreen-examples{width:84vw;margin:auto;text-align:center}
#MainContent .han-evergreen-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2vw;margin-top:3vw}
#MainContent .han-evergreen-grid figure{aspect-ratio:1;overflow:hidden;border-radius:10px}
#MainContent .han-evergreen-story{margin-top:5.75vw!important}
#MainContent .han-evergreen-story:nth-of-type(even)>figure{order:2}
#MainContent .han-evergreen-enquiry{display:grid;grid-template-columns:1fr 1.2fr;gap:6vw;width:min(84vw,1440px);margin:5.75vw auto 0;scroll-margin-top:100px}
#MainContent .han-evergreen-enquiry h2{margin-bottom:24px!important}
#MainContent .han-evergreen-enquiry p{margin-bottom:20px}
#MainContent .han-evergreen-enquiry p a{text-decoration:underline;text-underline-offset:3px}
#MainContent .han-evergreen-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}
#MainContent .han-evergreen-fields label{display:block;min-width:0;font:inherit}
#MainContent .han-evergreen-fields input,#MainContent .han-evergreen-fields select,#MainContent .han-evergreen-fields textarea{display:block;width:100%;min-height:48px;border:1px solid #c9c9c5;border-radius:8px;background:transparent;padding:12px;color:#202020;font:inherit;margin-top:8px;box-sizing:border-box}
#MainContent .han-evergreen-fields textarea{resize:vertical}
#MainContent .han-evergreen-wide{grid-column:1/-1}
@media(max-width:767px){
#MainContent .han-evergreen-logos{width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px}
#MainContent .han-evergreen .han-evergreen-logos img{height:64px!important}
#MainContent .han-evergreen-steps{width:100%;grid-template-columns:1fr;gap:26px;margin-top:30px}
#MainContent .han-evergreen-examples{width:calc(100% - 40px)}
#MainContent .han-evergreen-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:28px}
#MainContent .han-evergreen-story{margin-top:45px!important}
#MainContent .han-evergreen-story:nth-of-type(even)>figure{order:0}
#MainContent .han-evergreen-enquiry{width:calc(100% - 48px);grid-template-columns:1fr;gap:24px;margin-top:45px}
#MainContent .han-evergreen-fields{grid-template-columns:1fr;gap:18px}
#MainContent .han-evergreen-fields input,#MainContent .han-evergreen-fields select,#MainContent .han-evergreen-fields textarea{font-size:16px}
}
#MainContent .han-evergreen-fields select{-webkit-appearance:none;appearance:none;padding-right:40px;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5l5 5 5-5' stroke='%23202020' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 16px center/12px 8px;cursor:pointer}