@utility scrollbar-thin {
  scrollbar-width: thin;
}

@utility scrollbar-none {
  scrollbar-width: none;

  &::-webkit-scrollbar {
    display: none;
  }
}

@utility scrollbar-gutter-stable {
  scrollbar-gutter: stable;
}

:root {
  --background: #f8f7f3;
  --foreground: #163a2c;
  --card: #ffffff;
  --card-foreground: #171717;
  --popover: #ffffff;
  --popover-foreground: #171717;
  --primary: #163a2c;
  --primary-foreground: #fafafa;
  --secondary: #f5f5f5;
  --secondary-foreground: #171717;
  --muted: #f5f5f5;
  --muted-foreground: #737373;
  --accent: #f5f5f5;
  --accent-foreground: #171717;
  --destructive: #e7000b;
  --border: #c7ccbf;
  --input: #a8b3a7;
  --ring: #947742;
  --chart-1: #f54900;
  --chart-2: #009689;
  --chart-3: #104e64;
  --chart-4: #ffb900;
  --chart-5: #fe9a00;
  --radius: 0.625rem;
  --sidebar: #fafafa;
  --sidebar-foreground: #171717;
  --sidebar-primary: #171717;
  --sidebar-primary-foreground: #fafafa;
  --sidebar-accent: #f5f5f5;
  --sidebar-accent-foreground: #171717;
  --sidebar-border: #e5e5e5;
  --sidebar-ring: #a1a1a1;
}

@theme inline {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --color-card: var(--card);
  --color-card-foreground: var(--card-foreground);
  --color-popover: var(--popover);
  --color-popover-foreground: var(--popover-foreground);
  --color-primary: var(--primary);
  --color-primary-foreground: var(--primary-foreground);
  --color-secondary: var(--secondary);
  --color-secondary-foreground: var(--secondary-foreground);
  --color-muted: var(--muted);
  --color-muted-foreground: var(--muted-foreground);
  --color-accent: var(--accent);
  --color-accent-foreground: var(--accent-foreground);
  --color-destructive: var(--destructive);
  --color-border: var(--border);
  --color-input: var(--input);
  --color-ring: var(--ring);
  --color-chart-1: var(--chart-1);
  --color-chart-2: var(--chart-2);
  --color-chart-3: var(--chart-3);
  --color-chart-4: var(--chart-4);
  --color-chart-5: var(--chart-5);
  --color-sidebar: var(--sidebar);
  --color-sidebar-foreground: var(--sidebar-foreground);
  --color-sidebar-primary: var(--sidebar-primary);
  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
  --color-sidebar-accent: var(--sidebar-accent);
  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
  --color-sidebar-border: var(--sidebar-border);
  --color-sidebar-ring: var(--sidebar-ring);
  --radius-sm: calc(var(--radius) - 4px);
  --radius-md: calc(var(--radius) - 2px);
  --radius-lg: var(--radius);
  --radius-xl: calc(var(--radius) + 4px);
  --font-sans: Arial, Helvetica, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
}

*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:#f8f7f3;color:#18392d;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-decoration:none}button{font:inherit}button:focus-visible,a:focus-visible{outline:2px solid #a2854f;outline-offset:6px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400}em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#947742}main{overflow:hidden}.topline{display:flex;align-items:center;justify-content:space-between;padding:25px 5vw;border-bottom:1px solid #18392d1a;min-height:87px;gap:20px}.topline>a:first-child{font-family:Georgia,serif;font-size:24px;letter-spacing:3px}.topline>a:first-child span{color:#947742}.topline>span{font-size:12px;letter-spacing:2px;margin-left:auto}.topline>a:last-child:not(:first-child){font-size:13px;display:flex;gap:6px;align-items:center;margin-left:22px}.opening{text-align:center;min-height:calc(100svh - 87px);padding:40px 16px 20px;position:relative;transition:min-height 1s,padding 1s;isolation:isolate}.eyebrow{font-size:12px;letter-spacing:3px;font-weight:500}.opening h1{font-size:clamp(48px,6.5vw,82px);line-height:1.04;letter-spacing:-2px;margin:23px 0 0;position:relative;z-index:1}.opening h1 em{font-size:1.1em}.envelope{display:block;background:none;border:0;padding:0;width:min(660px,100%);margin:-10px auto -20px;transition:transform 1.1s,opacity .8s;mix-blend-mode:multiply}.envelope img{display:block;width:100%;height:auto}.envelope:hover{transform:translateY(-6px) rotate(-1deg)}.open-hint{display:inline-flex;gap:15px;align-items:center;font-size:12px;letter-spacing:2px;background:none;border:0;color:#18392d;position:relative;z-index:2}.open-hint span{font-size:20px;animation:nudge 2s infinite}.opening-foot{font-size:12px;letter-spacing:2px;margin-top:25px}.opening-foot span{padding:0 16px;color:#947742}.opening.is-open{min-height:0;padding:25px 16px 0;height:260px}.is-open .envelope{animation:envelope-out 1.3s both;pointer-events:none}.is-open .eyebrow,.is-open h1{animation:title-out .6s both}.invitation{position:relative;margin-top:-190px;animation:card-in 1.5s cubic-bezier(.2,.65,.3,1) both}.invite-card{max-width:720px;margin:0 auto 100px;padding:80px 32px 60px;background:#fcfbf8;text-align:center;box-shadow:0 15px 80px #18392d12;border:1px solid #deddd5}.invite-card h2{font-size:clamp(41px,6.5vw,68px);line-height:1.17;letter-spacing:-1.6px;margin:25px 0}.gold-rule{width:1px;height:52px;background:#b79a63;margin:32px auto}.intro{line-height:1.9;font-size:18px}.intro strong{display:block;font-weight:400;margin-top:15px}.text-link{display:inline-flex;gap:12px;align-items:center;border:0;border-bottom:1px solid #9c845b;padding:8px 0;background:transparent;color:inherit;font-size:14px;line-height:1.5}.invite-card .text-link{margin-top:35px;font-size:12px;letter-spacing:2px}.details{background:#14372a;color:#f8f7f3;padding:75px max(24px,calc((100vw - 970px)/2));text-align:center}.details>.eyebrow{color:#ceb684}.date-display{display:flex;align-items:center;justify-content:center;gap:25px;margin:15px 0;font-family:Georgia,serif;font-size:clamp(56px,9vw,105px);line-height:1.25;letter-spacing:-3px}.date-display i{color:#b69b67;font-weight:400;font-size:.6em}.day{letter-spacing:2px;font-size:13px}.details-grid{display:grid;grid-template-columns:1fr 1fr;margin:65px 0 50px;gap:25px}.details-grid>div{display:flex;flex-direction:column;align-items:center}.details-grid>div+div{border-left:1px solid #f8f7f333}.details-grid svg{color:#c8ad77;margin-bottom:18px}.details-grid .eyebrow{color:#c8ad77}.details-grid h3{font-size:32px;margin:8px 0}.details-grid p:not(.eyebrow){font-size:15px}.details-grid .small{opacity:.65;margin-top:8px;font-size:13px!important}.details-grid .text-link{margin-top:5px}.text-link svg{margin:0}.map-panel{min-height:250px;border:1px solid #bfa97555;background:#1b4032;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px}.map-panel p{font-family:Georgia,serif;font-size:25px}.map-panel>svg{color:#c8ad77}.map-panel small{font-size:12px;opacity:.65}.map-panel iframe{height:320px;width:100%;border:0}.rsvp-section{max-width:1120px;margin:0 auto;padding:100px 40px;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.rsvp-heading h2{font-size:clamp(48px,6vw,67px);line-height:1.2;margin:15px 0 23px}.rsvp-heading>p:last-child{color:#57655d}.rsvp-section form{min-width:0}fieldset{padding:0;border:0;margin:0 0 24px}legend{margin-bottom:12px;font-size:14px}.attendance{display:grid;grid-template-columns:1fr 1fr;gap:12px}.attendance label{border:1px solid #bac3b9;padding:13px 14px;display:flex;align-items:center;gap:10px;font-size:14px;cursor:pointer}.attendance label.selected{border-color:#18392d;background:#e8ece4}.field{display:block;font-size:14px;margin-bottom:22px}.field>span{font-size:12px;color:#718074;margin-left:6px}.field input,.field textarea{display:block;width:100%;border:0;border-bottom:1px solid #aeb7aa;background:transparent;border-radius:0;padding:12px 0;font:inherit;font-size:16px;color:#18392d;resize:vertical;outline-offset:4px}.field input::placeholder,.field textarea::placeholder{color:#788277;font-size:14px}.check-line{display:flex;gap:10px;align-items:center;font-size:14px;margin-bottom:25px}.privacy{font-size:12px;color:#6d786e;margin:12px 0 20px;line-height:1.6}.submit{background:#18392d;border:1px solid #18392d;color:#fff;display:flex;justify-content:space-between;align-items:center;width:100%;padding:17px 22px}.submit:hover{background:#264c3a}.submit:disabled{opacity:.65}.error{color:#a03128;font-size:14px;margin:15px 0}.honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.success{padding:35px;border:1px solid #bac3b9}.success h3{font-size:32px;margin:15px 0}.success p{margin-bottom:20px}[hidden]{display:none!important}footer{border-top:1px solid #cbd0c4;padding:50px 20px;text-align:center}footer>p{font-size:12px;letter-spacing:2px;text-transform:uppercase}footer>span{display:block;font:36px Georgia,serif;margin:20px 0}footer small{font-size:12px;letter-spacing:2px}footer em{padding:0 8px}@keyframes nudge{50%{transform:translateY(5px)}}@keyframes title-out{to{opacity:0;transform:translateY(-20px)}}@keyframes envelope-out{25%{transform:scale(1.08)}100%{transform:translateY(140px) scale(.94);opacity:0}}@keyframes card-in{0%,20%{opacity:0;transform:translateY(230px) scale(.8)}100%{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:650px){.topline{padding:18px 22px;min-height:75px}.topline>span{font-size:10px;letter-spacing:1.5px}.topline>a:last-child:not(:first-child){margin-left:0;font-size:12px}.opening{padding-top:50px;min-height:calc(100svh - 75px)}.opening h1{font-size:58px;margin-top:24px}.envelope{width:calc(100% + 24px);max-width:none;margin:20px -12px -8px}.opening-foot{font-size:10px;letter-spacing:1.5px;margin-top:40px}.opening-foot span{padding:0 8px}.invite-card{margin:0 18px 65px;padding:58px 20px 42px}.invite-card h2{font-size:42px}.intro{font-size:16px}.details{padding:60px 24px}.date-display{gap:17px;font-size:65px}.day{font-size:11px;letter-spacing:1.5px}.details-grid{grid-template-columns:1fr;gap:30px;margin:40px 0}.details-grid>div+div{border-left:0;border-top:1px solid #f8f7f333;padding-top:30px}.rsvp-section{padding:65px 25px;grid-template-columns:1fr;gap:30px}.rsvp-heading h2{font-size:56px}.attendance label{font-size:13px;padding:12px 9px;gap:8px}.opening.is-open{height:250px}.invitation{margin-top:-190px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.is-open .envelope,.is-open .eyebrow,.is-open h1{visibility:hidden}}

/* A stable invitation beneath a composited opening cover prevents layout jumps. */
.opening{position:fixed;inset:87px 0 0;z-index:20;overflow:auto;min-height:0;background:#f8f7f3;transition:none;will-change:opacity,transform}
.opening .envelope{position:relative;perspective:none;transform-style:flat;transition:transform .35s ease;will-change:transform,opacity}
.envelope .seal-gold{position:absolute;inset:0;clip-path:ellipse(7.1% 10.2% at 49.9% 60.1%);filter:brightness(1.24) saturate(1.3) contrast(1.08);pointer-events:none}
.envelope::after{content:"";position:absolute;inset:0;clip-path:ellipse(7.1% 10.2% at 49.9% 60.1%);background:linear-gradient(115deg,transparent 40%,#fff6cb00 44%,#fff7d5b3 49%,#ffffffd9 50%,#fff4ba88 52%,transparent 59%);background-size:260% 100%;background-position:100% 0;mix-blend-mode:screen;pointer-events:none;animation:seal-sheen 5s ease-in-out infinite}
.invitation{margin-top:70px;animation:none;opacity:1;transform:none}
.party-sealed .invitation{opacity:0;transform:translate3d(0,38px,0)}
.party-opening .invitation{animation:reveal-invitation .95s .18s cubic-bezier(.22,.61,.36,1) both}
.opening.unsealing{animation:reveal-cover 1.1s cubic-bezier(.22,.61,.36,1) both;pointer-events:none}
.unsealing .envelope,.unsealing .envelope:hover{animation:release-envelope 1.05s cubic-bezier(.22,.61,.36,1) both}
.unsealing .open-hint{opacity:0;transition:opacity .15s}
.invite-card h2:focus{outline:none}
em{color:#a37825;background:linear-gradient(115deg,#8e651c 3%,#bd903a 26%,#e3c16b 39%,#a47822 53%,#d0a548 75%,#91691d 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.gold-rule{background:linear-gradient(#a07525,#ecd392,#a07525)}
.details .eyebrow,.details-grid svg,.map-panel>svg{color:#e7c572}
.date-display i{color:#e6c16b}.dresscode{padding:30px 12px 36px;margin:-8px 0 36px;border-top:1px solid #e7c57244;border-bottom:1px solid #e7c57244}.dresscode h3{font-size:clamp(27px,4vw,35px);color:#efd393;margin:10px 0}.dresscode>p:last-child{font-size:16px;color:#eef0e9}
.faq-section{max-width:960px;margin:0 auto;padding:0 40px 95px}.faq-section h2{font-size:clamp(42px,5vw,58px);line-height:1.2;margin:14px 0 35px}.faq-section [data-slot=accordion-trigger]{font-size:16px;line-height:1.6;padding:22px 0;font-weight:400;align-items:center}.faq-section [data-slot=accordion-content]{font-size:16px;line-height:1.8;color:#526354}.faq-section [data-slot=accordion-item]{border-color:#c5cbbf}.faq-section [data-slot=accordion-trigger]>svg{color:#b28b3e}.faq-section [data-slot=accordion-content]>div{padding-bottom:24px;max-width:720px}
@keyframes release-envelope{0%{transform:translate3d(0,0,0) scale(1);opacity:1}40%{transform:translate3d(0,-12px,0) scale(1.025);opacity:1}100%{transform:translate3d(0,35px,0) scale(.98);opacity:0}}
@keyframes reveal-cover{0%,30%{opacity:1}100%{opacity:0}}
@keyframes reveal-invitation{from{opacity:0;transform:translate3d(0,38px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes seal-sheen{0%,55%{background-position:100% 0}85%,100%{background-position:0% 0}}
@media(max-width:650px){.opening{inset:75px 0 0;min-height:0}.invitation{margin-top:30px}.faq-section{padding:0 25px 65px}.dresscode{padding-left:0;padding-right:0}}
@media(prefers-reduced-motion:reduce){.opening,.envelope,.invitation,.envelope::after{animation:none!important;transition:none!important}.party-opening .opening{opacity:0}.party-opening .invitation{opacity:1;transform:none}}

/* Deliberately paced card lift, followed by a confetti dissolve. */
.topline .monogram{display:inline-flex;align-items:center;gap:10px;line-height:1;letter-spacing:0;height:40px;font-family:Georgia,'Times New Roman',serif;font-size:28px}
.topline .monogram .monogram-letter{color:#161616}
.topline .monogram .monogram-divider{width:1px;height:36px;background:linear-gradient(#a47822,#e2bd66,#a47822);display:block}
.flying-card{position:absolute;z-index:2;left:20%;top:24%;width:60%;height:65%;background:#fcfbf8;box-shadow:0 6px 24px #0c201d30;border:1px solid #e7dfce;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;color:#18392d;opacity:0;transform:translate3d(0,28%,0);pointer-events:none;will-change:transform,opacity}
.flying-card>span{font-family:Arial,sans-serif;font-size:clamp(9px,1.6vw,12px);letter-spacing:2px}
.flying-card strong{font-family:Georgia,serif;font-size:clamp(30px,5vw,56px);font-weight:400;line-height:1.05}
.envelope .envelope-front{position:absolute;inset:0;z-index:3;clip-path:polygon(9.2% 35%,50% 71%,90.7% 35%,90.7% 84.8%,9.2% 84.8%);pointer-events:none}
.envelope .seal-gold{z-index:4}.envelope::after{z-index:5}
.opening.unsealing{animation:cover-dissolve 3.8s linear both}
.unsealing .envelope,.unsealing .envelope:hover{animation:none;transform:none}
.unsealing .envelope>img:first-child{animation:envelope-back-fade 3.8s both}
.unsealing .envelope .envelope-front{animation:envelope-front-fade 3.8s both}
.unsealing .envelope .seal-gold,.unsealing .envelope::after{animation:seal-release 3.8s both}
.unsealing .flying-card{animation:card-flight 3.8s cubic-bezier(.22,.61,.36,1) both}
.unsealing>h1,.unsealing>.eyebrow,.unsealing .opening-foot{animation:heading-away .8s both}
.party-opening .invitation{animation:reveal-invitation 1s 2.8s cubic-bezier(.22,.61,.36,1) both}
.confetti{position:fixed;inset:0;z-index:30;pointer-events:none;overflow:hidden}
.confetti i{position:absolute;left:var(--x);top:18%;width:7px;height:13px;background:var(--color);opacity:0;animation:confetti-fall 1.7s var(--delay) cubic-bezier(.16,.45,.55,1) both;will-change:transform,opacity}
.confetti i:nth-child(3n){width:5px;height:9px}.confetti i:nth-child(4n){border-radius:50%;width:6px;height:6px}
#location-map{scroll-margin-top:30px}
@keyframes cover-dissolve{0%,72%{opacity:1}100%{opacity:0}}
@keyframes envelope-back-fade{0%,10%{opacity:1}25%,100%{opacity:0}}
@keyframes envelope-front-fade{0%,55%{opacity:1;transform:translate3d(0,0,0)}80%,100%{opacity:0;transform:translate3d(0,28px,0)}}
@keyframes seal-release{0%,8%{opacity:1;transform:scale(1)}24%,100%{opacity:0;transform:scale(1.08)}}
@keyframes card-flight{0%,9%{opacity:0;transform:translate3d(0,28%,0) rotate(0)}22%{opacity:1;transform:translate3d(0,5%,0) rotate(0)}62%,75%{opacity:1;transform:translate3d(0,-47%,0) rotate(-3deg)}100%{opacity:0;transform:translate3d(0,-58%,0) rotate(-2deg)}}
@keyframes heading-away{to{opacity:0;transform:translate3d(0,-12px,0)}}
@keyframes confetti-fall{0%{opacity:0;transform:translate3d(0,-20px,0) rotate(0)}15%{opacity:.95}80%{opacity:.85}100%{opacity:0;transform:translate3d(var(--drift),65vh,0) rotate(var(--spin))}}
@media(prefers-reduced-motion:reduce){.confetti,.flying-card{display:none}.opening.unsealing{opacity:0}.party-opening .invitation{opacity:1;transform:none}.unsealing *{animation:none!important}}

.witness-section{max-width:960px;margin:0 auto;padding:0 40px 80px}
.witness-section h2{font-size:clamp(42px,5vw,58px);line-height:1.2;margin:14px 0 24px}
.witness-intro{max-width:640px;color:#526354;font-size:16px;line-height:1.8}
.witness-groups{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:32px}
.witness-group h3{font-size:27px;margin-bottom:8px}
.witness-contact{padding:20px 0;border-bottom:1px solid #c5cbbf;font-size:14px;line-height:1.8;color:#667565}
.witness-contact .witness-name{font-size:16px;color:#18392d;margin-bottom:6px;overflow-wrap:anywhere}
.rsvp-heading strong{font-weight:600}
@media(max-width:650px){.witness-section{padding:0 25px 65px}.witness-groups{grid-template-columns:1fr;gap:30px}}

.details-grid .song-link{margin-top:10px;font-size:16px}.details-grid .song-link svg{margin:0}


/* Room for the italic overhang before the gold text gradient is clipped. */
.rsvp-heading h2 em{display:inline-block;padding-inline-end:.18em;overflow:visible}
/* Original Georgia headings; calendar and edit actions share one row. */
.date-display,.date-display span,.date-display i{font-family:Georgia,'Times New Roman',serif;font-weight:400}
.success-actions{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:22px}
.success-actions .text-link{font-size:14px;white-space:nowrap}
.success-actions .edit-rsvp{margin-left:auto}
.witness-phone{display:inline-flex;align-items:center;min-height:44px;font-size:16px;border-bottom:1px solid #b7a37b}
@media(max-width:420px){.success{padding:24px 18px}.success-actions{gap:8px}.success-actions .text-link{font-size:13px}}

.imprint{margin:36px auto 0;padding-top:26px;border-top:1px solid #cbd0c4;max-width:440px}
.imprint h2{font-family:Georgia,'Times New Roman',serif;font-size:20px;font-weight:400;letter-spacing:0;margin-bottom:12px}
.imprint address{font-style:normal;font-size:14px;line-height:1.8;color:#526354}
.imprint a{text-decoration:underline;text-underline-offset:4px;display:inline-block;margin-top:6px}

/* Standalone PHP version for IONOS */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.access-page{min-height:100svh;display:grid;place-items:center;padding:24px;background:#f8f7f3}
.access-card{width:min(680px,100%);padding:70px 50px;text-align:center;background:#fcfbf8;border:1px solid #deddd5;box-shadow:0 15px 80px #18392d12}
.access-card h1{font-size:clamp(44px,7vw,70px);line-height:1.08;margin:22px 0}.access-card>p:not(.eyebrow){color:#57655d}.access-card form{max-width:420px;margin:30px auto 0}.access-logo{display:inline-flex;align-items:center;gap:10px;font:28px Georgia,serif;margin-bottom:28px}.access-logo .monogram-divider{width:1px;height:36px;background:linear-gradient(#a47822,#e2bd66,#a47822)}
.rsvp-top[hidden]{display:none!important}.line-icon{font:34px Georgia,serif;color:#e7c572;line-height:1;margin-bottom:18px}.success-check{font-size:32px}.logout{margin-top:30px!important;letter-spacing:0!important;text-transform:none!important}.logout a{text-decoration:underline;text-underline-offset:4px}
.attendance input{width:18px;height:18px;accent-color:#18392d}.attendance label{user-select:none}.faq-list details{border-bottom:1px solid #c5cbbf}.faq-list summary{list-style:none;cursor:pointer;font-size:16px;line-height:1.6;padding:22px 34px 22px 0;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:'+';position:absolute;right:4px;top:20px;color:#b28b3e;font:24px Georgia,serif}.faq-list details[open] summary::after{content:'−'}.faq-list details>div{font-size:16px;line-height:1.8;color:#526354;padding:0 0 24px;max-width:720px}.map-panel .line-icon{margin-bottom:0}
@media(max-width:650px){.access-page{padding:0}.access-card{border:0;min-height:100svh;padding:58px 22px;display:flex;flex-direction:column;justify-content:center}.access-card h1{font-size:48px}}