@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=IBM+Plex+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{
  --news:#f5f1e7;
  --paper:#fffdf8;
  --aub:#2c1e2a;
  --brick:#b94f43;
  --corn:#7597d8;
  --celery:#b9cda4;
  --oat:#d8c5a6;
  --tangerine:#ef7a31;
  --ink:#2e2d31;
  --muted:#6e7073;
  --line:rgba(44,30,42,.18);
  --max:1460px;
  --pad:clamp(1.05rem,4vw,4.6rem);
  --sec:clamp(5rem,9vw,9.2rem);
  --sans:"Manrope",Arial,sans-serif;
  --cond:"Barlow Condensed","Arial Narrow",Arial,sans-serif;
  --mono:"IBM Plex Mono","Courier New",monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.6;overflow-x:hidden}
img{display:block;width:100%;object-fit:cover}
a{color:inherit;text-decoration:none}
h1,h2,h3,p{margin:0}
ul{list-style:none;padding:0;margin:0}
address{font-style:normal}
a:focus-visible{outline:2px solid var(--tangerine);outline-offset:4px}
.shell{width:min(100%,var(--max));margin:auto;padding-inline:var(--pad)}
.skip{position:absolute;left:1rem;top:-10rem;z-index:999;background:var(--paper);padding:.75rem 1rem;border:1px solid var(--aub)}
.skip:focus{top:1rem}
.code{font:500 .64rem var(--mono);text-transform:uppercase;letter-spacing:.11em}
.ref{display:flex;align-items:center;gap:.7rem;font:500 .66rem var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--brick);margin-bottom:1.8rem}
.ref:before{content:"";width:24px;height:2px;background:var(--tangerine)}

/* header */
.top{background:var(--aub);color:var(--news)}
.top .shell{min-height:32px;display:flex;justify-content:space-between;align-items:center;gap:1rem}
.header{background:var(--news);border-bottom:1px solid var(--aub)}
.header-grid{min-height:92px;display:grid;grid-template-columns:.84fr 1.16fr}
.brand{display:flex;flex-direction:column;justify-content:center;padding-right:2rem;font:800 1.65rem/.82 var(--sans);text-transform:uppercase;letter-spacing:-.05em}
.brand small{font:500 .58rem var(--mono);letter-spacing:.14em;margin-top:.58rem}
.nav{display:grid;grid-template-columns:repeat(6,1fr);border-left:1px solid var(--line)}
.nav a{position:relative;display:flex;align-items:center;justify-content:center;border-right:1px solid var(--line);font:600 .76rem var(--cond);text-transform:uppercase;letter-spacing:.08em}
.nav a:after{content:"";position:absolute;left:24%;right:24%;bottom:12px;height:4px;background:var(--tangerine);transform:scaleX(0);transform-origin:left;transition:.2s}
.nav a:hover:after{transform:scaleX(1)}

/* hero */
.hero{padding:clamp(2rem,4vw,4rem) 0 var(--sec);background:var(--news)}
.hero-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto auto auto;gap:1rem}
.hero-copy{grid-column:1/8;grid-row:1/3;min-height:590px;background:var(--paper);border:1px solid var(--line);padding:clamp(2rem,5vw,5rem);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.hero-copy:before{content:"";position:absolute;right:-45px;top:50px;width:210px;height:110px;background:var(--brick);transform:rotate(-3deg)}
.hero-copy:after{content:"";position:absolute;right:25px;bottom:30px;width:250px;height:130px;background:repeating-linear-gradient(to bottom,transparent 0 15px,rgba(44,30,42,.14) 15px 17px)}
.hero h1{font:800 clamp(4.8rem,9.5vw,9.8rem)/.78 var(--sans);letter-spacing:-.065em;max-width:8ch;position:relative;z-index:2}
.hero h1 span{display:block;color:var(--brick)}
.hero-intro{display:grid;grid-template-columns:5rem 1fr;gap:1rem;max-width:35rem;position:relative;z-index:2}
.hero-intro p{font-size:clamp(1rem,1.2vw,1.16rem)}
.hero-main{grid-column:8/13;grid-row:1/4;min-height:760px;position:relative;overflow:hidden;background:var(--oat)}
.hero-main img{height:100%;min-height:760px;filter:saturate(.78) contrast(.99)}
.hero-main:before{content:"";position:absolute;z-index:2;left:0;right:0;top:38%;height:10px;background:var(--tangerine)}
.hero-main figcaption{position:absolute;z-index:3;left:1rem;top:calc(38% + 1rem);background:rgba(44,30,42,.9);color:var(--news);padding:.6rem .7rem}
.hero-small{grid-column:1/5;grid-row:3;min-height:210px;position:relative;overflow:hidden}
.hero-small img{height:100%;min-height:210px;filter:saturate(.74)}
.hero-small figcaption{position:absolute;right:0;bottom:0;background:var(--aub);color:var(--news);padding:.55rem .7rem}
.hero-cta{grid-column:5/8;grid-row:3;background:var(--brick);color:var(--news);min-height:210px;padding:1.4rem;display:flex;flex-direction:column;justify-content:space-between;position:relative}
.hero-cta:after{content:"";position:absolute;inset:1rem;border:2px dashed rgba(245,241,231,.35)}
.hero-cta a{font-weight:700;position:relative;z-index:2}
.hero-cta a:after{content:" →"}

/* intro */
.intro{padding:var(--sec) 0;background:var(--paper)}
.intro-grid{display:grid;grid-template-columns:.34fr 1fr .76fr;gap:clamp(1.5rem,5vw,5.5rem)}
.big{font:700 clamp(6rem,12vw,12rem)/.65 var(--cond);color:rgba(44,30,42,.09)}
.intro h2,.counter h2,.community h2,.training h2,.catering h2,.visit h2{font-family:var(--sans);letter-spacing:-.05em}
.intro h2{font-size:clamp(3.5rem,7vw,7.1rem);line-height:.86;max-width:8ch}
.intro-copy{max-width:30rem}
.intro-copy p:first-child{font-size:1.14rem}
.intro-copy p+p{margin-top:1.15rem;color:var(--muted)}

/* counter */
.counter{padding:var(--sec) 0;background:var(--oat)}
.counter-head{display:grid;grid-template-columns:1fr .72fr;gap:3rem;align-items:end;margin-bottom:3.5rem}
.counter h2{font-size:clamp(3.6rem,7.2vw,7.4rem);line-height:.84}
.counter-head p{max-width:31rem;justify-self:end;color:#66594b}
.menu-grid{display:grid;grid-template-columns:1.15fr .85fr 1fr;grid-auto-rows:190px;gap:1rem}
.menu-cell{position:relative;padding:1.4rem;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(44,30,42,.24);overflow:hidden}
.menu-cell:nth-child(1){grid-row:span 2;background:var(--paper)}
.menu-cell:nth-child(2){background:var(--brick);color:var(--news)}
.menu-cell:nth-child(3){background:var(--celery)}
.menu-cell:nth-child(4){background:var(--corn)}
.menu-cell:nth-child(5){grid-column:span 2;background:var(--aub);color:var(--news)}
.menu-cell h3{font:700 clamp(2rem,3.8vw,4rem)/.9 var(--cond);text-transform:uppercase}
.menu-cell p{max-width:27rem;font-size:.9rem}
.menu-cell:after{content:"";position:absolute;right:12px;top:12px;width:42px;height:42px;border-radius:50%;border:1px solid currentColor;opacity:.22}

/* community */
.community{padding:var(--sec) 0;background:var(--celery)}
.community-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,6vw,6rem);align-items:center}
.community h2{font-size:clamp(3.7rem,7.3vw,7.5rem);line-height:.84;max-width:7.5ch}
.community-copy p{max-width:32rem;color:#4d5a48}
.community-copy p+p{margin-top:1.15rem}
.community-photo{min-height:560px;position:relative;overflow:hidden}
.community-photo img{height:100%;min-height:560px;filter:saturate(.72)}
.community-photo figcaption{position:absolute;left:0;bottom:0;background:var(--aub);color:var(--news);padding:.6rem .7rem}
.statement-strip{margin-top:2rem;border-top:1px solid var(--aub)}
.statement-strip li{display:grid;grid-template-columns:4rem 1fr;gap:1rem;padding:.85rem 0;border-bottom:1px solid rgba(44,30,42,.2)}

/* training */
.training{padding:var(--sec) 0;background:var(--corn)}
.training-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(2rem,6vw,6rem);align-items:center}
.training h2{font-size:clamp(3.7rem,7.3vw,7.5rem);line-height:.84;max-width:7.2ch}
.training-copy p{max-width:32rem;color:#3f4d6e}
.training-copy p+p{margin-top:1.15rem}
.train-list{margin-top:2rem;border-top:1px solid var(--aub)}
.train-list li{display:grid;grid-template-columns:4rem 1fr;gap:1rem;padding:.85rem 0;border-bottom:1px solid rgba(44,30,42,.2)}
.training-photo{min-height:540px;position:relative;overflow:hidden}
.training-photo img{height:100%;min-height:540px;filter:saturate(.72)}
.training-photo figcaption{position:absolute;right:0;bottom:0;background:var(--aub);color:var(--news);padding:.6rem .7rem}

/* catering */
.catering{padding:var(--sec) 0;background:var(--paper)}
.catering-grid{display:grid;grid-template-columns:1fr .8fr 1.2fr;gap:1rem}
.cater-title{padding:2rem;background:var(--news);border:1px solid var(--line)}
.catering h2{font-size:clamp(3.5rem,6.8vw,6.8rem);line-height:.85}
.cater-photo{min-height:500px;overflow:hidden}
.cater-photo img{height:100%;min-height:500px;filter:saturate(.76)}
.cater-copy{padding:2rem;background:var(--brick);color:var(--news);display:flex;flex-direction:column;justify-content:space-between}
.cater-copy p{max-width:32rem}
.cater-list{margin-top:2rem;border-top:1px solid rgba(245,241,231,.5)}
.cater-list li{padding:.8rem 0;border-bottom:1px solid rgba(245,241,231,.35)}
.internal-link{display:inline-block;margin-top:1.5rem;border-bottom:2px solid currentColor;padding-bottom:.2rem;font-weight:700}

/* visit */
.visit{background:var(--aub);color:var(--news)}
.visit-grid{display:grid;grid-template-columns:.74fr 1.26fr;min-height:610px}
.visit-info{padding:var(--sec) var(--pad);display:flex;flex-direction:column;justify-content:space-between}
.visit-info h2{font-size:clamp(4rem,8vw,8rem);line-height:.8}
.visit-info address{font:700 clamp(2rem,4vw,4.1rem)/1 var(--cond);text-transform:uppercase}
.visit-art{position:relative;padding:var(--sec) var(--pad);background:
linear-gradient(rgba(245,241,231,.12) 1px,transparent 1px),
linear-gradient(90deg,rgba(245,241,231,.12) 1px,transparent 1px),
#392634;background-size:58px 58px;overflow:hidden}
.visit-art:before{content:"";position:absolute;left:8%;right:8%;top:57%;height:2px;background:var(--news)}
.visit-art:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;background:var(--tangerine);left:63%;top:calc(57% - 50px);border:14px solid #392634;box-shadow:0 0 0 2px var(--news)}
.visit-number{position:relative;z-index:2;font:800 clamp(7rem,15vw,15rem)/.68 var(--sans);letter-spacing:-.07em}
.visit-word{position:relative;z-index:2;font:700 clamp(4rem,8vw,8rem)/.8 var(--cond);text-transform:uppercase}
.visit-note{position:absolute;right:var(--pad);bottom:var(--pad);max-width:28rem;color:rgba(245,241,231,.75);font-size:.9rem}

/* footer */
.footer{background:var(--aub);color:var(--news);padding:3.5rem 0 2rem;border-top:1px solid rgba(245,241,231,.18)}
.footer-title{font:800 clamp(4.5rem,9vw,9rem)/.72 var(--sans);letter-spacing:-.055em;text-transform:uppercase;padding-bottom:2rem;border-bottom:1px solid rgba(245,241,231,.18)}
.footer-title small{display:block;font:500 .11em var(--mono);letter-spacing:.14em;margin-top:1rem;color:#9bb4e8}
.footer-row{display:grid;grid-template-columns:1fr 1.5fr auto;gap:2rem;padding-top:1.5rem}
.footer-address,.footer-code{font-size:.78rem;color:rgba(245,241,231,.7)}
.footer-links{display:flex;flex-wrap:wrap;gap:.7rem 1.4rem;font-size:.78rem}
.footer-links a:hover{color:var(--tangerine)}

/* legal */
.legal-hero{padding:6rem 0 3rem;background:var(--news);border-bottom:1px solid var(--aub)}
.legal-hero h1{font:800 clamp(4rem,8vw,8rem)/.82 var(--sans);letter-spacing:-.05em}
.legal-hero p{max-width:44rem;margin-top:1.5rem;color:var(--muted)}
.legal-layout{display:grid;grid-template-columns:.3fr .7fr;gap:clamp(2.5rem,7vw,8rem);padding:5rem 0}
.legal-index{position:sticky;top:2rem;align-self:start;border-top:1px solid var(--aub)}
.legal-index a{display:block;padding:1rem 0;border-bottom:1px solid var(--line)}
.legal-copy section{padding-bottom:4rem}
.legal-copy section+section{padding-top:4rem;border-top:2px solid var(--aub)}
.legal-copy h2{font:800 clamp(2.8rem,5vw,5rem)/.9 var(--sans);margin-bottom:2rem}
.legal-copy h3{font:700 1.5rem var(--cond);text-transform:uppercase;margin:2rem 0 .7rem}
.legal-copy p+p{margin-top:1rem}

@media(max-width:980px){
  .nav{grid-template-columns:repeat(3,1fr)}
  .intro-grid{grid-template-columns:.3fr 1fr}.intro-copy{grid-column:2}
}
@media(max-width:760px){
  .top .shell span:last-child{display:none}
  .header-grid{grid-template-columns:1fr}.brand{min-height:76px}
  .nav{border-left:0;grid-template-columns:repeat(3,1fr)}.nav a{min-height:52px}
  .hero-grid{display:flex;flex-direction:column}.hero-copy{order:1;min-height:520px}.hero-main{order:2;min-height:500px}.hero-main img{min-height:500px}.hero-small{order:3}.hero-cta{order:4}
  .intro-grid,.counter-head,.community-grid,.training-grid,.catering-grid,.visit-grid,.legal-layout{grid-template-columns:1fr}.big{font-size:5rem}.intro-copy{grid-column:auto}
  .counter-head p{margin-top:1rem;justify-self:start}
  .menu-grid{grid-template-columns:1fr 1fr;grid-auto-rows:220px}.menu-cell:nth-child(1){grid-row:span 1}.menu-cell:nth-child(5){grid-column:span 2}
  .community-photo,.training-photo{min-height:430px}.community-photo img,.training-photo img{min-height:430px}
  .cater-photo{min-height:420px}.cater-photo img{min-height:420px}
  .visit-info{min-height:430px}.visit-art{min-height:460px}
  .footer-row{grid-template-columns:1fr}.legal-index{position:static}
}
@media(max-width:500px){
  .nav{grid-template-columns:1fr 1fr}
  .menu-grid{grid-template-columns:1fr}.menu-cell:nth-child(5){grid-column:auto}
}