html{scroll-behavior:smooth;scroll-padding-top:90px}body{font-family:var(--font-sans);background:var(--cream);color:var(--ink);line-height:1.6;min-height:100vh;overflow-x:hidden}nav{position:fixed;top:0;left:0;right:0;padding:20px 48px;background:rgba(245,239,224,0.85);backdrop-filter:blur(12px);z-index:100;display:flex;justify-content:space-between;align-items:center}.articles-hero{padding:160px 48px 80px;position:relative;overflow:hidden}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--gray);margin-bottom:32px}.breadcrumb a{color:var(--coffee);text-decoration:none;font-weight:500}.breadcrumb a:hover{text-decoration:underline}.highlight{color:var(--coffee);position:relative}.articles-main{padding:0 48px 120px}.container{max-width:1280px;margin:0 auto}@media (max-width:768px){nav{padding:16px 24px}.articles-hero{padding:120px 24px 60px}.articles-main{padding:0 24px 80px}}.nav-logo{display:flex;align-items:center;gap:10px;font-weight:900;font-size:18px;color:var(--coffee);text-decoration:none}.nav-logo-mark{width:36px;height:36px;background:var(--coffee);color:var(--cream);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:900}.nav-menu{display:flex;gap:32px;list-style:none}.nav-menu a{color:var(--ink);text-decoration:none;font-size:14px;font-weight:500;transition:color 0.2s ease}.nav-menu a:hover{color:var(--coffee)}.nav-menu a.active{color:var(--coffee);font-weight:700;position:relative}.nav-menu a.active::after{content:'';position:absolute;bottom:-4px;left:0;right:0;height:2px;background:var(--coffee);border-radius:2px}.nav-cta{padding:10px 20px;background:var(--coffee);color:var(--cream);border-radius:100px;text-decoration:none;font-size:13px;font-weight:600;transition:all 0.2s ease}.nav-cta:hover{background:var(--coffee-deep);transform:translateY(-1px)}.nav-hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.nav-hamburger span{width:24px;height:2px;background:var(--coffee);border-radius:2px;transition:all 0.3s ease;display:block}.nav-drawer{display:none;position:fixed;top:0;right:0;width:280px;height:100vh;background:var(--cream);z-index:200;padding:80px 40px 40px;flex-direction:column;gap:8px;box-shadow:-4px 0 24px rgba(0,0,0,0.1);transform:translateX(100%);transition:transform 0.3s ease}.nav-drawer.open{transform:translateX(0)}.nav-drawer a{color:var(--ink);text-decoration:none;font-size:18px;font-weight:600;padding:12px 0;border-bottom:1px solid rgba(139,58,14,0.1);display:block;transition:color 0.2s ease}.nav-drawer a:hover{color:var(--coffee)}.nav-drawer-close{position:absolute;top:24px;right:24px;background:none;border:none;font-size:28px;cursor:pointer;color:var(--coffee);line-height:1}.nav-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.4);z-index:150}.nav-overlay.open{display:block}.articles-hero-bg{position:absolute;width:500px;height:500px;top:-100px;right:-100px;background:var(--sage);opacity:0.08;border-radius:50%;filter:blur(80px);pointer-events:none}.breadcrumb-sep{color:var(--gray-light)}.page-title{font-size:clamp(40px,5vw,64px);font-weight:900;line-height:1.15;letter-spacing:-0.02em;margin-bottom:20px}.page-subtitle{font-size:18px;color:var(--gray);line-height:1.7;max-width:560px}@media (max-width:768px){.nav-menu{display:none}.nav-cta{display:none}.nav-hamburger{display:flex}}.articles-filter{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:48px}.filter-btn{padding:8px 18px;background:transparent;border:1px solid rgba(139,58,14,0.2);border-radius:100px;font-size:14px;color:var(--coffee);font-weight:500;cursor:pointer;font-family:inherit;transition:all 0.2s ease}.filter-btn:hover{background:var(--cream-light);border-color:var(--coffee)}.filter-btn.active{background:var(--coffee);color:var(--cream);border-color:var(--coffee)}.articles-count{font-size:13px;color:var(--gray);margin-bottom:32px}.articles-count span{font-weight:700;color:var(--coffee)}.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.article-card{background:var(--cream-light);border:1px solid rgba(139,58,14,0.12);border-radius:20px;padding:0;transition:all 0.3s ease;display:flex;flex-direction:column;text-decoration:none;color:inherit;position:relative;overflow:hidden}.article-thumb{aspect-ratio:16/9;overflow:hidden;background:var(--milk-tea);border-bottom:1px solid rgba(139,58,14,0.08)}.article-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.5s ease}.article-card:hover .article-thumb img{transform:scale(1.05)}.article-body{padding:24px 28px 28px;display:flex;flex-direction:column;flex:1}.article-thumb-fallback{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--coffee),var(--orange));color:rgba(255,255,255,0.55)}.article-thumb-fallback[data-category="self"]{background:linear-gradient(135deg,var(--sage),var(--coffee))}.article-thumb-fallback[data-category="resume"]{background:linear-gradient(135deg,var(--orange),var(--sun))}.article-thumb-fallback[data-category="consulting"]{background:linear-gradient(135deg,var(--terracotta),var(--coffee))}.article-thumb-fallback[data-category="guest"]{background:linear-gradient(135deg,var(--coffee),var(--coffee-deep))}.article-thumb-ig{width:52px;height:52px;transition:transform 0.4s ease,opacity 0.3s ease}.article-card:hover .article-thumb-ig{transform:scale(1.1);opacity:0.85}.article-card.featured::before{z-index:2;box-shadow:0 2px 8px rgba(0,0,0,0.12)}.article-card:hover{transform:translateY(-6px);box-shadow:0 16px 32px rgba(139,58,14,0.1);border-color:rgba(139,58,14,0.3)}.article-card.featured{background:linear-gradient(135deg,var(--cream-light),var(--milk-tea));border:1px solid rgba(139,58,14,0.2)}.article-card.featured::before{content:'★ 站內全文';position:absolute;top:20px;right:20px;font-size:11px;font-weight:700;color:var(--coffee);background:var(--cream);padding:4px 10px;border-radius:100px;letter-spacing:0.05em}.article-category{display:inline-block;font-size:12px;font-weight:600;color:var(--coffee);background:var(--cream);padding:4px 12px;border-radius:100px;margin-bottom:18px;letter-spacing:0.05em;align-self:flex-start}.article-title{font-size:18px;font-weight:900;color:var(--ink);line-height:1.5;margin-bottom:14px;letter-spacing:-0.01em}.article-excerpt{font-size:14px;color:var(--gray);line-height:1.75;margin-bottom:20px;flex:1}.article-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--coffee);transition:gap 0.2s ease;margin-top:auto}.article-card:hover .article-link{gap:10px}.articles-empty{display:none;grid-column:1 / -1;text-align:center;padding:80px 0;color:var(--gray);font-size:15px}.newsletter-section{padding:0 48px 100px}.newsletter-card{max-width:1280px;margin:0 auto;background:var(--coffee);border-radius:24px;padding:56px 64px;display:flex;align-items:center;justify-content:space-between;gap:40px;position:relative;overflow:hidden}.newsletter-card::before{content:'';position:absolute;width:400px;height:400px;top:-100px;right:-100px;background:rgba(255,255,255,0.04);border-radius:50%;pointer-events:none}.newsletter-text{position:relative;z-index:1}.newsletter-text h3{font-size:28px;font-weight:900;color:var(--cream);margin-bottom:10px}.newsletter-text p{font-size:15px;color:rgba(245,239,224,0.75);line-height:1.7}.newsletter-btn{position:relative;z-index:1;flex-shrink:0;padding:14px 32px;background:var(--cream);color:var(--coffee);border-radius:100px;text-decoration:none;font-size:15px;font-weight:700;transition:all 0.2s ease;white-space:nowrap}.newsletter-btn:hover{background:var(--cream-light);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,0.2)}footer{background:var(--coffee);padding:60px 48px 40px}.footer-content{max-width:1280px;margin:0 auto}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:48px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,0.08);margin-bottom:32px}.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:20px}.footer-brand-mark{width:40px;height:40px;background:var(--coffee);color:var(--cream);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:900}.footer-brand-text{font-size:20px;font-weight:900;color:var(--cream)}.footer-desc{font-size:14px;color:rgba(255,255,255,0.5);line-height:1.8}.footer-title{font-size:12px;font-weight:700;color:rgba(255,255,255,0.4);letter-spacing:0.1em;text-transform:uppercase;margin-bottom:20px}.footer-links{list-style:none;display:flex;flex-direction:column;gap:12px}.footer-links a{color:rgba(255,255,255,0.65);text-decoration:none;font-size:14px;transition:color 0.2s ease}.footer-links a:hover{color:var(--cream)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:rgba(255,255,255,0.3)}.footer-signature{font-family:var(--font-hand);font-size:20px;color:rgba(255,255,255,0.2)}.reveal{opacity:0;transform:translateY(24px);transition:opacity 0.6s ease,transform 0.6s ease}.reveal.visible{opacity:1;transform:translateY(0)}@media (max-width:1024px){.articles-grid{grid-template-columns:repeat(2,1fr)}.newsletter-card{flex-direction:column;text-align:center;padding:48px 40px}}@media (max-width:768px){.newsletter-section{padding:0 24px 80px}.newsletter-card{padding:40px 28px;border-radius:20px}.newsletter-text h3{font-size:22px}.articles-grid{grid-template-columns:1fr}footer{padding:48px 24px 32px}.footer-grid{grid-template-columns:1fr;gap:32px}.footer-bottom{flex-direction:column;gap:8px;text-align:center}}