/* HSC Education - site stylesheet. Brand red #C62828. */
@font-face{font-family:"Carlito";src:url(/fonts/carlito-regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Carlito";src:url(/fonts/carlito-bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Carlito";src:url(/fonts/carlito-italic.woff) format("woff");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Rufina";src:url(/fonts/rufina-regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Rufina";src:url(/fonts/rufina-bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}

:root{
  --red:#C62828;--ink:#1A1A1A;--grey:#444444;--muted:#555B64;--rule:#CFCFCF;--band:#F2F2F2;
  --gx:max(40px, calc((100% - 1200px) / 2));
  --gxr:0px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:#FFFFFF;color:var(--ink);font-family:Carlito,Calibri,Arial,sans-serif;font-size:19px;line-height:1.55;overflow-wrap:break-word}
img{max-width:100%;height:auto}
a{color:var(--red)}
a:hover{color:var(--ink)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:2px}
.site-footer .footer-band a:focus-visible{outline-color:#FFFFFF}
.skip{position:absolute;left:12px;top:-60px;z-index:10;background:var(--ink);color:#FFFFFF;padding:10px 16px;font-weight:700;text-decoration:none}
.skip:focus{top:12px;color:#FFFFFF}
main:focus{outline:none}
ul{margin-top:0}

/* header and navigation */
.site-header{padding:22px var(--gx);display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:4px solid var(--red);position:relative}
.site-header.is-home{border-bottom:0}
.brand{display:flex;align-items:center}
.brand img{height:56px;width:auto;display:block}
.site-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:30px;font-size:18px}
.site-nav a{text-decoration:none;color:var(--ink)}
.site-nav a:hover{color:var(--red)}
.site-nav a[aria-current="page"]{color:var(--red);font-weight:700}
.menu-btn{display:none}

/* generated from the design canvas */
.a-1{font-weight:700}
.a-2{font-weight:700;display:inline-block;min-height:44px;line-height:44px}
.article-1{padding:40px var(--gx) 56px var(--gx)}
.div-1{flex:1 1 0;padding:80px 0 88px}
.div-2{display:flex;gap:20px;align-items:flex-start;border-top:1px solid #CFCFCF;padding-top:28px}
.div-3{width:64px;height:4px;background:#C62828;margin:0 auto 32px}
.div-4{border-top:1px solid #CFCFCF;padding-top:32px}
.div-5{display:flex;height:56px;width:100%;font-size:17px;line-height:1.2}
.div-6{width:50.66%;background:#C62828;color:#FFFFFF;display:flex;align-items:center;padding:0 14px;box-sizing:border-box;white-space:nowrap;overflow:visible}
.div-7{width:49.34%;background:#CFCFCF;color:#1A1A1A;display:flex;align-items:center;justify-content:flex-end;padding:0 14px;box-sizing:border-box;white-space:nowrap}
.div-8{width:7%;background:#C62828;color:#FFFFFF;display:flex;align-items:center;padding:0 14px;box-sizing:border-box;white-space:nowrap;overflow:visible}
.div-9{width:93%;background:#CFCFCF;color:#1A1A1A;display:flex;align-items:center;justify-content:flex-end;padding:0 14px;box-sizing:border-box;white-space:nowrap}
.div-10{display:flex;gap:32px;align-items:flex-start;margin:8px 0 20px;flex-wrap:wrap}
.div-11{width:220px;max-width:100%}
.div-12{width:330px;max-width:100%}
.div-13{flex:1 1 0}
.div-14{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:24px}
.figcaption-1{margin-top:10px;font-size:15px;color:#555B64}
.figcaption-2{margin-top:10px;font-size:14px;color:#555B64}
.figure-1{margin:0 0 36px;max-width:920px}
.figure-2{margin:16px 0 40px;max-width:920px}
.figure-3{margin:4px 0 36px;width:588px;max-width:100%}
.figure-4{margin:0}
.h1-1{margin:0;font-family:Rufina, Georgia, serif;font-weight:400;font-size:46px;line-height:1.15;color:#C62828}
.h1-2{margin:0 0 16px;font-family:Rufina, Georgia, serif;font-weight:400;font-size:46px;line-height:1.15;color:#C62828;max-width:22em}
.h1-3{margin:0 0 16px;font-family:Rufina, Georgia, serif;font-weight:400;font-size:46px;line-height:1.15;color:#C62828}
.h1-4{margin:0 0 32px;font-family:Rufina, Georgia, serif;font-weight:400;font-size:46px;line-height:1.15;color:#C62828}
.h2-1{margin:0 0 8px;font-family:Rufina, Georgia, serif;font-size:27px;line-height:1.25;font-weight:700}
.h2-2{margin:12px 0 0;font-family:Rufina, Georgia, serif;font-size:32px;line-height:1.25;font-weight:700}
.h2-3{margin:0 0 16px;font-family:Rufina, Georgia, serif;font-size:30px}
.h2-4{margin:0 0 12px;font-family:Rufina, Georgia, serif;font-size:42px;line-height:1.15;font-weight:700}
.h2-5{margin:32px 0 14px;font-family:Rufina, Georgia, serif;font-size:26px}
.h3-1{margin:36px 0 14px;font-family:Rufina, Georgia, serif;font-size:26px;font-weight:700;color:#1A1A1A}
.h3-2{margin:0 0 14px;font-family:Rufina, Georgia, serif;font-size:24px}
.img-1{flex:0 0 420px;width:420px;max-width:100%;height:auto;display:block;margin:40px 0 0 0}
.img-2{width:100%;aspect-ratio:16 / 9;object-fit:cover;object-position:50% 40%;display:block;border-bottom:4px solid #C62828}
.img-3{width:220px;max-width:100%;height:220px;object-fit:cover;display:block;border-bottom:4px solid #C62828}
.img-4{width:330px;max-width:100%;height:220px;object-fit:cover;object-position:70% 35%;display:block;border-bottom:4px solid #C62828}
.img-5{width:100%;aspect-ratio:3 / 2;object-fit:cover;display:block;border-bottom:4px solid #C62828}
.img-6{width:100%;aspect-ratio:3 / 2;object-fit:cover;object-position:50% 30%;display:block;border-bottom:4px solid #C62828}
.img-7{width:100%;aspect-ratio:3 / 2;object-fit:cover;object-position:50% 50%;display:block;border-bottom:4px solid #C62828}
.li-1{margin:0 0 10px;padding-left:4px}
.li-2{margin:0 0 12px}
.li-3{margin-bottom:12px}
.p-1{margin:0 0 24px;font-size:19px;font-weight:700;color:#444444}
.p-2{margin:32px 0 0;font-size:22px;line-height:1.5}
.p-3{margin:16px 0 0;font-size:22px;line-height:1.5}
.p-4{margin:28px 0 0;font-size:19px;font-weight:700;color:#444444}
.p-5{margin:0;font-size:16px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:#444444}
.p-6{margin:0;color:#444444;max-width:46em}
.p-7{margin:8px 0 0;font-size:16px;color:#555B64}
.p-8{margin:0 auto;max-width:22em;font-family:Rufina, Georgia, serif;font-size:42px;line-height:1.2}
.p-9{margin:0;max-width:40em}
.p-10{margin:0;font-size:16px;color:#555B64}
.p-11{margin:8px 0 0;display:flex;gap:28px}
.p-12{margin:0}
.p-13{margin:16px 0 0;font-family:Rufina, Georgia, serif;font-size:32px;line-height:1.25}
.p-14{margin:0;font-size:22px;max-width:34em}
.p-15{margin:0 0 20px;font-size:16px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:#444444}
.p-16{margin:0;font-size:21px;max-width:38em}
.p-17{margin:8px 0 0;font-family:Rufina, Georgia, serif;font-size:30px}
.p-18{margin:0 0 16px;font-size:16px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:#444444}
.p-19{margin:0 0 8px;font-size:21px;font-style:italic;color:#444444;max-width:36em}
.p-20{margin:0 0 36px;font-size:16px;color:#555B64}
.p-21{margin:0 0 20px;font-size:19px;line-height:1.7;max-width:38em}
.p-22{margin:0 0 14px;font-family:Rufina, Georgia, serif;font-size:22px;font-weight:700}
.p-23{margin:28px 0 0;font-size:16px;font-style:italic;color:#555B64}
.p-24{margin:16px 0 0;font-size:16px;color:#555B64}
.p-25{margin:0 0 24px;font-size:16px;color:#555B64}
.p-26{margin:0 0 28px;max-width:40em;color:#444444}
.p-27{margin:0 0 8px;font-size:16px;font-weight:700;color:#444444}
.p-28{margin:0 0 28px;font-size:18px;line-height:1.6;max-width:40em;padding-left:16px;border-left:4px solid #C62828}
.p-29{margin:0;font-size:15px;color:#555B64}
.p-30{margin:0 0 28px;font-size:16px;color:#444444}
.p-31{margin:0 0 32px;font-size:24px;line-height:1.5;max-width:36em}
.p-32{margin:0 0 20px;font-size:19px;line-height:1.7;max-width:40em}
.p-33{margin:24px 0 0;font-size:16px;color:#555B64}
.section-1{background:#FFFFFF;color:#1A1A1A;display:flex;align-items:flex-end;gap:40px;padding:0 var(--gxr) 0 var(--gx);overflow:hidden;border-top:4px solid #C62828;border-bottom:4px solid #C62828}
.section-2{padding:88px var(--gx) 88px var(--gx);display:flex;flex-direction:column;gap:28px}
.section-3{background:#F2F2F2;padding:88px var(--gx) 88px var(--gx);text-align:center}
.section-4{padding:88px var(--gx) 40px var(--gx);display:flex;flex-direction:column;gap:14px}
.section-5{padding:48px var(--gx) 40px var(--gx);display:flex;flex-direction:column;gap:14px}
.section-6{padding:0 var(--gx) 88px var(--gx)}
.section-7{padding:72px var(--gx) 24px var(--gx)}
.section-8{padding:32px var(--gx) 24px var(--gx);display:flex;flex-direction:column;gap:28px}
.section-9{padding:56px var(--gx) 8px var(--gx)}
.section-10{background:#F2F2F2;padding:64px var(--gx) 64px var(--gx);margin-top:56px}
.section-11{padding:72px var(--gx) 88px var(--gx)}
.section-12{padding:72px var(--gx) 0 var(--gx)}
.section-13{padding:0 var(--gx) 24px var(--gx)}
.section-14{padding:8px var(--gx) 32px var(--gx)}
.section-15{padding:40px var(--gx) 88px var(--gx)}
.section-16{padding:16px var(--gx) 88px var(--gx)}
.span-1{flex:0 0 40px;font-family:Rufina, Georgia, serif;font-size:30px;line-height:1.15;color:#C62828}
.ul-1{margin:0;padding-left:22px;max-width:46em;font-size:19px;line-height:1.55;color:#1A1A1A}
.ul-2{margin:0 0 32px;padding-left:20px;max-width:46em}
.ul-3{margin:0;padding-left:20px;max-width:46em}
.ul-4{margin:0 0 20px;padding-left:22px;max-width:40em;line-height:1.7}

/* page-specific (desktop) */
.hero > div{max-width:800px}
.hero .hero-portrait{margin-left:auto}
.hero .hero-portrait{height:auto}
.contact-big a{overflow-wrap:anywhere}
.chart .chart-seg{min-height:56px}
.kicker-h{font-family:Carlito,Calibri,Arial,sans-serif}
.nf{padding:72px var(--gx) 88px}
.nf-h1{margin:0 0 16px;font-family:Rufina,Georgia,serif;font-weight:400;font-size:46px;line-height:1.15;color:var(--red)}
.nf-p{margin:0 0 16px;font-size:22px}

/* footer */
.site-footer .footer-band{background:var(--red);padding:64px var(--gx);display:flex;justify-content:center}
.site-footer .footer-band img{height:92px;width:auto;display:block}
.legal{padding:20px var(--gx) 28px;font-size:15px;color:var(--muted)}
.legal p{margin:0}
.legal a{color:var(--muted)}
.legal a:hover{color:var(--ink)}
.legal a[aria-current="page"]{font-weight:700}

/* tablet */
@media (max-width:1060px){
  .hero .hero-portrait{flex-basis:320px !important;width:320px}
}

/* phone: matches the 390px canvases */
@media (max-width:720px){
  :root{--gx:20px;--gxr:20px}
  body{font-size:17px;line-height:1.6}
  .article-1{padding:32px 40px 40px}
  .div-1{padding:40px 0 56px}
  .div-2{gap:14px}
  .div-3{margin:0 auto 24px}
  .div-5{font-size:15px}
  .div-14{grid-template-columns:1fr}
  .figcaption-1{font-size:14px}
  .figure-1{margin:0 0 27px}
  .figure-2{margin:16px 0 30px}
  .figure-3{margin:4px 0 27px;width:100%}
  .h1-1{font-size:32px;line-height:1.2}
  .h1-2{font-size:32px;line-height:1.2}
  .h1-3{font-size:32px;line-height:1.2}
  .h1-4{margin:0 0 24px;font-size:32px;line-height:1.2}
  .h2-1{font-size:23px}
  .h2-2{font-size:24px}
  .h2-3{font-size:22px}
  .h2-4{font-size:26px;line-height:1.2}
  .h2-5{margin:24px 0 14px;font-size:22px}
  .h3-1{margin:27px 0 14px;font-size:22px}
  .h3-2{font-size:20px}
  .img-1{margin:30px 0 0 0}
  .p-1{font-size:17px}
  .p-2{margin:24px 0 0;font-size:18px}
  .p-3{font-size:18px}
  .p-4{font-size:17px}
  .p-5{font-size:14px}
  .p-7{font-size:14px}
  .p-8{font-size:26px}
  .p-10{font-size:14px}
  .p-13{font-size:24px}
  .p-14{font-size:18px}
  .p-15{font-size:14px}
  .p-16{font-size:18px}
  .p-17{font-size:22px}
  .p-18{font-size:14px}
  .p-19{font-size:18px}
  .p-20{margin:0 0 27px;font-size:14px}
  .p-21{font-size:17px;line-height:1.6}
  .p-22{font-size:18px}
  .p-23{font-size:14px}
  .p-24{font-size:14px}
  .p-25{font-size:14px}
  .p-27{font-size:14px}
  .p-28{font-size:17px}
  .p-29{font-size:14px}
  .p-30{font-size:14px}
  .p-31{margin:0 0 24px;font-size:20px}
  .p-32{font-size:17px;line-height:1.6}
  .p-33{font-size:14px}
  .section-2{padding:56px 40px}
  .section-3{padding:56px 40px}
  .section-4{padding:56px 40px 32px}
  .section-5{padding:32px 40px 32px}
  .section-6{padding:0 40px 56px}
  .section-7{padding:40px 40px 24px}
  .section-9{padding:40px 40px 8px}
  .section-10{padding:48px 40px}
  .section-11{padding:40px 40px 56px}
  .section-12{padding:40px 40px 0}
  .section-15{padding:32px 40px 56px}
  .section-16{padding:16px 40px 56px}
  .span-1{flex:0 0 28px;font-size:22px;line-height:1.2}
  .ul-1{font-size:17px}
  .ul-2{margin:0 0 24px}
  .ul-4{line-height:1.6}

  /* header + menu */
  .site-header{padding:14px var(--gx);flex-wrap:wrap;gap:0 20px}
  .brand{min-height:44px}
  .brand img{height:36px}
  .menu-btn{background:none;border:0;padding:0 0 0 12px;margin:0;min-height:44px;font:inherit;font-size:17px;font-weight:700;color:var(--ink);cursor:pointer;align-items:center;gap:10px}
  .js .menu-btn{display:flex}
  .burger{display:block;width:22px;height:2px;background:var(--ink);box-shadow:0 -7px 0 var(--ink),0 7px 0 var(--ink)}
  .menu-btn[aria-expanded="true"] .burger{background:transparent;box-shadow:none;position:relative}
  .menu-btn[aria-expanded="true"] .burger::before,.menu-btn[aria-expanded="true"] .burger::after{content:"";position:absolute;left:0;top:0;width:22px;height:2px;background:var(--ink);transform:rotate(45deg)}
  .menu-btn[aria-expanded="true"] .burger::after{transform:rotate(-45deg)}
  .site-nav{display:contents}
  .site-nav ul{flex-basis:100%;flex-direction:column;gap:0;font-size:19px;padding:8px 0 4px;order:3}
  .js .site-nav ul{display:none}
  .js .menu-btn[aria-expanded="true"] + ul{display:flex}
  .site-nav li a{display:flex;align-items:center;min-height:48px;border-top:1px solid var(--rule)}

  /* home hero */
  .hero{display:block !important;padding:40px var(--gx) 0 !important}
  .hero > div{padding:0 !important}
  .hero .hero-eyebrow{margin:0 0 16px;font-size:14px}
  .hero .hero-h1{font-size:32px;line-height:1.2}
  .hero .hero-p{font-size:17px;line-height:1.6;margin-top:14px}
  .hero .hero-p:nth-of-type(2){margin-top:24px}
  .hero .hero-name{margin-top:20px;font-size:14px}
  .hero .hero-portrait{width:340px;max-width:calc(100% + 20px);margin:28px -20px 0 auto}
  .link-row{flex-direction:column;gap:0 !important}
  .link-row a{display:flex;align-items:center;min-height:44px}
  .contact-big{font-size:22px !important;line-height:1.3}

  /* writing */
  .column-h2{font-size:30px}
  .chart .chart-seg{white-space:normal !important;font-size:14px;padding:8px 10px !important;line-height:1.2}
  .chart .chart-seg-narrow{padding:0 3px !important;font-size:13px;justify-content:center}

  /* about */
  .hide-sm{display:none}

  /* footer */
  .site-footer .footer-band{padding:48px var(--gx)}
  .site-footer .footer-band img{height:64px}
  .legal{font-size:13px;line-height:1.6}
  .legal .sep{display:none}
  .legal .legal-contact{display:block;margin-top:8px}
  .legal .legal-links{display:block}
  .legal .legal-links a{display:inline-block;min-height:44px;line-height:44px;margin-right:20px}
  .nf-h1{font-size:32px;line-height:1.2}
  .nf{padding:40px var(--gx) 56px}
}

@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto !important}}
@media print{.site-header nav,.skip,.footer-band{display:none}body{font-size:12pt}a{color:inherit}}