:root{--green-100: #a9bb9c;--green-200: #7d9471;--green-300: #619071;--green-400: #4e7a60;--green-500: #3e664f;--green-600: #305341;--green-700: #244234;--green-900: #182e24}.surface{border-radius:8px;border:1px solid #fafafa;padding:16px 24px;z-index:2;color:#fafafa}.sheet{position:relative;z-index:2;border-radius:28px 28px 8px 8px;padding:20px 28px 24px;box-shadow:0 12px 32px #182e2438}.sheet:before{content:"";display:block;width:32px;height:4px;border-radius:2px;background:color-mix(in srgb,currentColor 40%,transparent);margin:0 auto 16px}@media(prefers-reduced-motion:no-preference){.sheet{animation:sheet-in .35s cubic-bezier(.2,0,0,1)}}@keyframes sheet-in{0%{opacity:0;transform:translateY(32px)}}.green-100{background-color:var(--green-100)}.green-200{background-color:var(--green-200)}.green-300{background-color:var(--green-300)}.green-400{background-color:var(--green-400)}.green-500{background-color:var(--green-500)}.green-600{background-color:var(--green-600)}.green-700{background-color:var(--green-700)}.green-900{background-color:var(--green-900)}.sheet.green-900{background-color:color-mix(in srgb,var(--green-900) 95%,transparent)}.alpha-70{opacity:.7}.rays{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;filter:blur(.5px);opacity:.55}.rays line{stroke-width:.1;stroke-dasharray:3 2 .5 2;stroke-linecap:round;opacity:.9}.glass-dock{position:fixed;bottom:15vh;left:50%;transform:translate(-50%);display:flex;gap:16px;z-index:3;max-width:92vw}.glass-btn{flex:1 1 0;white-space:nowrap;padding:10px 20px;border-radius:999px;background:linear-gradient(135deg,#ffffff8c,#ffffff2e);-webkit-backdrop-filter:blur(12px) saturate(160%);backdrop-filter:blur(12px) saturate(160%);border:1px solid rgba(255,255,255,.6);box-shadow:0 8px 24px #182e242e,inset 0 1px #ffffffb3;color:#182e24;font-weight:500;text-decoration:none;text-align:center;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.glass-btn:hover{transform:translateY(-2px);background:linear-gradient(135deg,#ffffffb3,#ffffff4d);box-shadow:0 12px 32px #182e2440,inset 0 1px #ffffffe6}@media screen and (max-width:640px){.glass-dock{flex-direction:column;width:min(92vw,360px)}}html,body{margin:0;width:100%;height:100%}body{background:radial-gradient(circle at center,#9db08a,#bcc9a6 35%,#e3e9d6 65%,#fafafa);background-attachment:fixed;color:#244234}#container{font-family:Be Vietnam Pro,sans-serif;height:100%;line-height:2em;box-sizing:border-box;display:flex;flex-direction:column-reverse;justify-content:center;align-items:center}.logo-wrap{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;z-index:2}.leaves-wrap{position:fixed;top:0;left:50%;transform:translate(-105%);width:420px;max-width:100vw;z-index:1;pointer-events:none}.photo-circle{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:385px;aspect-ratio:1;border-radius:50%;overflow:hidden;background-color:#fafafa;border:1px dotted #182e24;z-index:0;-webkit-mask-image:radial-gradient(circle closest-side,#000 99%,transparent 100%);mask-image:radial-gradient(circle closest-side,#000 99%,transparent 100%)}.photo-circle:before{content:"";position:absolute;inset:-12px;background-image:inherit;background-size:cover;background-position:center top;filter:blur(5px)}.photo-circle-cutout{background-color:transparent;background-size:contain;background-position:center;background-repeat:no-repeat;border:none;z-index:2}.photo-circle-cutout:before{content:none}.leaves{position:relative;width:100%;transform:translateY(-50%)}.leaves img{display:block;width:100%;height:auto;filter:drop-shadow(0 0 10px rgba(255,255,255,.9)) drop-shadow(0 0 2px rgba(255,255,255,.7))}.site-logo{position:relative;z-index:1;display:block;width:385px;height:385px;max-width:100%;object-fit:contain}#container main{display:flex;justify-content:center;align-items:center;flex:0 0 auto}#container #hero{display:flex;align-items:center;flex-direction:column;padding:16px 8px;max-width:var(--maxWidth, none)}#container #hero p{font-size:calc(var(--h1Size) * .44)}#container h1,#container h2,#container h3{font-family:Lora,sans-serif;margin-top:8px;margin-bottom:8px;z-index:1;line-height:1.2em}#container h1{font-size:var(--h1Size)}#container h2{font-size:calc(var(--h1Size) * .55)}@media screen and (max-width:768px){#container{display:flex;flex-direction:column-reverse}#container #hero{display:block}#container h1{line-height:1.5}}