.post-card:nth-child(n+4){content-visibility:auto;contain-intrinsic-size:auto 280px}@media (width<=768px){.post-card:nth-child(n+4){contain-intrinsic-size:auto 220px}}.page-container{flex-direction:column;min-height:100vh;display:flex;position:relative}.hero-background{z-index:-1;background-color:var(--color-bg);background-image:linear-gradient(#c2413b08 1px,#0000 1px),linear-gradient(90deg,#c2413b08 1px,#0000 1px);background-position:50%;background-size:60px 60px;position:absolute;inset:0;html[data-theme=dark] &{background-color:var(--color-bg);background-image:linear-gradient(#e8736a0a 1px,#0000 1px),linear-gradient(90deg,#e8736a0a 1px,#0000 1px)}}.main-content{flex-direction:column;flex:1;width:100%;max-width:860px;margin:0 auto;padding:0 24px;display:flex}.hero-masthead{text-align:center;padding:5rem 0 3rem;position:relative;&:before{content:"";background:var(--color-accent);width:48px;height:4px;margin:0 auto 2rem;display:block;position:relative}&:after{content:"";pointer-events:none;border:1px solid #c2413b14;border-radius:50%;width:120px;height:120px;position:absolute;top:5rem;left:50%;transform:translate(-50%)}}.hero-title{font-family:var(--font-heading);color:var(--color-title);letter-spacing:-.02em;margin:0 0 .5rem;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:400;line-height:1.1}.hero-title-accent{color:var(--color-accent)}.hero-subtitle{font-family:var(--font-body);font-size:var(--text-lg);color:var(--color-text-muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 1.5rem;font-weight:400}.hero-divider{justify-content:center;align-items:center;gap:12px;max-width:360px;margin:0 auto;display:flex;&:before,&:after{content:"";background:var(--color-border);flex:1;height:1px}}.hero-divider-dot{background:var(--color-accent);border-radius:50%;flex-shrink:0;width:6px;height:6px}.hero-stats{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;justify-content:center;gap:2.5rem;margin-top:2rem;display:flex}.hero-stat{text-align:center}.hero-stat-value{font-family:var(--font-heading);font-size:var(--text-2xl);color:var(--color-title);line-height:1.2;display:block}.hero-typewriter{text-align:center;color:var(--color-text-muted);min-height:1.8em;margin:-1rem auto -6rem;padding-bottom:1.5rem;font-size:1.05em}.talk-container{width:100%;max-width:720px;margin:0 auto 3rem;position:relative}#bber-talk{background:var(--color-bg-surface);border:1px solid var(--color-border);border-left:3px solid var(--color-accent);border-radius:var(--radius-xl);width:100%;height:44px;font-size:var(--text-sm);align-items:center;padding:0 20px;display:flex;position:relative;overflow:hidden;html[data-theme=dark] &{background:var(--color-bg-surface)}&:before{content:"";background:var(--color-accent);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-right:14px;animation:2s ease-in-out infinite pulse-dot}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.75)}}.talk-wrap{flex:1;min-width:0;overflow:hidden}.talk-list{align-items:center;height:44px;margin:0;transition:opacity .3s;display:flex;& li{white-space:nowrap;text-overflow:ellipsis;width:100%;margin-bottom:0;list-style:none;overflow:hidden;& .datetime{color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-xs);margin-right:4px}& a{color:var(--color-text);text-decoration:none;@media (hover:hover){&:hover{color:var(--color-accent)}}}}}.section-header{border-bottom:2px solid var(--color-border);justify-content:space-between;align-items:baseline;margin-bottom:1.5rem;padding-bottom:.75rem;display:flex;position:relative;&:after{content:"";background:var(--color-accent);width:40px;height:2px;position:absolute;bottom:-2px;left:0}}.section-label{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--color-title);letter-spacing:-.01em;margin:0;font-weight:400}.section-link{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;text-decoration:none;transition:color .2s;@media (hover:hover){&:hover{color:var(--color-accent)}}}.posts-home{grid-template-columns:1fr 1fr;gap:1.5rem;width:100%;margin-bottom:3rem;display:grid}.post-featured{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);grid-column:1/-1;grid-template-columns:1fr 1fr;align-items:center;gap:2rem;padding:2rem;transition:border-color .3s,box-shadow .3s;display:grid;position:relative;overflow:hidden;@media (hover:hover){&:hover{box-shadow:var(--shadow-lg);border-color:#c2413b33;html[data-theme=dark] &{border-color:#e8736a33}}}&:before{content:"";pointer-events:none;background:linear-gradient(45deg,#0000 50%,#c2413b0f 50%);width:80px;height:80px;position:absolute;top:0;right:0}}.post-featured-cover{aspect-ratio:16/10;object-fit:cover;border-radius:var(--radius-md);width:100%}.post-featured-body{flex-direction:column;gap:.75rem;display:flex}.post-featured-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-accent);text-transform:uppercase;letter-spacing:.1em}.post-featured-title{font-family:var(--font-heading);margin:0;font-size:clamp(1.5rem,3vw,2rem);font-weight:400;line-height:1.2;& a{color:var(--color-title);text-decoration:none;transition:color .2s;@media (hover:hover){&:hover{color:var(--color-accent)}}}}.post-featured-date{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.post-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;justify-content:space-between;gap:.75rem;padding:1.5rem;transition:border-color .3s,transform .3s;display:flex;position:relative;@media (hover:hover){&:hover{border-color:#c2413b40;transform:translateY(-2px);html[data-theme=dark] &{border-color:#e8736a40}}}&:before{content:"";background:var(--color-accent);opacity:0;border-radius:0 2px 2px 0;width:3px;height:60%;transition:opacity .3s,transform .3s;position:absolute;top:20%;left:-1px;transform:scaleY(0)}@media (hover:hover){&:hover:before{opacity:1;transform:scaleY(1)}}}.post-card-title{font-family:var(--font-heading);font-size:var(--text-lg);margin:0;font-weight:400;line-height:1.3;& a{color:var(--color-title);text-decoration:none;transition:color .2s;@media (hover:hover){&:hover{color:var(--color-accent)}}}}.post-card-meta{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.photos-section{margin-bottom:3rem}.photos-grid{grid-template-rows:200px 200px;grid-template-columns:2fr 1fr 1fr;gap:.75rem;display:grid;&.photos-grid--large{grid-template-rows:200px 200px 200px;grid-template-columns:2fr 1fr 1fr 1fr}}.photo-item{border-radius:var(--radius-md);cursor:pointer;position:relative;overflow:hidden;&:first-child{grid-area:1/1/3;.photos-grid--large &{grid-area:1/1/3/3}}& img{object-fit:cover;width:100%;height:100%;transition:transform .5s}@media (hover:hover){&:hover img{transform:scale(1.05)}}}.photo-overlay{opacity:0;background:linear-gradient(#0000 50%,#00000080 100%);align-items:flex-end;padding:1rem;transition:opacity .3s;display:flex;position:absolute;inset:0;@media (hover:hover){.photo-item:hover &{opacity:1}}}.photo-caption{color:#fff;font-size:var(--text-sm);font-family:var(--font-body)}.friends-section{box-sizing:border-box;background:var(--color-surface-secondary);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);width:100vw;max-width:none;margin:0 calc(50% - 50vw) 3rem;padding:2rem 0}.friends-inner{max-width:var(--content-width);margin:0 auto;padding:0 24px}#friArticle{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1rem;display:flex}.fri-item{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-full);align-items:center;gap:.6rem;padding:.5rem 1.2rem .5rem .5rem;text-decoration:none;transition:all .3s;display:inline-flex;@media (hover:hover){&:hover{border-color:var(--color-accent);box-shadow:var(--shadow-sm);transform:translateY(-2px)}}}.fri-avatar{object-fit:cover;border-radius:50%;width:32px;height:32px}.fri-cont{flex-direction:column;line-height:1.2;display:flex}.fri-title{font-size:var(--text-sm);color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;max-width:200px;overflow:hidden;& a{color:inherit;align-items:center;min-height:24px;text-decoration:none;display:inline-flex}}.fri-updated{font-size:var(--text-xs);color:var(--color-text-muted);font-style:italic}.media-duo{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:3rem;display:grid}.media-panel{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;& .section-header{margin-bottom:1rem}}.rating{font-size:var(--text-xs);align-items:center;gap:.25rem;display:flex}@media (prefers-reduced-motion:no-preference){@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fade-up .6s var(--ease-out) both}.stagger-children>*{opacity:0;animation:fade-up .6s var(--ease-out) forwards;&:first-child{animation-delay:50ms}&:nth-child(2){animation-delay:.1s}&:nth-child(3){animation-delay:.15s}&:nth-child(4){animation-delay:.2s}&:nth-child(5){animation-delay:.25s}&:nth-child(6){animation-delay:.3s}}}@media (prefers-reduced-motion:reduce){.stagger-children>*{opacity:1}}@media (width<=768px){.hero-masthead{padding:3rem 0 2rem;&:after{width:80px;height:80px;top:3rem}}.hero-stats{gap:1.5rem}.posts-home{grid-template-columns:1fr;gap:1rem}.post-featured{grid-template-columns:1fr;gap:1rem;padding:1.25rem}.photos-grid{grid-template-rows:auto;grid-template-columns:1fr 1fr;grid-auto-rows:auto;&.photos-grid--large{grid-template-rows:auto;grid-template-columns:1fr 1fr}}.photo-item{aspect-ratio:4/3}.photo-item:first-child{grid-area:auto/1/auto/-1;.photos-grid--large &{grid-area:auto/1/auto/-1}}.media-duo{grid-template-columns:1fr}}@media (width<=640px){.post-featured{grid-template-columns:1fr;gap:1rem;padding:1rem}.post-featured-cover{aspect-ratio:16/9}.post-featured-title{font-size:var(--text-lg)}}@media (width<=450px){.main-content{padding:0 16px}.hero-masthead{padding:2.5rem 0 1.5rem;&:after{display:none}}.hero-typewriter{margin-top:0;padding-bottom:1rem;font-size:.95em}.hero-stats{flex-wrap:wrap;gap:1rem}.hero-stat-value{font-size:var(--text-lg)}.posts-home{grid-template-columns:1fr}.photos-grid,.photos-grid--large{grid-template-rows:auto;grid-template-columns:1fr 1fr;grid-auto-rows:auto;gap:.5rem}.friends-section{padding:1.25rem 0}.friends-inner{padding:0 16px}#friArticle{gap:.5rem}.fri-item{padding:.4rem .9rem .4rem .4rem}}.typewriter[data-astro-cid-dzxdl3ld]{position:relative}.typewriter[data-astro-cid-dzxdl3ld]:after{content:"|";margin-left:2px;animation:1s infinite blink}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.talk-list[data-astro-cid-o72k3vhg]{will-change:transform, opacity;transition:opacity .25s,transform .25s}.fri-item[data-astro-cid-ac5orsye]:nth-child(n+6){content-visibility:auto;contain-intrinsic-size:auto 64px}.media-grid[data-astro-cid-htbut2ni]{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.25rem;display:grid}.rating-badge[data-astro-cid-htbut2ni]{color:gold;background:#0009;border-radius:4px;padding:2px 8px;font-size:.8rem;font-weight:600;display:inline-block}.media-item-title[data-astro-cid-htbut2ni]{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.85rem;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}