.page{color:#e7ecea;background:radial-gradient(120% 100% at 8% 0,#172a22 0%,#101a17 42%,#080d0b 100%);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;overflow-x:hidden}.wrap{z-index:1;grid-template-columns:1fr 1fr;align-items:start;gap:clamp(28px,5vw,72px);max-width:1200px;min-height:100vh;margin:0 auto;padding:clamp(28px,6vw,90px) clamp(20px,4vw,40px);display:grid;position:relative}.hero{flex-direction:column;height:100%;display:flex}.name{letter-spacing:-.02em;color:#fbfdfc;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(48px,7vw,104px);font-weight:700;line-height:.95}.role{color:#aeb9b4;margin:18px 0 0;font-size:clamp(20px,2.4vw,30px);font-weight:400}.spacer{flex:1}.cta{color:#cfe0ff;cursor:pointer;background:#2f6cff1f;border:1px solid #2f6cff;border-radius:12px;align-self:flex-start;margin-top:28px;padding:13px 24px;font-size:16px;font-weight:600;transition:background .25s,transform .15s,box-shadow .25s}.cta:hover{background:#2f6cff47;transform:translateY(-1px);box-shadow:0 8px 30px #2f6cff40}.cta:focus-visible{outline-offset:3px;outline:2px solid #8fc4ff}.posts{flex-direction:column;gap:22px;display:flex}.card{background:#ffffff09;border:1px solid #ffffff14;border-radius:18px;grid-template-columns:150px 1fr;gap:20px;padding:18px;display:grid}.thumb{border-radius:12px;width:150px;height:150px}.card h3{color:#5aa9ff;margin:4px 0 8px;font-size:21px;font-weight:600;line-height:1.25}.card p{color:#a7b2ad;margin:0 0 14px;font-size:15px;line-height:1.5}.tags{flex-wrap:wrap;gap:8px;display:flex}.tag{color:#7db8ff;background:#5aa9ff1f;border-radius:999px;padding:4px 11px;font-size:12.5px}.date{color:#8a938f;text-align:right;margin-top:12px;font-size:13px}.reveal{z-index:40;pointer-events:none;opacity:0;transition:opacity .6s,transform .9s;position:fixed;inset:0;transform:scale(1.04)}.reveal.preview{opacity:.42}.reveal.full{opacity:1;transform:scale(1)}.land-svg{width:100%;height:100%;display:block}.hint{color:#7f8b86;margin-top:12px;font-size:13px}.modal-back{z-index:45;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0408069e;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#12211b;border:1px solid #ffffff1a;border-radius:20px;width:min(440px,100%);padding:26px}.modal h2{color:#fbfdfc;margin:0 0 4px;font-size:22px}.modal .sub{color:#9aa5a0;margin:0 0 20px;font-size:14px}.field{margin-bottom:14px;display:block}.field span{color:#9aa5a0;margin-bottom:6px;font-size:13px;display:block}.field input,.field textarea{color:#e7ecea;width:100%;font:inherit;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:10px;padding:11px 13px;font-size:15px}.field textarea{resize:vertical;min-height:84px}.row{gap:12px;margin-top:6px;display:flex}.send{color:#fff;cursor:pointer;background:#2f6cff;border:none;border-radius:11px;flex:1;padding:13px;font-size:16px;font-weight:700;transition:background .2s,transform .15s}.send:hover{background:#4b82ff;transform:translateY(-1px)}.ghost{color:#cbd3cf;cursor:pointer;background:0 0;border:1px solid #ffffff29;border-radius:11px;padding:13px 18px}.sent-card{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:center;background:#ffffffe6;border-radius:22px;padding:30px 34px;animation:.5s cubic-bezier(.34,1.56,.64,1) both sent-pop;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 70px #00000047}.sent-card h2{color:#16311f;margin:0 0 6px;font-size:26px}.sent-card p{color:#40554a;margin:0 0 18px;font-size:15px}.sent-card button{color:#fff;cursor:pointer;background:#2f6cff;border:none;border-radius:11px;padding:11px 22px;font-weight:700}@keyframes sent-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.7)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.cloud{animation:linear infinite cloud-drift}.bird{transform-box:fill-box;transform-origin:50%;animation:ease-in-out infinite bird-bob}.mote{animation:ease-in-out infinite mote-float}.ripple{transform-box:fill-box;transform-origin:50%;animation:ease-in-out infinite ripple-shimmer}.sun-glow{transform-box:fill-box;transform-origin:50%;animation:4.5s ease-in-out infinite sun-breathe}.sunburst{transform-box:fill-box;transform-origin:50%;animation:40s linear infinite spin}.rainbow{animation:5s ease-in-out infinite rainbow-glow}.tuft{transform-box:fill-box;transform-origin:bottom;animation:ease-in-out infinite sway}.fish{transform-box:fill-box;transform-origin:50%;animation:9s ease-in-out infinite fish-jump}.fish-ripple{transform-box:fill-box;transform-origin:50%;animation:9s ease-out infinite fish-ring}.flyer{animation:ease-in-out infinite flyer-path}.wing{transform-box:fill-box;animation:ease-in-out infinite wing-flap}.wing-l{transform-origin:100%}.wing-r{transform-origin:0}.flower-enter{transform-box:fill-box;transform-origin:bottom;animation:1s cubic-bezier(.34,1.56,.64,1) both flower-pop}.flower-bob{transform-box:fill-box;transform-origin:bottom;animation:ease-in-out infinite flower-bob}@keyframes cloud-drift{0%{transform:translate(-380px)}to{transform:translate(1820px)}}@keyframes bird-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes mote-float{0%{opacity:0;transform:translate(0)}15%{opacity:1}85%{opacity:1}to{transform:translate(var(--drift),-70px);opacity:0}}@keyframes ripple-shimmer{0%,to{opacity:.4;transform:scaleX(1)}50%{opacity:.75;transform:scaleX(1.06)}}@keyframes sun-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rainbow-glow{0%,to{opacity:.5}50%{opacity:.72}}@keyframes sway{0%,to{transform:rotate(0)}25%{transform:rotate(calc(var(--amp)*-1deg))}75%{transform:rotate(calc(var(--amp)*1deg))}}@keyframes fish-jump{0%,62%{opacity:0;transform:translateY(60px)rotate(20deg)}66%{opacity:1}75%{opacity:1;transform:translate(28px,-34px)rotate(-8deg)}84%{opacity:1}88%,to{opacity:0;transform:translate(56px,60px)rotate(-40deg)}}@keyframes fish-ring{0%,60%{opacity:0;transform:scale(.2)}64%{opacity:.5}88%{opacity:0;transform:scale(1.8)}to{opacity:0}}@keyframes flyer-path{0%{transform:translate(0)}25%{transform:translate(40px,-26px)}50%{transform:translate(84px,6px)}75%{transform:translate(36px,30px)}to{transform:translate(0)}}@keyframes wing-flap{0%,to{transform:scaleX(1)}50%{transform:scaleX(.35)}}@keyframes flower-pop{0%{transform:scale(0)translateY(6px)}to{transform:scale(1)translateY(0)}}@keyframes flower-bob{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@media (max-width:860px){.wrap{grid-template-columns:1fr}.card{grid-template-columns:110px 1fr}.thumb{width:110px;height:110px}}@media (prefers-reduced-motion:reduce){.reveal{transition:opacity .3s;transform:none}.cloud,.bird,.mote,.ripple,.sun-glow,.sunburst,.rainbow,.tuft,.fish,.fish-ripple,.flyer,.wing,.flower-enter,.flower-bob,.sent-card{animation:none}.rainbow{opacity:.6}.mote{opacity:.5}.fish{opacity:0}}