:root{--ap-ground:#0b0f12;--ap-soil:#12181d;--ap-rain:#3d5a6b;--ap-amber:#e8a24a;--ap-cream:#e8dcc0;--ap-mist:#8b98a1;
--ap-serif:Georgia,'Times New Roman',serif;--ap-line:rgba(232,162,74,.22);--ap-line-rain:rgba(101,131,148,.45);
--sans:system-ui,-apple-system,'Segoe UI',sans-serif}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:radial-gradient(110% 60% at 50% -10%,rgba(61,90,107,.5),rgba(18,24,29,.9) 55%,var(--ap-ground)) fixed;background-color:var(--ap-ground);color:var(--ap-cream);font:16px/1.55 var(--sans)}
a{color:var(--ap-amber)}
:focus-visible{outline:2px solid var(--ap-amber);outline-offset:2px}
.wrap{max-width:760px;margin:0 auto;padding:22px 16px 60px}
.mast{display:flex;align-items:center;gap:14px;padding-bottom:14px;border-bottom:1px solid var(--ap-line)}
.mark{flex:none;width:58px;height:58px;border-radius:22%}
.mast h1{font:400 clamp(28px,8vw,44px)/1.04 var(--ap-serif);margin:0}
.mast p{margin:4px 0 0;color:var(--ap-mist);font-size:14.5px}
.home{display:inline-block;margin:0 0 14px;font-size:14px;color:var(--ap-mist);text-decoration:none}
.home:hover{color:var(--ap-amber)}
.intro{max-width:58ch;margin:16px 0 0}
.latest{display:grid;grid-template-columns:132px 1fr;gap:16px;align-items:center;margin:20px 0 4px;padding:12px;border-radius:14px;background:rgba(18,24,29,.72);box-shadow:0 0 0 1px var(--ap-line) inset;text-decoration:none;color:inherit}
.latest img{width:132px;aspect-ratio:8.5/11;object-fit:cover;object-position:top;border-radius:4px;background:#e8e2d4}
.latest .k{font-size:13.5px;color:var(--ap-amber)}
.latest h2{font:400 21px/1.25 var(--ap-serif);margin:4px 0 6px}
.latest .d{font-size:14px;color:var(--ap-mist)}
.month{margin-top:30px}
.month h2{font:400 24px/1.1 var(--ap-serif);margin:0 0 10px;display:flex;justify-content:space-between;align-items:baseline}
.month h2 span{font:400 14px/1 var(--sans);color:var(--ap-mist)}
.dow,.grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}
.dow div{font-size:12px;color:var(--ap-mist);text-align:center;padding-bottom:4px}
.cell{position:relative;display:block;aspect-ratio:8.5/11;border-radius:5px;background:rgba(18,24,29,.55);box-shadow:0 0 0 1px rgba(101,131,148,.22) inset;overflow:hidden;color:inherit;text-decoration:none}
.cell.blank{background:transparent;box-shadow:none}
.cell .dd{position:absolute;left:4px;top:3px;font-size:11px;color:var(--ap-mist)}
.cell img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}
.cell.paper{box-shadow:0 0 0 1px rgba(232,162,74,.4),0 4px 10px -4px rgba(0,0,0,.7)}
.cell.paper .dd{z-index:1;font-weight:700;color:var(--ap-cream);background:rgba(11,15,18,.78);border-radius:3px;padding:2px 3px;top:3px;left:3px}
.cell.paper .n{position:absolute;z-index:1;left:0;right:0;bottom:0;padding:9px 3px 3px;font-size:10.5px;line-height:1;color:var(--ap-cream);background:linear-gradient(transparent,rgba(11,15,18,.9));white-space:nowrap}
.foot{margin-top:34px;padding-top:12px;border-top:1px solid var(--ap-line);color:var(--ap-mist);font-size:14px;max-width:62ch}
.reel{display:grid;justify-items:center;gap:14px;margin-top:20px}
.reel video{width:min(100%,400px);aspect-ratio:9/16;border-radius:16px;background:var(--ap-soil);box-shadow:0 0 0 1px var(--ap-line),0 30px 60px -24px rgba(0,0,0,.9)}
.reel p{margin:0;max-width:46ch;text-align:center;color:var(--ap-mist)}
.cta{display:inline-block;margin-top:6px;font:700 16px/1 var(--sans);color:var(--ap-ground);background:var(--ap-amber);border-radius:999px;padding:13px 20px;text-decoration:none}
.reelcard{display:grid;grid-template-columns:132px 1fr;gap:16px;align-items:center;margin:18px 0 6px;padding:12px;border-radius:14px;background:rgba(18,24,29,.72);box-shadow:0 0 0 1px var(--ap-line) inset}
.reelcard video{width:132px;aspect-ratio:9/16;border-radius:10px;background:var(--ap-soil)}
.reelcard h2{font:400 20px/1.25 var(--ap-serif);margin:0 0 6px}
.reelcard p{margin:0 0 6px;font-size:14px;color:var(--ap-mist)}
.reelcard a{font-size:14px}
.story{display:grid;gap:26px;margin:34px 0 0}
.story h2{font:400 26px/1.15 var(--ap-serif);margin:0}
.moment{display:grid;grid-template-columns:minmax(0,200px) 1fr;gap:18px;align-items:center}
.moment img{display:block;width:100%;height:auto;aspect-ratio:9/16;border-radius:14px;box-shadow:0 0 0 1px var(--ap-line),0 20px 40px -20px rgba(0,0,0,.9);background:var(--ap-soil)}
.moment p{margin:0;font:400 19px/1.4 var(--ap-serif)}
.moment p span{display:block;margin-top:6px;font:400 14px/1.4 var(--sans);color:var(--ap-mist)}
.slides{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:20px 0 14px;-webkit-overflow-scrolling:touch}
.slides figure{flex:0 0 min(86%,440px);margin:0;scroll-snap-align:center}
.slides img{display:block;width:100%;height:auto;aspect-ratio:3/4;border-radius:16px;box-shadow:0 0 0 1px var(--ap-line),0 24px 48px -22px rgba(0,0,0,.9)}
.slides figcaption{margin-top:8px;font-size:14px;color:var(--ap-mist)}
.hint{color:var(--ap-mist);font-size:14px;margin:0}
@media (max-width:420px){.latest{grid-template-columns:104px 1fr}.latest img{width:104px}}