.portrait{width:100%;height:220px;object-fit:cover;object-position:center;background:#e4e6eb;filter:grayscale(.1)}
.avatar{width:150px;height:150px;border-radius:50%;object-fit:cover;object-position:center;margin:auto;background:#dfe2e7}
.sponsor-logo{width:180px;max-height:75px;object-fit:contain;margin:25px auto}
[hidden]{display:none!important}
.navlinks a{position:relative}.navlinks a::after{content:"";position:absolute;left:0;right:100%;bottom:3px;height:2px;background:var(--coral);transition:right .22s ease}.navlinks a:hover::after,.navlinks a.active::after{right:0}
.button{transition:transform .2s ease,box-shadow .2s ease}.button:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(255,49,85,.24)}
.speaker,.committee{transition:transform .25s ease}.speaker:hover,.committee:hover{transform:translateY(-5px)}
.speaker-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;max-width:1120px}
.speaker{position:relative;display:grid;grid-template-rows:auto auto 1fr;overflow:hidden;text-align:left;background:#fff;border:1px solid rgba(24,49,94,.11);border-radius:18px;box-shadow:0 12px 32px rgba(24,49,94,.08);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.speaker::after{content:"";position:absolute;top:0;left:0;width:46px;height:4px;background:var(--coral);transition:width .28s ease}
.speaker:hover{transform:translateY(-7px);border-color:rgba(255,49,85,.25);box-shadow:0 22px 45px rgba(24,49,94,.14)}
.speaker:hover::after{width:100%}
.speaker .portrait{width:100%;height:250px;object-fit:cover;object-position:center top;filter:none;background:#e9edf2;border-radius:0;transition:transform .45s ease}
.speaker:hover .portrait{transform:scale(1.025)}
.speaker h3{z-index:1;width:auto;min-height:0;margin:0;padding:1.25rem 1.25rem .45rem;background:transparent;color:var(--navy);font-size:clamp(.94rem,.22vw + .9rem,1.08rem);line-height:1.35;text-align:left;justify-content:flex-start}
.speaker p{min-height:0;margin:0;padding:0 1.25rem 1.4rem;color:#687287;font-size:clamp(.78rem,.15vw + .74rem,.9rem);line-height:1.55;text-align:left;justify-content:flex-start}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}.reveal.revealed{opacity:1;transform:none}
.back-to-top{position:fixed;right:22px;bottom:22px;width:46px;height:46px;border:0;border-radius:50%;background:var(--coral);color:#fff;font-size:1.25rem;box-shadow:0 10px 26px rgba(7,16,39,.2);opacity:0;visibility:hidden;transform:translateY(12px);transition:.22s ease;z-index:900;cursor:pointer}.back-to-top.visible{opacity:1;visibility:visible;transform:none}
main section{content-visibility:auto;contain-intrinsic-size:700px}
main>.section{position:relative;border-top:1px solid rgba(24,49,94,.07)}
#about{background:linear-gradient(135deg,#101b35 0%,#071027 100%)}
#speakers{background:#f5f7fb}
#organisers{color:var(--ink);background:#f5f7fb;border-top-color:rgba(24,49,94,.07)}
#sponsors{color:var(--ink);background:#f5f7fb}
#gallery{color:#fff;background:linear-gradient(135deg,#101b35 0%,#071027 100%);border-top-color:rgba(255,255,255,.08)}
#committee{color:var(--ink);background:#f5f7fb;border-top-color:rgba(24,49,94,.07)}
#register{color:#fff;background:linear-gradient(135deg,#071027 0%,#14213f 100%);border-top-color:rgba(255,255,255,.08)}
#contact{color:var(--ink);background:#fff;border-top-color:rgba(24,49,94,.07)}
#speakers::before,#organisers::before,#sponsors::before,#gallery::before,#committee::before,#register::before,#contact::before{content:"";position:absolute;top:0;left:50%;width:min(96px,18vw);height:3px;background:var(--coral);transform:translateX(-50%)}
#organisers .section-title h2,#organisers .overview-heading h3,#organisers .organizer-detail h3{color:var(--navy)}
#gallery .section-title h2,#register .section-title h2{color:#fff}
#organisers .overview-subtitle,#organisers .overview-copy p,#organisers .organizer-detail p,#organisers .committee p{color:#536078}
#gallery .section-title p,#register .section-title p{color:#bdc6d8}
#organisers .overview-copy strong,#organisers .organizer-detail strong{color:var(--navy)}
#organisers .organiser-brand-row{border-color:rgba(24,49,94,.1);box-shadow:0 18px 50px rgba(24,49,94,.08)}
#organisers .organizer-detail{background:#fff;border-left-color:var(--coral)}
#organisers .organizer-stats div{background:#fff}
#organisers .committee h3{color:var(--navy)}
#sponsors .sponsor-logo{padding:1rem 1.4rem;background:#fff;border-radius:12px}
#committee .organizing-list div{background:#fff;border:1px solid rgba(24,49,94,.09)}
#committee .organizing-list b{color:var(--navy)}
#committee .organizing-list span{color:#687287}
#register .pricing div{color:var(--navy);border:1px solid rgba(24,49,94,.1);border-radius:12px;box-shadow:0 14px 35px rgba(24,49,94,.1)}
#contact .section-title h2,#contact .contact-grid b{color:var(--navy)}
#contact .contact-grid p{color:#687287}
#contact .contact-grid a{color:var(--coral)}
.gallery{padding:90px 0}
.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.gallery-grid:not(.expanded) .gallery-item:nth-child(n+9){display:none}
.gallery-item{position:relative;overflow:hidden;min-height:190px;padding:0;border:0;border-radius:12px;background:#17223d;cursor:pointer;box-shadow:0 12px 26px rgba(0,0,0,.18)}
.gallery-item img{width:100%;height:100%;min-height:190px;object-fit:cover;transition:transform .5s ease,filter .35s ease}
.gallery-item::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(7,16,39,.9));pointer-events:none}
.gallery-item span{position:absolute;z-index:1;left:1.3rem;bottom:1.15rem;color:#fff;font-size:clamp(.9rem,1.2vw,1.1rem);font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.gallery-item:hover img,.gallery-item:focus-visible img{transform:scale(1.045);filter:saturate(1.08)}
.gallery-item:focus-visible{outline:3px solid var(--coral);outline-offset:4px}
.gallery-toggle{display:block;margin:1.5rem auto 0;border:1px solid rgba(255,255,255,.3)}
.gallery-lightbox{width:min(1000px,calc(100% - 32px));padding:0;border:0;border-radius:16px;background:var(--navy);color:#fff;box-shadow:0 30px 80px rgba(0,0,0,.45)}
.gallery-lightbox::backdrop{background:rgba(2,7,18,.86);backdrop-filter:blur(5px)}
.gallery-lightbox img{width:100%;max-height:76vh;object-fit:contain;background:#020712}
.gallery-lightbox p{margin:0;padding:1rem 1.25rem;font-weight:700}
.lightbox-close{position:absolute;z-index:2;top:12px;right:12px;padding:.65rem .9rem;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(7,16,39,.82);color:#fff;font-weight:700;cursor:pointer}
@media(max-width:950px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.gallery{padding:65px 0}.gallery-item,.gallery-item img{min-height:175px}.gallery-item span{left:.9rem;bottom:.8rem;font-size:.78rem}}
@media print{
  @page{size:A4;margin:10mm}
  html{scroll-behavior:auto}
  body{font-size:10pt;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .nav{position:relative;height:72px;padding:0 12mm;box-shadow:none}
  .menu,.back-to-top,.gallery-lightbox,.gallery-toggle{display:none!important}
  .navlinks{display:flex!important}
  .hero{min-height:260mm;background-attachment:scroll}
  .hero-content{min-height:250mm;padding:35mm 0 18mm}
  main section{content-visibility:visible;contain-intrinsic-size:none}
  .reveal{opacity:1!important;transform:none!important}
  .section,.dark-section,.gallery{padding:18mm 0}
  .speaker,.committee,.organizing-list div,.pricing div,.registration-form,.gallery-item{break-inside:avoid;page-break-inside:avoid}
  .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5mm}
  .gallery-grid:not(.expanded) .gallery-item:nth-child(n+9){display:block}
  .gallery-item,.gallery-item img{min-height:62mm}
  .registration-form{box-shadow:none}
  footer{break-inside:avoid}
}

/* Final print overrides: keep the exported website compact and page-safe. */
@media print {
  @page { size: A4; margin: 10mm; }
  html { scroll-behavior: auto; }
  body {
    font-size: 10pt;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  .nav {
    position: absolute !important;
    inset: 0 0 auto !important;
    height: 72px !important;
    padding: 0 12mm !important;
    box-shadow: none !important;
  }
  .navlinks { display: none !important; }
  .menu, .back-to-top, .gallery-lightbox, .gallery-toggle { display: none !important; }
  .hero {
    min-height: 277mm !important;
    break-after: page;
    page-break-after: always;
    background-attachment: scroll;
  }
  .hero-content {
    min-height: 267mm !important;
    padding: 35mm 0 18mm !important;
  }
  main section {
    content-visibility: visible !important;
    contain-intrinsic-size: none !important;
  }
  .reveal { opacity: 1 !important; transform: none !important; }
  .section, .dark-section, .gallery { padding: 16mm 0 !important; }
  #register { break-before: page; page-break-before: always; }
  .speaker, .committee, .organizing-list div, .pricing div,
  .registration-form, .gallery-item {
    break-inside: avoid;
    page-break-inside: avoid;
  }
  .gallery-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 5mm !important;
  }
  .gallery-grid:not(.expanded) .gallery-item:nth-child(n+9) { display: block !important; }
  .gallery-item, .gallery-item img { min-height: 62mm !important; }
  .registration-form { box-shadow: none; }
  footer { break-inside: avoid; }
}

@media print {
  .nav { display: none !important; }
  .hero-content { padding-top: 18mm !important; }
  .registration-form, .form-grid, .form-heading, .form-actions {
    break-inside: auto !important;
    page-break-inside: auto !important;
  }
}

@media print {
  .nav { display: none !important; }
  .hero-content { padding-top: 18mm !important; }
  .registration-form {
    break-inside: auto !important;
    page-break-inside: auto !important;
  }
  .form-grid, .form-heading, .form-actions {
    break-inside: auto !important;
    page-break-inside: auto !important;
  }
}
.registration-wrap{max-width:980px}
.registration-form{margin-top:2.25rem;padding:clamp(1.4rem,4vw,3rem);text-align:left;background:#fff;border:1px solid rgba(24,49,94,.1);border-radius:20px;box-shadow:0 20px 55px rgba(24,49,94,.11)}
.form-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:2rem;padding-bottom:1.35rem;border-bottom:1px solid #e7ebf1}
.form-heading h3{margin:.2rem 0 0;color:var(--navy);font-size:clamp(1.4rem,2.5vw,2rem)}
.form-heading>p{margin:0;color:#6c7587;font-size:.82rem}
.form-kicker{margin:0;color:var(--coral);font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem 1.35rem}
.form-grid label{display:flex;flex-direction:column;gap:.5rem;color:var(--navy);font-size:.82rem;font-weight:700}
.form-grid input,.form-grid select,.form-grid textarea{width:100%;min-height:48px;padding:.8rem .9rem;border:1px solid #cfd6e1;border-radius:9px;background:#fff;color:var(--ink);font:inherit;outline:none;transition:border-color .2s ease,box-shadow .2s ease}
.form-grid textarea{resize:vertical}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--coral);box-shadow:0 0 0 3px rgba(255,49,85,.12)}
.form-grid small{color:#737d8f;font-size:.72rem;font-weight:500}.form-wide{grid-column:1/-1}.file-input{padding:.55rem!important}.file-input::file-selector-button{margin-right:.8rem;padding:.55rem .8rem;border:0;border-radius:6px;background:var(--navy);color:#fff;font-weight:700;cursor:pointer}
.consent{flex-direction:row!important;align-items:flex-start;gap:.7rem!important;font-weight:500!important;line-height:1.5}.consent input{width:18px!important;min-height:18px!important;margin-top:.1rem;padding:0}.form-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.form-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.8rem}.form-status{margin:0;color:#536078;font-size:.86rem}.form-status.success{color:#157347;font-weight:700}.form-status.error{color:#b42318;font-weight:700}.submit-registration:disabled{opacity:.65;cursor:wait;transform:none;box-shadow:none}
@media(max-width:700px){.registration-form{border-radius:14px}.form-heading{align-items:flex-start;flex-direction:column;gap:.6rem}.form-grid{grid-template-columns:1fr}.form-wide{grid-column:auto}.form-actions{align-items:stretch;flex-direction:column}.submit-registration{width:100%}}
.brand{display:block;width:245px;height:72px;overflow:hidden;background:#fff;border-radius:3px}
.brand img{width:245px!important;max-width:none;height:auto!important;padding:0!important;transform:translateY(-1px)}
.organiser-logo{width:min(660px,92vw)!important;max-height:150px;object-fit:contain;background:#fff;padding:12px}
.organiser-brand-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:clamp(2rem,6vw,5rem);max-width:980px;margin:0 auto clamp(3rem,6vw,5rem);padding:clamp(1.5rem,3vw,2.5rem);background:#fff;border:1px solid rgba(24,49,94,.1);box-shadow:0 18px 50px rgba(24,49,94,.08)}
.organiser-brand-row img{display:block;width:100%;height:clamp(72px,8vw,108px);object-fit:contain}
.university-overview{max-width:1080px;margin:0 auto clamp(4rem,8vw,7rem);text-align:left}
.overview-heading{text-align:center;max-width:900px;margin:0 auto clamp(2.25rem,5vw,4rem)}
.overview-kicker{margin:0 0 .65rem;color:var(--coral);font-size:.78rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.overview-heading h3{margin:0;color:var(--navy);font-family:var(--display);font-size:clamp(2rem,4.5vw,3.6rem);line-height:1.08}
.overview-subtitle{margin:1rem auto 0;color:#516078;font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.55}
.overview-copy{display:grid;gap:1.15rem;max-width:880px;margin:0 auto}
.overview-copy p,.organizer-detail p{margin:0;color:#3f4b5f;font-size:clamp(1rem,1.35vw,1.12rem);line-height:1.85}
.overview-copy strong,.organizer-detail strong{color:var(--navy)}
.organizer-detail{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(180px,.55fr);gap:clamp(2rem,5vw,4rem);align-items:start;margin-top:clamp(2.5rem,6vw,4.5rem);padding:clamp(2rem,5vw,4rem);background:var(--pale);border-left:5px solid var(--coral)}
.organizer-detail h3{margin:0 0 1.3rem;color:var(--navy);font-family:var(--display);font-size:clamp(1.65rem,3vw,2.5rem);line-height:1.2}
.organizer-detail p+p{margin-top:1rem}
.organizer-stats{display:grid;gap:.8rem}
.organizer-stats div{display:flex;flex-direction:column;padding:1.1rem 1.25rem;background:#fff;border:1px solid rgba(24,49,94,.1)}
.organizer-stats b{color:var(--coral);font-family:var(--display);font-size:clamp(1.6rem,3vw,2.2rem);line-height:1}
.organizer-stats span{margin-top:.4rem;color:var(--navy);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:900px){.organiser-brand-row,.organizer-detail{grid-template-columns:1fr}.organiser-brand-row{gap:2rem}.organiser-brand-row img{height:84px}.organizer-stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.organiser-brand-row{padding:1.25rem}.university-overview{margin-bottom:4rem}.organizer-detail{padding:1.5rem;border-left-width:4px}.organizer-stats{grid-template-columns:1fr}}
footer img{width:250px!important;max-height:145px;object-fit:contain;background:#fff!important;padding:5px!important}
.footer-logos{display:flex;align-items:center;gap:28px}.footer-logos .msn-footer-logo{width:330px!important;height:auto;max-height:85px;background:transparent!important;padding:0!important}
.footer-logos .white-event-logo{width:250px!important;height:auto;max-height:155px;background:transparent!important;padding:0!important}

/* Fixed responsive navigation */
.nav{position:fixed;top:0;left:0;right:0;width:100%;max-width:none;height:88px;padding:0 max(24px,calc((100vw - var(--wrap))/2));background:#fff;transition:box-shadow .25s ease;z-index:1000}
.nav.scrolled,.nav:has(.navlinks.open){background:#fff;box-shadow:0 8px 28px rgba(7,16,39,.14)}
.navlinks a{font-size:clamp(.72rem,.72vw,.86rem);padding:10px 0;color:var(--navy)}
.menu{border-color:#cfd5df!important;background:#fff!important;color:var(--navy)!important}
section[id],header[id]{scroll-margin-top:88px}

/* Balanced hero hierarchy */
.hero{background-image:linear-gradient(90deg,rgba(7,16,39,.32) 0%,rgba(7,16,39,.72) 38%,rgba(7,16,39,.76) 62%,rgba(7,16,39,.28) 100%),url('./assets/isacapp-flyer-hero.png');background-position:center;background-size:cover;background-repeat:no-repeat}
.hero-content{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(130px,14vh,170px) 0 clamp(48px,7vh,78px)}
.hero .overline{margin:0 0 1.15rem;font-size:clamp(.7rem,.65vw,.82rem);letter-spacing:.24em}
.hero h1{max-width:19ch;margin:0 auto;color:var(--coral);font-size:clamp(2.65rem,4.4vw,5.25rem);line-height:.98;letter-spacing:-.045em;text-wrap:balance}
.hero h1 span{display:block}
.hero h2{margin:1.5rem 0 .55rem;font-size:clamp(1.55rem,2.3vw,2.65rem);line-height:1.1}
.hero .date{margin:.25rem 0;font-size:clamp(.88rem,1vw,1.05rem)}
.hero .countdown{width:min(100%,620px);margin:1.75rem auto 1.5rem}
.hero .button{margin-top:.15rem}

/* Readable fluid type */
body{font-size:clamp(1rem,.35vw + .92rem,1.12rem)}
.dark-section p{font-size:clamp(.95rem,.25vw + .88rem,1.08rem);line-height:1.85}
.topics{font-size:clamp(.92rem,.2vw + .86rem,1.04rem);line-height:1.8}
.section-title h2{font-size:clamp(1.65rem,2.3vw,2.35rem)}
.section-title p{font-size:clamp(.88rem,.2vw + .82rem,1rem)}
.speaker h3,.committee h3,.timeline h3{font-size:clamp(.82rem,.18vw + .78rem,.96rem)}
.speaker p,.committee p,.timeline p,.contact-grid p{font-size:clamp(.78rem,.15vw + .74rem,.9rem)}
.organizing-list b{font-size:clamp(.78rem,.15vw + .74rem,.9rem)}
.organizing-list span{font-size:clamp(.72rem,.12vw + .69rem,.82rem);line-height:1.5}
.timeline time{font-size:clamp(.78rem,.15vw + .74rem,.9rem)}
.venue-card p{font-size:clamp(.9rem,.2vw + .84rem,1rem)}

@media(max-width:900px){
  .nav{height:76px;padding:0 20px;background:#fff}
  section[id],header[id]{scroll-margin-top:76px}
  .navlinks{top:76px;max-height:calc(100vh - 76px);overflow:auto;padding:18px 20px 24px;background:#fff;box-shadow:0 14px 24px rgba(7,16,39,.12)}
  .navlinks a{width:100%;font-size:1rem;padding:11px 0;border-bottom:1px solid #e3e7ed;color:var(--navy)}
  .navlinks a::after{display:none}.menu-open{overflow:hidden}
  .menu{min-height:44px;min-width:72px;font-size:.95rem}
  .hero-content{min-height:auto;padding-top:130px;padding-bottom:64px}
  .speaker-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:720px;gap:22px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1!important;transform:none!important}}

@media(max-width:600px){
  .nav{padding:0 12px}.brand{width:190px;height:61px}.brand img{width:190px!important}
  .hero{min-height:auto;background-image:linear-gradient(rgba(7,16,39,.72),rgba(7,16,39,.82)),url('./assets/isacapp-flyer-hero.png');background-position:38% center}.hero-content{padding-top:120px;padding-bottom:54px}
  .hero h1{max-width:12ch;font-size:clamp(2.05rem,9.5vw,3rem);line-height:1}
  .hero h1 span{display:inline}
  .hero h1 span::after{content:" "}
  .hero h2{font-size:clamp(1.55rem,7vw,2.2rem)}
  .countdown span{min-width:0;padding:14px 6px}.countdown b{font-size:1.65rem}
  .speaker-grid{grid-template-columns:1fr;max-width:390px;gap:22px}.speaker .portrait{height:clamp(280px,90vw,390px)}
  .portrait{height:clamp(230px,80vw,360px)}
  .avatar{width:170px;height:170px}
  .timeline article{grid-template-columns:1fr;gap:6px;padding:18px 0}
  .timeline time{color:var(--coral);font-weight:700}
  .venue-card div{padding:28px 22px}
  .footer-logos{align-items:flex-start;flex-direction:column;gap:18px}.footer-logos .msn-footer-logo{width:min(330px,100%)!important}
}

/* These overrides must remain last so screen breakpoints cannot affect PDF export. */
@media print {
  @page { size: A4; margin: 10mm; }
  html { scroll-behavior: auto; }
  body { font-size: 10pt; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  .nav { display: none !important; }
  .navlinks, .menu, .back-to-top, .gallery-lightbox, .gallery-toggle { display: none !important; }
  .hero {
    min-height: 277mm !important;
    break-after: page;
    page-break-after: always;
    background-attachment: scroll;
  }
  .hero-content { min-height: 267mm !important; padding: 18mm 0 !important; }
  main section { content-visibility: visible !important; contain-intrinsic-size: none !important; }
  .reveal { opacity: 1 !important; transform: none !important; }
  .section, .dark-section, .gallery { padding: 16mm 0 !important; }
  #register { break-before: page; page-break-before: always; }
  .speaker, .committee, .organizing-list div, .pricing div, .gallery-item {
    break-inside: avoid;
    page-break-inside: avoid;
  }
  .gallery-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 5mm !important; }
  .gallery-grid:not(.expanded) .gallery-item:nth-child(n+9) { display: block !important; }
  .gallery-item, .gallery-item img { min-height: 62mm !important; }
  .registration-form { box-shadow: none; }
  footer { break-inside: avoid; }
}


/* Registration form: Title + first name + last name row */
.name-row{display:grid;grid-template-columns:minmax(110px,.55fr) 1fr 1fr;gap:1.2rem 1.35rem}
.name-row label{min-width:0}
@media(max-width:700px){.name-row{grid-template-columns:1fr 1fr}.name-row .salutation-field{grid-column:1/-1}}
@media(max-width:420px){.name-row{grid-template-columns:1fr}}