*,*::before,*::after{box-sizing:border-box}.wave-divider{display:block;line-height:0;width:100%}.wave-divider svg{display:block;width:100%;height:clamp(80px, 12vw, 160px)}.tp-intro{position:relative;background-color:var(--bg-main);padding:60px 6% 40px;text-align:center}.tp-intro-inner{max-width:720px;margin:0 auto}.tp-intro-title-wrap{text-align:center;margin:0 0 24px}.tp-intro-title{font-family:var(--font-main);font-size:38px;font-weight:700;color:var(--color-text-dark);margin:0;display:inline-block;position:relative;padding-bottom:18px}.tp-intro-title::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;border-radius:3px;background:linear-gradient(90deg,transparent,var(--color-brown) 25%,var(--color-yellow) 55%,var(--color-brown) 80%,transparent)}.tp-intro-desc{font-family:var(--font-main);font-size:17px;line-height:1.7;color:var(--color-text-dark);margin:0 0 28px}.tp-intro .scroll-hint{color:var(--color-brown);border-color:var(--color-brown);background:rgb(212 138 40 / .08)}.tp-intro .scroll-hint:hover{background:rgb(212 138 40 / .18)}.tp-intro-pills{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.tp-intro-pill{font-family:var(--font-main);font-size:13px;font-weight:600;padding:7px 18px;border-radius:20px;background-color:var(--color-card-bg);border:1px solid var(--color-card-border);color:var(--color-text-mid)}.tp-grid-section{background-color:var(--color-green-light);padding:20px 6% 90px}.tp-grid-inner{max-width:1100px;margin:0 auto}.tp-masonry{position:relative;min-height:200px}.tp-masonry:not(.js-ready){min-height:0}.tp-masonry:not(.js-ready) .tp-card{position:relative;left:auto;top:auto;width:100%;opacity:1;transform:none;margin-bottom:24px}.tp-card{position:absolute;opacity:0;transform:translateY(28px) scale(.97);background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-xs);cursor:pointer;transition:left 0.45s cubic-bezier(.4,0,.2,1),top 0.45s cubic-bezier(.4,0,.2,1),opacity 0.5s ease,transform 0.5s ease,box-shadow 0.35s ease,border-color 0.35s ease;will-change:transform,opacity}.tp-card--visible{opacity:1;transform:translateY(0) scale(1)}.tp-card--hidden{opacity:0!important;transform:translateY(8px) scale(.96)!important;pointer-events:none}.tp-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-brown)}.tp-card-pin{position:absolute;top:10px;right:10px;font-size:14px;line-height:1;padding:4px 5px;background:rgb(255 255 255 / .88);border-radius:50%;box-shadow:0 1px 4px rgb(0 0 0 / .12);z-index:3;pointer-events:none}.tp-card-thumb{width:100%;aspect-ratio:16 / 9;overflow:hidden}.tp-card-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.4s ease}.tp-card:hover .tp-card-img{transform:scale(1.04)}.tp-card-body{padding:24px;display:flex;flex-direction:column;gap:10px}.tp-card-title{font-family:var(--font-main);font-size:20px;font-weight:700;color:var(--color-text-dark);margin:0;position:relative;padding-bottom:14px}.tp-card-title::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;border-radius:3px;background:linear-gradient(90deg,transparent,var(--color-brown) 25%,var(--color-yellow) 55%,var(--color-brown) 80%,transparent)}.tp-card-tagline{font-family:var(--font-main);font-size:14px;font-style:italic;color:var(--color-text-warm);margin:0;line-height:1.5}.tp-card-pills,.tp-card-level{display:flex;flex-wrap:wrap;gap:6px}.tp-pill{font-family:var(--font-main);font-size:12px;font-weight:600;padding:4px 12px;border-radius:20px}.tp-pill--teal{background-color:var(--color-primary);color:var(--color-dark)}.tp-pill--green{background-color:var(--color-green-mid);color:var(--color-dark)}.tp-filters{display:flex;flex-direction:column;gap:14px;margin-bottom:28px;background:var(--bg-main);border:1px solid var(--color-card-border);border-radius:12px;padding:20px 24px}.tp-filter-group{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.tp-filter-label{font-family:var(--font-main);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--color-text-warm);min-width:36px;flex-shrink:0}.tp-filter-pills{display:flex;flex-wrap:wrap;gap:8px}.tp-filter-pill{font-family:var(--font-main);font-size:13px;font-weight:600;padding:7px 18px;border-radius:20px;background-color:var(--color-card-bg);border:1px solid var(--color-card-border);color:var(--color-text-mid);cursor:pointer;box-shadow:0 4px 0 rgb(0 0 0 / .15),0 6px 14px rgb(0 0 0 / .08);transition:background-color 0.15s ease,color 0.15s ease,border-color 0.15s ease,transform 0.12s ease,box-shadow 0.12s ease}.tp-filter-pill:hover{background-color:var(--color-brown);border-color:var(--color-brown);color:var(--color-text-light);transform:translateY(-2px);box-shadow:0 6px 0 rgb(0 0 0 / .15),0 10px 18px rgb(0 0 0 / .1)}.tp-filter-pill:active{transform:translateY(2px);box-shadow:0 2px 0 rgb(0 0 0 / .15),0 2px 6px rgb(0 0 0 / .06)}.tp-filter-pill.active{background-color:var(--color-brown-dark);color:var(--color-text-light);border-color:var(--color-brown-dark);box-shadow:0 4px 0 rgb(0 0 0 / .15),0 6px 14px rgb(0 0 0 / .08)}.tp-modal{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px}.tp-modal[hidden]{display:none}.tp-modal-backdrop{position:absolute;inset:0;background:rgb(30 30 30 / .55);backdrop-filter:blur(2px)}.tp-modal-panel{position:relative;z-index:1;background:var(--bg-main);border-radius:16px;max-width:820px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 24px 60px rgb(0 0 0 / .25);animation:tp-modal-in 200ms ease forwards;scrollbar-width:thin;scrollbar-color:var(--color-brown) #fff0}.tp-modal-panel::-webkit-scrollbar{width:6px}.tp-modal-panel::-webkit-scrollbar-track{background:#fff0;margin:16px 0}.tp-modal-panel::-webkit-scrollbar-thumb{background-color:var(--color-brown);border-radius:3px}.tp-modal-panel::-webkit-scrollbar-thumb:hover{background-color:var(--color-brown-dark)}.tp-modal-panel::-webkit-scrollbar-button{display:none}@keyframes tp-modal-in{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.tp-modal-close{position:sticky;top:16px;float:right;margin:16px 16px 0 0;width:36px;height:36px;border-radius:50%;border:2px solid var(--color-border);background:var(--color-beige-light);color:var(--color-text-dark);font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.2s ease;z-index:10}.tp-modal-close:hover{background:var(--color-card-bg)}.tp-modal-body{padding:0 32px 40px;clear:both}.tp-taller-head{text-align:center;padding:50px 0 40px;border-bottom:1px solid var(--color-border);margin-bottom:44px;display:flex;flex-direction:column;align-items:center;gap:12px}.tp-taller-head .tp-badge{margin-bottom:0}.tp-badge{display:inline-block;font-family:var(--font-main);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;padding:5px 14px;border-radius:20px;background-color:var(--color-green-mid);color:var(--color-dark);margin-bottom:16px}.tp-badge--teal{background-color:var(--color-primary);color:var(--color-dark)}.tp-taller-title{font-family:var(--font-main);font-size:32px;font-weight:700;color:var(--color-text-dark);margin:0 0 12px;display:inline-block;position:relative;padding-bottom:18px}.tp-taller-title::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;border-radius:3px;background:linear-gradient(90deg,transparent,var(--color-brown) 25%,var(--color-yellow) 55%,var(--color-brown) 80%,transparent)}.tp-taller-tagline{font-family:var(--font-main);font-size:16px;font-style:italic;color:var(--color-text-warm);margin:0 0 14px}.tp-duration{display:inline-block;font-family:var(--font-main);font-size:13px;font-weight:600;color:var(--color-brown-dark);background-color:var(--color-card-bg);border:1px solid var(--color-card-border);padding:6px 16px;border-radius:20px}.tp-taller-main{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;margin-bottom:40px}.tp-sub-label{font-family:var(--font-main);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--color-brown);margin:28px 0 10px}.tp-taller-text>.tp-sub-label:first-child{margin-top:0}.tp-body-text{font-family:var(--font-main);font-size:15px;line-height:1.75;color:var(--color-text-dark);margin:0 0 16px}.tp-list{font-family:var(--font-main);font-size:14px;line-height:1.85;color:var(--color-text-dark);padding-left:20px;margin:0}.tp-list li{margin-bottom:3px}.tp-taller-img-wrap{border-radius:12px;overflow:hidden;box-shadow:var(--shadow-img)}.tp-taller-img{width:100%;height:100%;object-fit:cover;display:block}.tp-details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:28px}.tp-detail-card{background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:12px;padding:24px 20px}.tp-detail-title{font-family:var(--font-main);font-size:14px;font-weight:700;color:var(--color-text-dark);margin:0 0 12px;padding-bottom:10px;border-bottom:2px solid var(--color-card-border)}.tp-detail-list{font-family:var(--font-main);font-size:13px;line-height:1.75;color:var(--color-text-dark);padding-left:18px;margin:0}.tp-detail-list li{margin-bottom:3px}.tp-material{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:18px;border-top:1px solid var(--color-border)}.tp-material-label{font-family:var(--font-main);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--color-text-warm)}.tp-material-chip{font-family:var(--font-main);font-size:12px;font-weight:500;color:var(--color-text-mid);background-color:var(--color-beige-light);border:1px solid var(--color-beige-dark);padding:4px 12px;border-radius:12px}.tp-empty-state{text-align:center;padding:60px 20px 20px;max-width:480px;margin:0 auto}.tp-empty-icon{display:block;font-size:48px;margin-bottom:16px;line-height:1}.tp-empty-title{font-family:var(--font-main);font-size:18px;font-weight:700;color:var(--color-text-dark);margin:0 0 10px}.tp-empty-desc{font-family:var(--font-main);font-size:15px;color:var(--color-text-warm);line-height:1.6;margin:0}.tp-empty-desc a{color:var(--color-primary-dark);font-weight:600}.tp-cta{background-color:var(--color-green-light);padding:60px 6%;text-align:center;border-top:2px solid var(--color-beige-dark)}.tp-cta-inner{max-width:600px;margin:0 auto}.tp-cta-title{font-family:var(--font-main);font-size:28px;font-weight:700;color:var(--color-text-dark);margin:0;position:relative;padding-bottom:18px}.tp-cta-title::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:clamp(160px, 40%, 280px);height:3px;border-radius:3px;background:linear-gradient(90deg,transparent,var(--color-brown) 25%,var(--color-yellow) 55%,var(--color-brown) 80%,transparent)}.tp-cta-desc{font-family:var(--font-main);font-size:16px;line-height:1.65;color:var(--color-text-dark);margin:24px 0 32px}.tp-cta-btn{display:inline-block;background-color:var(--color-brown-dark);color:var(--color-text-light)!important;font-family:var(--font-main);font-size:15px;font-weight:700;text-decoration:none!important;padding:14px 32px;border-radius:6px;box-shadow:var(--shadow-btn-sm);transition:background-color 0.2s ease,transform 0.2s ease}.tp-cta-btn:hover{background-color:var(--color-brown-hover);transform:translateY(-2px)}.reveal{opacity:0;transform:translateY(22px);transition:opacity 0.9s ease,transform 0.9s ease}.reveal.revealed{opacity:1;transform:translateY(0)}.reveal--delay-1{transition-delay:0.2s}.reveal--delay-2{transition-delay:0.4s}@media (max-width:900px){.tp-taller-main{grid-template-columns:1fr;gap:32px}.tp-details-grid{grid-template-columns:1fr 1fr}.tp-intro-title{font-size:32px}.tp-modal-body{padding:0 24px 32px}}@media (max-width:600px){.tp-intro{padding:50px 6% 60px}.tp-intro-title{font-size:28px}.tp-intro-desc{font-size:15px}.tp-taller-head{padding:36px 0 28px;margin-bottom:32px}.tp-taller-title{font-size:26px}.tp-details-grid{grid-template-columns:1fr}.tp-cta-title{font-size:24px}.tp-cta-desc{font-size:15px}.tp-modal{padding:12px}.tp-modal-panel{max-width:95vw}.tp-modal-body{padding:0 16px 24px}}