*{font-family:Lato,sans-serif}.focus-outline:focus{outline:2px solid #6E1D1D;outline-offset:2px}.focus-outline:focus:not(:focus-visible){outline:none}h1{font-size:var(--text-size-h1);line-height:var(--text-lh-h1);font-weight:600}h3{font-size:var(--text-size-h3);line-height:var(--text-lh-h3);font-weight:500}h5{font-size:var(--text-size-h5);line-height:var(--text-lh-h5);font-weight:500}h6,p,a{font-size:var(--text-size-h6);line-height:var(--text-lh-h6);font-weight:300}.app{min-height:100vh;position:relative;background:#fff;overflow-x:hidden;margin:0}.content-wrapper{max-width:1440px;margin:0 auto;position:relative;z-index:1}.grid-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:844px 744px minmax(auto,1fr);min-height:100vh}.purple-section{grid-column:1;grid-row:1;background:var(--primary-purple);color:#fff;padding:clamp(25px,4vw,60px) clamp(20px,3vw,40px);display:flex;flex-direction:column;justify-content:space-between;position:relative}.purple-section:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:100vw;height:100%;background:var(--primary-purple);z-index:-1}.purple-section .dept-logo{height:40px;width:auto;margin-bottom:2rem;filter:brightness(0) invert(1)}.purple-section .main-title{display:flex;flex-direction:column;gap:0;margin-bottom:clamp(25px,3vw,40px);max-width:clamp(320px,28vw,400px)}.purple-section .main-title .title-line-1{display:flex;align-items:center;gap:clamp(10px,1.2vw,16px)}.purple-section .main-title .title-line-1 h1,.purple-section .main-title .title-line-2{margin:0;padding:0;font-size:clamp(28px,5vw,72px);line-height:1.1}.purple-section .main-title .title-logo{height:clamp(28px,3.5vw,48px);width:auto;filter:brightness(0) invert(1)}.purple-section .first-paragraph,.purple-section .second-paragraph{margin-bottom:clamp(1rem,1.2vw,1.5rem);width:100%;max-width:clamp(280px,42vw,593px);font-size:clamp(14px,1.25vw,18px);line-height:clamp(1.4,.1vw + 1.4,1.6)}.purple-section .read-more-btn{background:transparent;border:none;color:#fff;padding:0;cursor:pointer;font-size:var(--text-size-h6);font-weight:300;text-decoration:none;margin-top:1rem;opacity:.8}.purple-section .read-more-btn :hover{opacity:1}.grey-section{grid-column:1;grid-row:2;background:var(--bg-grey);padding:clamp(25px,3vw,40px);display:flex;flex-direction:column;justify-content:flex-start;gap:clamp(25px,3vw,40px);position:relative}.grey-section:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:100vw;height:100%;background:var(--bg-grey);z-index:-1}.grey-section .forecast-section{background:transparent;border-radius:0;padding:0}.grey-section .forecast-section .forecast-title{font-weight:500;color:var(--text-900);margin:0 0 20px}.grey-section .forecast-section .forecast-list{display:flex;flex-direction:column;gap:0}.grey-section .forecast-section .forecast-list .forecast-item{display:flex;flex-direction:column;padding:12px 0;border-bottom:none}.grey-section .forecast-section .forecast-list .forecast-item hr{width:100%;border:1px solid var(--hr-color)}.grey-section .forecast-section .forecast-list .forecast-item .forecast-content{display:flex}.grey-section .forecast-section .forecast-list .forecast-item .forecast-content .forecast-date{color:var(--text-900);font-weight:700;min-width:200px}.grey-section .forecast-section .forecast-list .forecast-item .forecast-content .forecast-details{display:flex;align-items:center;flex:1;justify-content:flex-end}.grey-section .forecast-section .forecast-list .forecast-item .forecast-content .forecast-details .forecast-icon{width:25px;aspect-ratio:1;text-align:center;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:8px}.grey-section .forecast-section .forecast-list .forecast-item .forecast-content .forecast-details .forecast-icon img{width:100%;height:100%;object-fit:contain}.grey-section .forecast-section .forecast-list .forecast-item .forecast-content .forecast-details .forecast-temps{color:var(--text-900);min-width:80px;font-weight:400;text-align:center;white-space:nowrap;margin-right:28px}.grey-section .forecast-section .forecast-list .forecast-item .forecast-content .forecast-details .forecast-temps .min-temp{font-weight:400}.grey-section .forecast-section .forecast-list .forecast-item .forecast-content .forecast-details .forecast-temps .max-temp{font-weight:700}.grey-section .forecast-section .forecast-list .forecast-item .forecast-content .forecast-details .forecast-precipitation-icon{width:25px;aspect-ratio:1;text-align:center;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:28px}.grey-section .forecast-section .forecast-list .forecast-item .forecast-content .forecast-details .forecast-precipitation-icon img{width:100%;height:100%;object-fit:contain}.grey-section .forecast-section .forecast-list .forecast-item .forecast-content .forecast-details .forecast-precipitation{color:var(--text-400);min-width:80px;text-align:left;margin-right:28px}.grey-section .forecast-section .forecast-list .forecast-item .forecast-content .forecast-details .forecast-wind-icon{width:25px;aspect-ratio:1;text-align:center;display:flex;align-items:center;justify-content:center;flex-shrink:0}.grey-section .forecast-section .forecast-list .forecast-item .forecast-content .forecast-details .forecast-wind-icon img{width:100%;height:100%;object-fit:contain}.grey-section .forecast-section .forecast-list .forecast-item .forecast-content .forecast-details .forecast-wind{color:var(--text-400);min-width:35px;text-align:left;margin-right:4px}.grey-section .signup-section{background:transparent;border-radius:0;padding:0;margin-top:0}.grey-section .signup-section .signup-title{color:var(--text-900);margin:0 0 20px}.grey-section .signup-section .signup-form{display:flex;gap:12px;align-items:stretch;width:100%}.grey-section .signup-section .signup-form .email-input{padding:16px 20px;border-radius:50px;border:1px solid var(--primary-black);outline:none;transition:all .3s ease;background:transparent;color:var(--text-900);min-height:48px;box-sizing:border-box;font-size:var(--text-size-small);width:fit-content}.grey-section .signup-section .signup-form .email-input ::placeholder{color:var(--text-500)}.grey-section .signup-section .signup-form .email-input :focus{border-color:var(--primary-purple)}.grey-section .signup-section .signup-form .email-input :disabled{opacity:.5;cursor:not-allowed}.grey-section .signup-section .signup-form .submit-btn{background:var(--text-900);color:#fff;border:none;padding:14px 28px;border-radius:50px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;font-family:inherit;min-height:48px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.grey-section .signup-section .signup-form .submit-btn :hover:not(:disabled){background:var(--text-700)}.grey-section .signup-section .signup-form .submit-btn :disabled{opacity:.5;cursor:not-allowed}.grey-section .signup-section .submit-message{margin-top:12px;font-size:14px;font-weight:400;text-align:left}.grey-section .signup-section .submit-message.success{color:#22c55e}.grey-section .signup-section .submit-message.error{color:#ef4444}.success-popup{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn .3s ease}.success-popup .popup-content{background:#fff;border-radius:16px;padding:40px;max-width:400px;width:100%;text-align:center;position:relative;animation:slideUp .3s ease}.success-popup .popup-content .popup-icon{width:60px;height:60px;background:#22c55e;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:30px;color:#fff}.success-popup .popup-content .popup-title{font-size:24px;font-weight:600;color:var(--text-900);margin:0 0 12px}.success-popup .popup-content .popup-message{font-size:16px;color:var(--text-600);margin:0 0 30px;line-height:1.5}.success-popup .popup-content .popup-close-btn{background:var(--text-900);color:#fff;border:none;padding:12px 24px;border-radius:50px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .3s ease}.success-popup .popup-content .popup-close-btn:hover{opacity:.3}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.white-section{grid-column:2;grid-row:1 / 3;background:#fff;padding:clamp(25px,3vw,40px);display:flex;flex-direction:column;justify-content:flex-start;gap:clamp(35px,4vw,50px);position:relative;min-height:auto;overflow-x:hidden}.white-section .current-weather{display:flex;align-items:center;gap:clamp(20px,2.5vw,30px);color:var(--text-900);width:100%;margin-bottom:clamp(15px,1.5vw,20px);background:var(--primary-rose);padding:clamp(20px,2.5vw,30px) clamp(40px,4.5vw,60px) clamp(20px,2.5vw,30px) clamp(20px,2.5vw,30px);border-radius:6px}.white-section .current-weather .weather-temp{display:flex;align-items:center;flex-shrink:0;margin-right:clamp(15px,2vw,25px)}.white-section .current-weather .weather-temp .temp-number{font-size:clamp(60px,8vw,120px);font-weight:500;line-height:.8;color:var(--text-900)}.white-section .current-weather .weather-info{flex:1}.white-section .current-weather .weather-info h3.weather-title{font-size:clamp(18px,1.8vw,24px);font-weight:600;margin:0 0 clamp(5px,.6vw,8px) 0;color:var(--text-900);line-height:1.3}.white-section .current-weather .weather-info .weather-description{font-size:clamp(14px,1.3vw,18px);color:var(--text-600);font-weight:300;margin:0;line-height:1.5}.white-section .activities-container{display:flex;flex-direction:column;gap:clamp(30px,3vw,40px);flex:1}.white-section .activities-container .activity-section{display:flex;flex-direction:column;gap:clamp(15px,1.5vw,20px)}.white-section .activities-container .activities-title{color:var(--text-900);margin:0 0 clamp(15px,1.5vw,20px) 0;font-weight:500;font-size:clamp(16px,1.6vw,24px)}.white-section .activities-container .see-more-btn{background:transparent;border:none;color:var(--text-600);padding:0;margin:0;font-size:var(--text-size-h6);line-height:var(--text-lh-h6);font-weight:300;cursor:pointer;transition:all .3s ease;align-self:flex-start;border-radius:4px}.white-section .activities-container .see-more-btn:hover{color:var(--text-900)}.white-section .activities-container .see-more-btn:focus{color:var(--text-900)}.white-section .activities-container .activities-grid{display:flex;flex-direction:column;gap:clamp(18px,1.8vw,24px)}.white-section .activities-container .activities-grid .activity-card{display:flex;gap:clamp(12px,1.2vw,16px);padding:0;background:transparent;border-radius:0;cursor:pointer;transition:all .3s ease;border:none;max-height:130px}.white-section .activities-container .activities-grid .activity-card :hover{opacity:.8}.white-section .activities-container .activities-grid .activity-card:focus{opacity:.8}.white-section .activities-container .activities-grid .activity-card .activity-image{width:clamp(80px,8vw,109px);aspect-ratio:1;overflow:hidden;flex-shrink:0}.white-section .activities-container .activities-grid .activity-card .activity-image img{width:100%;height:100%;object-fit:cover}.white-section .activities-container .activities-grid .activity-card .activity-content{flex:1;display:flex;flex-direction:column;justify-content:space-between}.white-section .activities-container .activities-grid .activity-card .activity-content .activity-text{flex:1}.white-section .activities-container .activities-grid .activity-card .activity-content .activity-text .activity-name{font-size:clamp(16px,1.6vw,24px);font-weight:500;color:var(--text-900);margin:0 0 clamp(4px,.4vw,6px) 0;line-height:1.2}.white-section .activities-container .activities-grid .activity-card .activity-content .activity-text .activity-description{font-size:clamp(14px,1.25vw,18px);color:var(--text-600);margin:0;line-height:clamp(1.4,.05vw + 1.4,1.6)}.white-section .activities-container .activities-grid .activity-card .activity-content hr{width:100%;color:var(--hr-color);margin:0;padding:0;align-self:flex-end}.footer-section{grid-column:1 / -1;grid-row:3;background:var(--text-900);color:#fff;padding:clamp(40px,4.5vw,60px) clamp(25px,3vw,40px);display:flex;align-items:center;justify-content:center;position:relative;height:844px}.footer-section:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:100vw;height:100%;background:var(--text-900);z-index:-1}.footer-section .footer-text{font-size:clamp(20px,2.4vw,32px);font-weight:600;text-align:center;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(20px,2.5vw,30px)}.footer-section .footer-text img{height:clamp(24px,2.8vw,40px);width:auto;object-fit:contain;filter:brightness(0) invert(1)}.footer-section .footer-text .cmd{color:#0f8;display:flex;align-items:center}.footer-section .footer-text .cmd img{height:clamp(40px,6vw,250px);width:auto;object-fit:contain}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-backdrop .modal-content{background:#fff;max-width:1198px;width:100%;max-height:956px;overflow-y:auto;position:relative;display:flex;flex-direction:column}.modal-backdrop .modal-content .modal-close{position:absolute;top:20px;right:20px;background:transparent;border:none;width:45px;aspect-ratio:1;font-size:24px;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:all .3s ease;border-radius:4px}.modal-backdrop .modal-content .modal-close :hover{opacity:.2}.modal-backdrop .modal-content .modal-body{padding:30px 60px 70px 30px;flex:1}.modal-backdrop .modal-content .modal-body .modal-title{color:var(--text-900);margin-bottom:30px}.modal-backdrop .modal-content .modal-body .activity-status-badge{background:var(--primary-rose);color:var(--text-900);padding:8px 16px;font-size:14px;font-weight:500;display:inline-block;margin-bottom:30px}.modal-backdrop .modal-content .modal-body .temperature-info{font-size:16px;color:var(--text-900);margin-bottom:40px;font-weight:500}.modal-backdrop .modal-content .modal-body .view-event-btn{background:var(--text-900);color:#fff;border:none;padding:14px 28px;border-radius:50px;font-size:14px;font-weight:500;line-height:16px;cursor:pointer;transition:all .3s ease;margin-top:20px}.modal-backdrop .modal-content .modal-body .view-event-btn :hover{background:var(--text-700)}.modal-backdrop .modal-content .modal-body .modal-description{line-height:1.6;color:var(--text-600);margin-bottom:0}.modal-backdrop .modal-content .modal-body .modal-description p{margin:0;font-size:16px}.modal-backdrop .modal-content .image-carousel{margin-bottom:0;width:100%}.modal-backdrop .modal-content .image-carousel .carousel-container{position:relative;overflow:hidden;background:var(--text-100)}.modal-backdrop .modal-content .image-carousel .carousel-container .carousel-image{width:100%;height:400px;object-fit:cover;display:block}.modal-backdrop .modal-content .image-carousel .carousel-container .carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:#fff;color:var(--primary-black);border:none;width:45px;height:45px;border-radius:50%;font-size:20px;cursor:pointer;transition:all .3s ease;display:grid;place-content:center}.modal-backdrop .modal-content .image-carousel .carousel-container .carousel-btn :hover{opacity:.2}.modal-backdrop .modal-content .image-carousel .carousel-container .carousel-prev{left:20px}.modal-backdrop .modal-content .image-carousel .carousel-container .carousel-next{right:20px}.modal-backdrop .modal-content .image-carousel .carousel-container .carousel-indicators{position:absolute;bottom:15px;left:50%;transform:translate(-50%);display:flex;gap:8px}.modal-backdrop .modal-content .image-carousel .carousel-container .carousel-indicators .indicator{width:8px;height:8px;border-radius:50%;border:none;background:#ffffff80;cursor:pointer;transition:all .3s ease}.modal-backdrop .modal-content .image-carousel .carousel-container .carousel-indicators .indicator .active{background:#fff}@media (min-width: 1081px){.white-section{min-height:1588px;max-height:1588px;overflow-y:auto}.footer-section .footer-text{flex-direction:row;gap:clamp(12px,1.5vw,20px)}}@media (max-width: 1080px) and (min-width: 746px){.grid-container{grid-template-columns:1fr;grid-template-rows:auto auto auto auto;min-height:100vh}.purple-section{grid-column:1;grid-row:1;padding:25px 18px;height:auto}.purple-section .main-title{margin-bottom:25px;max-width:100%}.purple-section .main-title .title-line-1{gap:10px}.purple-section .main-title .title-line-1 h1{font-size:32px;line-height:1.2}.purple-section .main-title .title-line-2{font-size:32px;line-height:1.2}.purple-section .main-title .title-logo{height:32px}.purple-section .first-paragraph,.purple-section .second-paragraph{font-size:15px;line-height:1.5;min-width:70%;margin-bottom:1rem}.grey-section{grid-column:1;grid-row:2;padding:25px 18px;height:auto;gap:25px}.grey-section .forecast-section .forecast-title{font-size:16px;margin-bottom:14px}.grey-section .forecast-section .forecast-list .forecast-item{padding:6px 0}.grey-section .forecast-section .forecast-list .forecast-item .forecast-content{display:flex}.grey-section .forecast-section .forecast-list .forecast-item .forecast-content .forecast-date{min-width:140px;font-size:14px}.grey-section .forecast-section .forecast-list .forecast-item .forecast-content .forecast-details{justify-content:flex-end;gap:6px}.grey-section .forecast-section .forecast-list .forecast-item .forecast-content .forecast-details .forecast-icon{width:18px;margin-right:6px}.grey-section .forecast-section .forecast-list .forecast-item .forecast-content .forecast-details .forecast-temps{min-width:55px;font-size:13px;margin-right:15px;white-space:nowrap}.grey-section .forecast-section .forecast-list .forecast-item .forecast-content .forecast-details .forecast-precipitation-icon{width:14px;margin-right:6px}.grey-section .forecast-section .forecast-list .forecast-item .forecast-content .forecast-details .forecast-precipitation{min-width:35px;font-size:13px;margin-right:15px}.grey-section .forecast-section .forecast-list .forecast-item .forecast-content .forecast-details .forecast-wind{min-width:22px;font-size:13px;margin-right:4px}.grey-section .forecast-section .forecast-list .forecast-item .forecast-content .forecast-details .forecast-wind-icon{width:14px}.grey-section .signup-section .signup-title{font-size:16px;margin-bottom:14px}.grey-section .signup-section .signup-form{flex-direction:column;gap:10px;align-items:stretch}.grey-section .signup-section .signup-form .email-input{min-height:44px;font-size:15px;padding:12px 18px;max-width:100%;width:auto!important}.grey-section .signup-section .signup-form .submit-btn{min-height:44px;font-size:15px;padding:12px 24px}.white-section{grid-column:1;grid-row:3;padding:25px 18px;height:auto;gap:25px}.white-section .current-weather{flex-direction:column;text-align:left;gap:20px;padding:20px;margin-bottom:0}.white-section .current-weather .weather-temp .temp-number{font-size:90px}.white-section .current-weather .weather-info h3.weather-title{font-size:20px;margin-bottom:8px}.white-section .current-weather .weather-info .weather-description{font-size:var(--text-size-small)}.white-section .activities-container{gap:25px;display:grid;grid-template-columns:1fr 1fr;grid-gap:25px}.white-section .activities-container .activity-section{gap:14px}.white-section .activities-container .activity-section .activities-title{font-size:16px;margin-bottom:14px}.white-section .activities-container .activity-section .see-more-btn{font-size:13px;padding:0}.white-section .activities-container .activity-section .activities-grid{gap:20px}.white-section .activities-container .activity-section .activities-grid .activity-card{flex-direction:column;min-height:250px;max-height:250px}.white-section .activities-container .activity-section .activities-grid .activity-card .activity-image{width:100%;max-height:130px;overflow:hidden;margin-bottom:20px}.white-section .activities-container .activity-section .activities-grid .activity-card .activity-image img{width:100%;height:100%;object-fit:cover}.white-section .activities-container .activity-section .activities-grid .activity-card .activity-content{padding:0;display:flex;flex-direction:column;justify-content:space-between;flex:1}.white-section .activities-container .activity-section .activities-grid .activity-card .activity-content .activity-name{font-size:17px;line-height:1.2;font-weight:600;margin-bottom:5px}.white-section .activities-container .activity-section .activities-grid .activity-card .activity-content .activity-description{font-size:15px;line-height:1.5;color:var(--text-600);margin-bottom:0}.footer-section{grid-column:1;grid-row:4;padding:35px 18px;height:800px}.footer-section .footer-text{font-size:24px}}@media (max-width: 745px){.grid-container{grid-template-columns:1fr;grid-template-rows:auto auto auto auto;min-height:100vh}.purple-section{grid-column:1;grid-row:1;padding:30px 20px;height:auto}.purple-section .dept-logo{height:25px;margin-bottom:70px}.purple-section .main-title{margin-bottom:30px;max-width:100%}.purple-section .main-title .title-line-1{gap:12px}.purple-section .main-title .title-line-1 h1{font-size:var(--text-size-h4);line-height:var(--text-lh-h4)}.purple-section .main-title .title-line-2{font-size:36px;line-height:1.2}.purple-section .main-title .title-logo{height:36px}.purple-section .first-paragraph,.purple-section .second-paragraph{font-size:16px;line-height:1.5;min-width:100%;margin-bottom:1rem}.purple-section .read-more-btn{font-size:16px;margin-top:.5rem}.grey-section{grid-column:1;grid-row:2;padding:30px 20px;height:auto;gap:30px}.grey-section .forecast-section .forecast-title{font-size:18px;margin-bottom:16px}.grey-section .forecast-section .forecast-list .forecast-item{padding:8px 0}.grey-section .forecast-section .forecast-list .forecast-item .forecast-content{flex-direction:column}.grey-section .forecast-section .forecast-list .forecast-item .forecast-content .forecast-date{min-width:auto;text-align:left}.grey-section .forecast-section .forecast-list .forecast-item .forecast-content .forecast-details{justify-content:space-between;gap:8px}.grey-section .forecast-section .forecast-list .forecast-item .forecast-content .forecast-details .forecast-icon{width:20px;margin-right:4px}.grey-section .forecast-section .forecast-list .forecast-item .forecast-content .forecast-details .forecast-temps{min-width:60px;font-size:var(--text-size-small);margin-right:8px;white-space:nowrap}.grey-section .forecast-section .forecast-list .forecast-item .forecast-content .forecast-details .forecast-precipitation-icon{width:var(--text-size-h6);margin-right:4px}.grey-section .forecast-section .forecast-list .forecast-item .forecast-content .forecast-details .forecast-precipitation{min-width:40px;font-size:var(--text-size-small);margin-right:8px}.grey-section .forecast-section .forecast-list .forecast-item .forecast-content .forecast-details .forecast-wind{min-width:25px;font-size:var(--text-size-small);margin-right:2px}.grey-section .forecast-section .forecast-list .forecast-item .forecast-content .forecast-details .forecast-wind-icon{width:16px}.grey-section .signup-section .signup-title{font-size:18px;margin-bottom:16px}.grey-section .signup-section .signup-form{flex-direction:column;gap:12px;align-items:stretch}.grey-section .signup-section .signup-form .email-input{min-height:48px;font-size:16px;padding:14px 20px;max-width:100%;width:auto!important}.grey-section .signup-section .signup-form .submit-btn{min-height:48px;font-size:16px;padding:14px 28px}.white-section{grid-column:1;grid-row:3;padding:30px 20px;height:auto;gap:30px}.white-section .current-weather{flex-direction:column;text-align:left;gap:20px;padding:20px;margin-bottom:0}.white-section .current-weather .weather-temp .temp-number{font-size:90px}.white-section .current-weather .weather-info h3.weather-title{font-size:20px;margin-bottom:8px}.white-section .current-weather .weather-info .weather-description{font-size:var(--text-size-small)}.white-section .activities-container{gap:30px}.white-section .activities-container .activity-section{gap:16px}.white-section .activities-container .activities-title{font-size:18px;margin-bottom:16px}.white-section .activities-container .see-more-btn{font-size:12px;padding:0}.white-section .activities-container .activities-grid{gap:20px}.white-section .activities-container .activities-grid .activity-card{flex-direction:column;min-height:auto;max-height:350px}.white-section .activities-container .activities-grid .activity-card .activity-image{width:100%;max-height:130px;overflow:hidden;margin-bottom:20px}.white-section .activities-container .activities-grid .activity-card .activity-image img{width:100%;height:100%;object-fit:cover}.white-section .activities-container .activities-grid .activity-card .activity-content{padding:0;display:block}.white-section .activities-container .activities-grid .activity-card .activity-content .activity-name{font-size:20px;line-height:1.2;font-weight:600;margin-bottom:5px}.white-section .activities-container .activities-grid .activity-card .activity-content .activity-description{font-size:16px;line-height:1.5;color:var(--text-600);margin-bottom:20px}.footer-section{grid-column:1;grid-row:4;padding:40px 20px;height:790px}.footer-section .footer-text{font-size:28px;display:flex;flex-direction:column;gap:1.3rem}.footer-section .footer-text img{transform:scale(2)}.modal-backdrop{padding:10px}.modal-backdrop .modal-content{margin:0;max-height:95vh}.modal-backdrop .modal-content .modal-close{top:15px;right:15px;width:36px;height:36px;font-size:20px}.modal-backdrop .modal-content .modal-body{padding:30px 20px}.modal-backdrop .modal-content .modal-body .modal-title{font-size:var(--text-size-h3);margin-bottom:16px}.modal-backdrop .modal-content .modal-body .activity-status-badge{font-size:var(--text-size-small);padding:6px 12px;margin-bottom:16px}.modal-backdrop .modal-content .modal-body .temperature-info{font-size:var(--text-size-small);margin-bottom:20px}.modal-backdrop .modal-content .modal-body .view-event-btn{font-size:var(--text-size-small);padding:12px 24px;margin-top:20px}.modal-backdrop .modal-content .image-carousel .carousel-container .carousel-image{height:200px}.modal-backdrop .modal-content .image-carousel .carousel-container .carousel-btn{width:36px;height:36px;font-size:18px}}@media (max-width: 745px){.purple-section{padding:20px 16px}.purple-section .main-title .title-line-1 h1{font-size:28px}.purple-section .main-title .title-line-2{font-size:28px}.purple-section .main-title .title-logo{height:32px}.purple-section .first-paragraph,.purple-section .second-paragraph{font-size:14px;width:100%}.purple-section .read-more-btn{font-size:14px}.grey-section{padding:20px 16px}.grey-section .forecast-section .forecast-list .forecast-item .forecast-content .forecast-details{flex-wrap:wrap;gap:4px}.grey-section .forecast-section .forecast-list .forecast-item .forecast-content .forecast-details .forecast-temps{min-width:50px;white-space:nowrap}.grey-section .forecast-section .forecast-list .forecast-item .forecast-content .forecast-details .forecast-precipitation{min-width:30px}.grey-section .forecast-section .forecast-list .forecast-item .forecast-content .forecast-details .forecast-wind{min-width:20px}.white-section{padding:20px 16px}.white-section .current-weather .weather-info h3.weather-title{font-size:var(--text-size-h6)}.white-section .activities-container .activities-grid .activity-card{flex-direction:column;gap:14px;max-height:350px}.white-section .activities-container .activities-grid .activity-card .activity-image{width:100%;aspect-ratio:16/9;overflow:hidden}.white-section .activities-container .activities-grid .activity-card .activity-image img{width:100%;height:100%;object-fit:cover}.white-section .activities-container .activities-grid .activity-card .activity-content{padding:0}.white-section .activities-container .activities-grid .activity-card .activity-content .activity-name{font-size:18px;line-height:1.2;margin-bottom:10px;font-weight:600}.white-section .activities-container .activities-grid .activity-card .activity-content .activity-description{font-size:14px;line-height:1.4;color:var(--text-600)}.footer-section{padding:30px 16px;height:790px}.footer-section .footer-text{font-size:20px}}@media (max-width: 320px){.purple-section{padding:16px 12px}.purple-section .main-title .title-line-1{gap:8px}.purple-section .main-title .title-line-1 h1{font-size:24px}.purple-section .main-title .title-line-2{font-size:24px}.purple-section .main-title .title-logo{height:28px}.grey-section,.white-section{padding:16px 12px}.footer-section{padding:24px 12px;height:790px}.footer-section .footer-text{font-size:18px}}:root{--primary-black: #000000;--primary-rose: #F0EBFF;--primary-purple: #5115F7;--text-900: #000000;--text-400: #9D9D9D;--text-300: #C4C4C4;--text-100: #D9D9D9;--text-50: #F5F5F5;--hr-color: #E5E5E5;--bg-grey: #f2f2f2;--text-size-h1: 72px;--text-size-h2: 60px;--text-size-h3: 48px;--text-size-h4: 36px;--text-size-h5: 24px;--text-size-h6: 18px;--text-size-small: 16px;--text-size-smaller: 14px;--text-lh-h1: 86px;--text-lh-h2: 72px;--text-lh-h3: 56px;--text-lh-h4: 43px;--text-lh-h5: 28px;--text-lh-h6: 28px}*{box-sizing:border-box}body{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--text-50)}#root{width:100%;min-height:100vh}h1,h2,h3,h4,h5,h6{margin:0;font-weight:400}p{margin:0}button{font-family:inherit;cursor:pointer;border:none;outline:none}button:focus-visible{outline:2px solid var(--primary-purple);outline-offset:2px}img{max-width:100%;height:auto}