@font-face{font-family:Jost;src:url('/assets/jost-regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Jost;src:url('/assets/jost-medium.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
:root{color-scheme:light;--brown:#87594b;--cream:#fff8f3;--paper:#ffffff;--gold:#a78048;--pink:#ff209b;--border:#d9c2b3;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}
html{background:var(--paper);scrollbar-color:var(--brown) var(--paper);scroll-behavior:smooth}
body{margin:0;min-height:100svh;padding:56px 32px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--brown);font-family:Jost,Avenir,sans-serif;-webkit-font-smoothing:antialiased}
::selection{background:#f8bfd3;color:#57372d}
a{color:inherit;text-underline-offset:5px}
a:focus-visible{outline:3px solid var(--brown);outline-offset:5px}
.skip-link{position:absolute;z-index:5;left:24px;top:12px;padding:12px 20px;background:var(--cream);transform:translateY(-200%)}
.skip-link:focus{transform:none}
.invitation{width:min(1120px,100%);display:grid;grid-template-columns:1.08fr 1fr;position:relative;background:var(--cream);border-radius:32px;isolation:isolate;overflow:hidden}
.invitation::after{content:"";position:absolute;inset:18px;border:1px solid var(--gold);border-radius:20px;pointer-events:none;z-index:2}
.identity{min-height:650px;padding:66px 48px 65px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:linear-gradient(to bottom,#fff6ef20 35%,#fff6efca 100%),url('/assets/pink-background.webp') center/cover}
.brand-logo{width:78px;height:auto;margin-bottom:28px}
.signature{display:block;width:min(100%,365px);height:auto;margin:0 0 27px}
h1{margin:0;width:100%;line-height:1}
h1 img{display:block;width:100%;height:auto}
.discipline{margin:19px 0 0;font-size:14px;letter-spacing:.22em;text-transform:uppercase}
.discipline span{color:var(--pink);margin:0 10px}
.pink-rule{height:1px;width:60px;background:var(--pink);margin:34px 0 24px}
.mantra{margin:0;display:flex;align-items:center;justify-content:center;gap:14px;font-size:12px;letter-spacing:.21em;text-transform:uppercase;white-space:nowrap}
.mantra i{width:4px;height:4px;flex:none;background:var(--pink);border-radius:50%}
.connect{display:flex;align-items:center;padding:74px 52px 68px;border-left:1px solid #c9a77e55}
.connect-content{width:100%;max-width:380px;margin:auto}


.social-links{display:grid;gap:14px}
.social-link{display:flex;align-items:center;gap:18px;min-height:90px;padding:19px 20px;text-decoration:none;border-radius:12px;transition:background-color .25s var(--ease),transform .3s var(--ease),border-color .25s var(--ease)}
.social-link span{flex:1;min-width:0}
.social-link strong{display:block;font-size:20px;line-height:1.35;font-weight:500;letter-spacing:-.015em}
.social-link small{display:block;font-size:13px;line-height:1.55;letter-spacing:.02em;margin-top:3px}
.platform-icon{width:25px;height:25px;flex:none}
.arrow{width:22px;height:22px;flex:none;transition:transform .3s var(--ease)}
.youtube{background:#fff;color:var(--brown);border:1px solid var(--border)}
.youtube .platform-icon{color:#ff0033}
.instagram{border:1px solid var(--border);background:transparent}
.social-link:active{transform:translateY(1px)}
@media(hover:hover){.youtube:hover{background:#fff5f2;border-color:var(--brown)}.instagram:hover{background:#fbe8e2;border-color:var(--brown)}.social-link:hover .arrow{transform:translateX(4px)}}




@media(min-width:1400px){body{padding-top:80px;padding-bottom:44px}}
@media(max-width:960px) and (min-width:701px){body{padding:32px 24px 24px}.identity{padding-left:32px;padding-right:32px;min-height:590px}.connect{padding:60px 36px}.mantra{gap:8px;font-size:11px}.discipline{font-size:12px}.social-link{gap:12px;padding:16px}}
@media(max-width:700px){body{padding:16px 14px 22px;justify-content:flex-start}.invitation{grid-template-columns:1fr;max-width:480px;border-radius:26px}.invitation::after{inset:11px;border-radius:17px}.identity{min-height:0;padding:38px 35px 28px;background-position:center 40%}.brand-logo{width:49px;margin-bottom:16px}.signature{width:245px;margin-bottom:18px}h1{width:min(100%,315px)}.discipline{font-size:11px;letter-spacing:.2em;margin-top:13px}.discipline span{margin:0 9px}.pink-rule{margin:20px 0 16px;width:45px}.mantra{font-size:11px;gap:12px;letter-spacing:.18em}.mantra i{width:3px;height:3px}.connect{border-left:0;padding:28px 30px 30px}.connect-content{max-width:340px}.social-links{gap:11px}.social-link{min-height:76px;padding:15px 17px;gap:15px}.social-link strong{font-size:18px}.social-link small{font-size:12px}.platform-icon{width:23px;height:23px}}
@media(max-width:360px){.identity{padding-left:25px;padding-right:25px}.connect{padding-left:25px;padding-right:25px}.mantra{gap:8px}.social-link{padding:14px 12px;gap:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
