*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;color:#2f2f2f;background-color:#fff}.container{width:90%;max-width:1200px;margin:0 auto}.navbar{background-color:#263f2e;padding:14px 0}.navbar-container{display:flex;justify-content:space-between;align-items:center}.navbar-brand{color:#fff;text-decoration:none;font-size:20px;font-weight:700}.navbar-menu{display:flex;gap:28px}.navbar-menu a{color:#fff;text-decoration:none;font-size:16px}.navbar-menu a:hover{opacity:.8}.hero{position:relative;min-height:660px;display:flex;align-items:center;justify-content:center;background-image:linear-gradient(#263f2e40,#263f2e40),url(/build/assets/hero-trawas-CH9Mv3xh.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.hero-overlay{position:absolute;inset:0;background:#18372559}.hero-content{position:relative;z-index:1;text-align:center;color:#fff}.hero-content h1{font-size:48px;margin-bottom:20px}.hero-content p{font-size:20px;margin-bottom:30px}.hero-button{display:inline-block;padding:12px 28px;background-color:#6d755f;color:#fff;text-decoration:none;border-radius:30px;transition:.2s ease}.hero-button:hover{background-color:#59614e}.about-section{padding:90px 0;background-color:#fff}.about-container{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.section-label{display:inline-block;margin-bottom:10px;color:#687568;font-size:14px;font-weight:500}.about-content h2{font-size:32px;margin-bottom:20px;color:#263f2e;line-height:1.2}.about-content p{font-size:16px;line-height:1.8;color:#666;margin-bottom:30px}.text-link{display:inline-flex;align-items:center;gap:6px;color:#4f634f;font-size:15px;font-weight:600;text-decoration:none;transition:color .2s ease,gap .2s ease}.text-link:visited{color:#4f634f}.text-link span{margin-left:0}.text-link:hover{color:#263f2e;gap:10px;text-decoration:none}.about-photo{width:100%;height:380px;background-image:url(/build/assets/about-trawas-DZbVLuul.jpg);background-size:cover;background-position:center;border-radius:10px}.news-section{padding:90px 0;background-color:#f7f8f5}.section-header{display:flex;justify-content:space-between;align-items:end;margin-bottom:36px}.section-header h2{font-size:34px;color:#263f2e}.section-link{color:#4f634f;text-decoration:none;font-size:16px;text-transform:none}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.news-card{background-color:#fff;box-shadow:0 6px 24px #263f2e0f;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;height:100%}.news-card-image{height:210px;overflow:hidden}.news-card-image img{width:100%;height:100%;object-fit:cover;display:block}.news-card-content{padding:22px;display:flex;flex-direction:column;flex:1}.news-date{display:block;margin-bottom:10px;color:#888;font-size:14px}.news-card-content h3{min-height:54px;margin-bottom:12px;font-size:20px;color:#263f2e;line-height:1.2}.news-card-content p{font-size:16px;color:#666;line-height:1.6;margin-bottom:20px}.news-link{margin-top:auto;color:#4f634f;font-size:14px;font-weight:600;text-decoration:none}.event-section{padding:90px 0;background-color:#fff}.event-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.event-card{background-color:#fff;box-shadow:0 6px 24px #263f2e0f;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;height:100%}.event-card-image{height:210px;overflow:hidden}.event-card-image img{width:100%;height:100%;object-fit:cover;display:block}.event-card-content{padding:22px;display:flex;flex-direction:column;flex:1}.event-date{display:block;margin-bottom:10px;color:#888;font-size:14px}.event-card-content h3{min-height:54px;margin-bottom:12px;font-size:20px;color:#263f2e;line-height:1.2}.event-card-content p{font-size:16px;color:#666;margin-bottom:20px}.event-link{margin-top:auto;color:#4f634f;font-size:14px;font-weight:600;text-decoration:none}.spot-section{padding:90px 0;background-color:#f7f8f5}.spot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.spot-card{overflow:hidden;background-color:#fff;box-shadow:0 6px 24px #263f2e0f;border-radius:10px;display:flex;flex-direction:column;height:100%}.spot-card-image{height:240px;overflow:hidden}.spot-card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.spot-card:hover .spot-card-image img{transform:scale(1.04)}.spot-card-content{padding:22px;display:flex;flex-direction:column;flex:1}.spot-category{margin-bottom:8px;color:#7c8b78;font-size:13px;font-weight:600}.spot-card-content h3{margin-bottom:12px;color:#263f2e;font-size:20px}.spot-card-content p{margin-bottom:18px;color:#666;font-size:14px;line-height:1.7}.spot-link{margin-top:auto;color:#4f634f;font-size:14px;font-weight:600;text-decoration:none}.virtual-tour-section{padding:90px 0;background-color:#fff}.virtual-tour-card{display:grid;grid-template-columns:1.4fr 1fr;overflow:hidden;background-color:#f5f7f3;border-radius:12px}.virtual-tour-image{min-height:360px}.virtual-tour-image img{width:100%;height:100%;display:block;object-fit:cover}.virtual-tour-content{padding:50px;display:flex;flex-direction:column;justify-content:center}.virtual-tour-badge{width:fit-content;margin-bottom:16px;padding:7px 13px;border-radius:20px;background-color:#dfe7dc;color:#405540;font-size:13px;font-weight:600}.virtual-tour-content h3{margin-bottom:15px;color:#263f2e;font-size:30px}.virtual-tour-content p{margin-bottom:24px;color:#666;font-size:15px;line-height:1.8}.virtual-tour-link{color:#4f634f;font-size:14px;font-weight:600;text-decoration:none}.news-link,.event-link,.spot-link,.virtual-tour-link{color:#4f634f;text-decoration:none;font-weight:600;transition:color .2s ease}.news-link:visited,.event-link:visited,.spot-link:visited,.virtual-tour-link:visited{color:#4f634f}.news-link:hover,.event-link:hover,.spot-link:hover,.virtual-tour-link:hover{color:#263f2e;text-decoration:underline;text-underline-offset:4px}.section-link{display:inline-flex;align-items:center;gap:6px;color:#4f634f;font-size:14px;font-weight:600;text-decoration:none;transition:color .2s ease}.section-link:visited{color:#4f634f}.section-link span{display:inline-block;transition:transform .2s ease}.section-link:hover{color:#263f2e}.section-link:hover span{transform:translate(4px)}.news-card,.event-card,.spot-card{transition:transform .25s ease,box-shadow .25s ease}.news-card:hover,.event-card:hover,.spot-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #263f2e14}.news-card-image img,.event-card-image img,.spot-card-image img{transition:transform .35s ease}.news-card:hover .news-card-image img,.event-card:hover .event-card-image img,.spot-card:hover .spot-card-image img{transform:scale(1.03)}.page-header{padding:70px 0;background-color:#f7f8f5;text-align:center}.page-header h1{margin-bottom:14px;color:#263f2e;font-size:40px}.page-header p{max-width:650px;margin:0 auto;color:#666;font-size:16px;line-height:1.7}.news-list-section{padding:80px 0;background-color:#fff}.news-detail-header{padding:70px 0 55px;background-color:#f7f8f5}.news-detail-header-content{max-width:900px}.back-link{display:inline-block;margin-bottom:35px;color:#4f634f;font-size:14px;font-weight:600;text-decoration:none;transition:color .2s ease}.news-detail-meta{display:flex;gap:10px;align-items:center;color:#777;font-size:14px}.news-detail-header{padding:55px 0 50px;background-color:#f7f8f5}.news-detail-header-content{max-width:850px}.back-link{display:inline-block;margin-bottom:32px;color:#607060;font-size:14px;font-weight:600;text-decoration:none;transition:color .2s ease}.back-link:hover{color:#263f2e}.news-detail-category{margin-bottom:12px;color:#718071;font-size:14px;font-weight:600}.news-detail-header h1{max-width:800px;margin-bottom:20px;color:#263f2e;font-size:42px;line-height:1.2}.news-detail-meta{display:flex;align-items:center;gap:10px;color:#777;font-size:14px}.meta-dot{color:#a0a0a0}.news-detail-section{padding:55px 0 8ch;background-color:#fff}.news-detail-container{max-width:900px}.news-detail-image{width:100%;height:400px;margin-bottom:40px;overflow:hidden;border-radius:10px}.news-detail-image img{width:100%;height:100%;display:block;object-fit:cover}.news-detail-content{max-width:720px;margin:0 auto}.news-detail-content p{margin-bottom:24px;color:#555;font-size:16px;line-height:1.9}.news-detail-lead{padding-bottom:22px;margin-bottom:30px!important;border-bottom:1px solid #e4e7e1;color:#344738!important;font-size:18px!important;font-weight:500;line-height:1.8!important}.spot-list-section{padding:80px 0;background-color:#fff}.spot-detail-header{padding:55px 0 50px;background-color:#f7f8f5}.spot-detail-header-content{max-width:850px}.spot-detail-category{margin-bottom:12px;color:#718071;font-size:14px;font-weight:600}.spot-detail-header h1{margin-bottom:16px;color:#263f2e;font-size:42px;line-height:1.2}.spot-detail-description{max-width:680px;color:#666;font-size:17px;line-height:1.8}.spot-detail-section{padding:55px 0 90px;background-color:#fff}.spot-detail-container{max-width:900px}.spot-detail-image{width:100%;height:410px;margin-bottom:28px;overflow:hidden;border-radius:10px}.spot-detail-image img{width:100%;height:100%;display:block;object-fit:cover}.spot-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-bottom:60px;border-top:1px solid #e2e6df;border-bottom:1px solid #e2e6df}.spot-summary-item{padding:24px 22px;border-right:1px solid #e2e6df}.spot-summary-item span{display:block;margin-bottom:7px;color:#888;font-size:13px}.spot-summary-item strong{color:#263f2e;font-size:15px;line-height:1.5}.maps-button{grid-column:1 / -1;display:flex;justify-content:center;margin-top:18px;padding:13px 20px;background-color:#263f2e;border-radius:8px;color:#fff;font-size:14px;font-weight:600;text-decoration:none}.maps-button:hover{background-color:#36543f}.spot-detail-content{max-width:720px;margin:0 auto}.spot-content-section{margin-bottom:55px}.spot-content-section h2{margin-bottom:18px;color:#263f2e;font-size:28px}.spot-content-section p{color:#555;font-size:16px;line-height:1.9}.facility-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.facility-item{display:flex;align-items:center;gap:10px;padding:13px 15px;background-color:#f7f8f5;border-radius:8px;color:#4f634f;font-size:14px}.facility-check{display:flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0;border-radius:50%;background-color:#dfe7dc;color:#405540;font-size:12px;font-weight:700}.spot-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.spot-gallery-item{height:180px;overflow:hidden;border-radius:10px}.spot-gallery-item img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .3s ease}.spot-gallery-item:hover img{transform:scale(1.04)}.spot-virtual-tour{display:grid;grid-template-columns:1.2fr 1fr;overflow:hidden;background-color:#f7f8f5;border-radius:12px}.spot-virtual-tour-image{position:relative;min-height:280px}.spot-virtual-tour-image img{width:100%;height:100%;display:block;object-fit:cover}.spot-virtual-badge{position:absolute;top:18px;left:18px;padding:7px 12px;background-color:#ffffffe6;border-radius:20px;color:#263f2e;font-size:13px;font-weight:700}.spot-virtual-tour-content{padding:35px;display:flex;flex-direction:column;justify-content:center}.spot-virtual-tour-content h3{margin-bottom:14px;color:#263f2e;font-size:24px}.spot-virtual-tour-content p{margin-bottom:24px;color:#666;font-size:15px;line-height:1.8}.spot-virtual-button{width:fit-content;padding:12px 20px;background-color:#263f2e;border-radius:8px;color:#fff;font-size:14px;font-weight:600;text-decoration:none;transition:background-color .2s ease}.spot-virtual-button:hover{background-color:#36543f}.event-list-section{padding:80px 0;background-color:#fff}.event-detail-header{padding:55px 0 50px;background-color:#f7f8f5}.event-detail-header-content{max-width:850px}.event-detail-category{margin-bottom:12px;color:#718071;font-size:14px;font-weight:600}.event-detail-header h1{margin-bottom:16px;color:#263f2e;font-size:42px;line-height:1.2}.event-detail-description{max-width:700px;color:#666;font-size:17px;line-height:1.8}.event-detail-section{padding:55px 0 90px;background-color:#fff}.event-detail-container{max-width:900px}.event-detail-image{width:100%;height:410px;margin-bottom:28px;overflow:hidden;border-radius:10px}.event-detail-image img{width:100%;height:100%;display:block;object-fit:cover}.event-summary{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:60px;border-top:1px solid #e2e6df;border-bottom:1px solid #e2e6df}.event-summary-item{padding:24px 22px;border-right:1px solid #e2e6df}.event-summary-item:last-child{border-right:none}.event-summary-item span{display:block;margin-bottom:7px;color:#888;font-size:13px}.event-summary-item strong{color:#263f2e;font-size:15px;line-height:1.5}.event-detail-content{max-width:720px;margin:0 auto}.event-content-section{margin-bottom:55px}.event-content-section h2{margin-bottom:18px;color:#263f2e;font-size:28px}.event-content-section p{color:#555;font-size:16px;line-height:1.9}.event-schedule{border-top:1px solid #e2e6df}.event-schedule-item{display:grid;grid-template-columns:100px 1fr;gap:20px;padding:18px 0;border-bottom:1px solid #e2e6df}.event-schedule-time{color:#718071;font-size:14px;font-weight:600}.event-schedule-title{color:#354739;font-size:15px;font-weight:500}.virtual-tour-list-section{padding:80px 0 90px;background-color:#fff}.virtual-tour-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.virtual-tour-list-card{overflow:hidden;background-color:#fff;box-shadow:0 6px 24px #263f2e0f;border-radius:12px;transition:transform .25s ease,box-shadow .25s ease}.virtual-tour-list-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #263f2e14}.virtual-tour-list-image{position:relative;height:270px;overflow:hidden}.virtual-tour-list-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s ease}.virtual-tour-list-card:hover .virtual-tour-list-image img{transform:scale(1.03)}.virtual-tour-list-badge{position:absolute;top:18px;left:18px;padding:7px 13px;background-color:#ffffffeb;border-radius:20px;color:#263f2e;font-size:13px;font-weight:700}.virtual-tour-list-content{padding:24px}.virtual-tour-location{display:block;margin-bottom:8px;color:#7a8579;font-size:13px}.virtual-tour-list-content h2{margin-bottom:12px;color:#263f2e;font-size:22px}.virtual-tour-list-content p{margin-bottom:20px;color:#666;font-size:14px;line-height:1.7}.virtual-tour-list-link{color:#4f634f;font-size:14px;font-weight:600;text-decoration:none;transition:color .2s ease}.virtual-tour-list-link:hover{color:#263f2e;text-decoration:underline;text-underline-offset:4px}.information-section,.guide-section,.faq-section{padding:80px 0}.information-section,.faq-section{background-color:#fff}.guide-section{background-color:#f7f8f5}.information-heading{max-width:650px;margin-bottom:42px}.information-heading h2{margin:8px 0 12px;color:#263f2e;font-size:32px;line-height:1.25}.information-heading p{color:#666;font-size:15px;line-height:1.8}.visit-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.visit-info-card{position:relative;padding:30px;background-color:#f7f8f5;border:1px solid #edf0eb;border-radius:12px;transition:transform .25s ease,box-shadow .25s ease}.visit-info-card:hover{transform:translateY(-4px);box-shadow:0 10px 28px #263f2e14}.visit-info-number{display:block;margin-bottom:32px;color:#9aaa98;font-size:14px;font-weight:700}.visit-info-card h3{margin-bottom:12px;color:#263f2e;font-size:19px}.visit-info-card p{color:#666;font-size:14px;line-height:1.8}.guide-section{padding:90px 0;background-color:#f7f8f5}.guide-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:start}.guide-heading{position:sticky;top:100px}.guide-heading h2{max-width:420px;margin:8px 0 16px;color:#263f2e;font-size:32px;line-height:1.3}.guide-heading p{max-width:400px;color:#666;font-size:15px;line-height:1.8}.guide-list{width:100%}.guide-item{display:grid;grid-template-columns:55px 1fr;gap:20px;padding:26px 0;border-bottom:1px solid #dfe4dc}.guide-item:first-child{padding-top:0}.guide-number{color:#8fa08d;font-size:14px;font-weight:700}.guide-content h3{margin-bottom:8px;color:#263f2e;font-size:19px}.guide-content p{max-width:560px;color:#666;font-size:14px;line-height:1.8}.faq-container{max-width:850px}.faq-list{border-top:1px solid #dfe4dc}.faq-item{border-bottom:1px solid #dfe4dc}.faq-item summary{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;color:#263f2e;font-size:16px;font-weight:600;cursor:pointer;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;background-color:#eef2ec;border-radius:50%;color:#4f634f;font-size:18px;font-weight:400}.faq-item[open] .faq-icon{transform:rotate(45deg)}.faq-answer{max-width:700px;padding:0 45px 22px 0}.faq-answer p{color:#666;font-size:14px;line-height:1.8}.footer{background-color:#263f2e;color:#fff;padding:60px 0 20px}.footer-container{display:grid;grid-template-columns:2fr 1fr;gap:60px}.footer-about h3,.footer-contact h4{margin-bottom:16px}.footer-about p,.footer-contact p{color:#ffffffbf;font-size:14px;line-height:1.8}.footer-bottom{margin-top:40px;padding-top:20px;border-top:1px solid rgba(255,255,255,.2)}.footer-bottom p{text-align:center;color:#fff9;font-size:12px}