/* Translucent surfaces and motion only; no layout geometry lives here. */
@keyframes ambient-drift{0%,100%{transform:translate3d(-2%,-1%,0) scale(1)}50%{transform:translate3d(3%,2%,0) scale(1.06)}}
@keyframes glass-arrive{from{opacity:0;transform:translateY(16px);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}
@keyframes photo-arrive{from{opacity:0;transform:scale(.975);clip-path:inset(0 0 9% 0 round 16px)}to{opacity:1;transform:none;clip-path:inset(0 0 0 0 round 16px)}}

body{isolation:isolate}body::after{content:"";position:fixed;inset:-18%;z-index:-1;pointer-events:none;background:radial-gradient(circle at 14% 12%,rgba(183,207,190,.28),transparent 25%),radial-gradient(circle at 84% 20%,rgba(225,207,178,.22),transparent 23%),radial-gradient(circle at 58% 88%,rgba(190,207,216,.18),transparent 28%);animation:ambient-drift 18s ease-in-out infinite}
.site-header{background:rgba(247,247,243,.72)!important;box-shadow:0 1px 0 rgba(255,255,255,.7);backdrop-filter:blur(20px) saturate(1.15);-webkit-backdrop-filter:blur(20px) saturate(1.15)}
.site-header nav{background:rgba(255,255,255,.46)!important;box-shadow:0 8px 28px rgba(34,42,36,.045),inset 0 1px 0 rgba(255,255,255,.78)!important}

.home-page main{position:relative;z-index:1}.home-page .site-header{z-index:20}
.moment-content{position:relative;border:1px solid rgba(255,255,255,.62);border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.52),rgba(255,255,255,.22));box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 18px 55px rgba(38,48,40,.045);backdrop-filter:blur(18px) saturate(1.1);-webkit-backdrop-filter:blur(18px) saturate(1.1);animation:glass-arrive .58s .04s cubic-bezier(.16,1,.3,1) both}
@media(min-width:960px){.moment-content{padding-left:26px;padding-right:26px}.home-page .brand{margin-left:26px}.home-photo{animation:photo-arrive .7s .12s cubic-bezier(.16,1,.3,1) both}.home-gates a{opacity:0;animation:glass-arrive .55s cubic-bezier(.16,1,.3,1) forwards}.home-gates a:nth-child(1){animation-delay:.12s}.home-gates a:nth-child(2){animation-delay:.2s}.home-gates a:nth-child(3){animation-delay:.28s}}
.home-photo{border:1px solid rgba(255,255,255,.7);box-shadow:0 24px 65px rgba(31,40,33,.12),inset 0 1px 0 rgba(255,255,255,.7)}
.home-photo::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(120deg,rgba(255,255,255,.13),transparent 30%);pointer-events:none}
.home-gates a{position:relative;overflow:hidden;border-color:rgba(255,255,255,.68)!important;background:linear-gradient(135deg,rgba(255,255,255,.58),rgba(255,255,255,.27))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 14px 42px rgba(35,44,37,.05);backdrop-filter:blur(18px) saturate(1.12);-webkit-backdrop-filter:blur(18px) saturate(1.12)}
.home-gates a::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.42) 48%,transparent 75%);transform:translateX(-115%);transition:transform .7s cubic-bezier(.16,1,.3,1);pointer-events:none}.home-gates a:hover::after{transform:translateX(115%)}.home-gates a:hover{border-color:rgba(255,255,255,.94)!important;box-shadow:inset 0 1px 0 #fff,0 20px 48px rgba(31,43,34,.1)}

.page-intro,.about-shell,.lock-card{position:relative}.page-intro::before,.about-shell::before{content:"";position:absolute;z-index:-1;border-radius:28px;background:rgba(255,255,255,.25);filter:blur(.1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.55);pointer-events:none}.page-intro::before{inset:28px -32px 12px}.about-shell::before{inset:42px -38px 50px}.lock-card{background:rgba(255,255,255,.56)!important;backdrop-filter:blur(22px) saturate(1.1);-webkit-backdrop-filter:blur(22px) saturate(1.1)}
.post-row,.admin-row,.stat-grid a,.image-admin-card{transition:transform .3s cubic-bezier(.16,1,.3,1),background .3s,box-shadow .3s,border-color .3s}.post-row:hover{background:rgba(255,255,255,.38);box-shadow:0 16px 42px rgba(35,43,37,.045);transform:translateY(-2px)}
.button,.filter-chips button,.visual-toolbar button{transition:transform .2s,background .2s,color .2s,box-shadow .2s}.button:active,.filter-chips button:active,.visual-toolbar button:active{transform:translateY(1px) scale(.985)}

.motion-ready .reveal-item{opacity:0;transform:translateY(18px);transition:opacity .58s cubic-bezier(.16,1,.3,1),transform .58s cubic-bezier(.16,1,.3,1)}.motion-ready .reveal-item.is-visible{opacity:1;transform:none}.motion-ready .reveal-item:nth-child(2){transition-delay:.05s}.motion-ready .reveal-item:nth-child(3){transition-delay:.1s}.motion-ready .reveal-item:nth-child(4){transition-delay:.15s}

@media(max-width:820px){body::after{inset:-10%;animation-duration:24s}.moment-content{border:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;animation:none}.page-intro::before{inset:16px -10px 8px}.about-shell::before{inset:25px -10px 35px}.site-header nav.open{background:rgba(249,250,247,.98)!important;color:var(--ink)!important;border:1px solid rgba(35,43,37,.12)!important;box-shadow:0 18px 55px rgba(24,32,26,.18),inset 0 1px 0 #fff!important;backdrop-filter:blur(24px) saturate(1.08);-webkit-backdrop-filter:blur(24px) saturate(1.08)}.site-header nav.open a{opacity:.72}.site-header nav.open a:hover,.site-header nav.open a[aria-current]{opacity:1}}
@media(prefers-reduced-motion:reduce){body::after,.moment-content,.home-photo,.home-gates a{animation:none!important;opacity:1!important}.home-gates a::after{display:none}.motion-ready .reveal-item{opacity:1;transform:none;transition:none}}
