.partner-city{--ink:#10211b;--accent:#56659c;--paper:#f2efe6;--gutter:clamp(1.25rem,4vw,6rem);--left-column:min(32rem,calc(47vw - var(--gutter) - 2rem))}.partner-city *{box-sizing:border-box}:is(html:has(.partner-city),body:has(.partner-city)){width:100%;min-height:100%;margin:0;overflow-x:clip}.partner-city{font:400 1rem/1.5 var(--sans);color:var(--ink);background:var(--paper)}.partner-city button,.partner-city input,.partner-city textarea{font:inherit;color:inherit}.partner-city button,.partner-city a,.partner-city input,.partner-city textarea{touch-action:manipulation}.partner-city button{cursor:pointer}.partner-city a{color:inherit;text-decoration:none}.partner-city p,.partner-city h1,.partner-city h2{margin:0}:is(.partner-city button:focus-visible,.partner-city a:focus-visible,.partner-city summary:focus-visible){outline-offset:5px;border-radius:3px;outline:2px solid #152a2265}.partner-city{isolation:isolate;background:var(--paper);width:100%;min-height:max(100dvh,45rem);position:relative;overflow:clip}.partner-city .city-art{aspect-ratio:3/2;object-fit:fill;z-index:-1;-webkit-mask-composite:source-in;width:min(82vw,178dvh - 100px);max-width:none;height:auto;position:absolute;bottom:-6dvh;right:-7%;-webkit-mask-image:url(/partner-city-silhouette.svg),linear-gradient(90deg,#0000,#000 12%);mask-image:url(/partner-city-silhouette.svg),linear-gradient(90deg,#0000,#000 12%);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-in;mask-composite:intersect}.partner-city .invitation{margin-left:var(--gutter);width:var(--left-column);max-width:100%;padding-top:clamp(9rem,23dvh,15rem);padding-bottom:12rem;transition:opacity .22s,transform .3s;position:relative}.partner-city .eyebrow{text-transform:uppercase;letter-spacing:.13em;margin-bottom:1.4rem;font-size:.75rem;line-height:1.3}.partner-city .invitation h1{font:300 clamp(3.75rem,6.5vw,6.25rem)/1.01 var(--serif);letter-spacing:-.038em;overflow-wrap:anywhere}.partner-city .invitation-copy{margin-top:1.8rem;font-size:1rem;line-height:1.6}.partner-city .open-note{background:0 0;border:0;border-bottom:1px solid #152a2250;border-radius:0;justify-content:space-between;align-items:center;gap:2.75rem;min-height:44px;margin-top:1.5rem;padding:10px 0;font-size:1rem;display:flex}.partner-city .open-note span{font-size:1.75rem;line-height:1}.partner-city:has(.note-dialog[open]) .invitation{opacity:0;pointer-events:none;transform:translateY(-8px)}.partner-city .note-dialog{inset:clamp(7.25rem,16dvh,11rem) auto auto calc(var(--gutter) - 24px);width:calc(var(--left-column) + 48px);max-width:calc(100% - 24px);max-height:calc(var(--usable-height,100dvh) - 8.5rem);color:var(--ink);overscroll-behavior:contain;background:#f2efe6ed;border:0;border-radius:20px;margin:0;padding:28px 24px 24px;position:fixed;overflow:auto;box-shadow:0 18px 70px -40px #152a2225}.partner-city .note-dialog::backdrop{-webkit-backdrop-filter:blur(3px);background:#f2efe625}.partner-city .close-note{color:#152a2299;background:0 0;border:0;border-radius:50%;width:40px;height:40px;padding:0;font-size:1.6rem;line-height:1;position:absolute;top:14px;right:14px}.partner-city .close-note:hover{background:#152a2208}.partner-city #note-form{flex-direction:column;gap:1.4rem;display:flex}.partner-city .note-heading-row h2{font:300 clamp(2.5rem,4.3vw,3.3rem)/1.1 var(--serif);letter-spacing:-.03em;padding-right:28px}.partner-city .contact-intro,.partner-city .back-note{display:none}.partner-city .message-content label,.partner-city .contact-fields label{font-size:.875rem;line-height:1.4;display:block}.partner-city .message-content textarea{resize:none;width:100%;min-width:0;height:clamp(6rem,14dvh,8.5rem);font:300 1.5rem/1.5 var(--serif);background:#152a2203;border:0;border-bottom:1px solid #152a2220;border-radius:8px;margin-top:10px;padding:10px 12px;display:block}.partner-city input::placeholder,.partner-city textarea::placeholder{color:#77837b;opacity:1}.partner-city .contact-fields{gap:1.1rem;display:grid}.partner-city .contact-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.25rem;display:grid}.partner-city .contact-fields input{background:0 0;border:0;border-bottom:1px solid #152a2225;border-radius:6px;width:100%;min-width:0;height:44px;margin-top:5px;padding:8px 10px;font-size:1rem;display:block}.partner-city .optional{color:#657269;font-size:.75rem}.partner-city input,.partner-city textarea{transition:background .2s,box-shadow .2s,border-color .2s}:is(.partner-city input:focus,.partner-city input:focus-visible,.partner-city textarea:focus,.partner-city textarea:focus-visible){background:#152a220b;border-bottom-color:#152a2255;outline:none;box-shadow:0 0 0 4px #152a2204}.partner-city .note-actions{justify-content:space-between;align-items:center;gap:1rem;padding-top:8px;display:flex}.partner-city .form-disclosure{color:#657269;font-size:.75rem;line-height:1.45}.partner-city .send-note,.partner-city .continue-note{white-space:nowrap;background:0 0;border:0;border-bottom:1px solid #152a2255;border-radius:0;flex-shrink:0;align-items:center;gap:1.5rem;min-height:44px;padding:8px 0;font-size:.9375rem;display:flex}.partner-city .send-note span,.partner-city .continue-note span{font-size:1.5rem}.partner-city .send-note:disabled{cursor:default;opacity:.72}.partner-city .continue-note{display:none}@media (min-width:801px) and (max-height:680px){.partner-city .invitation{padding-top:125px;padding-bottom:8rem}.partner-city .invitation h1{font-size:clamp(3rem,8.5dvh,4rem)}.partner-city .invitation-copy{margin-top:20px}.partner-city .eyebrow{margin-bottom:16px}.partner-city .open-note{margin-top:16px}.partner-city .note-dialog{max-height:calc(var(--usable-height,100dvh) - 110px);padding-top:20px;top:95px}.partner-city #note-form{gap:14px}.partner-city .note-heading-row h2{font-size:2.5rem}.partner-city .message-content textarea{height:80px}.partner-city .contact-fields{gap:12px}.partner-city .note-actions{padding-top:0}}@media (min-width:801px) and (max-width:1200px){.partner-city .city-art{width:100%;bottom:0;right:-20%}}@media (max-width:1000px){.partner-city .invitation h1{font-size:clamp(3rem,6.5vw,5rem)}}@media (max-width:800px){.partner-city{--left-column:calc(100vw - 2*var(--gutter));min-height:100dvh}.partner-city .invitation{width:var(--left-column);max-width:30rem;padding-top:clamp(7rem,15dvh,9rem);padding-bottom:calc(75vw + 2rem)}.partner-city .eyebrow{margin-bottom:18px}.partner-city .invitation h1{font-size:clamp(3.25rem,8.5vw,4.5rem)}.partner-city .invitation-copy{margin-top:20px}.partner-city .open-note{margin-top:16px}.partner-city .city-art{width:150%;height:auto;inset:auto -35% 0 auto}.partner-city .note-dialog{left:var(--gutter);width:var(--left-column);top:calc(var(--visual-top,0px) + var(--usable-height,100dvh)/2);max-height:calc(var(--usable-height,100dvh) - 32px);border-radius:18px;padding:40px 22px 24px;transform:translateY(-50%)}.partner-city .note-dialog::backdrop{-webkit-backdrop-filter:blur(4px)}.partner-city .note-heading-row h2{font-size:2.3rem}}@media (max-width:700px),(max-height:560px){.partner-city .contact-fields{display:none}.partner-city .continue-note{display:flex}.partner-city .send-note{display:none}.partner-city .contact-row{grid-template-columns:1fr;gap:14px}.partner-city .message-content textarea{height:clamp(6rem,24dvh,12rem)}.partner-city #note-form[data-step=details] .message-content{display:none}.partner-city #note-form[data-step=details] .contact-fields{display:grid}.partner-city #note-form[data-step=details] .continue-note{display:none}.partner-city #note-form[data-step=details] .send-note{display:flex}.partner-city #note-form[data-step=details] .back-note{background:0 0;border:0;margin-bottom:16px;padding:0;font-size:.8125rem;display:block}.partner-city #note-form[data-step=details] .contact-intro{margin-top:10px;font-size:.875rem;display:block}}@media (max-height:560px) and (orientation:landscape){.partner-city{min-height:100dvh}.partner-city .invitation{width:min(26rem,45%);padding-top:90px;padding-bottom:4rem}.partner-city .eyebrow{margin-bottom:10px;font-size:.75rem}.partner-city .invitation h1{font-size:2.6rem}.partner-city .invitation-copy{margin-top:12px}.partner-city .open-note{margin-top:8px;padding:6px 0}.partner-city .city-art{width:62%;height:auto;inset:auto -7% -6% auto}.partner-city .note-dialog{top:calc(var(--visual-top,0px) + var(--usable-height,100dvh)/2);left:var(--gutter);width:min(29rem,calc(100vw - 2*var(--gutter)));max-height:calc(var(--usable-height,100dvh) - 24px);padding:24px;transform:translateY(-50%)}.partner-city .contact-row{grid-template-columns:1fr 1fr}.partner-city .note-heading-row h2{font-size:2rem}.partner-city .message-content textarea{height:80px}.partner-city #note-form{gap:12px}}@media (prefers-reduced-motion:no-preference){.partner-city .open-note{transition:transform .2s}.partner-city .open-note:hover{transform:translateY(-2px)}.partner-city .note-dialog[open]{animation:.3s both note-arrive}@keyframes note-arrive{0%{opacity:0;translate:0 7px}to{opacity:1;translate:0}}}@media (prefers-reduced-motion:reduce){.partner-city *,.partner-city :before,.partner-city :after{transition:none!important;animation:none!important}}@media (forced-colors:active){:is(.partner-city input:focus-visible,.partner-city textarea:focus-visible){outline-offset:2px;outline:2px solid highlight}}.partner-city .eyebrow{color:var(--accent)}.partner-city .open-note{color:var(--accent);border-bottom-color:#56659c50}.partner-city .send-note,.partner-city .continue-note,.partner-city .back-note{color:var(--accent)}.partner-city .note-heading-row h2{color:var(--ink)}.partner-city .message-content label,.partner-city .contact-fields label{color:#526258}.partner-city .site-header{color:var(--ink);background:0 0}.partner-city .site-wordmark{background:var(--ink);-webkit-mask:url(/balio-wordmark-dark.png) 50%/contain no-repeat;mask:url(/balio-wordmark-dark.png) 50%/contain no-repeat}.partner-city .site-wordmark img,.partner-city .site-horse{visibility:hidden}.partner-city .site-nav-cta{color:var(--ink);background:#b6bee82b;border:1px solid #56659c30}.partner-city .site-menu summary{color:var(--ink)}.partner-city .site-menu nav{background:var(--paper);color:var(--ink)}.partner-city a.open-note{width:fit-content;text-decoration:none}:is(html:has(.partner-fullscreen),body:has(.partner-fullscreen)){overscroll-behavior:none;height:100%;min-height:0;overflow:clip}.partner-fullscreen{height:100dvh}.partner-fullscreen .partner-city{height:100%;min-height:0}.partner-fullscreen .invitation{padding-bottom:0}@media (max-width:800px) and (max-height:700px) and (orientation:portrait){.partner-fullscreen .invitation{padding-top:calc(var(--header-height) + 1.5rem)}.partner-fullscreen .invitation h1{font-size:clamp(2.5rem,7dvh,3.25rem)}.partner-fullscreen .city-art{width:min(150%,160dvh - 36.8rem);right:-15%}}@media (max-height:450px) and (orientation:landscape){.partner-fullscreen .invitation{padding-top:calc(var(--header-height) + .5rem)}.partner-fullscreen .invitation h1{font-size:clamp(1.75rem,8dvh,2.6rem)}}
