/* Glass optics adapted from the supplied button reference; site sizing is retained. */
@property --angle-1{syntax:'<angle>';inherits:false;initial-value:-75deg}
@property --angle-2{syntax:'<angle>';inherits:false;initial-value:-45deg}
.masthead .invite,footer .footer-cta,#invite-form button[type=submit]{--border-width:1px;position:relative;border-color:transparent;background:linear-gradient(-75deg,#ffffff0d,#ffffff33,#ffffff0d);box-shadow:inset 0 2px 2px #0000000d,inset 0 -2px 2px #ffffff80,0 4px 2px -2px #0003,inset 0 0 2px 4px #fff3;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);transition:transform 400ms cubic-bezier(.25,1,.5,1),box-shadow 400ms ease,background-position 400ms ease;isolation:isolate}
.masthead .invite::after,footer .footer-cta::after,#invite-form button[type=submit]::after{content:'';position:absolute;inset:-.5px;border-radius:inherit;padding:1px;pointer-events:none;background:conic-gradient(from var(--angle-1),#0008,#0000 5% 40%,#0008 50%,#0000 60% 95%,#0008),linear-gradient(#ffffff80,#ffffff80);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;transition:--angle-1 500ms ease}
.masthead .invite::before,footer .footer-cta::before,#invite-form button[type=submit]::before{content:'';position:absolute;inset:1px;border-radius:inherit;pointer-events:none;background:linear-gradient(var(--angle-2),#fff0 0%,#ffffff66 40% 50%,#fff0 55%);background-size:200% 200%;background-position:0% 50%;mix-blend-mode:screen;opacity:.55;transition:background-position 500ms cubic-bezier(.25,1,.5,1),--angle-2 500ms ease}
@media(hover:hover){.masthead .invite:hover,footer .footer-cta:hover,#invite-form button[type=submit]:hover{scale:1;translate:none;transform:scale(.975);box-shadow:inset 0 2px 2px #0000000d,inset 0 -2px 2px #ffffff80,0 2px 1px -1px #0004,inset 0 0 1px 2px #ffffff80}.masthead .invite:hover::after,footer .footer-cta:hover::after,#invite-form button[type=submit]:hover::after{--angle-1:-125deg}.masthead .invite:hover::before,footer .footer-cta:hover::before,#invite-form button[type=submit]:hover::before{background-position:25% 50%}}
.masthead .invite:active,footer .footer-cta:active,#invite-form button[type=submit]:active{transform:scale(.965)}
@media(prefers-reduced-motion:reduce){.masthead .invite,footer .footer-cta,#invite-form button[type=submit],.masthead .invite::before,.masthead .invite::after,footer .footer-cta::before,footer .footer-cta::after,#invite-form button::before,#invite-form button::after{transition:none!important}}
/* Preserve the footer CTA's original placement while styling its glass surface. */
footer#contact .footer-cta{position:absolute}
@media(hover:hover){footer#contact .footer-cta:hover{transform:translateX(-50%) scale(.975)}}
footer#contact .footer-cta:active{transform:translateX(-50%) scale(.965)}
/* Apply the same optics to the segmented toggle and close controls. */
.masthead .mode-switch{border-color:transparent;background:linear-gradient(-75deg,#ffffff0d,#ffffff26,#ffffff0d);box-shadow:inset 0 2px 2px #0000000d,inset 0 -2px 2px #ffffff66,inset 0 0 2px 3px #fff2;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.masthead .mode-switch::before{background:linear-gradient(-75deg,#ffffff14,#ffffff40,#ffffff14);box-shadow:inset 0 1px 2px #ffffff66,inset 0 -1px 2px #0002,0 2px 4px #0002}
.masthead .mode-switch button{transition:background-color 250ms ease,text-shadow 250ms ease}
.masthead .mode-switch button:hover{background-color:#ffffff0d;text-shadow:0 1px 2px #0002}
.close{position:absolute;background:linear-gradient(-75deg,#ffffff0d,#ffffff33,#ffffff0d);border:1px solid #ffffff33;box-shadow:inset 0 2px 2px #0000000d,inset 0 -2px 2px #ffffff80,inset 0 0 2px 3px #fff2;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);transition:transform 300ms ease,background-color 300ms ease}
.close:hover{transform:scale(.975);background-color:#fff2}
/* Fine liquid-glass rims rather than heavy outlines. */
.masthead .invite,footer .footer-cta,#invite-form button[type=submit]{--border-width:.5px;box-shadow:inset 0 1px 1px #00000008,inset 0 -.5px 1px #ffffff55,0 3px 5px #00000014,inset 0 0 1px .5px #ffffff33}
.masthead .invite::after,footer .footer-cta::after,#invite-form button[type=submit]::after{inset:0;padding:.5px;opacity:.65;box-shadow:none}
.masthead .mode-switch{box-shadow:inset 0 .5px 1px #ffffff44,inset 0 -.5px 1px #00000012}
.masthead .mode-switch::before{box-shadow:inset 0 .5px 1px #ffffff55,0 1px 3px #00000012}
.close{border-width:.5px;border-color:#ffffff44;box-shadow:inset 0 .5px 1px #ffffff55,0 2px 5px #00000014}
@media(hover:hover){.masthead .invite:hover,footer .footer-cta:hover,#invite-form button[type=submit]:hover{box-shadow:inset 0 1px 1px #ffffff44,0 2px 4px #0000001a}}
/* The reference glass treatment on editable bubbles and each toggle option. */
.fields input,.fields textarea,[data-mode=night] .fields input,[data-mode=night] .fields textarea{background:linear-gradient(-75deg,#ffffff0d,#ffffff26,#ffffff0d);border:.5px solid transparent;box-shadow:inset 0 1px 1px #0000000d,inset 0 -.5px 1px #ffffff66,0 3px 3px -2px #0003,inset 0 0 1px .5px #ffffff26;transition:background-color 400ms ease,box-shadow 400ms ease}
.fields label::after{padding:.5px;opacity:.55;background:conic-gradient(from var(--angle-1),#0006,#0000 5% 40%,#0006 50%,#0000 60% 95%,#0006),linear-gradient(#ffffff80,#ffffff80);transition:--angle-1 500ms ease}
.fields label::before{content:'';position:absolute;inset:1px;z-index:1;border-radius:inherit;pointer-events:none;background:linear-gradient(var(--angle-2),#fff0 0%,#ffffff40 40% 50%,#fff0 55%);background-size:200% 200%;background-position:0% 50%;mix-blend-mode:screen;opacity:.35;transition:background-position 500ms cubic-bezier(.25,1,.5,1)}
.fields label:focus-within::before,.fields label:hover::before{background-position:25% 50%}
.fields label:focus-within::after,.fields label:hover::after{--angle-1:-125deg}
.fields input:focus,.fields textarea:focus,[data-mode=night] .fields input:focus,[data-mode=night] .fields textarea:focus{outline:1px solid #e5d8cc66;outline-offset:2px;box-shadow:inset 0 1px 1px #ffffff33,inset 0 -.5px 1px #ffffff66}
.masthead .mode-switch button{position:relative;isolation:isolate;border-radius:999px;background:linear-gradient(-75deg,#ffffff05,#ffffff14,#ffffff05);box-shadow:inset 0 .5px 1px #ffffff22}
.masthead .mode-switch button::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;padding:.5px;background:conic-gradient(from var(--angle-1),#0005,#0000 5% 40%,#0005 50%,#0000 60% 95%,#0005),linear-gradient(#ffffff66,#ffffff66);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:.55;transition:--angle-1 500ms ease}
.masthead .mode-switch button::before{content:'';position:absolute;inset:1px;border-radius:inherit;pointer-events:none;background:linear-gradient(-45deg,#fff0 0%,#ffffff55 40% 50%,#fff0 55%);background-size:200% 200%;background-position:0% 50%;opacity:.4;mix-blend-mode:screen;transition:background-position 500ms ease}
.masthead .mode-switch button:hover::before{background-position:25% 50%}
.masthead .mode-switch button:hover::after{--angle-1:-125deg}
@media(prefers-reduced-motion:reduce){.fields label::before,.fields label::after,.masthead .mode-switch button::before,.masthead .mode-switch button::after{transition:none}}
/* One liquid-glass slider, rather than two individually outlined controls. */
.masthead .mode-switch button,.masthead .mode-switch button:hover{background:transparent;box-shadow:none}
.masthead .mode-switch button::before,.masthead .mode-switch button::after{display:none}
.masthead .mode-switch::before{background:linear-gradient(-75deg,rgba(255,255,255,.08),rgba(255,255,255,.3),rgba(255,255,255,.08));box-shadow:inset 0 1px 1px #0000000d,inset 0 -.5px 1px #ffffff80,inset 0 0 1px .5px #ffffff55,0 2px 4px #0000001a;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);border:.5px solid rgba(255,255,255,.24);box-sizing:border-box}
/* Match the single sliding pill to the invitation's directional glass surface. */
.masthead .mode-switch{background:rgba(229,216,204,.035);box-shadow:inset 0 0 0 .5px rgba(255,248,234,.12);backdrop-filter:none;-webkit-backdrop-filter:none}
.masthead .mode-switch::before{background:linear-gradient(-45deg,transparent 0%,rgba(255,255,255,.2) 40% 50%,transparent 55%) 0% 50% / 200% 200%,linear-gradient(-75deg,rgba(255,255,255,.05),rgba(255,255,255,.2),rgba(255,255,255,.05));border:.5px solid rgba(255,255,255,.24);box-shadow:inset 0 1px 1px rgba(0,0,0,.03),inset 0 -.5px 1px rgba(255,255,255,.34),inset 0 0 1px .5px rgba(255,255,255,.2),0 2px 4px rgba(0,0,0,.1);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);transition:transform 360ms cubic-bezier(.22,.61,.36,1),background-position 500ms cubic-bezier(.25,1,.5,1)}
.masthead .mode-switch:hover::before{background-position:25% 50%,0 0}
@media(prefers-reduced-motion:reduce){.masthead .mode-switch::before{transition:none}}
/* One consistent glass finish across the invitation controls. */
.fields input,.fields textarea,[data-mode=night] .fields input,[data-mode=night] .fields textarea,.close,[data-mode=night] .close{background:linear-gradient(-75deg,rgba(255,255,255,.05),rgba(255,255,255,.2),rgba(255,255,255,.05));border:.5px solid transparent;box-shadow:inset 0 1px 1px #00000008,inset 0 -.5px 1px #ffffff55,0 3px 5px #00000014,inset 0 0 1px .5px #ffffff33}
.fields input:focus,.fields textarea:focus,[data-mode=night] .fields input:focus,[data-mode=night] .fields textarea:focus{outline:none;outline-offset:0;background:linear-gradient(-75deg,#ffffff12,#ffffff3b,#ffffff12);box-shadow:inset 0 1px 1px #00000008,inset 0 -.5px 1px #ffffff55,0 3px 5px #00000014,inset 0 0 1px .5px #ffffff33}
.fields label::after{opacity:.65;padding:.5px}
.close{isolation:isolate}
.close::after{content:'';position:absolute;inset:0;padding:.5px;border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--angle-1),#0008,#0000 5% 40%,#0008 50%,#0000 60% 95%,#0008),linear-gradient(#ffffff80,#ffffff80);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:.65;transition:--angle-1 500ms ease}
.close::before{content:'';position:absolute;inset:1px;border-radius:inherit;pointer-events:none;background:linear-gradient(var(--angle-2),#fff0 0%,#ffffff66 40% 50%,#fff0 55%);background-size:200% 200%;background-position:0% 50%;mix-blend-mode:screen;opacity:.55;transition:background-position 500ms cubic-bezier(.25,1,.5,1)}
.close:hover::before{background-position:25% 50%}.close:hover::after{--angle-1:-125deg}
@media(prefers-reduced-motion:reduce){.close::before,.close::after{transition:none}}
/* Clearer field centers, retaining the fine glass rim. */
.fields input,.fields textarea,[data-mode=night] .fields input,[data-mode=night] .fields textarea{background:linear-gradient(-75deg,rgba(255,255,255,.015),rgba(255,255,255,.065),rgba(255,255,255,.015));backdrop-filter:none;-webkit-backdrop-filter:none}
.fields input:focus,.fields textarea:focus,[data-mode=night] .fields input:focus,[data-mode=night] .fields textarea:focus{background:linear-gradient(-75deg,#ffffff08,#ffffff18,#ffffff08)}
.fields label::before{opacity:.17}
/* Clear footer glass without a milky fill. */
footer#contact .footer-cta{background:linear-gradient(-75deg,rgba(255,255,255,.012),rgba(255,255,255,.055),rgba(255,255,255,.012));backdrop-filter:blur(.5px);-webkit-backdrop-filter:blur(.5px);box-shadow:inset 0 -.5px 1px #ffffff33,inset 0 0 1px .5px #ffffff1a,0 2px 4px #0000000d}
footer#contact .footer-cta::before{opacity:.2}
@media(hover:hover){footer#contact .footer-cta:hover{background:linear-gradient(-75deg,#ffffff05,#ffffff16,#ffffff05);box-shadow:inset 0 -.5px 1px #ffffff44,0 2px 4px #00000014}}
/* Shared clear material for both inquiry screens, informed by Apple's guidance. */
.inquiry-page{--control-tint:rgba(255,248,231,.035);--control-lit:rgba(255,248,231,.08);--rim-light:rgba(255,250,239,.3);--edge-shadow:rgba(20,9,8,.12)}
.inquiry-page :is(.fields input,.fields textarea,#invite-form button[type=submit],.close),[data-mode=night] .inquiry-page :is(.fields input,.fields textarea,.close){background:linear-gradient(145deg,var(--control-lit),var(--control-tint) 45%,rgba(255,248,231,.015));border:.5px solid transparent;box-shadow:inset 0 .5px 1px var(--rim-light),inset 0 -.5px 1px var(--edge-shadow),0 3px 9px rgba(0,0,0,.065);backdrop-filter:none;-webkit-backdrop-filter:none;color:#e5d8cc}
.inquiry-page .fields label::before{background:radial-gradient(ellipse at var(--light-x,50%) var(--light-y,25%),rgba(255,248,231,.13),transparent 65%);opacity:.35}
.inquiry-page .fields label::after,.inquiry-page #invite-form button::after,.inquiry-page .close::after{opacity:.35;padding:.5px}
.inquiry-page #invite-form button::before,.inquiry-page .close::before{background:radial-gradient(ellipse at var(--light-x,50%) var(--light-y,25%),rgba(255,248,231,.24),transparent 70%);background-size:100% 100%;opacity:.35}
.inquiry-page .fields label:focus-within::before{opacity:.75}
.inquiry-page .fields :is(input,textarea):focus,[data-mode=night] .inquiry-page .fields :is(input,textarea):focus{outline:none;background:linear-gradient(145deg,rgba(255,248,231,.09),rgba(255,248,231,.025));box-shadow:inset 0 .5px 1px var(--rim-light),0 3px 9px rgba(0,0,0,.065)}
.inquiry-page #invite-form button:hover,.inquiry-page .close:hover{background-color:rgba(255,248,231,.06);box-shadow:inset 0 .5px 1px rgba(255,250,239,.4),0 3px 9px rgba(0,0,0,.08)}
.inquiry-page #invite-form button:focus-visible,.inquiry-page .close:focus-visible{outline:1px solid rgba(229,216,204,.6);outline-offset:3px}
@media(prefers-reduced-transparency:reduce){.inquiry-page{--control-tint:rgba(40,25,18,.9);--control-lit:rgba(65,44,32,.92)}}
@media(prefers-contrast:more){.inquiry-page :is(input,textarea,button,.close){border-color:#e5d8cc!important}.inquiry-page .fields label::after{opacity:.8}}
/* On light sections, the toggle track carries the same glass body as Invite. */
html[data-mode=day] .masthead:not(.over-opening):not(.over-footer) .mode-switch{background:linear-gradient(-75deg,rgba(255,255,255,.05),rgba(255,255,255,.2),rgba(255,255,255,.05));box-shadow:inset 0 1px 1px #00000008,inset 0 -.5px 1px #ffffff55,0 3px 5px #00000014,inset 0 0 1px .5px #ffffff33;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border:.5px solid rgba(83,58,39,.1)}
html[data-mode=day] .masthead:not(.over-opening):not(.over-footer) .mode-switch::before{background:linear-gradient(-45deg,transparent 0%,rgba(255,255,255,.18) 40% 50%,transparent 55%) 0% 50% / 200% 200%,linear-gradient(-75deg,rgba(255,255,255,.08),rgba(255,255,255,.24),rgba(255,255,255,.08));border-color:rgba(255,255,255,.25);box-shadow:inset 0 .5px 1px #ffffff66,0 1px 3px #00000014}
/* Give the footer event action a more generous size. */
footer#contact .footer-cta{min-width:190px;min-height:50px;padding:14px 30px;font-size:15px;box-sizing:border-box}
@media(max-width:600px){footer#contact .footer-cta{min-width:174px;min-height:48px;padding:13px 26px;font-size:14px}}
/* The entire slider refracts fine background detail, including the inactive side. */
.masthead .mode-switch,html[data-mode=day] .masthead:not(.over-opening):not(.over-footer) .mode-switch{backdrop-filter:blur(9px) saturate(115%);-webkit-backdrop-filter:blur(9px) saturate(115%)}
/* Mobile header: invitation above the slider, aligned on the left. */
@media(max-width:600px){
 .masthead .invite{position:absolute;left:0;right:auto;top:8px;width:140px;min-width:0;transform:none}
 .masthead .mode-switch{position:absolute;left:0;right:auto;top:58px;width:140px}
 .masthead .wordmark{left:auto;right:0;top:18px;transform:none;font-size:11px;letter-spacing:3px}
}
/* Original mobile arrangement: inset controls stacked on the right. */
@media(max-width:600px){
 .masthead .invite{left:auto;right:0;top:8px;width:140px}
 .masthead .mode-switch{left:auto;right:0;top:58px;width:140px}
 .masthead .wordmark{left:6px;right:auto;top:18px;transform:none;font-size:12px;letter-spacing:4px}
}
/* More breathing room around the mobile wordmark and controls. */
@media(max-width:600px){
 .masthead{left:max(26px,env(safe-area-inset-left));right:max(26px,env(safe-area-inset-right))}
 .masthead .wordmark{left:0;letter-spacing:3px;font-size:11px}
 .masthead .invite,.masthead .mode-switch{right:0;width:136px}
}
/* Align the top row while bringing both sides slightly closer to the edges. */
@media(max-width:600px){
 .masthead{left:max(20px,env(safe-area-inset-left));right:max(20px,env(safe-area-inset-right))}
 .masthead .invite{top:8px;height:34px;min-height:34px;padding-top:0;padding-bottom:0;display:flex;align-items:center;justify-content:center}
 .masthead .wordmark{top:8px;height:34px;display:flex;align-items:center}
 .masthead .mode-switch{top:50px}
}
@media(max-width:600px){.masthead .invite{top:14px}.masthead .mode-switch{top:56px}}
@media(max-width:600px){.masthead .invite{top:20px;right:-4px}.masthead .mode-switch{top:62px;right:-4px}}
@media(max-width:600px){.masthead .wordmark{top:14px}}

.guest-count input{appearance:textfield;-moz-appearance:textfield;padding-right:62px}
.guest-count input::-webkit-inner-spin-button,.guest-count input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.guest-stepper{position:absolute;right:17px;top:8px;bottom:8px;display:flex;flex-direction:column;width:28px;z-index:2;border-radius:18px;background:linear-gradient(145deg,#ffffff14,#ffffff04);box-shadow:inset 0 .5px 1px #ffffff55,0 1px 3px #0001;overflow:hidden}
.inquiry-page #invite-form .guest-stepper button{position:relative;display:grid;place-items:center;margin:0;padding:0;width:28px;min-width:28px;min-height:0;height:50%;flex:1;border:0;border-radius:0;background:transparent;box-shadow:none;color:#e5d8cc;font-size:18px;line-height:1;transform:none;cursor:pointer}
.inquiry-page #invite-form .guest-stepper button::before,.inquiry-page #invite-form .guest-stepper button::after{display:none}
.inquiry-page #invite-form .guest-stepper button:hover{background:#ffffff18}
@media(max-width:600px){.masthead .wordmark{top:20px;height:34px;display:flex;align-items:center}}
/* A quieter glass finish with softer, lighter hairline boundaries. */
.masthead .invite,footer#contact .footer-cta,.inquiry-page #invite-form button[type=submit],.inquiry-page .close{box-shadow:inset 0 .5px .75px rgba(255,255,255,.16),0 2px 5px rgba(0,0,0,.045);border-color:transparent}
.masthead .invite::after,footer#contact .footer-cta::after,.inquiry-page #invite-form button::after,.inquiry-page .close::after{padding:.25px;opacity:.25}
.masthead .invite::before,footer#contact .footer-cta::before,.inquiry-page #invite-form button::before,.inquiry-page .close::before{opacity:.2}
.inquiry-page .fields label::after{padding:.25px;opacity:.2}
.inquiry-page .fields label::before{opacity:.18}
.inquiry-page :is(.fields input,.fields textarea),[data-mode=night] .inquiry-page :is(.fields input,.fields textarea){background:linear-gradient(145deg,rgba(255,248,231,.045),rgba(255,248,231,.012) 45%,rgba(255,248,231,.005));box-shadow:inset 0 .5px .75px rgba(255,255,255,.12),0 2px 5px rgba(0,0,0,.03);border-color:transparent}
.masthead .mode-switch::before{border-color:rgba(255,255,255,.12);box-shadow:inset 0 .5px 1px rgba(255,255,255,.2),0 1px 3px rgba(0,0,0,.05)}
/* Deep capsule with a recessed liquid-glass slider, matching the supplied reference. */
.masthead .mode-switch,html[data-mode=day] .masthead:not(.over-opening):not(.over-footer) .mode-switch{width:184px;height:60px;padding:5px;gap:4px;border:0;border-radius:999px;isolation:isolate;background:linear-gradient(165deg,rgba(255,255,255,.045),rgba(255,255,255,.095) 66%,rgba(255,255,255,.14));box-shadow:inset 0 1px 1px rgba(255,250,238,.3),inset 1px 0 2px rgba(255,255,255,.05),inset 0 -1px 1px rgba(255,255,255,.62),0 5px 12px rgba(0,0,0,.13);backdrop-filter:url(#toggle-capsule-lens) blur(2px) saturate(112%);-webkit-backdrop-filter:url(#toggle-capsule-lens) blur(2px) saturate(112%)}
.masthead .mode-switch::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;padding:.65px;background:linear-gradient(175deg,rgba(255,255,255,.35),rgba(255,255,255,.04) 37%,rgba(0,0,0,.2) 58%,rgba(255,255,255,.8));mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}
.masthead .mode-switch::before,html[data-mode=day] .masthead:not(.over-opening):not(.over-footer) .mode-switch::before{left:5px;top:5px;bottom:5px;width:calc((100% - 14px)/2);border:0;border-radius:999px;background:linear-gradient(165deg,rgba(12,15,14,.22),rgba(28,24,20,.1) 55%,rgba(255,248,228,.045));box-shadow:inset 0 1px 2px rgba(0,0,0,.065);backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);transition:transform 380ms cubic-bezier(.22,.61,.36,1)}
html[data-mode=night] .masthead .mode-switch::before{transform:translateX(calc(100% + 4px))}
.masthead .mode-switch button{font-size:14px;font-weight:300;letter-spacing:0;background:transparent;box-shadow:none;opacity:.55;transition:opacity 260ms ease}
.masthead .mode-switch button[aria-pressed=true]{opacity:1}
.masthead .mode-switch button::before,.masthead .mode-switch button::after{display:none}
@media(max-width:600px){.masthead .mode-switch,html[data-mode=day] .masthead:not(.over-opening):not(.over-footer) .mode-switch{width:136px;height:44px;padding:4px;gap:3px}.masthead .mode-switch::before,html[data-mode=day] .masthead:not(.over-opening):not(.over-footer) .mode-switch::before{left:4px;top:4px;bottom:4px;width:calc((100% - 11px)/2)}html[data-mode=night] .masthead .mode-switch::before{transform:translateX(calc(100% + 3px))}.masthead .mode-switch button{font-size:11px}}
@media(prefers-reduced-motion:reduce){.masthead .mode-switch::before,.masthead .mode-switch button{transition:none}}
/* Compact capsule, matching the invitation control's scale. */
.masthead .mode-switch,html[data-mode=day] .masthead:not(.over-opening):not(.over-footer) .mode-switch{width:140px;height:38px;padding:3px;gap:3px}
.masthead .mode-switch::before,html[data-mode=day] .masthead:not(.over-opening):not(.over-footer) .mode-switch::before{left:3px;top:3px;bottom:3px;width:calc((100% - 9px)/2)}
html[data-mode=night] .masthead .mode-switch::before{transform:translateX(calc(100% + 3px))}
.masthead .mode-switch button{font-size:12px}
@media(max-width:600px){.masthead .mode-switch,html[data-mode=day] .masthead:not(.over-opening):not(.over-footer) .mode-switch{width:136px;height:34px}.masthead .mode-switch button{font-size:11px}}
.masthead .mode-switch,html[data-mode=day] .masthead:not(.over-opening):not(.over-footer) .mode-switch{height:42px}
@media(max-width:600px){.masthead .mode-switch,html[data-mode=day] .masthead:not(.over-opening):not(.over-footer) .mode-switch{height:38px}}
/* Gentle curved illumination gives the compact capsule a liquid-glass body. */
.masthead .mode-switch,html[data-mode=day] .masthead:not(.over-opening):not(.over-footer) .mode-switch{background:radial-gradient(ellipse 90% 100% at 48% 115%,rgba(255,249,232,.15),transparent 75%),linear-gradient(165deg,rgba(255,255,255,.09),rgba(255,255,255,.025) 38%,rgba(255,255,255,.065) 72%,rgba(255,255,255,.13));box-shadow:inset 0 .5px 1px rgba(255,255,255,.3),inset 0 -.75px 1px rgba(255,255,255,.58),inset 0 -4px 7px rgba(255,249,231,.035),0 3px 8px rgba(0,0,0,.1)}
.masthead .mode-switch::before,html[data-mode=day] .masthead:not(.over-opening):not(.over-footer) .mode-switch::before{background:radial-gradient(ellipse at 50% 115%,rgba(255,248,227,.075),transparent 75%),linear-gradient(160deg,rgba(0,0,0,.13),rgba(0,0,0,.055) 55%,rgba(255,255,255,.045));box-shadow:inset 0 .5px 1px rgba(0,0,0,.08),inset 0 -.5px 1px rgba(255,255,255,.14)}
/* Match the other action controls to the capsule's curved glass illumination. */
.masthead .invite,footer#contact .footer-cta,.inquiry-page #invite-form button[type=submit],.inquiry-page .close,[data-mode=night] .inquiry-page .close{background:radial-gradient(ellipse 90% 100% at 48% 115%,rgba(255,249,232,.15),transparent 75%),linear-gradient(165deg,rgba(255,255,255,.09),rgba(255,255,255,.025) 38%,rgba(255,255,255,.065) 72%,rgba(255,255,255,.13));box-shadow:inset 0 .5px 1px rgba(255,255,255,.3),inset 0 -.75px 1px rgba(255,255,255,.58),inset 0 -4px 7px rgba(255,249,231,.035),0 3px 8px rgba(0,0,0,.1)}
@media(hover:hover){.masthead .invite:hover,footer#contact .footer-cta:hover,.inquiry-page #invite-form button[type=submit]:hover,.inquiry-page .close:hover{background-color:rgba(255,249,232,.035);box-shadow:inset 0 .5px 1px rgba(255,255,255,.38),inset 0 -.75px 1px rgba(255,255,255,.65),0 3px 8px rgba(0,0,0,.1)}}
.masthead .mode-switch button{font-size:14px}
@media(max-width:600px){.masthead .mode-switch button{font-size:11px}}
/* Bring the form bubbles and close control into the home-page glass family. */
.inquiry-page .fields input,.inquiry-page .fields textarea,[data-mode=night] .inquiry-page .fields input,[data-mode=night] .inquiry-page .fields textarea,.inquiry-page .close,[data-mode=night] .inquiry-page .close{background:radial-gradient(ellipse 90% 100% at 48% 115%,rgba(255,249,232,.15),transparent 75%),linear-gradient(165deg,rgba(255,255,255,.09),rgba(255,255,255,.025) 38%,rgba(255,255,255,.065) 72%,rgba(255,255,255,.13));box-shadow:inset 0 .5px 1px rgba(255,255,255,.3),inset 0 -.75px 1px rgba(255,255,255,.5),inset 0 -4px 7px rgba(255,249,231,.035),0 3px 8px rgba(0,0,0,.08);border-color:transparent}
.inquiry-page .fields label::after,.inquiry-page .close::after{padding:.25px;opacity:.32}
.inquiry-page .fields label::before,.inquiry-page .close::before{opacity:.25}
.inquiry-page .fields input:focus,.inquiry-page .fields textarea:focus,[data-mode=night] .inquiry-page .fields input:focus,[data-mode=night] .inquiry-page .fields textarea:focus{outline:none;background:radial-gradient(ellipse 90% 100% at 48% 115%,rgba(255,249,232,.18),transparent 75%),linear-gradient(165deg,#ffffff1c,#ffffff08 38%,#ffffff13 72%,#ffffff26);box-shadow:inset 0 .5px 1px #ffffff55,inset 0 -.75px 1px #ffffff80,0 3px 8px #00000014}
/* Quieter header rims, retaining the curved glass surfaces. */
.masthead .invite{border-color:transparent;box-shadow:inset 0 .5px 1px rgba(255,255,255,.12),inset 0 -.5px 1px rgba(255,255,255,.2),0 3px 8px rgba(0,0,0,.075)}
.masthead .invite::after{opacity:.12;padding:.25px}
.masthead .mode-switch,html[data-mode=day] .masthead:not(.over-opening):not(.over-footer) .mode-switch{box-shadow:inset 0 .5px 1px rgba(255,255,255,.12),inset 0 -.5px 1px rgba(255,255,255,.23),0 3px 8px rgba(0,0,0,.075);border-color:transparent}
.masthead .mode-switch::after{opacity:.28;padding:.35px}
.masthead .mode-switch::before,html[data-mode=day] .masthead:not(.over-opening):not(.over-footer) .mode-switch::before{box-shadow:inset 0 .5px 1px rgba(0,0,0,.05),inset 0 -.5px 1px rgba(255,255,255,.07);border-color:transparent}
footer#contact .footer-cta{border-color:transparent;box-shadow:inset 0 .5px 1px rgba(255,255,255,.12),inset 0 -.5px 1px rgba(255,255,255,.2),0 3px 8px rgba(0,0,0,.075)}
footer#contact .footer-cta::after{opacity:.12;padding:.25px}
@media(hover:hover){footer#contact .footer-cta:hover{border-color:transparent;box-shadow:inset 0 .5px 1px rgba(255,255,255,.16),inset 0 -.5px 1px rgba(255,255,255,.26),0 3px 8px rgba(0,0,0,.075)}}
/* Submit uses the same quiet glass edge as the entry bubbles, without a heavy lower rim. */
.inquiry-page #invite-form button[type=submit]{background:radial-gradient(ellipse 90% 100% at 48% 115%,rgba(255,249,232,.15),transparent 75%),linear-gradient(165deg,rgba(255,255,255,.09),rgba(255,255,255,.025) 38%,rgba(255,255,255,.065) 72%,rgba(255,255,255,.13));border-color:transparent;box-shadow:inset 0 .5px 1px rgba(255,255,255,.12),0 2px 5px rgba(0,0,0,.03)}
.inquiry-page #invite-form button[type=submit]::after{padding:.25px;opacity:.2;box-shadow:none}
.inquiry-page #invite-form button[type=submit]::before{opacity:.18}
@media(hover:hover){.inquiry-page #invite-form button[type=submit]:hover{box-shadow:inset 0 .5px 1px rgba(255,255,255,.18),0 2px 5px rgba(0,0,0,.04);background-color:rgba(255,249,232,.025)}}