:root{--ink:#17221d;--muted:#68736d;--cream:#f7f5ef;--paper:#fffdf8;--sage:#b8c9b6;--deep:#294335;--line:#dfe5dc;--accent:#df805d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.7}.container{width:min(1120px,calc(100% - 48px));margin:0 auto}.site-header{border-bottom:1px solid var(--line);background:rgba(247,245,239,.9);position:sticky;top:0;z-index:2;backdrop-filter:blur(12px)}.nav-wrap{height:74px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:700;letter-spacing:.08em}.brand-mark{width:34px;height:34px;display:grid;place-items:center;background:var(--deep);color:#fff;border-radius:50%;font-size:16px}.nav-wrap nav{display:flex;gap:28px}.nav-wrap nav a{color:var(--muted);text-decoration:none;font-size:14px}.nav-wrap nav a:hover{color:var(--deep)}.hero{min-height:560px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:80px;padding:72px 0 86px}.eyebrow{font-size:11px;letter-spacing:.18em;color:var(--accent);font-weight:700;margin:0 0 14px}.hero h1{font-size:clamp(44px,6vw,76px);line-height:1.16;letter-spacing:-.05em;margin:0 0 24px;font-weight:700}.hero h1 em{font-style:normal;color:var(--deep)}.intro{max-width:510px;color:var(--muted);font-size:17px;margin:0 0 34px}.primary-button{display:inline-flex;gap:24px;align-items:center;padding:13px 20px;background:var(--deep);color:#fff;text-decoration:none;border-radius:4px;font-size:14px;transition:transform .2s,background .2s}.primary-button:hover{transform:translateY(-2px);background:#1e3427}.hero-card{background:var(--paper);min-height:330px;padding:32px;box-shadow:14px 18px 0 #dce6da;transform:rotate(2deg);display:flex;flex-direction:column;justify-content:space-between}.card-top,.card-meta{color:var(--muted);font-size:12px;letter-spacing:.08em;display:flex;justify-content:space-between}.dot{width:8px;height:8px;background:var(--accent);border-radius:50%;display:inline-block}.card-date{font-family:Georgia,serif;color:var(--deep);font-size:28px;margin:28px 0 0}.card-quote{font-size:23px;line-height:1.5;margin:20px 0;color:var(--deep)}.card-line{height:1px;background:var(--line)}.notes-section{padding:36px 0 100px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}.section-heading h2,.about-section h2{font-size:36px;letter-spacing:-.04em;margin:0}.section-note{color:var(--muted);font-size:14px;margin:0 0 5px}.notes-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:20px}.note-card{background:var(--paper);border:1px solid var(--line);display:flex;flex-direction:column}.note-image{height:190px;position:relative;overflow:hidden}.note-image span{position:absolute;top:15px;left:15px;color:#fff;font-family:Georgia,serif;font-size:22px}.sunrise{background:linear-gradient(145deg,#d7a275 0%,#e8c28f 42%,#718b86 43%,#304f4b 100%)}.sunrise:after{content:"";width:100px;height:100px;border-radius:50%;background:#f9d998;position:absolute;right:25px;top:28px;box-shadow:0 0 45px #f7d39c}.desk{background:linear-gradient(140deg,#d6e2dc,#f1dfc8 52%,#a8beb7)}.desk:after{content:"";position:absolute;width:170px;height:75px;background:#fcfaf2;right:-20px;bottom:23px;transform:rotate(-8deg);box-shadow:0 7px 15px #5e776955}.walk{background:linear-gradient(160deg,#b4c9a8,#e4d6b5 54%,#8ea292)}.walk:after{content:"";position:absolute;width:160%;height:35px;bottom:10px;left:-20%;background:#eae0c4;transform:rotate(-10deg)}.note-body{padding:22px}.tag{color:var(--accent);font-size:11px;letter-spacing:.1em;margin:0 0 8px}.note-body h3{font-size:21px;line-height:1.35;margin:0 0 11px}.note-body p:not(.tag){color:var(--muted);font-size:14px;margin:0 0 18px}.note-body time{font-size:11px;color:#929d95}.about-section{background:#e7eee4;padding:78px 0}.about-wrap{display:grid;grid-template-columns:1fr 1fr;gap:80px}.about-copy{max-width:480px;color:var(--muted);font-size:16px}.signature{font-family:cursive;color:var(--deep);font-size:23px;margin-top:24px}.site-footer{background:var(--deep);color:#dce8db;padding:24px 0;font-size:12px}site-footer a{color:#dce8db;text-decoration:none}site-footer a:hover{text-decoration:underline}.footer-wrap{display:flex;justify-content:space-between}@media(max-width:760px){.container{width:min(100% - 32px,560px)}.hero{grid-template-columns:1fr;gap:48px;padding:58px 0 78px}.hero-card{max-width:420px;width:90%;justify-self:center}.notes-grid{grid-template-columns:1fr}.section-heading{display:block}.section-note{margin-top:9px}.about-wrap{grid-template-columns:1fr;gap:25px}.about-section{padding:58px 0}.footer-wrap{gap:16px;flex-direction:column}}