:root{color:#302119;background:#fff8ea;font-family:Microsoft YaHei,PingFang SC,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #302119;--cream: #fff8ea;--orange: #f2763d;--orange-deep: #c84725;--coffee: #52372a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:var(--cream)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid #ffd24a;outline-offset:4px}.site-header{position:absolute;z-index:20;top:0;left:0;display:flex;width:100%;align-items:center;justify-content:space-between;padding:24px clamp(22px,5vw,76px);color:#fffaf0}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand-mark{display:grid;width:45px;height:45px;place-items:center;border:1px solid rgba(255,255,255,.58);border-radius:50% 46% 52% 44%;background:#371f1638;font-family:Georgia,serif;font-size:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:rotate(-7deg)}.brand strong,.brand small{display:block}.brand strong{font-size:16px;letter-spacing:.16em}.brand small{margin-top:3px;font-size:8px;letter-spacing:.24em;opacity:.78}.top-nav{display:flex;align-items:center;gap:clamp(8px,1.5vw,24px)}.nav-link,.nav-pill{border:0;color:inherit;cursor:pointer}.nav-link{position:relative;padding:10px 4px;background:transparent;font-size:13px;font-weight:600;letter-spacing:.08em}.nav-link:after{position:absolute;right:4px;bottom:4px;left:4px;height:1px;background:currentColor;content:"";opacity:0;transform:scaleX(.2);transition:.18s ease}.nav-link:hover:after,.nav-link.is-active:after{opacity:.85;transform:scaleX(1)}.nav-pill{padding:10px 17px;border:1px solid rgba(255,255,255,.5);border-radius:999px;background:#341d142e;font-size:12px;font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .18s ease,transform .18s ease}.nav-pill:hover{background:#f2763dc2;transform:translateY(-2px)}.hero{position:relative;min-height:100svh;overflow:hidden;background:#8e5637;color:#fffaf0;isolation:isolate}.hero-stage,.hero-slide,.hero-slide img,.hero-slide video,.hero-wash{position:absolute;inset:0;width:100%;height:100%}.hero-slide{z-index:0;display:block;padding:0;border:0;background:#8e5637;cursor:pointer;opacity:0;pointer-events:none;transform:scale(1.025);transition:opacity .9s ease,transform 6s ease}.hero-slide.is-active{opacity:1;pointer-events:auto;transform:scale(1)}.hero-slide img,.hero-slide video{object-fit:cover}.hero-slide video{z-index:1;opacity:0;transition:opacity .18s ease}.hero-slide.is-playing video{opacity:1}.live-badge,.story-live-pill{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.38);border-radius:999px;background:#2b1b1580;color:#fff;font-size:10px;font-weight:700;letter-spacing:.08em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.live-badge{right:clamp(22px,5vw,76px);bottom:116px;padding:9px 13px}.live-badge i,.story-live-pill i{width:7px;height:7px;border-radius:50%;background:#ff7b56;box-shadow:0 0 0 4px #ff7b5638}.hero-wash{z-index:2;background:linear-gradient(90deg,#1e120db3,#2616104f 47%,#2616100f 77%),linear-gradient(0deg,rgba(26,16,11,.68) 0%,transparent 44%),radial-gradient(circle at 71% 40%,transparent 0 20%,rgba(72,35,20,.13) 74%);pointer-events:none}.hero-copy{position:absolute;z-index:4;bottom:clamp(128px,17vh,190px);left:clamp(22px,8vw,124px);max-width:min(700px,70vw)}.hero-eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 16px;font-size:12px;font-weight:700;letter-spacing:.34em}.hero-eyebrow:before{width:32px;height:1px;background:currentColor;content:""}.hero-copy h1{max-width:650px;margin:0;font-family:STKaiti,KaiTi,serif;font-size:clamp(48px,7.5vw,108px);font-weight:700;letter-spacing:-.075em;line-height:1.02;text-wrap:balance;text-shadow:0 6px 30px rgba(31,18,12,.18)}.hero-caption{max-width:520px;margin:24px 0 0;font-size:clamp(14px,1.25vw,18px);line-height:1.8;opacity:.9}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.warm-button,.ghost-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-width:150px;padding:13px 20px;border-radius:999px;cursor:pointer;font-size:13px;font-weight:700;transition:transform .18s ease,background .18s ease}.warm-button{border:1px solid var(--orange);background:var(--orange);color:#fff}.ghost-button{border:1px solid rgba(255,255,255,.54);background:#2918122e;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.warm-button:hover,.ghost-button:hover{transform:translateY(-3px)}.ghost-button:hover{background:#ffffff24}.hero-controls{position:absolute;z-index:5;right:clamp(22px,5vw,76px);bottom:42px;display:flex;align-items:center;gap:14px}.round-control{display:grid;width:40px;height:40px;place-items:center;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:#2717112e;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:.18s ease}.round-control:hover{background:var(--orange);border-color:var(--orange)}.hero-dots{display:flex;gap:7px}.hero-dot{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#ffffff6b;cursor:pointer;transition:.18s ease}.hero-dot.is-active{width:24px;border-radius:99px;background:#fff}.hero-counter{min-width:54px;font-size:11px;letter-spacing:.14em}.hero-counter b{font-size:16px}.hero-note{position:absolute;z-index:4;bottom:48px;left:clamp(22px,8vw,124px);margin:0;font-size:10px;letter-spacing:.12em;opacity:.75}.hero-note span{margin-right:7px;color:#ffd6a1}.journal-section{position:relative;padding:clamp(90px,12vw,170px) clamp(22px,7vw,108px) clamp(100px,13vw,180px);overflow:hidden;background:linear-gradient(rgba(135,97,64,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(135,97,64,.04) 1px,transparent 1px),var(--cream);background-size:42px 42px}.paper-glow{position:absolute;border-radius:50%;filter:blur(4px);pointer-events:none}.paper-glow--one{top:70px;right:-100px;width:420px;height:420px;background:#f7b08333}.paper-glow--two{bottom:140px;left:-140px;width:350px;height:350px;background:#efb7aa2b}.journal-intro{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.65fr);max-width:1320px;margin:0 auto clamp(70px,9vw,118px);align-items:end;gap:clamp(36px,8vw,130px)}.section-kicker{display:flex;align-items:center;gap:13px;margin:0 0 22px;color:var(--orange-deep);font-family:Georgia,serif;font-size:12px;letter-spacing:.22em}.section-kicker span{display:grid;width:30px;height:30px;place-items:center;border:1px solid currentColor;border-radius:50%;font-family:sans-serif;font-size:9px}.journal-intro h2,.coming-heading h2{margin:0;font-family:STKaiti,KaiTi,serif;font-size:clamp(39px,5.2vw,76px);font-weight:700;letter-spacing:-.065em;line-height:1.15}.cat-stats{padding:24px 0 4px 26px;border-left:1px solid rgba(82,55,42,.25)}.cat-stats>p{margin:0 0 18px;color:#8e7466;font-size:11px;letter-spacing:.08em}.cat-stats dl{margin:0}.cat-stats dl div{display:flex;align-items:baseline;justify-content:space-between;padding:10px 0;border-bottom:1px dashed rgba(82,55,42,.16)}.cat-stats dt{color:#7d6559;font-size:12px}.cat-stats dd{margin:0;color:var(--orange-deep);font-family:Georgia,serif;font-size:21px}.story-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));max-width:1320px;margin:0 auto;align-items:start;gap:clamp(24px,3vw,42px)}.story-card{grid-column:span 4}.story-card--fresh{grid-column:span 6}.story-card--fresh .story-media{padding-bottom:75%}.story-card--fresh-portrait .story-media{padding-bottom:133.333%}.story-card--tall{grid-column:1 / span 5;grid-row:span 2}.story-card--wide{grid-column:span 7}.story-card--portrait{grid-column:span 4;margin-top:48px}.story-card--small{grid-column:span 3;margin:110px 0 0 5%}.story-card--cream{grid-column:span 5;margin-top:0}.story-card--soft{grid-column:5 / span 8;margin-top:38px}.story-media{position:relative;display:block;width:100%;height:0;margin:0;padding:0 0 72%;overflow:hidden;border:0;border-radius:4px;background:#e9d3b6;box-shadow:0 24px 70px #55382524}button.story-media{cursor:pointer}.story-card--tall .story-media,.story-card--portrait .story-media{padding-bottom:122%}.story-card--small .story-media{padding-bottom:118%}.story-media img,.story-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s ease,opacity .18s ease}.story-media video{z-index:1;opacity:0}.story-media.is-playing video{opacity:1}.story-card:hover .story-media img{transform:scale(1.025)}.story-live-pill{right:14px;bottom:14px;padding:8px 11px}.story-card--tilted{transform:rotate(-2.5deg)}.story-card--tilted .story-media{border:10px solid #fffdf7;border-bottom-width:30px}.story-copy{padding:18px 4px 0}.story-copy p{margin:0 0 8px;color:var(--orange-deep);font-size:9px;font-weight:700;letter-spacing:.22em}.story-copy h3{margin:0 0 8px;font-family:STKaiti,KaiTi,serif;font-size:clamp(25px,2.3vw,36px);font-weight:700;letter-spacing:-.045em}.story-copy span{color:#7b655a;font-size:12px;line-height:1.75}.coming-section{display:grid;grid-template-columns:minmax(260px,.65fr) minmax(0,1.35fr);padding:clamp(90px,12vw,160px) clamp(22px,7vw,108px);background:var(--coffee);color:#fff6e8;gap:clamp(45px,8vw,120px)}.coming-heading{max-width:530px}.section-kicker--light{color:#ffc19f}.coming-heading p:last-child{max-width:460px;margin:28px 0 0;color:#fff6e8b3;font-size:13px;line-height:1.9}.coming-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:18px}.coming-card{position:relative;min-height:210px;padding:26px;overflow:hidden;border:0;border-radius:6px;color:var(--ink);cursor:pointer;text-align:left;transition:transform .2s ease,box-shadow .2s ease}.coming-card:first-child{grid-row:span 2;min-height:438px}.coming-card:hover{z-index:1;box-shadow:0 20px 50px #150a0647;transform:translateY(-6px) rotate(-.5deg)}.coming-card--orange{background:#e8753f;color:#fff8ed}.coming-card--cream{background:#f5e5c8}.coming-card--pink{background:#e7aa9d}.coming-icon{position:absolute;top:22px;right:24px;display:grid;width:38px;height:38px;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:18px;opacity:.8}.coming-card small,.coming-card strong,.coming-card em{display:block}.coming-card small{margin-top:65px;font-size:9px;font-weight:700;letter-spacing:.22em;opacity:.7}.coming-card strong{margin-top:10px;font-family:STKaiti,KaiTi,serif;font-size:clamp(27px,2.7vw,42px);font-weight:700}.coming-card em{position:absolute;right:26px;bottom:24px;left:26px;font-size:11px;font-style:normal;line-height:1.6;opacity:.74}.site-footer{display:flex;min-height:260px;align-items:center;justify-content:center;padding:70px 22px;background:#2f2019;color:#fff5e7;text-align:center;flex-direction:column}.footer-paw{font-size:26px;filter:sepia(1) saturate(.5)}.site-footer p{margin:13px 0 6px;font-family:STKaiti,KaiTi,serif;font-size:24px}.site-footer small{font-size:8px;letter-spacing:.2em;opacity:.48}.construction-toast{position:fixed;z-index:50;right:24px;bottom:24px;display:flex;max-width:min(380px,calc(100vw - 48px));align-items:center;gap:14px;padding:15px 18px;border:1px solid rgba(88,57,39,.13);border-radius:16px;background:#fff9ecf5;color:var(--ink);box-shadow:0 18px 60px #3720163d;opacity:0;pointer-events:none;transform:translateY(20px) scale(.96);transition:.22s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.construction-toast>span{font-size:24px}.construction-toast strong{font-size:12px}.construction-toast p{margin:3px 0 0;color:#826a5e;font-size:11px}.construction-toast.is-visible{opacity:1;transform:translateY(0) scale(1)}@media(max-width:900px){.site-header{align-items:flex-start;padding-top:18px}.top-nav{max-width:60vw;justify-content:flex-end;flex-wrap:wrap;gap:2px 10px}.nav-link{font-size:11px}.nav-pill{padding:8px 13px}.hero-copy{max-width:82vw}.journal-intro,.coming-section{grid-template-columns:1fr}.cat-stats{max-width:480px}.story-card--tall,.story-card--wide,.story-card--portrait,.story-card--cream{grid-column:span 6;margin-top:0}.story-card--small{grid-column:span 5;margin-top:40px}.story-card--soft{grid-column:span 7;margin-top:40px}.coming-heading{max-width:660px}}@media(max-width:640px){.site-header{padding:16px}.brand-mark{width:39px;height:39px}.brand strong{font-size:13px}.brand small{display:none}.top-nav{max-width:58vw;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;scrollbar-width:none}.top-nav::-webkit-scrollbar{display:none}.nav-link{display:none}.nav-link.is-active,.nav-link--tool,.nav-pill{display:block;white-space:nowrap}.hero-wash{background:linear-gradient(0deg,#1c110cc7,#27161038 65%,#1f110c5c),linear-gradient(90deg,rgba(35,20,14,.38),transparent)}.hero-copy{bottom:154px;max-width:calc(100vw - 44px)}.hero-copy h1{font-size:clamp(45px,15vw,68px)}.hero-caption{margin-top:18px;font-size:13px}.hero-actions{margin-top:24px}.warm-button,.ghost-button{min-width:0;padding:11px 15px;gap:10px;font-size:11px}.live-badge{right:18px;bottom:102px}.hero-controls{right:18px;bottom:36px}.round-control{width:36px;height:36px}.hero-note{bottom:86px;left:22px;max-width:160px;line-height:1.5}.journal-intro h2,.coming-heading h2{font-size:39px}.journal-intro{margin-bottom:56px}.cat-stats{padding-left:18px}.story-grid{display:block}.story-card,.story-card--tall,.story-card--wide,.story-card--portrait,.story-card--small,.story-card--cream,.story-card--soft{width:100%;margin:0 0 54px;transform:none}.story-card--small{width:72%;margin-right:auto;margin-left:auto;transform:rotate(-2deg)}.story-copy h3{font-size:28px}.coming-grid{grid-template-columns:1fr}.coming-card:first-child{grid-row:auto;min-height:260px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}