.page-about__hero-section{display:flex;flex-direction:column;align-items:center;width:100%;max-width:100%;padding-top:10px}.page-about__hero-image-wrapper{width:100%;max-width:1020px;margin:0 auto;padding:0 16px;box-sizing:border-box}.page-about__hero-image{width:100%;height:auto;aspect-ratio:17/5;object-fit:cover;display:block;border-radius:8px}.page-about__hero-content{width:100%;max-width:1020px;margin:0 auto;padding:16px;box-sizing:border-box}.page-about__hero-title{font-size:clamp(1.3rem, 2.5vw, 2rem);font-weight:800;line-height:1.3;color:#FFF1E8;margin:0 0 8px}.page-about__hero-subtitle{font-size:1rem;line-height:1.5;color:#FFF1E8;margin:0 0 16px;max-width:800px}.page-about__hero-cta-group{display:flex;flex-wrap:wrap;gap:12px}.page-about__btn{display:inline-block;background:linear-gradient(180deg, #FFB04A 0%, #D86A14 100%);color:#140C0C;font-weight:700;padding:10px 24px;border-radius:999px;text-decoration:none;border:1px solid #F3C54D;transition:transform .2s ease}.page-about__btn:hover{transform:translateY(-2px) scale(1.02)}.page-about__btn--ghost{background:transparent;color:#FFF1E8;border:1px solid #6A1E1E;background-color:#2A1212}.page-about__btn--ghost:hover{background:rgba(198,31,31,.2);transform:none}.page-about__logo-grid-section{width:100%;padding:24px 0}.page-about__container{max-width:1200px;margin:0 auto;padding:0 16px;box-sizing:border-box}.page-about__section-title{font-size:clamp(1.2rem, 2.2vw, 1.8rem);font-weight:800;text-align:center;color:#FFF1E8;margin:0 0 8px}.page-about__section-intro{font-size:1rem;line-height:1.5;text-align:center;color:#FFF1E8;margin:0 0 24px}.page-about__logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 16px;justify-items:center;padding:0}.page-about__logo-item{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:280px;width:100%;box-sizing:border-box}.page-about__logo-image{width:100%;height:auto;aspect-ratio:2/1;object-fit:contain;background-color:#2A1212;border-radius:4px;border:1px solid #6A1E1E}.page-about__logo-cta{padding:8px 18px;border-radius:999px;background:linear-gradient(180deg, #FFB04A 0%, #D86A14 100%);border:1px solid #F3C54D;color:#140C0C;font-weight:700;text-decoration:none;display:inline-block;font-size:14px;box-sizing:border-box;text-align:center;max-width:100%}.page-about__logo-cta:hover{transform:translateY(-2px) scale(1.05)}.page-about__logo-item:nth-child(5){grid-column:2}.page-about__logo-item:nth-child(6){grid-column:3}.page-about__guide-section{width:100%;padding:24px 0 48px}.page-about__guide-inner{max-width:1000px;margin:0 auto;padding:0 16px;box-sizing:border-box}.page-about__guide-title{font-size:clamp(1.2rem, 2.2vw, 1.8rem);font-weight:800;text-align:center;color:#FFF1E8;margin:0 0 8px}.page-about__guide-intro{font-size:1rem;text-align:center;color:#FFF1E8;margin:0 0 24px}.page-about__guide-grid{display:flex;flex-wrap:wrap;justify-content:space-between}.page-about__guide-card{background-color:#2A1212;border:1px solid #6A1E1E;box-sizing:border-box;padding:12px;border-radius:8px;max-width:400px;margin-bottom:16px}.page-about__guide-figure{margin:0 0 8px}.page-about__guide-image{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;background-color:#140C0C;border-radius:4px}.page-about__guide-caption{font-size:14px;color:#F3C54D;background-color:#7E0D0D;padding:2px 8px;text-align:center}.page-about__guide-text{font-size:14px;line-height:1.5;color:#FFF1E8}.page-about__link{color:#FFB04A;font-weight:bold;text-decoration:none;background-color:#2A1212;padding:4px 0;border-bottom:1px solid #F3C54D}.page-about__link:hover{color:#F3C54D}.page-about{background-color:#140C0C}.page-about img{max-width:100%}.page-about *{box-sizing:border-box}@media (max-width: 768px){.page-about__hero-image-wrapper{padding:0 8px}.page-about__hero-content{padding:8px}.page-about__hero-cta-group{flex-direction:column}.page-about__btn{max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;text-align:center}.page-about__logo-grid{grid-template-columns:repeat(2,1fr);gap:16px}.page-about__logo-item:nth-child(5),.page-about__logo-item:nth-child(6){grid-column:auto}.page-about__guide-figure,.page-about__guide-card{max-width:100%}.page-about__guide-title{font-size:1.1rem}.page-about img{max-width:100% !important;height:auto !important}.page-about__hero-image{aspect-ratio:2/1}.page-about__logo-cta{font-size:13px;padding:8px 12px}}@media (min-width: 769px) and (max-width: 1220px){.page-about__hero-image{aspect-ratio:17/5}.page-about__logo-grid{grid-template-columns:repeat(4,1fr)}.page-about__logo-item:nth-child(5){grid-column:2}.page-about__logo-item:nth-child(6){grid-column:3}.page-about__guide-card{width:48%}.page-about__guide-card:nth-child(3){width:48%;margin-left:auto;margin-right:auto}}@media (max-width: 768px){.page-about{overflow-x:hidden}.page-about__guide-card{width:100%}}