@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url('/assets/poppins-400.ttf') format('truetype')}
@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url('/assets/poppins-500.ttf') format('truetype')}
@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url('/assets/poppins-600.ttf') format('truetype')}

:root{color-scheme:light;--green:#31442e;--green-dark:#233420;--sage:#f4f6f4;--line:#dce3d9;--muted:#697365;--gold:#f5b921;--radius:10px;font-family:Poppins,Roboto,Arial,sans-serif;color:var(--green);background:#fdfdfd;font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
*{box-sizing:border-box}
body{margin:0;min-width:280px;min-height:100vh;min-height:100svh}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
a:focus-visible{outline:3px solid #ae7d08;outline-offset:5px}
.skip-link{position:fixed;top:12px;left:12px;padding:12px 18px;background:var(--green);color:white;z-index:5;transform:translateY(-180%);border-radius:var(--radius)}
.skip-link:focus{transform:translateY(0)}
.page{width:min(100%,528px);margin:0 auto;padding:38px 24px 24px}
.profile{text-align:center;margin-bottom:30px}
.brand-mark{height:14px;display:flex;justify-content:center;align-items:center;gap:5px;margin-bottom:20px}
.brand-mark span{display:block;width:7px;height:7px;background:var(--green);border-radius:50%}
.brand-mark span:nth-child(2){width:21px;border-radius:4px}
.brand-mark span:nth-child(3){background:var(--gold)}
h1{margin:0;font-size:27px;font-weight:600;line-height:1.4;letter-spacing:-1.05px}
.location{display:flex;justify-content:center;align-items:center;gap:6px;margin:8px 0 15px;font-size:12px;font-weight:400;line-height:1.7;color:var(--muted)}
.icon{display:block;width:23px;height:23px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.location .icon{width:14px;height:14px;stroke-width:1.6}
.instagram{display:inline-flex;justify-content:center;align-items:center;width:43px;height:43px;border:1px solid var(--line);border-radius:50%;transition:background .18s,border-color .18s,transform .18s}
.instagram .icon{width:20px;height:20px}
.icon-dot{fill:currentColor;stroke:none}
.links{scroll-margin-top:20px}
.link-group{display:grid;gap:12px}
.link-button{position:relative;display:flex;align-items:center;gap:14px;min-height:70px;padding:15px 18px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}
.button-icon{display:flex;align-items:center;justify-content:center;flex:0 0 27px}
.button-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}
.button-title{font-size:14px;font-weight:500;line-height:1.5;overflow-wrap:anywhere}
.button-detail{font-size:10px;font-weight:400;line-height:1.7;color:var(--muted)}
.arrow{width:17px;height:17px;color:#84927e;stroke-width:1.6}
.link-primary{min-height:78px;background:var(--green);border-color:var(--green);color:white;box-shadow:0 5px 12px #31442e12}
.link-primary .button-detail{color:#e2e9de;letter-spacing:.12px}
.link-primary .arrow{color:#d2dfcb}
hr{height:1px;margin:25px 0;border:0;background:var(--line)}
.link-featured{min-height:84px;background:#fbfcf8;border-color:#c5d0bf;flex-wrap:wrap;column-gap:12px;row-gap:8px}
.badge{display:inline-flex;align-items:center;justify-content:center;gap:4px;flex-shrink:0;padding:5px 8px;background:var(--gold);border-radius:5px;color:#3e310e;font-size:8px;font-weight:600;line-height:1.5;white-space:nowrap;box-shadow:0 2px 0 #bf870529;transform:rotate(-3deg)}
.badge svg{height:11px;width:11px;fill:currentColor}
.contact{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;margin:30px 0 0;font-size:10px;font-style:normal;line-height:1.85;color:var(--muted);overflow-wrap:anywhere;text-align:center}
.contact a{padding:3px 0}
.email-separator{display:none}
.footer{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:26px;padding-top:18px;border-top:1px solid #e9ede7;color:#85907f;font-size:9px;line-height:1.8}
.footer>span{font-family:Arial,sans-serif;font-size:13px}
.footer p{margin:0}
.contact a:hover,.footer a:hover{text-decoration:underline;text-underline-offset:4px;color:var(--green)}
@media(hover:hover){.link-button:hover{border-color:var(--green);background:var(--sage);transform:translateY(-2px);box-shadow:0 5px 15px #31442e0b}.link-primary:hover{background:var(--green-dark);border-color:var(--green-dark)}.link-featured:hover{background:#f3f5e9}.instagram:hover{background:var(--sage);border-color:var(--green);transform:translateY(-2px)}}
.link-button:active,.instagram:active{transform:translateY(0) scale(.99)}
@media(min-width:600px){body{display:grid;place-items:center;background:var(--sage);padding:40px 24px}.page{max-width:528px;padding:40px 38px 26px;background:#fdfdfd;border:1px solid #e3e8df;border-radius:20px;box-shadow:0 14px 55px #31442e06}.profile{margin-bottom:28px}h1{font-size:29px}.button-title{font-size:14px}.contact{margin-top:28px}.footer{margin-top:24px}}
@media(max-width:359px){.page{padding:28px 18px 20px}h1{font-size:25px}.link-button{padding:14px;gap:10px}.button-title{font-size:13px}.link-featured .badge{padding:4px 6px;font-size:7px}.link-featured .arrow{display:none}.button-icon{flex-basis:23px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}
