.hero-section{display:flex;min-height:100vh}.hero-left{flex:1.4;background:#1b1b1b;display:flex;align-items:center;justify-content:center;padding:40px}.crt-screen{animation:fade-slide-up 1s cubic-bezier(.16,1,.3,1) both;display:flex;align-items:center;justify-content:center}.crt-cat{max-width:90%;height:auto}.hero-right{flex:1;background:#a8d5ba;display:flex;align-items:center;justify-content:center;padding:60px 48px}.hero-text-wrap{max-width:420px}.hero-greeting{font-size:clamp(20px,3vw,28px);color:#2d2d2d;margin-bottom:20px;animation:fade-slide-up .8s .1s cubic-bezier(.16,1,.3,1) both}.hero-name{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:clamp(24px,3.5vw,36px)}.hero-intro{color:#2d2d2d;font-size:clamp(14px,1.8vw,17px);line-height:2;margin-bottom:28px;animation:fade-slide-up .8s .2s cubic-bezier(.16,1,.3,1) both}.hero-slogan{color:#2d2d2d99;font-size:13px;font-style:italic;line-height:1.8;animation:fade-slide-up .8s .3s cubic-bezier(.16,1,.3,1) both}@media(max-width:768px){.hero-section{flex-direction:column}.hero-left{min-height:40vh;padding:16px}.hero-right{min-height:60vh;padding:40px 24px}}.recent-section{background:var(--cream);padding:64px 0 80px}.section-title{font-size:22px;margin-bottom:32px}.recent-stack{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.recent-link{display:block;padding:24px 28px;background:#fff;border-radius:14px;text-decoration:none;color:inherit;box-shadow:0 2px 8px #0000000a;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}.recent-link:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000012}.recent-meta{display:flex;align-items:center;gap:12px;margin-bottom:6px}.recent-tag{font-size:12px;letter-spacing:1px;font-weight:500}.recent-date{font-size:13px;color:#999}.recent-title{font-weight:700;font-size:17px;color:var(--ink);margin-bottom:6px}.recent-tags{display:flex;gap:6px;flex-wrap:wrap}.tag-pill{font-size:11px;padding:2px 10px;border-radius:20px;background:#f0ede8;color:#777}.recent-empty-card{background:#fff;border-radius:14px;padding:24px 28px;box-shadow:0 2px 8px #0000000a}.recent-empty-text{font-size:14px;color:#999;text-align:center}.read-more{text-align:center}.read-more-link{font-family:Space Grotesk,sans-serif;font-size:14px;color:var(--sage);text-decoration:none;padding:10px 28px;border:1px solid var(--sage);border-radius:24px;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.read-more-link:hover{background:var(--sage);color:#fff;transform:translateY(-2px)}.curtain-section{position:relative;height:200vh}.curtain-content{position:sticky;top:0;height:100vh;background:#f4c2c2;display:flex;align-items:center;justify-content:center;z-index:0}.curtain-shade{position:absolute;top:0;left:0;right:0;height:100vh;background:var(--cream);z-index:1}.contact-inner{text-align:center;max-width:700px;width:100%;padding:40px 16px}.contact-title{font-size:clamp(28px,5vw,40px);color:#fff;margin-bottom:40px}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin-bottom:48px}.contact-item{display:flex;flex-direction:column;align-items:center;padding:32px 20px;background:#ffffffd9;border-radius:16px;text-decoration:none;color:inherit;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}.contact-item:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 12px 28px #0000001a}.contact-icon{color:#f4c2c2;margin-bottom:14px}.contact-name{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:16px;margin-bottom:4px}.contact-desc{font-size:13px;color:#777}.contact-slogan{font-size:13px;color:#fff9;font-style:italic;line-height:1.8}.night .hero-left{background:#0d0d0d}.night .hero-right{background:#2a3a30}.night .hero-greeting,.night .hero-intro{color:#e0e0e0}.night .hero-slogan{color:#e0e0e080}.night .recent-section{background:#16162e}.night .recent-link{background:#252540}.night .recent-link:hover{box-shadow:0 8px 24px #0003}.night .tag-pill{background:#2a2a4a;color:#888}.night .recent-empty-card{background:#252540}.night .curtain-shade{background:#16162e}.night .curtain-content{background:#6a3a4a}.night .contact-item{background:#252540d9}.night .contact-icon{color:#c49a9a}.night .contact-name{color:var(--ink)}@keyframes fade-slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
