body{background:#f5f5f0}.hero{background:linear-gradient(135deg, #3d2609 0%, #6b4820 50%, #8b6030 100%);padding:20px 24px;position:relative;overflow:hidden}.hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 15% 50%, rgba(255, 255, 255, 0.04) 1px, transparent 1px),radial-gradient(circle at 85% 20%, rgba(255, 255, 255, 0.04) 1px, transparent 1px);background-size:36px 36px}.hero-inner{max-width:800px;margin:0 auto;display:flex;align-items:center;gap:20px;position:relative}@media(max-width: 600px){.hero-inner{gap:14px}}.avatar{flex-shrink:0;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg, #c9a96e, #8b6030);display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 2px 12px rgba(0,0,0,.4);border:2px solid rgba(201,169,110,.5);overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.hero-text{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.hero-name-block{line-height:1.3}.hero-label{font-size:.65rem;letter-spacing:.2em;color:#c9a96e;margin-bottom:2px}.hero-name{font-size:1.3rem;font-weight:700;color:#f5e9c8;letter-spacing:.05em;line-height:1.2}.hero-name-en{font-size:.72rem;color:hsla(0,0%,100%,.4);letter-spacing:.15em}.hero-tags{display:flex;flex-wrap:wrap;gap:6px}.tag{display:inline-block;padding:3px 10px;border-radius:100px;font-size:.72rem;font-weight:600}.tag-brown{background:rgba(201,169,110,.2);border:1px solid rgba(201,169,110,.5);color:#e8c87a}.tag-green{background:rgba(80,160,80,.2);border:1px solid rgba(80,160,80,.4);color:#88d488}.tag-blue{background:rgba(80,120,200,.2);border:1px solid rgba(80,120,200,.4);color:#8ae}.tag-sky{background:rgba(40,160,200,.2);border:1px solid rgba(40,160,200,.4);color:#6ce}.main{max-width:800px;margin:32px auto 60px;padding:0 16px;display:flex;flex-direction:column;gap:20px}.card{background:#fff;border-radius:16px;padding:28px 32px;box-shadow:0 2px 12px rgba(0,0,0,.07)}@media(max-width: 480px){.card{padding:20px 18px}}.card-title{display:flex;align-items:center;gap:10px;font-size:.75rem;letter-spacing:.2em;color:#8b6030;font-weight:700;text-transform:uppercase;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid #f0e8d8}.card-title-icon{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg, #c9a96e, #8b6030);display:flex;align-items:center;justify-content:center;font-size:.9rem}.job-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width: 520px){.job-grid{grid-template-columns:1fr}}.job-item{background:#faf7f2;border:1px solid #ede4d4;border-radius:12px;padding:16px 18px}.job-item-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.job-emoji{font-size:1.4rem}.job-name{font-weight:700;font-size:.95rem;color:#3d2609}.job-desc{font-size:.83rem;color:#666;line-height:1.7}.about-text{font-size:.95rem;line-height:1.9;color:#444}.about-text strong{color:#6b4820}.hobby-list{display:flex;flex-direction:column;gap:14px}.hobby-item{display:flex;align-items:flex-start;gap:14px}.hobby-icon{flex-shrink:0;width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg, #f5e9c8, #e8d4a0);display:flex;align-items:center;justify-content:center;font-size:1.2rem}.hobby-title{font-weight:700;color:#3d2609;font-size:.95rem;margin-bottom:2px}.hobby-desc{font-size:.83rem;color:#666;line-height:1.6}.qual-list{display:flex;flex-direction:column;gap:10px}.qual-item{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:10px;background:#faf7f2;border:1px solid #ede4d4}.qual-badge{flex-shrink:0;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem}.qual-badge-it{background:#dbeafe}.qual-badge-drone{background:#d1fae5}.qual-badge-radio{background:#fef3c7}.qual-badge-nara{background:linear-gradient(135deg, #f5e9c8, #e8d4a0)}.qual-name{font-weight:700;font-size:.9rem;color:#2d1a06}.qual-sub{font-size:.78rem;color:#888;margin-top:1px}.nara-card{background:linear-gradient(135deg, #3d2609, #6b4820);border-radius:16px;padding:28px 32px;box-shadow:0 2px 12px rgba(0,0,0,.1);position:relative;overflow:hidden}.nara-card::before{content:"⛩️";position:absolute;right:24px;bottom:-8px;font-size:5rem;opacity:.12}@media(max-width: 480px){.nara-card{padding:20px 18px}}.nara-card .card-title{color:#c9a96e;border-bottom-color:rgba(201,169,110,.2)}.nara-card .card-title-icon{background:rgba(201,169,110,.3)}.nara-text{color:hsla(0,0%,100%,.8);font-size:.95rem;line-height:1.9}.nara-text strong{color:#f5e9c8}.nara-badge{display:inline-flex;align-items:center;gap:6px;margin-top:16px;background:rgba(201,169,110,.2);border:1px solid rgba(201,169,110,.5);border-radius:100px;padding:6px 16px;font-size:.82rem;color:#c9a96e;font-weight:600}.portfolio-link{display:block;font-size:1rem;font-weight:600;color:#8b6914;padding:14px 18px;background:#faf7f2;border:1px solid #ede4d4;border-radius:10px;transition:background .15s,border-color .15s}.portfolio-link:hover{background:#f5e9c8;border-color:#8b6914;border-bottom-color:#8b6914}.gallery-section{background:#100a04;padding:40px 0}.gallery-header{display:none}.gallery-track-wrap{overflow:hidden;-webkit-mask-image:linear-gradient(to right, transparent 0%, black 6%, black 94%, transparent 100%);mask-image:linear-gradient(to right, transparent 0%, black 6%, black 94%, transparent 100%)}.gallery-strip{display:flex;gap:8px;width:max-content;animation:scroll-left 90s linear infinite}.gallery-strip:hover{animation-play-state:paused}@keyframes scroll-left{from{transform:translateX(0)}to{transform:translateX(-50%)}}.gallery-item{flex-shrink:0;position:relative;overflow:hidden;cursor:pointer;border-radius:6px;background:#1e140a;width:260px;height:260px}@media(max-width: 600px){.gallery-item{width:180px;height:180px}}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.gallery-item:hover img{transform:scale(1.07)}.gallery-item .g-overlay{position:absolute;inset:0;background:linear-gradient(to top, rgba(10, 5, 0, 0.75) 0%, transparent 55%);opacity:0;transition:opacity .3s;display:flex;flex-direction:column;justify-content:flex-end;padding:14px}.gallery-item:hover .g-overlay{opacity:1}.g-caption{color:#fff;font-size:.8rem;font-weight:600;line-height:1.4}.g-cat{font-size:.68rem;color:#c9a96e;letter-spacing:.1em;margin-bottom:3px;font-weight:400}.g-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:rgba(201,169,110,.4);font-size:.72rem;letter-spacing:.05em;background:#1a1008}.g-placeholder-icon{font-size:1.8rem;opacity:.35}.lb-overlay{display:none;position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.92);backdrop-filter:blur(6px);align-items:center;justify-content:center}.lb-overlay.open{display:flex}.lb-img-wrap{position:relative;max-width:min(90vw,960px);max-height:80vh;display:flex;align-items:center;justify-content:center}.lb-img{max-width:100%;max-height:80vh;border-radius:8px;box-shadow:0 8px 48px rgba(0,0,0,.6);display:block}.lb-caption{position:absolute;bottom:-36px;left:0;right:0;text-align:center;color:hsla(0,0%,100%,.65);font-size:.85rem}.lb-btn{position:fixed;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:none;background:hsla(0,0%,100%,.12);color:#fff;font-size:1.4rem;cursor:pointer;transition:background .15s;display:flex;align-items:center;justify-content:center;z-index:1001}.lb-btn:hover{background:hsla(0,0%,100%,.25)}.lb-prev{left:16px}.lb-next{right:16px}.lb-close{position:fixed;top:16px;right:16px;width:40px;height:40px;border-radius:50%;border:none;background:hsla(0,0%,100%,.12);color:#fff;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1001;transition:background .15s}.lb-close:hover{background:hsla(0,0%,100%,.25)}.lb-counter{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);color:hsla(0,0%,100%,.4);font-size:.8rem;letter-spacing:.1em;z-index:1001}