/* ---------- Landing ---------- */
  .landing{padding:30px 12px 10px;}
  .hero{
    text-align:center;padding:56px 20px 46px;position:relative;
  }
  .hero .crest{width:76px;height:76px;margin-bottom:20px;}
  .hero .eyebrow{
    font-size:.75rem;letter-spacing:3px;text-transform:uppercase;color:var(--gold);
    font-weight:700;margin-bottom:14px;
  }
  .hero h1{
    font-family:var(--serif);font-weight:700;font-size:2.6rem;margin:0 0 10px;
    color:var(--oxford-blue);letter-spacing:.2px;
  }
  .hero p.tag{color:var(--muted);margin:0 auto;font-size:1.02rem;max-width:520px;line-height:1.6;}
  .divider-orn{display:flex;align-items:center;justify-content:center;gap:10px;margin:24px 0 8px;color:var(--gold);}
  .divider-orn .ln{width:46px;height:1px;background:var(--gold-light);}

  .portal-choice{display:flex;gap:24px;flex-wrap:wrap;justify-content:center;margin-top:38px;max-width:648px;margin-left:auto;margin-right:auto;}
  .portal-card{
    background:var(--white);border-radius:var(--radius-lg);padding:0;width:300px;overflow:hidden;
    box-shadow:var(--shadow-sm);border:1px solid var(--line);cursor:pointer;text-align:right;
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  }
  .portal-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--gold-light);}
  .portal-card .head{
    background:linear-gradient(135deg,var(--navy-800),var(--oxford-blue));
    padding:26px 26px 20px;color:#fff;position:relative;
  }
  .portal-card .head .icon{font-size:2.1rem;}
  .portal-card .head h3{margin:10px 0 0;font-family:var(--serif);font-size:1.2rem;font-weight:700;}
  .portal-card .body{padding:18px 24px 24px;}
  .portal-card .body p{margin:0 0 14px;color:var(--muted);font-size:.87rem;line-height:1.55;}
  .portal-card .go{
    display:flex;align-items:center;gap:6px;color:var(--blue-600);font-weight:700;font-size:.85rem;
  }
  .save-note{
    margin:44px auto 0;max-width:520px;font-size:.8rem;color:var(--navy-800);
    background:var(--blue-tint);padding:12px 18px;border-radius:10px;border:1px solid #f1d8dc;
    display:flex;align-items:center;gap:10px;justify-content:center;
  }


  /* ---------- Start page (Design 2: navy band + coloured tiles) ---------- */
  main.lp-main{max-width:none;padding:0;margin:0;}
  .lp{min-height:100vh;background:#f4e9ea;color:#38181d;font-family:var(--sans);}
  .lp-band{background:#51131d;color:#fff;padding:34px 0 92px;}
  .lp-in{max-width:1040px;margin:0 auto;padding:0 28px;}
  .lp-top{display:flex;align-items:center;gap:18px;}
  .lp-crest{width:64px;height:64px;background:#fff;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;border:3px solid #E8B33A;overflow:hidden;}
  .lp-crest svg,.lp-crest img,.lp-crest .crest{max-width:44px;max-height:44px;width:auto;height:auto;margin:0;}
  .lp-top h1{margin:0;font-family:var(--serif);font-size:28px;color:#fff;font-weight:700;}
  .lp-top p{margin:3px 0 0;color:#deafb7;font-size:14px;}
  .lp-hello{margin-top:34px;font-size:30px;font-weight:700;letter-spacing:-.3px;}
  .lp-date{color:#E8B33A;font-weight:600;margin-top:6px;}
  .lp-grid{max-width:1040px;margin:-62px auto 0;padding:0 28px 40px;display:grid;grid-template-columns:repeat(6,1fr);gap:16px;}
  .lp-t{grid-column:span 2;background:#fff;border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:14px;border-top:5px solid var(--c);box-shadow:0 8px 24px rgba(81,19,29,.10);cursor:pointer;outline:none;transition:transform .15s ease, box-shadow .15s ease;}
  .lp-t:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(81,19,29,.16);}
  .lp-t:focus-visible{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--c);}
  .lp-t.big{grid-column:span 3;flex-direction:row;align-items:center;padding:26px;}
  .lp-ic{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;color:var(--c);background:color-mix(in srgb,var(--c) 12%,#fff);flex:0 0 auto;}
  .lp-t.big .lp-ic{width:68px;height:68px;}
  .lp-ic svg{width:26px;height:26px;} .lp-t.big .lp-ic svg{width:32px;height:32px;}
  .lp-tx b{display:block;font-size:17px;color:#38181d;} .lp-t.big .lp-tx b{font-size:21px;}
  .lp-tx small{display:block;color:#7a5d62;font-size:13.5px;margin-top:4px;line-height:1.45;}
  .lp-go{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:4px;background:var(--c);color:#fff;font-weight:700;font-size:14px;padding:9px 14px;border-radius:10px;white-space:nowrap;}
  .lp-t.big .lp-go{margin:0 0 0 auto;align-self:center;}
  .lp-go svg{width:16px;height:16px;}
  .lp-note{grid-column:1/-1;text-align:center;color:#8d6c71;font-size:13px;margin-top:6px;}
  @media (prefers-reduced-motion:reduce){ .lp-t{transition:none;} .lp-t:hover{transform:none;} }
  /* tablet: big tiles stack their button under the text */
  @media (min-width:761px) and (max-width:1000px){
    .lp-t.big{flex-direction:column;align-items:flex-start;}
    .lp-t.big .lp-go{margin:auto 0 0;align-self:flex-start;}
  }
  /* phone: the compact mobile layout */
  @media (max-width:760px){
    .lp-band{padding:20px 0 74px;} .lp-in{padding:0 16px;}
    .lp-top{gap:12px;} .lp-top h1{font-size:20px;} .lp-top p{font-size:12.5px;}
    .lp-crest{width:52px;height:52px;} .lp-crest svg,.lp-crest img,.lp-crest .crest{max-width:36px;max-height:36px;}
    .lp-hello{font-size:22px;margin-top:20px;} .lp-date{font-size:14px;}
    .lp-grid{grid-template-columns:1fr 1fr;padding:0 16px 28px;gap:12px;margin-top:-54px;}
    .lp-t,.lp-t.big{grid-column:span 1;flex-direction:column;align-items:flex-start;padding:16px;gap:10px;}
    .lp-t.big{grid-column:span 2;flex-direction:row;align-items:center;}
    .lp-t.big .lp-go{display:none;} .lp-t small{display:none;} .lp-t.big small{display:block;}
    .lp-t.big .lp-ic{width:58px;height:58px;}
    .lp-tx b{font-size:16px;} .lp-t.big .lp-tx b{font-size:19px;}
    .lp-go{font-size:13px;padding:7px 11px;}
    .lp-cmp{grid-column:span 2 !important;flex-direction:row !important;align-items:center !important;}
    .lp-cmp .lp-go{margin-left:auto;align-self:center;}
  }