:root{color-scheme:light;color:#5b2f1d;background:linear-gradient(135deg,#fff6eb 0%,#ffe0c2 100%);font-family:PingFang SC,Segoe UI,Microsoft YaHei,sans-serif}html[data-theme=dark]{color-scheme:dark;color:#fff3e8;background:linear-gradient(135deg,#24150f 0%,#4a2817 100%)}*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0}body{background:linear-gradient(135deg,#fff6eb 0%,#ffe0c2 100%);transition:background .3s,color .3s}html[data-theme=dark] body{color:#fff3e8;background:linear-gradient(135deg,#24150f 0%,#4a2817 100%)}a{color:inherit;text-decoration:none}.page-shell{max-width:1100px;margin:0 auto;padding:3rem 1.25rem}.site-header{z-index:50;backdrop-filter:blur(14px);background:#fff8f0eb;border:1px solid #d6844e2e;border-radius:28px;justify-content:space-between;align-items:center;gap:1rem;width:100%;max-width:1100px;margin:0 auto;padding:1.25rem;display:flex;position:sticky;top:1rem;box-shadow:0 10px 30px #844c1814}.brand{align-items:center;gap:.8rem;font-weight:700;display:flex}.brand-text{flex-direction:column;justify-content:center;align-items:center;line-height:1.05;display:flex;transform:translateY(1px)}.brand strong{letter-spacing:.01em;text-align:center;font-size:1.08rem;line-height:1.1;display:block}.brand small{color:#9c5a2a;letter-spacing:.04em;text-align:center;margin-top:.2rem;font-size:.8rem;display:block}.brand-mark{color:#fff;letter-spacing:.05em;background:linear-gradient(135deg,#f08b3e,#f6b56d);border-radius:999px;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;font-size:.9rem;font-weight:800;display:inline-flex;box-shadow:0 8px 20px #f08b3e3d}.nav-links{flex-wrap:wrap;gap:1rem;display:flex}.nav-links a{color:#8a4a20;border-radius:999px;padding:.35rem .6rem}.nav-links a:hover{background:#f08b3e29}.hero-card,.content-grid article,.contact-list,.post-card{backdrop-filter:blur(10px);box-sizing:border-box;background:#fff8f0eb;border:1.5px solid #d6844e47;border-radius:24px;width:100%;min-width:0;max-width:100%;transition:transform .25s,box-shadow .25s;box-shadow:0 18px 45px #78481e24}html[data-theme=dark] .hero-card,html[data-theme=dark] .content-grid article,html[data-theme=dark] .contact-list,html[data-theme=dark] .post-card{background:#361c0fe6;border-color:#ffb57033;box-shadow:0 18px 45px #00000040}.hero-card:hover,.content-grid article:hover,.post-card:hover{transform:translateY(-4px);box-shadow:0 20px 48px #a05c1d2e}.hero-card{text-align:left;gap:1.2rem;width:100%;min-width:0;max-width:100%;margin-bottom:1.5rem;padding:clamp(1.8rem,2.5vw,2.4rem);display:grid}.hero-intro{grid-template-columns:1.15fr .85fr;align-items:center;gap:1.4rem;display:grid}.hero-copy{min-width:0}.hero-copy h1{margin-bottom:.2rem;font-size:clamp(2.4rem,4vw,3.4rem)}.hero-copy h2{color:#8f5b35;margin:0 0 1rem;font-size:clamp(1.2rem,2vw,1.6rem)}.hero-lead{color:#6b3f24;max-width:680px;margin:0 0 1rem;font-size:1.05rem;font-weight:500;line-height:1.75}.hero-summary{gap:.85rem;max-width:680px;display:grid}.hero-summary p{color:#7a4c33;margin:0;line-height:1.85}.hero-photo-wrap{justify-content:center;align-items:center;width:100%;min-width:0;display:flex}.hero-photo{aspect-ratio:1;object-fit:cover;border:4px solid #fff8f0e6;border-radius:30px;width:min(320px,100%);max-width:100%;height:auto;display:block;box-shadow:0 22px 48px #a85d2133}.content-framework{background:#fffaf3f0;border:1.8px solid #d6844e42;border-radius:28px;margin:.8rem 0 1rem;padding:1.4rem;box-shadow:0 20px 48px #844c181a}.story-framework{margin-bottom:1.4rem}.story-framework h3{color:#7a4319;margin:0 0 .8rem;font-size:1.2rem}.story-copy{gap:.75rem;display:grid}.story-copy p{margin:0;line-height:1.75}.story-copy strong{color:#8a451d}.content-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.feature-card{background:#ffffffbf;border:1px solid #d6844e29;border-radius:22px;padding:1.2rem;box-shadow:0 14px 32px #844c1814}.feature-card h3{color:#7a4319;margin-top:0;margin-bottom:.5rem}.latest-posts{margin-top:1.2rem}.cta-section{text-align:center;margin-top:1.2rem}.large-btn{padding:.95rem 1.4rem;font-size:1rem}.eyebrow{text-transform:uppercase;letter-spacing:.24em;color:#c96b2f;margin:0 0 .9rem;font-size:1rem;font-weight:800}.hero-card h1,.hero-copy h1,.works-hero-card h1,.about-hero-copy h1,.contact-hero-card h1{margin-bottom:.6rem;font-size:clamp(2.6rem,5vw,4rem);line-height:1.05}.hero-card h2,.hero-copy h2{font-size:clamp(1.35rem,2.2vw,1.8rem)}h1,h2{color:#2f2a26;line-height:1.2}h1{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#3f2b24 0%,#8a6b4b 100%) text;margin:0 0 .8rem;font-size:clamp(2rem,4vw,2.8rem)}h2{margin-top:0;font-size:1.2rem}.hero-card p,.content-grid p,.contact-list,.post-card p,.post-card span{color:#7a4c33;line-height:1.7}html[data-theme=dark] .hero-card p,html[data-theme=dark] .content-grid p,html[data-theme=dark] .contact-list,html[data-theme=dark] .post-card p,html[data-theme=dark] .post-card span{color:#ffe9d2}.hero-actions{flex-wrap:wrap;gap:.8rem;margin-top:1.2rem;display:flex}.primary-btn,.secondary-btn{color:#fff;background:linear-gradient(135deg,#f08b3e,#f6b56d);border-radius:999px;padding:.8rem 1rem;font-weight:600;display:inline-block;box-shadow:0 10px 24px #f08b3e33}.content-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:1rem;display:grid}.posts-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:1rem;margin-top:1.25rem;display:grid}.post-card{overflow-wrap:anywhere;flex-direction:column;gap:.6rem;min-width:0;height:100%;padding:1.2rem;display:flex}.post-card .meta{color:#a15d2d;font-size:.9rem}.back-link{color:#8a4a20;margin-bottom:1rem;font-weight:600;display:inline-block}.article-page .article-card{padding:2rem}.theme-toggle{color:#8a451d;cursor:pointer;background:#f08b3e24;border:none;border-radius:999px;padding:.45rem .8rem;font-size:.95rem}html[data-theme=dark] .theme-toggle{color:#fff3e8;background:#ffb57029}.content-grid article{padding:1.35rem}.contact-list{margin:1rem 0 0;padding:1rem 1.2rem;list-style:none}@media (width<=780px){.page-shell{padding-inline:1rem}.site-header{flex-direction:column;align-items:stretch}.hero-intro{grid-template-columns:1fr}.hero-actions{flex-direction:column;align-items:stretch}.primary-btn,.secondary-btn{text-align:center;width:100%}.content-grid,.posts-grid,.story-strip{grid-template-columns:1fr}.post-card{padding:1rem}}