:root{color-scheme:light;--bg: #f4e9d6;--surface: #fffcf6;--surface-soft: #fbf3e4;--surface-sunken: #ede0ca;--ink: #2a1d14;--muted: #604c3a;--subtle: #75604b;--primary: #98472b;--primary-deep: #63311b;--primary-wash: #f6e7dc;--gold: #f6a93c;--on-primary: #fff8ee;--shadow: rgba(42, 29, 20, .08)}*{box-sizing:border-box}html{min-height:100%}body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;font:inherit}img{display:block}.app-shell{margin:0 auto;max-width:640px;min-height:100vh;padding:max(14px,env(safe-area-inset-top)) 16px 40px}.topbar{align-items:center;display:grid;gap:10px;grid-template-columns:44px 1fr 68px;height:54px;left:0;margin:0 auto;max-width:640px;padding:0 16px;position:sticky;right:0;top:0;z-index:10}.topbar:before{background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);content:"";top:0;right:0;bottom:0;left:0;position:absolute;z-index:-1}.topbar-overlay{color:var(--on-primary);position:fixed}.topbar-overlay:before{background:linear-gradient(180deg,rgba(22,16,13,.72),transparent);-webkit-backdrop-filter:none;backdrop-filter:none}.brand{color:var(--primary);font-family:Georgia,Times New Roman,serif;font-size:30px;font-weight:500;justify-self:center;line-height:1;text-decoration:none}.topbar-overlay .brand{color:var(--on-primary)}.icon-button,.text-button,.primary-button,.media-tile,.media-more,.gallery-nav{border:0;cursor:pointer}.icon-button{align-items:center;background:var(--primary-wash);border-radius:16px;color:var(--primary-deep);display:inline-flex;font-size:34px;height:40px;justify-content:center;line-height:1;width:40px}.topbar-overlay .icon-button{background:#fff8ee29;color:var(--on-primary)}.text-button{background:transparent;color:var(--primary);font-size:14px;font-weight:800;justify-self:end;min-height:40px;padding:0}.topbar-overlay .text-button{color:var(--on-primary)}.hidden{visibility:hidden}.content{padding-top:18px}.stack{display:grid;gap:16px}.feed{display:grid;gap:16px;padding-bottom:32px}.hero-copy{padding:18px 4px 6px}h1,h2,p{margin:0}h1,h2{font-family:Georgia,Times New Roman,serif;font-weight:500;letter-spacing:0}h1{font-size:clamp(34px,9vw,54px);line-height:1.02}h2{font-size:24px;line-height:1.08}.muted{color:var(--muted);font-size:16px;line-height:1.52}.caption{color:var(--subtle);font-size:13px;font-weight:700;line-height:1.4}.eyebrow{color:var(--primary);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.panel,.feed-card{background:var(--surface);border-radius:24px;box-shadow:0 14px 38px var(--shadow)}.panel{padding:clamp(22px,7vw,40px)}.primary-button{align-items:center;background:var(--primary);border-radius:999px;color:var(--on-primary);display:inline-flex;font-weight:900;justify-content:center;min-height:50px;padding:0 22px}.primary-button:disabled{cursor:progress;opacity:.68}.primary-button.secondary{background:var(--primary-wash);color:var(--primary-deep);width:100%}.feed-card{overflow:hidden;text-align:left}.card-body{display:grid;gap:7px;padding:16px}.media-grid{display:grid;gap:3px;overflow:hidden}.media-grid.single{grid-template-columns:1fr}.media-grid.collage{grid-template-columns:1.32fr .82fr;min-height:238px}.media-tile{background:var(--surface-sunken);min-height:118px;overflow:hidden;padding:0;position:relative}.media-tile.large{grid-row:span 2;min-height:238px}.media-grid.single .media-tile{aspect-ratio:4 / 3}.media-tile img{height:100%;object-fit:cover;width:100%}.media-placeholder,.gallery-placeholder{align-items:center;background:linear-gradient(145deg,var(--primary-wash),var(--surface-sunken));color:var(--primary-deep);display:flex;font-weight:900;top:0;right:0;bottom:0;left:0;justify-content:center;position:absolute}.media-more{align-items:center;background:#2a1d1494;color:var(--on-primary);display:flex;font-size:26px;font-weight:900;justify-content:center;min-height:118px}.entry-detail{padding-bottom:34px}.detail-media-grid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.detail-media-grid .media-tile{aspect-ratio:1;border-radius:18px;min-height:auto}.gallery{background:#16100d;color:var(--on-primary);top:0;right:0;bottom:0;left:0;min-height:100vh;overflow:hidden;position:fixed;z-index:6}.gallery-stage{align-items:center;display:grid;height:74vh;justify-items:center;padding:74px 0 8px;position:relative}.gallery-image{max-height:100%;max-width:100%;object-fit:contain}.gallery-placeholder{border-radius:18px;height:62vh;position:static;width:86%}.gallery-nav{align-items:center;background:#fff8ee24;border-radius:999px;color:var(--on-primary);display:flex;font-size:42px;height:48px;justify-content:center;position:absolute;top:52%;transform:translateY(-50%);width:48px}.gallery-nav:disabled{opacity:.2}.gallery-nav.previous{left:10px}.gallery-nav.next{right:10px}.gallery-caption{background:linear-gradient(180deg,transparent,rgba(22,16,13,.94) 28%);bottom:0;display:grid;gap:16px;left:0;padding:34px 18px max(24px,env(safe-area-inset-bottom));position:absolute;right:0}.scrubber{display:grid;gap:6px;grid-auto-columns:1fr;grid-auto-flow:column}.scrub{background:#fff8ee3d;border-radius:999px;height:4px}.scrub.active{background:var(--gold)}.gallery-copy{display:grid;gap:7px}.gallery-copy h1{font-size:clamp(24px,7vw,36px)}.gallery-summary{color:#f7ecd8;font-size:14px;line-height:1.45}.skeleton{pointer-events:none}.skeleton .media-grid,.line{animation:pulse 1.35s ease-in-out infinite;background:linear-gradient(90deg,var(--surface-sunken),var(--primary-wash),var(--surface-sunken));background-size:220% 100%}.line{border-radius:999px;height:14px}.line.short{width:34%}.line.medium{width:72%}@keyframes pulse{0%{background-position:120% 0}to{background-position:-120% 0}}@media(min-width:760px){body{background:linear-gradient(180deg,#fffcf68a,#f4e9d600),var(--bg)}.app-shell{padding-top:26px}.feed-card{transition:transform .16s ease,box-shadow .16s ease}.feed-card:hover{box-shadow:0 18px 54px #2a1d141f;transform:translateY(-2px)}.gallery{align-items:center;display:grid;padding:24px}.gallery-stage,.gallery-caption{margin:0 auto;max-width:980px;width:100%}}
