/* Issue #668 — Universities and Students' Unions direction preview. */

body.universities-preview{
  --poster-ink:#17131D;
  --poster-paper:#FBF9FC;
  --poster-white:#FFFFFF;
  --poster-lime:#D7FF5F;
  --poster-people:#7FE34A;
  --poster-property:#38BDF8;
  --poster-solo:#CFC3E6;
  --poster-chat:#A78BFA;
  color:var(--poster-ink);
  background:var(--poster-paper);
}
body.universities-preview [id]{scroll-margin-top:96px}
body.universities-preview h1,
body.universities-preview .section-title,
body.universities-preview .fit-panel h3,
body.universities-preview .trust-card h3,
body.universities-preview .boundary-heading h2,
body.universities-preview .boundary-card h3,
body.universities-preview .evaluate-copy h2{
  font-family:"Archivo Black","DM Sans",sans-serif;
  font-weight:400;
  letter-spacing:-.055em;
  text-transform:uppercase;
}

body.universities-preview nav{
  color:#FFF;
  background:
    radial-gradient(circle at 8% -45%,rgba(127,227,74,.16),transparent 22rem),
    radial-gradient(circle at 82% -70%,rgba(56,189,248,.18),transparent 28rem),
    linear-gradient(108deg,#17131D 0%,#101827 58%,#10221E 100%);
  border-bottom:3px solid transparent;
  border-image:linear-gradient(90deg,var(--poster-lime),var(--poster-property),var(--poster-chat)) 1;
  box-shadow:0 8px 0 rgba(23,19,29,.13);
}
body.universities-preview .brand{color:#FFF}
body.universities-preview .brand img{border-radius:50%}
body.universities-preview .brand span{
  color:inherit;font-family:"Gill Sans","Avenir Next",sans-serif;font-size:31px;font-weight:500;
  line-height:.82;letter-spacing:-.035em;text-transform:lowercase;
}
body.universities-preview .nav-links a{color:rgba(255,255,255,.72)}
body.universities-preview .nav-links a:hover,
body.universities-preview .nav-links a[aria-current="page"]{background:var(--poster-lime);color:var(--poster-ink)}
body.universities-preview .nav-toggle{color:#FFF;border-color:rgba(255,255,255,.18);border-radius:12px;background:rgba(255,255,255,.07)}

body.universities-preview .btn{
  min-height:52px;border:2px solid currentColor;border-radius:12px;padding:12px 19px;font-weight:800;
  transition:transform .14s ease,box-shadow .14s ease,background-color .14s ease,color .14s ease;
}
body.universities-preview .btn-lime{background:var(--poster-lime);color:var(--poster-ink);border-color:var(--poster-ink);box-shadow:4px 4px 0 var(--poster-ink)}
body.universities-preview .btn-lime:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--poster-ink)}

body.universities-preview .hero{
  min-height:0;padding:138px 0 88px;color:var(--poster-ink);border-bottom:3px solid var(--poster-ink);
  background:
    radial-gradient(circle at 8% 10%,rgba(215,255,95,.42),transparent 25rem),
    radial-gradient(circle at 88% 20%,rgba(207,195,230,.48),transparent 29rem),
    repeating-linear-gradient(0deg,rgba(23,19,29,.025) 0 1px,transparent 1px 7px),
    var(--poster-paper);
}
body.universities-preview .hero::after{display:none}
body.universities-preview .hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:54px;align-items:center}
body.universities-preview .hero-copy{color:var(--poster-ink)}
body.universities-preview .hero-stickers{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:24px}
body.universities-preview .hero-sticker{
  display:inline-flex;align-items:center;min-height:32px;padding:7px 12px;border:2px solid var(--poster-ink);
  border-radius:2px;color:var(--poster-ink);box-shadow:3px 3px 0 var(--poster-ink);
  font-family:"IBM Plex Mono",monospace;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
}
body.universities-preview .hero-sticker.lime{background:var(--poster-lime)}
body.universities-preview .hero-sticker.purple{background:var(--poster-solo)}
body.universities-preview .hero-sticker.blue{background:var(--poster-property)}
body.universities-preview .hero-copy>.kicker:not(.hero-note){
  width:max-content;max-width:100%;margin-bottom:25px;padding:7px 10px;border:2px solid var(--poster-ink);
  background:var(--poster-ink);color:#FFF;box-shadow:4px 4px 0 var(--poster-property);
}
body.universities-preview .hero-copy>.kicker:not(.hero-note)::before{display:none}
body.universities-preview h1{max-width:760px;color:var(--poster-ink);font-size:clamp(54px,6.5vw,89px);line-height:.9}
body.universities-preview h1 span{display:block}
body.universities-preview h1 .boxed{
  width:max-content;max-width:100%;margin-top:9px;padding:3px 10px 8px;border:3px solid var(--poster-ink);
  line-height:.91;box-shadow:7px 7px 0 var(--poster-ink);
}
body.universities-preview h1 .blue{background:var(--poster-property);transform:rotate(-.45deg)}
body.universities-preview .hero-lede{max-width:650px;margin-top:29px;color:rgba(23,19,29,.74);font-size:clamp(18px,1.7vw,21px);line-height:1.52;font-weight:600}
body.universities-preview .hero-note.kicker{display:block;margin-top:21px;color:rgba(23,19,29,.58)}
body.universities-preview .hero-note.kicker::before{display:none}

body.universities-preview .journey-card{
  padding:28px;border:3px solid var(--poster-ink);border-radius:2px;color:var(--poster-ink);
  background:
    linear-gradient(90deg,rgba(23,19,29,.055) 1px,transparent 1px),
    linear-gradient(rgba(23,19,29,.055) 1px,transparent 1px),
    #FFF;background-size:24px 24px;box-shadow:9px 9px 0 var(--poster-ink);transform:rotate(.6deg);
}
body.universities-preview .journey-card>.kicker{
  width:max-content;margin:0 0 22px;padding:7px 10px;border:2px solid var(--poster-ink);
  background:var(--poster-lime);color:var(--poster-ink);box-shadow:3px 3px 0 var(--poster-ink);
}
body.universities-preview .journey-step{border:2px solid var(--poster-ink);border-radius:2px;background:var(--poster-solo)}
body.universities-preview .journey-step:nth-of-type(3){background:rgba(127,227,74,.62)}
body.universities-preview .journey-step:nth-of-type(4){background:rgba(56,189,248,.62)}
body.universities-preview .journey-step+.journey-step::before{left:34px;background:var(--poster-ink);width:2px}
body.universities-preview .journey-mark{border:2px solid var(--poster-ink);border-radius:2px;background:#FFF!important}
body.universities-preview .journey-step h2{font-weight:800}
body.universities-preview .journey-step p{color:rgba(23,19,29,.68);font-weight:600}
body.universities-preview .journey-foot{border-top:3px solid var(--poster-ink);color:rgba(23,19,29,.62);font-weight:600}
body.universities-preview .journey-foot strong{color:var(--poster-ink)}

body.universities-preview .fit{
  padding:92px 0 86px;color:var(--poster-ink);border-bottom:3px solid var(--poster-ink);
  background:
    radial-gradient(circle at 90% 8%,rgba(56,189,248,.2),transparent 28rem),
    linear-gradient(90deg,rgba(23,19,29,.045) 1px,transparent 1px),
    linear-gradient(rgba(23,19,29,.045) 1px,transparent 1px),
    var(--poster-solo);background-size:auto,28px 28px,28px 28px,auto;
}
body.universities-preview .section-head{align-items:end;padding-bottom:30px;border-bottom:3px solid var(--poster-ink)}
body.universities-preview .section-head .kicker{
  display:inline-block;margin-bottom:20px;padding:7px 10px;border:2px solid var(--poster-ink);
  background:var(--poster-property);color:var(--poster-ink);box-shadow:4px 4px 0 var(--poster-ink);
}
body.universities-preview .section-title{max-width:790px;color:var(--poster-ink);font-size:clamp(47px,5.6vw,72px);line-height:.92}
body.universities-preview .section-title em{display:inline;color:var(--poster-ink);font-style:normal}
body.universities-preview .section-lede{padding:0 0 5px 24px;border-left:3px solid var(--poster-ink);color:rgba(23,19,29,.72);font-size:18px;font-weight:700}
body.universities-preview .fit-panel.boundary{padding:34px;border:3px solid var(--poster-ink);border-radius:0;background:var(--poster-ink);box-shadow:9px 9px 0 var(--poster-property)}
body.universities-preview .fit-panel.boundary>.kicker{color:var(--poster-lime)}
body.universities-preview .fit-panel h3{max-width:900px;color:#FFF;font-size:clamp(43px,5vw,68px);line-height:.94}
body.universities-preview .fit-panel h3 em{display:inline-block;color:var(--poster-lime);font-style:normal}
body.universities-preview .fit-panel.boundary>p{max-width:760px;color:rgba(255,255,255,.72);font-size:17px;font-weight:600}
body.universities-preview .fit-list{gap:0;border:3px solid #FFF;background:#FFF}
body.universities-preview .fit-list li{
  min-height:145px;padding:54px 20px 20px;border:0;border-right:3px solid var(--poster-ink);border-top:0;border-radius:0;
  background:var(--poster-solo);color:var(--poster-ink);font-size:14px;font-weight:700;
}
body.universities-preview .fit-list li:nth-child(2){background:var(--poster-property);border-color:var(--poster-ink)}
body.universities-preview .fit-list li:nth-child(3){border-right:0;background:var(--poster-lime)}
body.universities-preview .fit-list li::before{content:"01";top:17px;color:var(--poster-ink)}
body.universities-preview .fit-list li:nth-child(2)::before{content:"02";color:var(--poster-ink)}
body.universities-preview .fit-list li:nth-child(3)::before{content:"03";color:var(--poster-ink)}

body.universities-preview .trust{
  padding:92px 0 98px;color:var(--poster-ink);border-bottom:3px solid var(--poster-ink);
  background:radial-gradient(circle at 8% 88%,rgba(215,255,95,.28),transparent 28rem),var(--poster-paper);
}
body.universities-preview .trust .section-head .kicker{background:var(--poster-lime);color:var(--poster-ink)}
body.universities-preview .trust .section-lede{color:rgba(23,19,29,.72)}
body.universities-preview .trust-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
body.universities-preview .trust-card{
  min-height:280px;display:flex;flex-direction:column;padding:26px;border:3px solid var(--poster-ink);border-radius:2px;
  color:var(--poster-ink);background:var(--poster-solo);box-shadow:7px 7px 0 var(--poster-ink);
}
body.universities-preview .trust-card:nth-child(2){background:var(--poster-people);transform:translateY(8px) rotate(.35deg)}
body.universities-preview .trust-card:nth-child(3){background:var(--poster-property);transform:rotate(-.35deg)}
body.universities-preview .trust-card:nth-child(4){background:var(--poster-lime);transform:translateY(8px)}
body.universities-preview .trust-card .kicker{color:var(--poster-ink)}
body.universities-preview .trust-card h3{max-width:470px;margin-top:auto;color:var(--poster-ink);font-size:clamp(33px,3.3vw,47px);line-height:.94}
body.universities-preview .trust-card p{color:rgba(23,19,29,.72);font-size:15px;font-weight:700}

body.universities-preview .institutional-boundaries{
  padding:94px 0 100px;border-bottom:3px solid var(--poster-ink);color:#FFF;
  background:
    radial-gradient(circle at 90% 12%,rgba(56,189,248,.2),transparent 29rem),
    radial-gradient(circle at 8% 88%,rgba(215,255,95,.12),transparent 25rem),
    var(--poster-ink);
}
body.universities-preview .boundary-heading{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(290px,.55fr);gap:38px;align-items:end;margin-bottom:44px}
body.universities-preview .boundary-heading .kicker{grid-column:1/-1;width:max-content;padding:7px 10px;border:2px solid #FFF;background:var(--poster-lime);color:var(--poster-ink);box-shadow:4px 4px 0 #FFF}
body.universities-preview .boundary-heading h2{font-size:clamp(50px,6vw,78px);line-height:.91}
body.universities-preview .boundary-heading h2 em{display:block;color:var(--poster-property);font-style:normal}
body.universities-preview .boundary-heading p{padding:0 0 5px 22px;border-left:3px solid var(--poster-property);color:rgba(255,255,255,.74);font-size:17px;font-weight:600;line-height:1.58}
body.universities-preview .boundary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:3px solid #FFF;box-shadow:8px 8px 0 var(--poster-property)}
body.universities-preview .boundary-card{min-height:260px;display:flex;flex-direction:column;padding:24px;border-right:3px solid var(--poster-ink);color:var(--poster-ink);background:#FFF}
body.universities-preview .boundary-card:nth-child(2){background:var(--poster-solo)}
body.universities-preview .boundary-card:nth-child(3){border-right:0;background:var(--poster-lime)}
body.universities-preview .boundary-card>span{font-family:"IBM Plex Mono",monospace;font-size:11px;font-weight:700}
body.universities-preview .boundary-card h3{margin-top:auto;font-size:clamp(28px,2.7vw,39px);line-height:.95}
body.universities-preview .boundary-card p{margin-top:14px;color:rgba(23,19,29,.7);font-size:14px;font-weight:700;line-height:1.5}

body.universities-preview .evaluate{
  padding:102px 0 110px;color:var(--poster-ink);
  background:
    radial-gradient(circle at 90% 12%,rgba(215,255,95,.34),transparent 27rem),
    radial-gradient(circle at 8% 88%,rgba(56,189,248,.19),transparent 30rem),
    repeating-linear-gradient(0deg,rgba(23,19,29,.025) 0 1px,transparent 1px 7px),
    var(--poster-paper);
}
body.universities-preview .evaluate-card{padding:67px 52px 52px;border:3px solid var(--poster-ink);border-radius:0;box-shadow:10px 10px 0 var(--poster-property)}
body.universities-preview .evaluate-card::before{
  content:"REVIEW MAISON";position:absolute;inset:0 0 auto;height:35px;display:flex;align-items:center;padding:0 13px;
  background:var(--poster-lime);color:var(--poster-ink);font-family:"IBM Plex Mono",monospace;font-size:10px;font-weight:700;letter-spacing:.1em;
}
body.universities-preview .evaluate-copy .kicker{color:var(--poster-property)}
body.universities-preview .evaluate-copy h2{max-width:720px;font-size:clamp(43px,5.2vw,68px);line-height:.94}
body.universities-preview .interest-form{border:2px solid #FFF;border-radius:0;box-shadow:6px 6px 0 var(--poster-lime)}
body.universities-preview .form-field input,
body.universities-preview .form-field textarea,
body.universities-preview .form-preview{border-radius:3px}
body.universities-preview .form-submit{border-radius:12px}
body.universities-preview .form-success .success-mark{border-radius:2px}

body.universities-preview footer{border-top:3px solid var(--poster-ink)}
body.universities-preview .footer-brand>span:first-of-type{color:var(--poster-lime);font-weight:700}
body.universities-preview .footer-links a{border-bottom:1px solid rgba(255,255,255,.22)}
body.universities-preview .footer-links a:hover{color:var(--poster-lime)}

@media(max-width:960px){
  body.universities-preview .nav-links{background:rgba(11,11,12,.98);border-color:rgba(255,255,255,.12);box-shadow:0 20px 50px rgba(0,0,0,.4)}
  body.universities-preview .hero-grid{grid-template-columns:1fr}
  body.universities-preview .journey-card{width:min(650px,100%)}
  body.universities-preview .boundary-heading{grid-template-columns:1fr}
  body.universities-preview .boundary-heading .kicker{grid-column:auto}
  body.universities-preview .boundary-heading p{max-width:680px}
}

@media(max-width:620px){
  body.universities-preview .hero{padding:104px 0 64px}
  body.universities-preview .hero-stickers{gap:8px;margin-bottom:23px}
  body.universities-preview .hero-sticker{min-height:29px;padding:5px 9px;font-size:9px}
  body.universities-preview .hero-copy>.kicker:not(.hero-note){font-size:9px;line-height:1.45}
  body.universities-preview h1{font-size:clamp(43px,13.3vw,58px);line-height:.93}
  body.universities-preview h1 .boxed{width:auto;margin-right:5px;padding:3px 7px 8px;box-shadow:5px 5px 0 var(--poster-ink)}
  body.universities-preview .journey-card{padding:19px;box-shadow:6px 6px 0 var(--poster-ink);transform:none}
  body.universities-preview .fit,
  body.universities-preview .trust,
  body.universities-preview .institutional-boundaries,
  body.universities-preview .evaluate{padding:76px 0}
  body.universities-preview .section-head{gap:20px}
  body.universities-preview .section-title{font-size:clamp(41px,12.5vw,55px)}
  body.universities-preview .section-lede,
  body.universities-preview .boundary-heading p{border-left:0;border-top:3px solid var(--poster-property);padding:18px 0 0}
  body.universities-preview .fit-panel.boundary{padding:27px 20px;box-shadow:6px 6px 0 var(--poster-property)}
  body.universities-preview .fit-panel h3{font-size:clamp(39px,11.5vw,50px)}
  body.universities-preview .fit-list,
  body.universities-preview .trust-grid,
  body.universities-preview .boundary-grid{grid-template-columns:1fr}
  body.universities-preview .fit-list li{min-height:118px;border-right:0;border-bottom:3px solid var(--poster-ink)}
  body.universities-preview .fit-list li:nth-child(3){border-bottom:0}
  body.universities-preview .trust-grid{gap:14px}
  body.universities-preview .trust-card{min-height:220px;padding:21px;box-shadow:5px 5px 0 var(--poster-ink)}
  body.universities-preview .trust-card:nth-child(2),
  body.universities-preview .trust-card:nth-child(3),
  body.universities-preview .trust-card:nth-child(4){transform:none}
  body.universities-preview .boundary-heading h2{font-size:clamp(43px,12.8vw,56px)}
  body.universities-preview .boundary-grid{box-shadow:6px 6px 0 var(--poster-property)}
  body.universities-preview .boundary-card{min-height:210px;border-right:0;border-bottom:3px solid var(--poster-ink)}
  body.universities-preview .boundary-card:nth-child(3){border-bottom:0}
  body.universities-preview .evaluate-card{padding:58px 20px 28px;box-shadow:6px 6px 0 var(--poster-property)}
  body.universities-preview .evaluate-copy h2{font-size:clamp(39px,11.7vw,49px)}
  body.universities-preview .interest-form{box-shadow:5px 5px 0 var(--poster-lime)}
}