.header{background:#fff;color:#333;position:sticky;top:0;z-index:1000;will-change:transform;transition:all .4s cubic-bezier(.4,0,.2,1)}.header.scrolled{box-shadow:0 2px 10px #0000001a}.top-bar{background:#fff;max-height:40px;overflow:hidden;transform:translateY(0);transition:all .4s cubic-bezier(.4,0,.2,1)}.top-bar.hidden{max-height:0;opacity:0;transform:translateY(-100%)}.top-bar-container{max-width:1200px;margin:0 auto;padding:8px 20px}.top-bar-content{display:flex;justify-content:space-between;align-items:center}.country-info{display:flex;align-items:center;gap:6px}.flag{font-size:16px}.country-text{color:#6c757d;font-size:13px;font-weight:500}.main-header{background:#fff;padding:0;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.header-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:center;position:relative;height:120px;transition:height .4s cubic-bezier(.4,0,.2,1)}.header.scrolled .header-container{height:60px}.logo-section-centered{display:flex;align-items:center;justify-content:center;flex:1;opacity:1;transform:translateY(0);transition:all .4s cubic-bezier(.4,0,.2,1)}.header.scrolled .logo-section-centered{opacity:0;transform:translateY(-20px);pointer-events:none}.yukkuri-logo{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);color:inherit}.yukkuri-logo:hover{transform:scale(1.02);opacity:.8}.yukkuri-logo:visited,.yukkuri-logo:link{color:inherit;text-decoration:none}.yukkuri-text-en{font-family:Arial Black,Helvetica Neue,Arial,sans-serif;font-size:48px;font-weight:900;color:#000;letter-spacing:4px;line-height:.9;margin-bottom:4px;transition:all .4s cubic-bezier(.4,0,.2,1)}.yukkuri-text-jp{font-family:Hiragino Sans,Noto Sans CJK JP,Yu Gothic,sans-serif;font-size:24px;font-weight:400;color:#000;letter-spacing:3px;line-height:1;transition:all .4s cubic-bezier(.4,0,.2,1)}.yukkuri-logo-image{height:120px;width:auto;object-fit:contain;transition:all .4s cubic-bezier(.4,0,.2,1)}.yukkuri-logo-image-small{height:50px;width:auto;object-fit:contain;transition:all .3s ease}.scrolled-nav{display:flex;align-items:center;justify-content:space-between;width:100%;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%) translateY(20px);padding:0 20px;opacity:0;pointer-events:none;transition:all .4s cubic-bezier(.4,0,.2,1)}.header.scrolled .scrolled-nav{opacity:1;transform:translateY(-50%) translateY(0);pointer-events:auto}.logo-section-left{display:flex;align-items:center}.yukkuri-logo-small{text-decoration:none;color:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.yukkuri-logo-small:hover{transform:scale(1.02);opacity:.8}.yukkuri-logo-small:visited,.yukkuri-logo-small:link{color:inherit;text-decoration:none}.yukkuri-text-en-small{font-size:24px;font-weight:700;letter-spacing:2px;color:#333;line-height:1}.yukkuri-text-jp-small{font-size:12px;font-weight:400;letter-spacing:1px;color:#666;margin-top:-2px}.nav-menu{display:flex;align-items:center;gap:30px}.nav-link{color:#333;text-decoration:none;font-size:16px;font-weight:500;transition:color .3s ease;position:relative;background:none;border:none;cursor:pointer}.nav-link:hover{color:#007bff}.contact-btn-nav{background:#1e5ba8!important;color:#fff!important;padding:10px 20px;border-radius:4px;transition:background-color .3s ease}.contact-btn-nav:hover{background:#164a8a!important;color:#fff!important}.menu-toggle{position:absolute;right:20px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#333;padding:8px;border-radius:4px;transition:background-color .3s ease;z-index:10;display:none}.menu-toggle:hover{background-color:#f8f9fa}.mobile-menu{position:fixed;top:100%;left:0;right:0;background:#fff;border-top:1px solid #e9ecef;box-shadow:0 4px 12px #0000001a;z-index:999;transform:translateY(-100%);animation:slideDown .3s ease forwards}@keyframes slideDown{to{transform:translateY(0)}}.mobile-nav{display:flex;flex-direction:column}.mobile-nav-link{padding:16px 20px;color:#333;text-decoration:none;font-size:16px;font-weight:500;border-bottom:1px solid #f8f9fa;transition:background-color .3s ease}.mobile-nav-link:hover{background-color:#f8f9fa;color:#007bff}.menu-overlay{position:fixed;inset:0;background:#00000080;z-index:998;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.header-container{height:100px}.header.scrolled .header-container{height:55px}.header-container{padding:0 16px}.yukkuri-text-en{font-size:32px;letter-spacing:2px}.yukkuri-text-jp{font-size:18px;letter-spacing:1.5px}.scrolled-nav{justify-content:center;padding:0 16px}.nav-menu{display:none}.logo-section-left{margin:0 auto}.menu-toggle{display:block;right:16px}.yukkuri-logo-image{height:90px}.yukkuri-logo-image-small{height:45px}}@media (max-width: 480px){.header-container{height:90px}.header.scrolled .header-container{height:50px}.yukkuri-text-en{font-size:24px;letter-spacing:1.5px}.yukkuri-text-jp{font-size:14px;letter-spacing:1px}.yukkuri-text-en-small{font-size:20px;letter-spacing:1px}.yukkuri-text-jp-small{font-size:10px;letter-spacing:.5px}.yukkuri-logo-image{height:80px}.yukkuri-logo-image-small{height:35px}}.category-nav{background:#fff;padding:12px 0;border-bottom:1px solid #f0f0f0}.category-nav .container{max-width:1200px;margin:0 auto;padding:0 20px}.category-nav-content{display:flex;align-items:center;justify-content:center;gap:40px}.category-nav-link{color:#333;text-decoration:none;font-size:16px;font-weight:500;transition:color .3s ease;position:relative;padding:6px 12px;white-space:nowrap}.category-nav-link:hover{color:#007bff}@media (max-width: 768px){.category-nav{padding:10px 0}.category-nav .container{padding:0 16px}.category-nav-content{flex-direction:column;gap:15px}.category-nav-link{padding:10px 20px;width:100%;text-align:center;border-bottom:1px solid #f0f0f0}.category-nav-link:last-child{border-bottom:none}}@media (max-width: 480px){.category-nav{padding:8px 0}.category-nav-content{gap:12px}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;position:relative;overflow:hidden}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{width:100%}.skeleton-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;border:1px solid #f0f0f0}.skeleton-card-image{width:100%}.skeleton-card-content{padding:16px}.skeleton-card-footer{display:flex;justify-content:space-between;align-items:center}.skeleton-carousel{position:relative;width:100%;border-radius:12px;overflow:hidden}.skeleton-carousel-indicators{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:2}.skeleton-carousel-nav{position:absolute;top:50%;transform:translateY(-50%);width:100%;display:flex;justify-content:space-between;padding:0 20px;z-index:2}.skeleton-nav-btn.left{align-self:flex-start}.skeleton-nav-btn.right{align-self:flex-end}.skeleton-project-detail{max-width:1200px;margin:0 auto;padding:20px}.skeleton-breadcrumb{margin-bottom:24px}.skeleton-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.skeleton-actions{display:flex;gap:12px}.skeleton-thumbnails{margin-bottom:32px}.skeleton-thumbnail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:12px;max-width:400px}.skeleton-metadata{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-bottom:32px;padding:24px;background:#f8fafc;border-radius:12px}.skeleton-metadata-item{display:flex;flex-direction:column}.skeleton-content{padding:24px 0}.skeleton-project-list{padding:20px}.skeleton-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.skeleton-filter-bar{background:#fff;padding:20px;border-radius:12px;margin-bottom:24px;box-shadow:0 2px 8px #0000001a}.skeleton-filter-row{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.skeleton-filter-item{flex:1;min-width:120px}.skeleton-projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.skeleton-projects-list{display:flex;flex-direction:column;gap:16px}.skeleton-project-card-horizontal{display:flex;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;height:200px}.skeleton-project-card-horizontal .skeleton-card-image{width:300px;height:100%;border-radius:0}.skeleton-project-card-horizontal .skeleton-card-content{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:20px}@media (max-width: 768px){.skeleton-header{flex-direction:column;gap:16px}.skeleton-actions{align-self:flex-start}.skeleton-metadata{grid-template-columns:1fr;gap:16px}.skeleton-thumbnail-grid{grid-template-columns:repeat(4,1fr)}.skeleton-projects-grid{grid-template-columns:1fr}.skeleton-project-card-horizontal{flex-direction:column;height:auto}.skeleton-project-card-horizontal .skeleton-card-image{width:100%;height:200px}.skeleton-filter-row{flex-direction:column;align-items:stretch}.skeleton-filter-item{min-width:auto}}@media (prefers-color-scheme: dark){.skeleton{background:linear-gradient(90deg,#2a2a2a 25%,#1a1a1a,#2a2a2a 75%);background-size:200% 100%}.skeleton-card{background:#1f1f1f;border-color:#333}.skeleton-metadata{background:#1a1a1a}.skeleton-filter-bar{background:#1f1f1f}}@media (prefers-reduced-motion: reduce){.skeleton{animation:none;background:#f0f0f0}@media (prefers-color-scheme: dark){.skeleton{background:#2a2a2a}}}.carousel-container{max-width:1200px;margin:60px auto;padding:0 20px}.carousel{position:relative;width:100%;height:400px;overflow:hidden;border-radius:20px;box-shadow:0 10px 30px #0000001a}.carousel-track{display:flex;height:100%}.carousel-slide{height:100%;flex-shrink:0}.carousel-slide img{width:100%;height:100%;object-fit:cover;display:block}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffe6;border:none;width:50px;height:50px;border-radius:50%;font-size:24px;font-weight:700;color:#2d3748;cursor:pointer;transition:all .3s ease;z-index:2;display:flex;align-items:center;justify-content:center}.carousel-btn:hover{background:#fff;transform:translateY(-50%) scale(1.1)}.carousel-btn.prev{left:20px}.carousel-btn.next{right:20px}.carousel-indicators{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:2}.indicator{width:12px;height:12px;border-radius:50%;border:none;background:#ffffff80;cursor:pointer;transition:all .3s ease}.indicator:hover{background:#fffc;transform:scale(1.2)}.indicator.active{background:#fff;transform:scale(1.3)}@media (max-width: 768px){.carousel-container{margin:40px auto;padding:0 15px}.carousel{height:250px;border-radius:15px}.carousel-btn{width:40px;height:40px;font-size:20px}.carousel-btn.prev{left:15px}.carousel-btn.next{right:15px}.carousel-indicators{bottom:15px}.indicator{width:10px;height:10px}}@media (max-width: 480px){.carousel{height:200px}.carousel-btn{width:35px;height:35px;font-size:18px}}.cached-image-container{position:relative;width:100%;height:100%}.image-placeholder{background:linear-gradient(45deg,#f3f4f6 25%,transparent 25%),linear-gradient(-45deg,#f3f4f6 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f3f4f6 75%),linear-gradient(-45deg,transparent 75%,#f3f4f6 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;animation:shimmer 2s infinite}@keyframes shimmer{0%{opacity:.6}50%{opacity:.8}to{opacity:.6}}.image-error{background:linear-gradient(135deg,#fee2e2,#fecaca)}.image-container img{transition:transform .3s ease-in-out}.image-container:hover img{transform:scale(1.02)}.project-card-link{text-decoration:none;color:inherit;display:block}.project-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:all .3s ease;height:100%;display:flex;flex-direction:column}.project-card-link:hover .project-card{transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.card-image{position:relative;width:100%;height:240px;overflow:hidden;background:#f3f4f6}.card-image img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease}.project-card:hover .card-image img{transform:scale(1.05)}.image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#9ca3af}.placeholder-icon{font-size:48px;opacity:.5}.card-content{padding:20px;flex:1;display:flex;flex-direction:column}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:12px}.project-title{font-size:18px;font-weight:600;color:#1f2937;margin:0;line-height:1.4;flex:1}.category-badge{background-color:#3b82f6;color:#fff;padding:4px 8px;border-radius:20px;font-size:12px;font-weight:500;white-space:nowrap;display:flex;align-items:center;gap:4px}.project-meta{display:flex;gap:16px;margin-bottom:16px}.meta-item{display:flex;align-items:center;gap:6px;color:#6b7280;font-size:14px}.meta-icon{font-size:16px}.meta-text{font-weight:500}.project-description{flex:1;margin-bottom:16px;color:#4b5563;font-size:14px;line-height:1.6;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.project-description p{margin:0 0 8px}.project-description p:last-child{margin-bottom:0}.card-footer{border-top:1px solid #e5e7eb;padding-top:16px;margin-top:auto}.created-date{color:#9ca3af;font-size:12px}.project-card.horizontal{flex-direction:row;height:auto;min-height:240px}.horizontal-image{width:320px;min-width:320px;height:240px;flex-shrink:0;overflow:hidden;background:#f3f4f6}.horizontal-image img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease}.project-card.horizontal:hover .horizontal-image img{transform:scale(1.05)}.horizontal-content{flex:1;padding:24px;display:flex;flex-direction:column;justify-content:space-between}.title-section{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.horizontal-content .project-title{font-size:20px;margin-bottom:8px}.horizontal-meta{display:flex;gap:24px;margin-bottom:16px}.horizontal-meta .meta-item{font-size:15px}.horizontal-content .project-description{flex:1;margin-bottom:20px;font-size:15px;line-height:1.7;-webkit-line-clamp:4}.horizontal-content .card-footer{margin-top:auto}@media (max-width: 768px){.card-header{flex-direction:column;align-items:flex-start;gap:8px}.category-badge{align-self:flex-start}.project-meta{flex-direction:column;gap:8px}.project-card.horizontal{flex-direction:column;height:auto}.horizontal-image{width:100%;min-width:auto;height:240px}.card-image{height:200px}.horizontal-content{padding:20px}.horizontal-meta{flex-direction:column;gap:8px}}.project-info{display:flex;flex-direction:column;gap:12px}.project-info .project-title{font-size:20px;font-weight:700;color:#1f2937;margin:0 0 16px;line-height:1.3;letter-spacing:.02em}.info-item{display:flex;align-items:flex-start;gap:8px;font-size:14px;line-height:1.5}.info-label{font-weight:600;color:#374151;min-width:80px;flex-shrink:0}.info-value{font-weight:400;color:#6b7280;flex:1}.category-value{color:#059669;font-weight:500}.horizontal-content .project-info .project-title{font-size:22px;margin-bottom:20px}.horizontal-content .info-item{font-size:15px;gap:10px}.horizontal-content .info-label{min-width:90px}.filter-bar{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;margin-bottom:32px}.filter-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.filter-title h3{margin:0;color:#1f2937;font-size:18px;font-weight:600}.clear-filters-btn{background:#ef4444;color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:background-color .2s ease}.clear-filters-btn:hover{background:#dc2626}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{font-weight:500;color:#374151;font-size:14px}.filter-input,.filter-select{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.filter-input:focus,.filter-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-input::placeholder{color:#9ca3af}@media (max-width: 768px){.filter-bar{padding:20px}.filters-grid{grid-template-columns:1fr;gap:16px}.filter-title{flex-direction:column;gap:12px;align-items:flex-start}.clear-filters-btn{align-self:flex-end}}.project-list{width:100%}.list-header{text-align:center;margin-bottom:40px}.list-header h2{font-size:32px;color:#1f2937;margin-bottom:8px;font-weight:700}.list-header p{color:#6b7280;font-size:16px}.projects-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:32px}.projects-list{display:flex;flex-direction:column;gap:20px;margin-top:32px}.empty-state{text-align:center;padding:80px 20px;color:#6b7280}.empty-icon{font-size:64px;margin-bottom:20px;opacity:.5}.empty-state h3{font-size:20px;margin-bottom:8px;color:#374151}.empty-state p{font-size:14px}@media (max-width: 1200px){.projects-grid{grid-template-columns:repeat(3,1fr);gap:20px}}@media (max-width: 768px){.projects-grid{grid-template-columns:repeat(2,1fr);gap:16px}.list-header h2{font-size:28px}.empty-state{padding:60px 20px}.empty-icon{font-size:48px}}@media (max-width: 480px){.projects-grid{grid-template-columns:1fr;gap:16px}.projects-list{gap:16px}.list-header{margin-bottom:32px}.list-header h2{font-size:24px}}.category-page{width:100%;padding-top:0}.breadcrumb{margin-bottom:32px;font-size:14px;color:#6b7280}.breadcrumb-link{color:#3b82f6;text-decoration:none;transition:color .2s ease}.breadcrumb-link:hover{color:#2563eb;text-decoration:underline}.breadcrumb-separator{margin:0 8px;color:#d1d5db}.breadcrumb-current{color:#374151;font-weight:500}.category-header{text-align:center;margin-bottom:48px;padding:40px 20px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:16px;border:1px solid #e2e8f0}.category-title{font-size:2.5rem;font-weight:800;color:#1f2937;margin:0 0 16px;letter-spacing:-.02em}.category-description{font-size:1.1rem;color:#6b7280;line-height:1.6;max-width:600px;margin:0 auto}@media (max-width: 768px){.category-page{padding-top:0}.category-header{margin-bottom:32px;padding:32px 16px}.category-title{font-size:2rem}.category-description{font-size:1rem}.breadcrumb{margin-bottom:24px;padding:0 4px}}.project-detail{min-height:100vh;background:#fff}.breadcrumb{background:#f8f9fa;padding:12px 0;border-bottom:1px solid #e9ecef}.breadcrumb .container{display:flex;align-items:center;gap:8px;font-size:14px}.breadcrumb a{color:#2563eb;text-decoration:none;transition:color .2s}.breadcrumb a:hover{color:#1d4ed8;text-decoration:underline}.breadcrumb .current{color:#6b7280;font-weight:500}.breadcrumb svg{color:#9ca3af}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin:40px 0 30px;gap:20px}.project-title{font-size:2.5rem;font-weight:700;color:#111827;margin:0;line-height:1.2;flex:1}.project-actions{display:flex;align-items:center;gap:16px;flex-shrink:0}.social-share{display:flex;gap:8px}.share-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#6b7280;cursor:pointer;transition:all .2s}.share-btn:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151}.main-banner-section{margin-bottom:40px}.main-banner{position:relative;width:100%;min-height:400px;max-height:800px;display:flex;align-items:center;justify-content:center}.main-banner img{max-width:100%;max-height:800px;width:auto;height:auto;object-fit:contain;display:block;transition:transform .3s ease}.main-banner:hover img{transform:scale(1.02)}.thumbnail-gallery{margin-bottom:50px}.thumbnail-title{font-size:1.5rem;font-weight:600;color:#111827;margin-bottom:20px}.thumbnail-grid{display:flex;gap:16px;overflow-x:auto;padding-bottom:12px;scrollbar-width:thin;scrollbar-color:#d1d5db #f9fafb}.thumbnail-grid::-webkit-scrollbar{height:6px}.thumbnail-grid::-webkit-scrollbar-track{background:#f9fafb;border-radius:3px}.thumbnail-grid::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.thumbnail-grid::-webkit-scrollbar-thumb:hover{background:#9ca3af}.thumbnail{position:relative;flex-shrink:0;width:140px;height:105px;border-radius:12px;overflow:hidden;cursor:pointer;border:3px solid transparent;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.thumbnail:hover{border-color:#94a3b8;transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.thumbnail.active{border-color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 16px #2563eb40}.thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.thumbnail:hover img{transform:scale(1.05)}.thumbnail-label{position:absolute;top:8px;left:8px;background:#2563ebe6;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.project-metadata{margin-bottom:50px;padding:30px;background:#f8f9fa;border-radius:8px}.metadata-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}.metadata-item{display:flex;flex-direction:column;gap:6px}.metadata-label{font-size:14px;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.metadata-value{font-size:16px;font-weight:600;color:#1e293b;line-height:1.4}.project-main{max-width:none;width:100%}.project-description{margin-bottom:40px;width:100%;overflow:visible}.rich-text-content{font-size:18px;line-height:1.8;color:#374151;max-width:none;margin:0;padding:20px 0;height:auto;min-height:auto;max-height:none;overflow:visible}.rich-text-content p{margin-bottom:24px;text-align:justify}.rich-text-content p:last-child{margin-bottom:0}.rich-text-content h1{font-size:2rem;font-weight:700;color:#111827;margin:40px 0 20px;border-bottom:2px solid #e5e7eb;padding-bottom:12px}.rich-text-content h2{font-size:1.75rem;font-weight:600;color:#111827;margin:36px 0 18px}.rich-text-content h3{font-size:1.5rem;font-weight:600;color:#111827;margin:32px 0 16px}.rich-text-content h4{font-size:1.25rem;font-weight:600;color:#111827;margin:28px 0 14px}.rich-text-content ul,.rich-text-content ol{margin:20px 0;padding-left:28px}.rich-text-content li{margin-bottom:8px;line-height:1.7}.rich-text-content blockquote{margin:24px 0;padding:20px 24px;background:#f8fafc;border-left:4px solid #2563eb;border-radius:0 8px 8px 0;font-style:italic;color:#475569}.rich-text-content img{max-width:100%;width:auto;height:auto;display:block;margin:24px auto;border-radius:8px;box-shadow:0 4px 12px #0000001a}.rich-text-content a{color:#2563eb;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}.rich-text-content a:hover{border-bottom-color:#2563eb}.rich-text-content *{min-height:auto!important;max-height:none!important}.rich-text-content span,.rich-text-content p,.rich-text-content li{font-size:inherit!important;line-height:inherit!important}.rich-text-content [style*="font-size: 13px"]{font-size:16px!important}.rich-text-content>*{display:block!important;visibility:visible!important;opacity:1!important}.rich-text-content img{opacity:1;visibility:visible;vertical-align:top}.rich-text-content p:empty{display:none}.project-drawings{margin-top:40px;padding-top:40px;border-top:1px solid #e5e7eb}.project-drawings h3{font-size:1.5rem;font-weight:600;color:#111827;margin-bottom:20px}.drawings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.drawing-item{text-align:center}.drawing-item img{width:100%;height:200px;object-fit:cover;border-radius:8px;background:#f3f4f6}.drawing-item p{margin-top:8px;font-size:14px;color:#6b7280}.project-detail-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;padding:40px}.project-detail-error h3{font-size:1.5rem;color:#dc2626;margin-bottom:12px}.project-detail-error p{color:#6b7280;margin-bottom:20px}.btn{padding:10px 20px;border:none;border-radius:8px;font-weight:500;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:all .2s}.btn-primary{background:#2563eb;color:#fff}.btn-primary:hover{background:#1d4ed8}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1024px){.metadata-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}.thumbnail{width:120px;height:90px}.rich-text-content{padding:15px 0;font-size:17px}}@media (max-width: 768px){.project-header{flex-direction:column;align-items:stretch;gap:16px}.project-title{font-size:2rem}.project-actions{justify-content:space-between}.main-banner{min-height:300px;max-height:600px}.main-banner img{max-height:600px}.thumbnail{width:100px;height:75px}.project-metadata{padding:20px}.metadata-grid{grid-template-columns:1fr;gap:16px}.rich-text-content{padding:15px 0;font-size:16px}.breadcrumb .container{font-size:12px}}@media (max-width: 480px){.container{padding:0 16px}.project-title{font-size:1.75rem}.main-banner{min-height:250px;max-height:500px}.main-banner img{max-height:500px}.thumbnail-grid{gap:8px}.thumbnail{width:80px;height:60px}.project-metadata{padding:16px}.metadata-value{font-size:15px}.rich-text-content{padding:10px 0;font-size:15px}.social-share{gap:6px}.share-btn{width:36px;height:36px}}.App{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:0;background:#f8fafc}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6;color:#333;background-color:#f8fafc}#root{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;text-decoration:none;transition:all .2s ease}.btn-primary{background-color:#3b82f6;color:#fff}.btn-primary:hover{background-color:#2563eb}.btn-outline{background-color:transparent;color:#374151;border:1px solid #d1d5db}.btn-outline:hover{background-color:#f9fafb}.error{background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:16px;margin:20px 0;color:#dc2626}.empty-state{text-align:center;padding:60px 20px;color:#6b7280}.empty-state svg{width:48px;height:48px;margin-bottom:16px;opacity:.5}@media (max-width: 768px){.container{padding:0 16px}}