:root{--bg: #08080a;--ink: #ece7da;--ink-dim: rgba(236, 231, 218, .55);--ink-faint: rgba(236, 231, 218, .22);--accent: #d6c9a8}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:Inter,system-ui,-apple-system,sans-serif;overflow:hidden}.page{position:relative;height:100dvh;min-height:100svh;width:100%;display:grid;grid-template-rows:auto 1fr auto;padding:clamp(20px,4vw,44px);padding-top:max(clamp(20px,4vw,44px),env(safe-area-inset-top));padding-bottom:max(clamp(20px,4vw,44px),env(safe-area-inset-bottom));overflow:hidden;isolation:isolate}.cosmos{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-3;overflow:hidden;background:#08080a}.cosmos:before{content:"";position:absolute;top:-25%;right:-25%;bottom:-25%;left:-25%;background:radial-gradient(ellipse 55% 45% at 50% 42%,rgba(236,231,218,.07) 0%,rgba(236,231,218,.025) 35%,transparent 70%);animation:luminance-drift 40s ease-in-out infinite alternate;will-change:transform}@keyframes luminance-drift{0%{transform:translate(-3%,-2%) scale(1)}50%{transform:translate(4%,3%) scale(1.08)}to{transform:translate(-2%,5%) scale(.96)}}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at center,transparent 35%,rgba(0,0,0,.55) 100%)}.grain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.08;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.5 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.topbar{display:flex;justify-content:space-between;align-items:center;font-family:Inter,sans-serif;font-weight:300;font-size:11px;letter-spacing:.32em;color:var(--ink-dim);text-transform:uppercase}.mark{color:var(--ink);letter-spacing:.4em}.meta-blog{display:inline-flex;align-items:center;gap:9px}.pulse{width:6px;height:6px;border-radius:50%;background:var(--ink);display:inline-block;animation:pulse-glow 2.4s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:.35;box-shadow:0 0 #ece7da00}50%{opacity:1;box-shadow:0 0 0 5px #ece7da14}}@media (prefers-reduced-motion: reduce){.pulse{animation:none;opacity:.8}}.hero{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:clamp(14px,2.4vw,24px);padding:24px 0}.eyebrow{font-family:Inter,sans-serif;font-weight:300;font-size:clamp(10px,1.4vw,12px);letter-spacing:.6em;color:var(--ink-dim);text-transform:uppercase;text-indent:.6em;animation:fadeUp 1.4s ease .1s both}.name{font-family:Fraunces,Times New Roman,serif;font-variation-settings:"opsz" 144,"SOFT" 50;font-weight:300;line-height:1;letter-spacing:.005em;font-size:clamp(42px,9vw,117px);color:var(--ink);white-space:nowrap;animation:fadeUp 1.6s ease .25s both}.tagline{font-family:Fraunces,serif;font-variation-settings:"opsz" 14;font-style:italic;font-weight:300;font-size:clamp(14px,1.5vw,18px);color:var(--ink-dim);max-width:38ch;letter-spacing:.06em;animation:fadeUp 1.6s ease .45s both}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:16px;border-top:1px solid var(--ink-faint);animation:fadeUp 1.4s ease .7s both}.contact{display:flex;align-items:center;gap:12px;flex-wrap:nowrap}.email{font-family:Inter,sans-serif;font-weight:300;font-size:clamp(11px,1.3vw,13px);letter-spacing:.08em;color:var(--ink);text-decoration:none;position:relative;transition:color .3s ease;white-space:nowrap}.email:after{content:"";position:absolute;left:0;bottom:-3px;width:100%;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.2,.8,.2,1)}.email:hover:after{transform:scaleX(1)}.divider{color:var(--ink-faint);font-family:Inter,sans-serif;font-size:13px;font-weight:300}.social{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--ink-faint);border-radius:999px;color:var(--ink-dim);transition:color .3s ease,border-color .3s ease,transform .3s ease;flex-shrink:0}.social:hover{color:var(--ink);border-color:var(--ink);transform:translateY(-2px)}@media (max-width: 640px){.page{padding:22px;padding-top:max(22px,env(safe-area-inset-top));padding-bottom:max(22px,env(safe-area-inset-bottom))}.topbar{font-size:9.5px;letter-spacing:.28em}.name{font-size:clamp(36px,13vw,78px);line-height:1;letter-spacing:.01em}.eyebrow{font-size:9.5px;letter-spacing:.5em}.tagline{font-size:13px;max-width:28ch}.footer{flex-direction:column;gap:14px;align-items:center;padding-top:14px}.contact{flex-direction:row;gap:8px;align-items:center;justify-content:center;width:100%}.email{font-size:10.5px;letter-spacing:.04em}.divider{font-size:11px}}@media (max-width: 380px){.name{font-size:clamp(32px,12vw,64px)}.tagline{font-size:12px}.email{font-size:9.5px}.contact{gap:6px}}@media (max-height: 560px){.name{font-size:clamp(32px,8vw,64px)}.tagline{font-size:12px}}@media (prefers-reduced-motion: reduce){.cosmos:before{animation:none}}