.hero{position:relative;min-height:min(92vh,860px);display:flex;align-items:flex-end;overflow:hidden;background:var(--paper-2)}.hero-photo{position:absolute;inset:0}.hero-photo:not(.hero-photo-image){position:absolute;background:linear-gradient(180deg,#140f081a,#140f088c 55%,#140f08d1),repeating-linear-gradient(135deg,#a08868 0 2px,#8d7656 2px 4px,#6b5a40 4px 14px,#8d7656 14px 24px),radial-gradient(60% 50% at 40% 35%,#b99876,#6b5a40 70%);background-blend-mode:multiply,normal,normal}[data-theme=dark] .hero-photo:not(.hero-photo-image){background:linear-gradient(180deg,#0003,#000000a6 55%,#000000e6),repeating-linear-gradient(135deg,#5a4b36 0 2px,#463a2a 2px 4px,#2e2618 4px 14px,#463a2a 14px 24px),radial-gradient(60% 50% at 40% 35%,#6b5a40,#2e2618 70%);background-blend-mode:multiply,normal,normal}.hero-photo:after{content:"[ hero photograph — you outdoors, Hangzhou hills or similar ]";position:absolute;left:24px;top:24px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:#ffffff8c;border:1px dashed rgba(255,255,255,.3);padding:6px 10px;border-radius:4px;text-transform:uppercase}.hero-photo-image{background-position:center;background-repeat:no-repeat;background-size:cover;background-blend-mode:multiply,normal}.hero-photo-image:before{content:"";position:absolute;inset:0;pointer-events:none}[data-theme=dark] .hero-photo-image:before{background:linear-gradient(180deg,#03040a1a,#03040a57 56%,#03040a94)}.hero-photo-image:after{display:none}.hero-inner{position:relative;z-index:2;padding:60px 0 80px;color:#f5f1e8;width:100%}.hero-meta{display:flex;align-items:center;gap:16px;font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#f5f1e8b3;margin-bottom:28px}.hero-meta .dot{width:4px;height:4px;border-radius:50%;background:var(--accent)}.hero-meta .live{color:var(--accent)}.hero h1{font-family:var(--serif);font-weight:300;font-size:clamp(44px,7.2vw,108px);line-height:.98;letter-spacing:-.025em;margin:0 0 28px;text-wrap:balance;max-width:14ch;color:#f5f1e8}.hero h1 em{font-style:italic;color:#f3c79b;font-weight:300}[data-theme=dark] .hero h1 em{color:#e8a373}.hero-tagline{font-size:clamp(18px,1.5vw,22px);max-width:54ch;color:#f5f1e8d9;font-weight:300;line-height:1.5;text-wrap:pretty}.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;margin-top:56px;gap:32px;flex-wrap:wrap}.hero-loc{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:#f5f1e8bf}.hero-loc svg{width:14px;height:14px;color:var(--accent)}.hero-scroll{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#f5f1e8b3}.hero-scroll .line{width:40px;height:1px;background:#f5f1e866}.hero-topo{position:absolute;right:-40px;bottom:-40px;z-index:1;width:320px;height:320px;opacity:.28;pointer-events:none;color:var(--accent)}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}@media(max-width:900px){.story-grid{grid-template-columns:1fr;gap:48px}}.story-prose p{font-size:20px;line-height:1.65;color:var(--ink-2);margin:0 0 20px;text-wrap:pretty}.story-prose p:first-child:first-letter{font-size:64px;float:left;line-height:.9;padding:6px 10px 0 0;color:var(--accent);font-weight:400}.story-prose p strong{color:var(--ink);font-weight:500}.story-media-stack{display:grid;gap:22px;margin:32px 0 10px}.story-media-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.story-media-pair-portraits{align-items:start}.story-figure{display:grid;gap:.78rem;margin:0}.story-figure-frame{aspect-ratio:var(--story-figure-ratio, 4 / 3)}.story-figure .live-photo-toggle{top:10px;left:10px}.story-figure .live-photo-pill{width:36px;height:36px}.story-figure .live-photo-symbol{width:1.05rem;height:1.05rem}.story-figure .article-picture,.story-figure .article-picture img,.story-figure .live-photo-video{width:100%;height:100%}.story-figure .article-picture img,.story-figure .live-photo-video{object-fit:cover;object-position:var(--story-figure-position, 50% 50%)}.story-figure figcaption{display:grid;gap:.3rem;color:var(--ink-3);font-size:.95rem;line-height:1.7}.story-figure-eyebrow{color:var(--accent);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;font-family:var(--mono)}.story-figure-wide{max-width:100%}.story-figure-portrait{width:min(100%,22rem)}@media(max-width:720px){.story-media-pair{grid-template-columns:1fr}.story-figure-portrait{width:100%}}.story-side{position:sticky;top:100px}.story-card{border:1px solid var(--rule);background:var(--paper-2);padding:28px;position:relative}.story-card:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;height:3px;background:var(--accent)}.story-card h3{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);margin:0 0 20px;font-weight:500}.story-card dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:14px 20px;font-size:15px}.story-card dt{font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--ink-4);text-transform:uppercase;padding-top:4px}.story-card dd{margin:0;color:var(--ink);font-family:var(--serif)}.story-card dd em{color:var(--ink-3);font-size:13px;display:block;margin-top:2px}.story-stamps{margin-top:24px;display:flex;flex-wrap:wrap;gap:6px}.yt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 28px}@media(max-width:900px){.yt-grid{grid-template-columns:repeat(2,1fr);gap:28px 20px}}@media(max-width:600px){.yt-grid{grid-template-columns:1fr}}.yt-card{display:block;transition:transform .3s ease}.yt-card:hover{transform:translateY(-3px)}.yt-thumb{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:var(--paper-3);border:1px solid var(--rule)}.yt-thumb .ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--ink-3)}.yt-thumb .ph span{font-family:var(--mono);font-size:10px;letter-spacing:.15em;text-transform:uppercase;background:var(--paper);padding:4px 8px;border-radius:2px}.yt-thumb .duration{position:absolute;right:10px;bottom:10px;font-family:var(--mono);font-size:11px;background:#000c;color:#f5f1e8;padding:3px 7px;border-radius:2px;letter-spacing:.02em}.yt-thumb .play{position:absolute;inset:0;margin:auto;width:56px;height:56px;border-radius:50%;background:color-mix(in oklab,var(--paper) 92%,transparent);display:inline-flex;align-items:center;justify-content:center;color:var(--accent);transition:transform .3s ease,background-color .3s ease;opacity:0}.yt-card:hover .yt-thumb .play{opacity:1;transform:scale(1.08)}.yt-thumb .play svg{width:20px;height:20px;margin-left:2px}.yt-meta{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--ink-4);text-transform:uppercase;margin-top:16px}.yt-title{font-family:var(--serif);font-weight:400;font-size:21px;line-height:1.3;margin:8px 0 0;color:var(--ink);letter-spacing:-.005em;text-wrap:pretty}.yt-card:hover .yt-title{color:var(--accent)}.yt-foot,.writings-foot{display:flex;justify-content:space-between;align-items:center;margin-top:40px;gap:20px;flex-wrap:wrap;font-family:var(--mono);font-size:12px;letter-spacing:.05em;color:var(--ink-3)}.yt-foot{margin-top:48px;padding-top:24px;border-top:1px dashed var(--rule-2)}.yt-foot a,.writings-foot a{color:var(--accent);border-bottom:1px solid currentColor;padding-bottom:2px}