:root {
  --purple: #4c086e;
  --purple-2: #6e118d;
  --pink: #df2f71;
  --pink-soft: #fff0f6;
  --ink: #201735;
  --muted: #6d6680;
  --cream: #fffaf5;
  --white: #ffffff;
  --line: #e9dfec;
  --shadow: 0 24px 70px rgba(70, 19, 90, .16);
  --radius: 24px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--ink);
  background: var(--white);
  line-height: 1.6;
}
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button, input, select { font: inherit; }
.container { width: min(1140px, calc(100% - 40px)); margin: 0 auto; }
.skip-link { position: fixed; left: 10px; top: -80px; z-index: 999; background: #fff; padding: 10px 16px; border-radius: 10px; }
.skip-link:focus { top: 10px; }

.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  background: rgba(255,255,255,.88);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid rgba(76,8,110,.08);
}
.nav { min-height: 74px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand { display: flex; align-items: center; gap: 12px; }
.brand-mark {
  width: 44px; height: 44px; border-radius: 14px;
  display: grid; place-items: center;
  color: white; font-weight: 800;
  background: linear-gradient(135deg, var(--purple), var(--pink));
  box-shadow: 0 8px 25px rgba(76,8,110,.25);
}
.brand strong, .brand small { display:block; line-height: 1.25; }
.brand small { color: var(--muted); font-size: 11px; margin-top: 3px; }
nav { display: flex; align-items: center; gap: 24px; font-weight: 700; font-size: 14px; }
nav a:not(.btn):hover { color: var(--pink); }

.btn {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 50px; padding: 0 24px;
  border-radius: 999px; border: 0; cursor: pointer;
  font-weight: 800; transition: .25s ease; letter-spacing: .01em;
}
.btn:hover { transform: translateY(-2px); }
.btn-small { min-height: 42px; padding: 0 19px; background: var(--purple); color: #fff; }
.btn-primary {
  color: #fff;
  background: linear-gradient(135deg, var(--pink), #ef5d91);
  box-shadow: 0 14px 30px rgba(223,47,113,.28);
}
.btn-primary:hover { box-shadow: 0 17px 35px rgba(223,47,113,.4); }
.btn-ghost { border: 1.5px solid rgba(255,255,255,.65); color: #fff; background: rgba(255,255,255,.09); }
.btn-ghost.dark { border-color: var(--purple); color: var(--purple); background: #fff; }

.hero {
  position: relative; overflow: hidden;
  background:
    radial-gradient(circle at 90% 10%, rgba(223,47,113,.12), transparent 30%),
    linear-gradient(135deg, #fffaf5, #fff 52%, #fdf2fa);
  padding: 74px 0 88px;
}
.hero-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 76px; align-items: center; }
.hero-copy { position: relative; z-index: 2; }
.eyebrow {
  display: inline-block;
  color: var(--purple); font-size: 13px; font-weight: 900; letter-spacing: .14em;
  margin-bottom: 16px;
}
.eyebrow.light { color: #f7bfd7; }
.hero h1 {
  font-size: clamp(58px, 7vw, 94px);
  line-height: .95; margin: 0;
  letter-spacing: -.055em; color: var(--purple);
}
.hero h1 span { color: var(--pink); }
.hero-lead { font-size: 22px; max-width: 620px; color: #3d3150; margin: 28px 0; }
.event-highlights { display: grid; grid-template-columns: 1fr 1.25fr; gap: 14px; margin: 30px 0; }
.event-highlights > div {
  display: flex; gap: 13px; align-items: flex-start;
  padding: 16px; border: 1px solid rgba(76,8,110,.1);
  border-radius: 18px; background: rgba(255,255,255,.7);
}
.event-highlights p { margin: 0; font-size: 14px; line-height: 1.45; }
.icon { font-size: 23px; }
.hero-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.hero-actions .btn-ghost { border-color: rgba(76,8,110,.35); color: var(--purple); background: rgba(255,255,255,.7); }
.trust-row { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 22px; font-size: 13px; font-weight: 800; color: var(--muted); }

.hero-visual { position: relative; min-height: 590px; }
.poster-card {
  width: min(100%, 465px); margin-left: auto; border-radius: 32px; overflow: hidden;
  box-shadow: var(--shadow); transform: rotate(1.2deg);
  border: 8px solid rgba(255,255,255,.82);
}
.poster-card img { width: 100%; }
.floating-card {
  position: absolute; left: -28px; bottom: 45px;
  min-width: 225px; padding: 17px 20px;
  border-radius: 20px; color: #fff; display: flex; align-items: center; gap: 12px;
  background: linear-gradient(135deg, var(--purple), var(--purple-2));
  box-shadow: 0 18px 45px rgba(76,8,110,.32);
}
.floating-card span { font-size: 32px; color: #ff8cb5; }
.floating-card p { margin: 0; line-height: 1.35; }
.hero-orb { position:absolute; border-radius:50%; filter: blur(4px); opacity:.45; }
.orb-one { width:220px; height:220px; background:#ffd0e0; right:-90px; top:80px; }
.orb-two { width:140px; height:140px; background:#e7d4f2; left:-70px; bottom:20px; }

.countdown-section { background: linear-gradient(135deg, #3a0553, #65117e); color: #fff; padding: 34px 0; }
.countdown-wrap { display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.countdown-wrap h2 { margin: 0; font-size: clamp(24px, 3vw, 36px); }
.countdown { display: grid; grid-template-columns: repeat(4, 90px); gap: 10px; }
.countdown > div { text-align: center; padding: 12px 8px; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.14); border-radius: 16px; }
.countdown strong { display: block; font-size: 28px; line-height: 1; }
.countdown span { font-size: 11px; opacity: .8; text-transform: uppercase; letter-spacing: .08em; }

.section { padding: 92px 0; }
.section-heading { max-width: 740px; text-align: center; margin: 0 auto 46px; }
.section-heading h2, .topics h2, .speaker-copy h2, .location-card h2, .registration-copy h2 {
  font-size: clamp(34px, 4.7vw, 56px); line-height: 1.08; letter-spacing: -.035em; margin: 0 0 18px;
}
.section-heading p { color: var(--muted); font-size: 18px; margin: 0; }

.feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.feature-card { padding: 34px; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; box-shadow: 0 16px 40px rgba(55,24,70,.07); }
.feature-icon { width: 58px; height: 58px; display: grid; place-items: center; border-radius: 18px; background: var(--pink-soft); color: var(--pink); font-size: 28px; font-weight: 900; }
.feature-card h3 { font-size: 22px; line-height: 1.25; margin: 22px 0 10px; }
.feature-card p { color: var(--muted); margin: 0; }

.topics { margin-top: 46px; display: grid; grid-template-columns: .9fr 1.1fr; gap: 50px; padding: 48px; border-radius: 30px; background: linear-gradient(135deg, #fff5fa, #f8f2fb); }
.topics-copy p { color: var(--muted); }
.check-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 13px; }
.check-list li { position: relative; padding: 15px 18px 15px 50px; border-radius: 14px; background: #fff; box-shadow: 0 8px 25px rgba(66,20,80,.06); font-weight: 700; }
.check-list li::before { content: "✓"; position: absolute; left: 17px; top: 13px; width: 24px; height: 24px; border-radius: 50%; display: grid; place-items: center; background: var(--pink); color: #fff; font-size: 13px; }

.speaker-section { background: #fbf8fc; overflow: hidden; }
.speaker-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 72px; align-items: center; }
.speaker-image { height: 580px; border-radius: 32px; overflow: hidden; box-shadow: var(--shadow); background: #eee; }
.speaker-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 35%;
  transform: scale(1);
  transform-origin: center center;
  transition: transform .25s ease, object-position .25s ease;
}
.speaker-copy h2 span { color: var(--pink); }
.speaker-copy .lead { font-size: 21px; font-weight: 700; color: #403451; }
.speaker-copy p { color: var(--muted); }
.mini-points { display: flex; flex-wrap: wrap; gap: 10px; margin: 26px 0; }
.mini-points span { padding: 9px 14px; border-radius: 999px; background: #fff; border: 1px solid var(--line); font-size: 13px; font-weight: 800; color: var(--purple); }

.location-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 24px; }
.location-card, .map-card { min-height: 520px; border-radius: 28px; overflow: hidden; }
.location-card { padding: 42px; background: linear-gradient(145deg, #4b076d, #72128b); color: #fff; }
.location-card .eyebrow { color: #f2b7d2; }
.detail-row { display: flex; gap: 17px; padding: 14px 0; border-bottom: 1px solid rgba(255,255,255,.12); }
.detail-row span { font-size: 25px; }
.detail-row p { margin: 1px 0 0; opacity: .82; }
.map-card { border: 1px solid var(--line); box-shadow: 0 18px 50px rgba(51,25,60,.08); }
.map-card iframe { width: 100%; height: 100%; min-height: 520px; border: 0; }

.registration-section { padding: 92px 0; color: #fff; background: linear-gradient(135deg, #35044c, #5d0c78 58%, #7e176e); }
.registration-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 55px; align-items: start; }
.registration-copy { position: sticky; top: 110px; }
.registration-copy p { color: rgba(255,255,255,.78); font-size: 17px; }
.registration-note { display: flex; gap: 14px; padding: 20px; margin: 28px 0; border: 1px solid rgba(255,255,255,.14); border-radius: 18px; background: rgba(255,255,255,.08); }
.registration-note span { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 50%; background: var(--pink); font-weight: 900; flex: 0 0 auto; }
.registration-note p { margin: 0; font-size: 14px; }
.contact-box { display: flex; flex-direction: column; gap: 5px; }
.contact-box p { margin: 0 0 5px; }
.contact-box a { color: #fff; font-weight: 900; font-size: 25px; }

.registration-form { background: #fff; color: var(--ink); border-radius: 28px; padding: 34px; box-shadow: 0 30px 80px rgba(0,0,0,.18); }
.form-head h3 { font-size: 30px; margin: 0; }
.form-head p { color: var(--muted); margin: 4px 0 25px; font-size: 14px; }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.full { grid-column: 1 / -1; }
.field { display: flex; flex-direction: column; gap: 7px; }
.field > span, fieldset legend { font-size: 13px; font-weight: 800; color: #4c405d; }
input, select {
  width: 100%; height: 50px; border-radius: 13px; border: 1.5px solid #ded5e2;
  padding: 0 14px; outline: none; color: var(--ink); background: #fff;
}
input:focus, select:focus { border-color: var(--pink); box-shadow: 0 0 0 4px rgba(223,47,113,.1); }
.is-invalid { border-color: #c62545 !important; }
.error { min-height: 16px; color: #c62545; font-size: 11px; }
.choices { margin: 0; padding: 17px; border: 1.5px solid #ded5e2; border-radius: 15px; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.choices legend { padding: 0 5px; }
.choices label, .consent { display: flex; align-items: flex-start; gap: 9px; font-size: 13px; color: #51465e; }
.choices input, .consent input { width: 17px; height: 17px; margin-top: 2px; accent-color: var(--pink); }
.consent { margin-top: 4px; }
.consent-error { margin-top: -12px; }
.submit-btn { width: 100%; margin-top: 24px; border-radius: 14px; }
.form-status { min-height: 22px; text-align: center; font-size: 13px; margin: 10px 0 0; }
.spinner { display:none; width: 18px; height: 18px; border: 2px solid rgba(255,255,255,.45); border-top-color: #fff; border-radius: 50%; animation: spin .8s linear infinite; }
.loading .spinner { display:block; }
.loading .button-text { display:none; }
@keyframes spin { to { transform: rotate(360deg); } }

.faq-section { background: #fffaf5; }
.faq-list { max-width: 850px; margin: 0 auto; display: grid; gap: 14px; }
details { background: #fff; border: 1px solid var(--line); border-radius: 17px; padding: 0 20px; box-shadow: 0 9px 28px rgba(65,27,75,.05); }
summary { cursor: pointer; list-style: none; padding: 19px 32px 19px 0; font-weight: 850; position: relative; }
summary::after { content: "+"; position: absolute; right: 0; top: 14px; font-size: 25px; color: var(--pink); }
details[open] summary::after { content: "−"; }
details p { color: var(--muted); margin-top: 0; }

.success-modal { position: fixed; inset: 0; z-index: 100; display: none; place-items: center; padding: 20px; }
.success-modal.open { display: grid; }
.modal-backdrop { position:absolute; inset:0; background:rgba(24,4,32,.7); backdrop-filter: blur(7px); }
.modal-card { position:relative; width:min(480px,100%); text-align:center; padding:40px; border-radius:26px; background:#fff; box-shadow:0 30px 90px rgba(0,0,0,.3); }
.modal-close { position:absolute; right:14px; top:10px; border:0; background:none; font-size:30px; cursor:pointer; color:#74667e; }
.success-icon { width:72px; height:72px; margin:0 auto 18px; display:grid; place-items:center; border-radius:50%; background:#ebfff4; color:#169451; font-size:34px; font-weight:900; }
.modal-card h2 { margin:0 0 12px; }
.modal-card p { color:var(--muted); margin-bottom:24px; }

footer { background: #1f1227; color: rgba(255,255,255,.76); padding: 34px 0 92px; }
.footer-grid { display: grid; grid-template-columns: 1fr auto auto; gap: 30px; align-items:center; }
.footer-grid strong { color:#fff; font-size:19px; }
.footer-grid p { margin:4px 0 0; font-size:13px; }
.footer-grid a { display:block; color:#fff; font-weight:800; }

.mobile-cta { display:none; }
.reveal { opacity: 0; transform: translateY(18px); transition: opacity .7s ease, transform .7s ease; }
.reveal.visible { opacity: 1; transform: none; }

@media (max-width: 960px) {
  nav a:not(.btn) { display:none; }
  .hero { padding-top:50px; }
  .hero-grid, .speaker-grid, .location-grid, .registration-grid { grid-template-columns: 1fr; }
  .hero-grid { gap: 42px; }
  .hero-visual { min-height: auto; }
  .poster-card { margin: 0 auto; }
  .floating-card { left: 5%; bottom: 25px; }
  .countdown-wrap { flex-direction: column; align-items:flex-start; }
  .feature-grid { grid-template-columns: 1fr; }
  .topics { grid-template-columns:1fr; }
  .speaker-image { height:500px; max-width:550px; }
  .registration-copy { position:static; }
  .footer-grid { grid-template-columns:1fr; }
}

@media (max-width: 640px) {
  .container { width: min(100% - 28px, 1140px); }
  .brand small { display:none; }
  .site-header nav .btn { display:none; }
  .hero { padding: 42px 0 56px; }
  .hero h1 { font-size: 54px; }
  .hero-lead { font-size: 18px; }
  .event-highlights { grid-template-columns:1fr; }
  .hero-actions { flex-direction:column; }
  .hero-actions .btn { width:100%; }
  .trust-row { gap:8px 14px; }
  .poster-card { border-width:5px; border-radius:23px; }
  .floating-card { left: -2px; bottom: 18px; min-width: 195px; padding: 13px 15px; }
  .countdown { width:100%; grid-template-columns:repeat(4,1fr); gap:6px; }
  .countdown > div { padding:10px 3px; }
  .countdown strong { font-size:23px; }
  .section { padding: 66px 0; }
  .feature-card, .topics, .location-card, .registration-form { padding: 25px; }
  .topics { gap:28px; }
  .speaker-image { height:420px; }
  .speaker-image img { transform: scale(1); }
  .form-grid { grid-template-columns:1fr; }
  .full { grid-column:auto; }
  .choices { grid-template-columns:1fr; }
  .registration-section { padding:65px 0; }
  .mobile-cta {
    position:fixed; left:0; right:0; bottom:0; z-index:60;
    display:grid; grid-template-columns:1fr 1.35fr; gap:8px; padding:9px 12px calc(9px + env(safe-area-inset-bottom));
    background:rgba(255,255,255,.96); border-top:1px solid var(--line); backdrop-filter:blur(12px);
  }
  .mobile-cta a { min-height:46px; border-radius:12px; display:grid; place-items:center; font-weight:900; border:1px solid var(--purple); color:var(--purple); }
  .mobile-cta a:last-child { background:linear-gradient(135deg,var(--pink),#ee5a8e); color:#fff; border:0; }
}


/* ===== MOBILE-FIRST CONVERSION V3 ===== */
.mobile-event-card, .poster-mobile-cta, .mobile-map-panel { display: none; }
.form-progress { height: 5px; background: #f0e7f2; border-radius: 999px; overflow: hidden; margin: -5px -5px 22px; }
.form-progress span { display: block; width: 34%; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--purple), var(--pink)); transition: width .25s ease; }

@media (max-width: 640px) {
  body { padding-bottom: 72px; }
  .site-header { position: sticky; }
  .nav { min-height: 62px; }
  .brand-mark { width: 38px; height: 38px; border-radius: 12px; }
  .brand strong { font-size: 14px; }
  nav { display: none; }

  .hero { padding: 28px 0 34px; }
  .hero-grid { gap: 24px; }
  .hero-copy { text-align: center; }
  .eyebrow { font-size: 10px; letter-spacing: .12em; margin-bottom: 10px; }
  .hero h1 { font-size: clamp(47px, 15vw, 62px); line-height: .91; }
  .hero-lead { font-size: 16px; line-height: 1.5; margin: 18px auto; max-width: 340px; }

  .event-highlights { display: none; }
  .hero-actions { margin-top: 18px; }
  .hero-actions .btn-primary { min-height: 54px; font-size: 16px; }
  .hero-actions .btn-ghost { display: none; }
  .trust-row { justify-content: center; font-size: 11px; margin-top: 13px; }

  .mobile-event-card { display: grid; grid-template-columns: repeat(3,1fr); gap: 7px; margin-top: 18px; }
  .mobile-event-card div { min-width: 0; padding: 10px 5px; border: 1px solid rgba(76,8,110,.1); border-radius: 13px; background: rgba(255,255,255,.82); box-shadow: 0 8px 20px rgba(57,19,70,.05); }
  .mobile-event-card span, .mobile-event-card strong { display: block; }
  .mobile-event-card span { font-size: 18px; line-height: 1; margin-bottom: 5px; }
  .mobile-event-card strong { font-size: 10px; line-height: 1.25; color: var(--purple); }

  .hero-visual { display: flex; flex-direction: column; gap: 12px; }
  .poster-card { width: 100%; max-height: 430px; border-radius: 22px; transform: none; border: 4px solid #fff; box-shadow: 0 18px 45px rgba(70,19,90,.14); }
  .poster-card img { width: 100%; height: 430px; object-fit: cover; object-position: center top; }
  .floating-card { display: none; }
  .poster-mobile-cta { display: flex; min-height: 50px; align-items: center; justify-content: center; border-radius: 14px; font-weight: 900; color: #fff; background: linear-gradient(135deg,var(--purple),var(--purple-2)); box-shadow: 0 12px 25px rgba(76,8,110,.22); }

  .countdown-section { padding: 24px 0; }
  .countdown-wrap { align-items: center; text-align: center; gap: 16px; }
  .countdown-wrap h2 { font-size: 21px; }
  .countdown { gap: 5px; }
  .countdown > div { border-radius: 12px; padding: 9px 2px; }
  .countdown strong { font-size: 21px; }
  .countdown span { font-size: 8px; }

  .section-heading { margin-bottom: 28px; }
  .section-heading h2, .topics h2, .speaker-copy h2, .location-card h2, .registration-copy h2 { font-size: 32px; }
  .section-heading p { font-size: 15px; }
  .feature-grid { gap: 12px; }
  .feature-card { padding: 20px; border-radius: 18px; }
  .feature-icon { width: 48px; height: 48px; border-radius: 14px; }
  .feature-card h3 { font-size: 18px; margin: 15px 0 6px; }
  .feature-card p { font-size: 14px; }

  .topics { margin-top: 24px; padding: 22px 18px; border-radius: 21px; }
  .check-list { gap: 9px; }
  .check-list li { font-size: 13px; padding: 12px 12px 12px 43px; }
  .check-list li::before { left: 12px; top: 10px; }

  .speaker-grid { gap: 26px; }
  .speaker-image { height: 370px; border-radius: 22px; margin: 0 auto; width: 100%; }
  .speaker-image img { transform: scale(1); }
  .speaker-copy { text-align: center; }
  .speaker-copy .lead { font-size: 17px; }
  .speaker-copy p { font-size: 14px; }
  .mini-points { justify-content: center; }
  .speaker-copy .btn { width: 100%; }

  .location-grid { gap: 14px; }
  .location-card { min-height: auto; padding: 25px 20px; border-radius: 22px; }
  .detail-row { padding: 11px 0; }
  .detail-row p, .detail-row strong { font-size: 13px; }
  .location-card .btn { width: 100%; margin-top: 16px; }

  .map-card { min-height: auto; border-radius: 22px; }
  .map-card iframe { display: none; }
  .mobile-map-panel { display: block; padding: 28px 22px; text-align: center; background: linear-gradient(150deg,#fff,#fff4f8); }
  .map-pin { font-size: 42px; }
  .mobile-map-panel h3 { margin: 5px 0; }
  .mobile-map-panel p { color: var(--muted); font-size: 14px; }
  .mobile-map-panel .btn { width: 100%; margin-top: 10px; }

  .registration-section { padding: 52px 0; }
  .registration-grid { gap: 26px; }
  .registration-copy { text-align: center; }
  .registration-copy > p { font-size: 15px; }
  .registration-note { text-align: left; padding: 15px; margin: 20px 0; }
  .contact-box { display: none; }
  .registration-form { padding: 20px 16px; border-radius: 21px; }
  .form-head h3 { font-size: 25px; }
  .form-head p { margin-bottom: 18px; }
  .form-grid { gap: 12px; }
  input, select { height: 52px; font-size: 16px; }
  .choices { padding: 14px; gap: 12px; }
  .choices label, .consent { font-size: 14px; }
  .choices input, .consent input { width: 21px; height: 21px; flex: 0 0 auto; }
  .submit-btn { min-height: 56px; font-size: 15px; margin-top: 18px; }

  details { padding: 0 15px; border-radius: 14px; }
  summary { font-size: 14px; padding: 16px 30px 16px 0; }
  details p { font-size: 13px; }

  footer { padding: 28px 0 95px; text-align: center; }
  .mobile-cta { grid-template-columns: .8fr 1.5fr; gap: 7px; padding: 8px 10px calc(8px + env(safe-area-inset-bottom)); box-shadow: 0 -8px 30px rgba(43,16,50,.12); }
  .mobile-cta a { min-height: 50px; font-size: 14px; }
  .mobile-cta a:last-child { animation: mobilePulse 2.2s infinite; }
  @keyframes mobilePulse {
    0%,100% { box-shadow: 0 0 0 0 rgba(223,47,113,.25); }
    50% { box-shadow: 0 0 0 8px rgba(223,47,113,0); }
  }
}
@media (max-width: 390px) {
  .hero h1 { font-size: 48px; }
  .poster-card, .poster-card img { height: 390px; }
  .mobile-event-card strong { font-size: 9px; }
}

/* Speaker image positioning controlled by CMS */
.speaker-image { position: relative; background: #f2edf4; }
.speaker-image img[data-fit="contain"] { object-fit: contain; background: #fff; }
.speaker-image img[data-fit="cover"] { object-fit: cover; }