@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,600&family=Inter:wght@300;400;500;600&display=swap");:root{--clr-bg:#faf8f5;--clr-bg-warm:#f5f0e8;--clr-bg-card:#fff;--clr-surface:#f0ebe2;--clr-border:#e4ddd3;--clr-border-soft:#ede8e0;--clr-ink:#2c2420;--clr-ink-muted:#7a6e66;--clr-ink-faint:#b0a89f;--clr-accent:#c17b3f;--clr-accent-dark:#9d5e28;--clr-accent-soft:#f3e8d8;--clr-accent-glow:rgba(193,123,63,.12);--clr-diary:#8b6f5e;--clr-diary-soft:#f5ede8;--font-serif:"Playfair Display",Georgia,serif;--font-sans:"Inter",system-ui,sans-serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--leading-tight:1.2;--leading-snug:1.35;--leading-normal:1.6;--leading-relaxed:1.75;--sp-1:0.25rem;--sp-2:0.5rem;--sp-3:0.75rem;--sp-4:1rem;--sp-5:1.25rem;--sp-6:1.5rem;--sp-8:2rem;--sp-10:2.5rem;--sp-12:3rem;--sp-16:4rem;--sp-20:5rem;--sp-24:6rem;--max-w-content:72rem;--max-w-prose:42rem;--header-h:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 3px rgba(44,36,32,.06),0 1px 2px rgba(44,36,32,.04);--shadow-md:0 4px 12px rgba(44,36,32,.08),0 2px 4px rgba(44,36,32,.05);--shadow-lg:0 12px 32px rgba(44,36,32,.1),0 4px 8px rgba(44,36,32,.06);--shadow-hover:0 16px 40px rgba(44,36,32,.14),0 6px 12px rgba(44,36,32,.08);--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--dur-fast:150ms;--dur-base:250ms;--dur-slow:400ms}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--clr-ink);background-color:var(--clr-bg);min-height:100vh}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}ol,ul{list-style:none}button{border:none;background:none;cursor:pointer;font-family:inherit}.font-serif{font-family:var(--font-serif)}.font-sans{font-family:var(--font-sans)}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);line-height:var(--leading-tight);color:var(--clr-ink);font-weight:600}.text-muted{color:var(--clr-ink-muted)}.text-faint{color:var(--clr-ink-faint)}.text-accent{color:var(--clr-accent)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.text-lg{font-size:var(--text-lg)}.container{width:100%;max-width:var(--max-w-content)}.container,.container--prose{margin-inline:auto;padding-inline:var(--sp-6)}.container--prose{max-width:var(--max-w-prose)}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:100;height:var(--header-h);background:hsla(36,33%,97%,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--clr-border-soft);display:flex;align-items:center}.site-header__inner{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:var(--max-w-content);margin-inline:auto;padding-inline:var(--sp-6)}.site-logo{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:700;color:var(--clr-ink);letter-spacing:-.01em;transition:color var(--dur-fast) var(--ease-out)}.site-logo:hover{color:var(--clr-accent)}.site-nav{display:flex;align-items:center;gap:var(--sp-8)}.site-nav__link{font-size:var(--text-sm);font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--clr-ink-muted);transition:color var(--dur-fast) var(--ease-out);position:relative}.site-nav__link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--clr-accent);transition:width var(--dur-base) var(--ease-out)}.site-nav__link:hover{color:var(--clr-accent)}.site-nav__link:hover:after{width:100%}.site-footer{margin-top:var(--sp-24);padding-block:var(--sp-12);border-top:1px solid var(--clr-border);background:var(--clr-bg-warm)}.site-footer__inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-4);max-width:var(--max-w-content);margin-inline:auto;padding-inline:var(--sp-6)}.site-footer__copy{font-size:var(--text-sm);color:var(--clr-ink-muted)}.site-footer__links{display:flex;gap:var(--sp-6)}.site-footer__links a{font-size:var(--text-sm);color:var(--clr-ink-muted);transition:color var(--dur-fast) var(--ease-out)}.site-footer__links a:hover{color:var(--clr-accent)}.hero{padding-block:var(--sp-20) var(--sp-16);text-align:center}.hero__eyebrow{display:inline-block;font-size:var(--text-xs);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--clr-accent);margin-bottom:var(--sp-4)}.hero__title{font-size:clamp(var(--text-4xl),5vw,var(--text-6xl));font-weight:700;letter-spacing:-.02em;line-height:var(--leading-tight);color:var(--clr-ink);margin-bottom:var(--sp-5)}.hero__subtitle{font-size:var(--text-lg);color:var(--clr-ink-muted);max-width:36rem;margin-inline:auto;line-height:var(--leading-relaxed)}.section{padding-block:var(--sp-16)}.section__header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--sp-8);padding-bottom:var(--sp-4);border-bottom:1px solid var(--clr-border)}.section__title{font-size:var(--text-2xl);font-weight:600;letter-spacing:-.01em}.section__link{font-size:var(--text-sm);font-weight:500;color:var(--clr-accent);letter-spacing:.04em;transition:color var(--dur-fast) var(--ease-out)}.section__link:hover{color:var(--clr-accent-dark)}.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:var(--sp-8);gap:var(--sp-8)}.post-card{background:var(--clr-bg-card);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--clr-border-soft);box-shadow:var(--shadow-sm);transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out);display:flex;flex-direction:column}.post-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.post-card__image-wrap{aspect-ratio:4/3;overflow:hidden;background:var(--clr-surface);position:relative}.post-card__image-wrap img{width:100%;height:100%;object-fit:cover;transition:transform var(--dur-slow) var(--ease-out)}.post-card:hover .post-card__image-wrap img{transform:scale(1.04)}.post-card__body{padding:var(--sp-5) var(--sp-6) var(--sp-6);display:flex;flex-direction:column;flex:1 1}.post-card__category{font-size:var(--text-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--clr-accent);margin-bottom:var(--sp-2)}.post-card__title{font-size:var(--text-lg);font-weight:600;line-height:var(--leading-snug);color:var(--clr-ink);margin-bottom:var(--sp-3);transition:color var(--dur-fast) var(--ease-out)}.post-card:hover .post-card__title{color:var(--clr-accent)}.post-card__excerpt{font-size:var(--text-sm);color:var(--clr-ink-muted);line-height:var(--leading-relaxed);flex:1 1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-card__meta{margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:1px solid var(--clr-border-soft);font-size:var(--text-xs);color:var(--clr-ink-faint)}.category-tabs{display:flex;gap:var(--sp-2);flex-wrap:wrap;margin-bottom:var(--sp-8)}.category-tab{padding:var(--sp-2) var(--sp-5);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;border:1px solid var(--clr-border);color:var(--clr-ink-muted);background:transparent;transition:all var(--dur-fast) var(--ease-out);cursor:pointer}.category-tab--active,.category-tab:hover{background:var(--clr-ink);color:var(--clr-bg);border-color:var(--clr-ink)}.diary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:var(--sp-8);gap:var(--sp-8)}.diary-card{border-radius:var(--radius-lg);overflow:hidden;background:var(--clr-diary-soft);border:1px solid rgba(139,111,94,.15);box-shadow:var(--shadow-sm);transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out);display:flex;flex-direction:column}.diary-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.diary-card__image-wrap{aspect-ratio:3/2;overflow:hidden;background:var(--clr-surface)}.diary-card__image-wrap img{width:100%;height:100%;object-fit:cover;transition:transform var(--dur-slow) var(--ease-out)}.diary-card:hover .diary-card__image-wrap img{transform:scale(1.04)}.diary-card__body{padding:var(--sp-5) var(--sp-6);flex:1 1}.diary-card__date{font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--clr-diary);margin-bottom:var(--sp-2)}.diary-card__title{font-size:var(--text-lg);font-weight:600;color:var(--clr-ink);transition:color var(--dur-fast) var(--ease-out)}.diary-card:hover .diary-card__title{color:var(--clr-diary)}.diary-card__preview{margin-top:var(--sp-3);font-size:var(--text-sm);color:var(--clr-ink-muted);line-height:var(--leading-relaxed);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-hero{padding-block:var(--sp-12)}.article-hero__meta{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4);font-size:var(--text-sm);color:var(--clr-ink-muted)}.article-hero__category{display:inline-block;padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-full);background:var(--clr-accent-soft);color:var(--clr-accent-dark);font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.article-hero__title{font-size:clamp(var(--text-3xl),4vw,var(--text-5xl));font-weight:700;line-height:var(--leading-tight);letter-spacing:-.02em;margin-bottom:var(--sp-6)}.article-hero__image{border-radius:var(--radius-xl);overflow:hidden;margin-bottom:var(--sp-12);box-shadow:var(--shadow-lg)}.article-hero__image img{width:100%;aspect-ratio:16/9;object-fit:cover}.prose{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--clr-ink);max-width:var(--max-w-prose);margin-inline:auto}.prose p{margin-bottom:var(--sp-6)}.prose h2{font-size:var(--text-2xl);margin-top:var(--sp-12);margin-bottom:var(--sp-4)}.prose h3{font-size:var(--text-xl);margin-top:var(--sp-8);margin-bottom:var(--sp-3)}.prose img{border-radius:var(--radius-lg);margin-block:var(--sp-8);box-shadow:var(--shadow-md)}.prose strong{font-weight:600}.prose em{font-style:italic}.prose a{color:var(--clr-accent);text-decoration:underline;-webkit-text-decoration-color:rgba(193,123,63,.35);text-decoration-color:rgba(193,123,63,.35);text-underline-offset:2px;transition:-webkit-text-decoration-color var(--dur-fast) var(--ease-out);transition:text-decoration-color var(--dur-fast) var(--ease-out);transition:text-decoration-color var(--dur-fast) var(--ease-out),-webkit-text-decoration-color var(--dur-fast) var(--ease-out)}.prose a:hover{-webkit-text-decoration-color:var(--clr-accent);text-decoration-color:var(--clr-accent)}.diary-entry{margin-bottom:var(--sp-12);padding:var(--sp-8);background:var(--clr-bg-card);border-radius:var(--radius-xl);border:1px solid var(--clr-border-soft);box-shadow:var(--shadow-sm)}.diary-entry__day-label{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-5)}.diary-entry__weekday{font-size:var(--text-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--clr-diary);background:var(--clr-diary-soft);padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-full)}.diary-entry__date{font-size:var(--text-sm);color:var(--clr-ink-faint)}.diary-entry__image{border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--sp-5)}.diary-entry__text{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--clr-ink);white-space:pre-wrap}.divider{border:none;border-top:1px solid var(--clr-border);margin-block:var(--sp-12)}.tag{display:inline-block;padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;background:var(--clr-surface);color:var(--clr-ink-muted);border:1px solid var(--clr-border)}.btn{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-6);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;transition:all var(--dur-fast) var(--ease-out);cursor:pointer}.btn--primary{background:var(--clr-ink);color:var(--clr-bg);border:1px solid var(--clr-ink)}.btn--primary:hover{background:var(--clr-accent);border-color:var(--clr-accent)}.btn--outline{background:transparent;color:var(--clr-ink);border:1px solid var(--clr-border)}.btn--outline:hover{border-color:var(--clr-accent);color:var(--clr-accent)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp var(--dur-slow) var(--ease-out) both}.fade-up--1{animation-delay:.1s}.fade-up--2{animation-delay:.2s}.fade-up--3{animation-delay:.3s}@media (max-width:768px){.site-nav{display:none}.hero{padding-block:var(--sp-12) var(--sp-10)}.diary-grid,.post-grid{grid-template-columns:1fr}.section__header{flex-direction:column;gap:var(--sp-2)}.site-footer__inner{flex-direction:column;text-align:center}}@media (min-width:640px){.diary-grid,.post-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.diary-grid,.post-grid{grid-template-columns:repeat(3,1fr)}}