.featured-main-section{font-family:var(--font-body);padding-top:80px}@media (max-width:1650px){.featured-main-section{padding:80px 50px 0}}.featured-second-main-section{max-width:1600px;margin:0 auto}.title-section{flex-direction:column;gap:4px;margin-bottom:40px;display:flex}.title-section h1{font-size:48px;font-family:var(--font-heading);color:#000;font-weight:400}.title-section p{font-size:21px;font-family:var(--font-body);color:#626262;font-weight:400}.image-section{grid-template-columns:repeat(9,1fr);grid-auto-rows:320px;gap:20px;display:grid}.image-div{border-radius:40px;position:relative;overflow:hidden}.button-section{justify-content:center;margin-top:40px;display:flex}.image1{grid-column:span 4}.image2{grid-column:span 2}.image3{grid-column:span 3}.image4{grid-column:span 2}.image5{grid-column:span 3}.image6{grid-column:span 4}.featured-clickable{cursor:pointer}.featured-clickable:focus-visible{outline-offset:3px;outline:2px solid #fff}.featured-image-overlay{opacity:0;border-radius:inherit;z-index:3;background:linear-gradient(#0000 50%,#0000008c 100%);align-items:flex-end;padding:16px 20px;transition:opacity .25s;display:flex;position:absolute;inset:0}.featured-clickable:hover .featured-image-overlay{opacity:1}.featured-image-overlay span{color:#fff;font-family:var(--font-body);letter-spacing:.02em;font-size:15px;font-weight:500}.featured-skeleton{background:linear-gradient(90deg,#e8e8e8 25%,#f5f5f5 50%,#e8e8e8 75%) 0 0/200% 100%;animation:1.4s infinite featuredShimmer}@keyframes featuredShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.featured-lightbox-overlay{z-index:1000;background:#000000eb;justify-content:center;align-items:center;animation:.2s featuredFadeIn;display:flex;position:fixed;inset:0}@keyframes featuredFadeIn{0%{opacity:0}to{opacity:1}}.featured-lightbox-close{z-index:1001;color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:background .2s;display:flex;position:fixed;top:20px;right:24px}.featured-lightbox-close:hover{background:#ffffff38}.featured-lightbox-close svg{width:20px;height:20px}.featured-lightbox-img-wrap{transform-origin:50%;-webkit-user-select:none;user-select:none;max-width:90vw;max-height:85vh;transition:transform 80ms}.featured-lightbox-img{object-fit:contain;pointer-events:none;border-radius:12px;width:auto;max-width:90vw;height:auto;max-height:85vh;display:block}.featured-lightbox-title{color:#ffffffbf;font-family:var(--font-body);letter-spacing:.04em;white-space:nowrap;pointer-events:none;font-size:15px;font-weight:400;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.featured-lightbox-hint{color:#ffffff73;font-family:var(--font-body);pointer-events:none;white-space:nowrap;font-size:13px;animation:.4s featuredFadeIn;position:fixed;top:24px;left:50%;transform:translate(-50%)}@media (max-width:1024px){.featured-main-section{padding:32px}.title-section{margin-bottom:32px}.title-section h1{font-size:48px}.title-section p{font-size:19px}.image-section{grid-template-columns:repeat(6,1fr);grid-auto-rows:280px}.image1,.image2{grid-column:span 3}.image3{grid-column:span 6}.image4{grid-column:span 2}.image5{grid-column:span 4}.image6{grid-column:span 6}}@media (max-width:768px){.featured-main-section{padding:20px}.title-section{margin-bottom:24px}.title-section h1{font-size:40px}.title-section p{font-size:15px}.image-section{grid-template-columns:repeat(4,1fr);grid-auto-rows:250px;gap:14px}.image1,.image2{grid-column:span 2}.image3{grid-column:span 4}.image4,.image5{grid-column:span 2}.image6{grid-column:span 4}.image-div{border-radius:24px}.button-section{margin-top:24px}.featured-image-overlay{opacity:1}}@media (max-width:540px){.featured-main-section{padding:14px}.title-section{margin-bottom:20px}.title-section h1{font-size:36px}.title-section p{font-size:13px}.image-section{grid-template-columns:1fr;grid-auto-rows:270px;gap:12px}.image1,.image2,.image3,.image4,.image5,.image6{grid-column:span 1!important}.image-div{border-radius:20px}.button-section{margin-top:20px}}@media (max-width:380px){.featured-main-section{padding:12px}.title-section{margin-bottom:16px}.title-section h1{font-size:32px}.title-section p{font-size:15px}.image-section{grid-auto-rows:220px;gap:10px}.image-div{border-radius:16px}.button-section{margin-top:16px}}
