:root{--ink:#073b39;--red:#a8321e;--paper:#faebd4;--line:#cfb991;--ui:"Trebuchet MS",Arial,sans-serif;--print:Georgia,"Times New Roman",serif;color:var(--ink);font-family:var(--print);background:var(--paper) url(../assets/paper.webp)}
*{box-sizing:border-box}body{margin:0}button,a{font:inherit;color:inherit}a{text-underline-offset:4px}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #0867a3;outline-offset:4px}main:focus{outline:none}header{position:relative;z-index:4;background:var(--paper) url(../assets/paper.webp);box-shadow:0 3px 4px #74502735;border-bottom:2px solid #dac6a1}.bar{max-width:1560px;margin:auto;padding:8px clamp(18px,4vw,68px);display:flex;align-items:center;justify-content:space-between;gap:22px}.brand,.mini-brand{text-decoration:none;font-weight:900}.brand{display:flex;align-items:center;gap:8px;font-size:clamp(30px,3vw,48px);letter-spacing:-.05em}.brand img{width:clamp(38px,4.4vw,64px);height:auto;mix-blend-mode:multiply}.bar nav{display:flex;gap:clamp(17px,2.7vw,48px);align-items:center}.bar nav a,.quick{font-size:clamp(17px,1.55vw,25px);font-weight:bold;text-decoration:none;padding:10px 0}.bar nav a:hover,.bar nav a[aria-current],.quick:hover{text-decoration:underline;text-decoration-color:var(--red);text-decoration-thickness:3px}.quick,.menubtn{display:none}.skip{position:absolute;z-index:10;left:10px;top:-65px;background:#fff;padding:12px}.skip:focus{top:4px}main{min-height:62vh}.hero,.homegroups{max-width:1600px;margin:auto}.hero{position:relative;isolation:isolate}.scene{width:100%;height:auto;display:block}.intro{position:absolute;top:7%;left:3.5%;width:32%}.institution{font:800 clamp(10px,1.05vw,17px)/1.4 var(--ui);text-transform:uppercase;letter-spacing:.09em;margin:0 0 .8em}.intro h1{font-size:clamp(50px,6.22vw,99px);font-weight:900;line-height:.88;letter-spacing:-.06em;margin:.12em 0 .33em}.button{display:inline-flex;align-items:center;gap:14px;color:#fff9e7;text-decoration:none;background:var(--red);border-radius:5px 10px 5px 8px / 4px 4px 9px 7px;padding:.65em 1.05em;font-size:clamp(17px,1.65vw,26px);font-weight:700;box-shadow:1px 3px 1px #55311730}.button:hover{background:#872813;transform:translateY(-1px)}.mobilebook{display:none}.boat{position:absolute;left:13.61%;top:80.7%;width:14.32%;padding:0;border:0;background:none;transform-origin:50% 80%;line-height:0}.boat img{width:100%}.boat:hover{rotate:-2deg}.sail{animation:rock 1.3s ease-in-out}@keyframes rock{20%{transform:translate(7%,-4%) rotate(6deg)}50%{transform:translate(4%,2%) rotate(-5deg)}80%{transform:rotate(2deg)}}
.homegroups{padding:clamp(12px,1.5vw,25px) 0 clamp(30px,4vw,55px);text-align:center}.floral{display:flex;align-items:center;justify-content:center;gap:.36em;font-size:clamp(30px,3.4vw,59px);letter-spacing:-.045em;margin:0 0 .25em}.floral:before,.floral:after{content:"❧";font-size:.85em;color:#758239}.floral:after{transform:scaleX(-1)}.rack{display:grid;grid-template-columns:270fr 198fr 198fr 200fr 199fr 195fr 276fr;align-items:start;margin:0 auto 20px}.peg{min-width:0;display:flex;flex-direction:column;align-items:center;text-decoration:none;position:relative}.peg img{width:100%;display:block;mix-blend-mode:multiply}.peg b{font-size:clamp(19px,2vw,32px);transition:color .18s}.peg:first-child b{padding-left:18%}.peg:last-child b{padding-right:18%}.peg:hover b,.peg:focus-visible b{color:var(--red);text-decoration:underline}.inklink,.note a,.back{font:bold 16px var(--ui);text-underline-offset:5px}.inklink{padding:8px}.board{border-top:2px dashed var(--line);background:#e2e5c54d;padding:clamp(35px,5vw,75px) 5%}.notes{max-width:1150px;margin:35px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.note,.contact aside{background:#faf0d6;position:relative;padding:clamp(22px,2.7vw,40px);box-shadow:1px 4px 7px #533e2929}.note:nth-child(1){transform:rotate(-1.2deg)}.note:nth-child(2){background:#e1e7cf;transform:rotate(.9deg)}.note:nth-child(3){background:#f1dfbf;transform:rotate(-.7deg)}.note:before{content:"";position:absolute;top:-9px;left:46%;width:30px;height:19px;background:#ba9469;transform:rotate(-6deg);border-radius:3px;box-shadow:0 2px 1px #70563755}.note h3{margin:8px 0;font-size:clamp(24px,2.2vw,38px)}.note p,.story p,.lead,.contact aside p{font:18px/1.65 var(--ui)}.note p{font-size:16px;max-width:34ch}.note a{display:inline-block;padding:6px 0}.inside{max-width:1180px;margin:auto;padding:clamp(24px,4vw,58px) clamp(20px,5vw,65px) 80px}.back{display:inline-block;margin:0 0 30px}.pagehead{margin:0 0 26px}.pagehead h1{margin:0;font-size:clamp(45px,6vw,88px);letter-spacing:-.055em;line-height:1.05}.pagehead .institution{color:#6c512f}.inside h2{font-size:clamp(25px,2.7vw,39px);letter-spacing:-.035em;margin:0 0 18px}.lead{max-width:64ch}.story,.contact,.groupdetail{display:grid;grid-template-columns:1fr 1fr;gap:clamp(25px,4vw,70px);align-items:center}.story img{width:100%;border-radius:45% 43% 4% 3%}.groupdetail{grid-template-columns:minmax(160px,30%) 1fr;margin-bottom:40px}.portrait img{width:100%;mix-blend-mode:multiply}.emblem{font:70px/1.5 system-ui,sans-serif;display:block}.portrait .emblem{text-align:center;font-size:clamp(72px,10vw,145px)}.smallrack{grid-template-columns:repeat(3,minmax(0,1fr));max-width:620px;margin:25px auto 40px;background:linear-gradient(transparent 56%,#aa8050 57%,#c29a69 69%,transparent 70%)}.smallrack .peg b{padding:0}.second{margin-top:40px!important}.inside .rack:not(.smallrack){margin:18px 0 35px}.inside .peg b{font-size:clamp(17px,2vw,26px)}.rows{border-top:2px solid var(--line);margin:16px 0 30px}.rows a{display:flex;text-decoration:none;align-items:center;gap:12px;padding:18px 4px;border-bottom:1px dashed #947d58;font-weight:bold;font-size:clamp(17px,2vw,24px)}.rows a:hover span{text-decoration:underline}.rows small{margin-left:auto;font:13px/1.3 var(--ui);color:#675338}.rows i{font-style:normal}.contact{align-items:start}.contact aside{border:2px dashed #ba835c;transform:rotate(1deg);margin:10px}.stamp{font:52px/1 var(--print);color:#a44d37;text-align:right}.contact aside .button{font-size:19px}dl{margin:0}dt{font:700 14px var(--ui);color:#745536;margin:20px 0 4px}dd{font:20px/1.5 var(--ui);margin:0}footer{display:flex;gap:22px;align-items:center;justify-content:space-between;background:#123e39;color:#fff5dd;padding:27px 5%;font:14px/1.5 var(--ui)}footer .mini-brand{font:bold 27px var(--print)}
@media(max-width:820px){.bar{flex-wrap:wrap;gap:8px}.quick,.menubtn{display:inline-block}.quick{margin-left:auto;margin-right:12px}.menubtn{border:1px solid #b49a74;border-radius:5px;padding:7px 10px;background:transparent;font-weight:bold}.bar nav{display:none;width:100%;flex-wrap:wrap;justify-content:center;gap:6px 24px}.bar nav.open{display:flex}.notes{gap:13px}.intro .institution{font-size:9px}.intro h1{font-size:6.1vw}.intro .button{font-size:15px}.groupdetail{gap:25px}}
@media(max-width:680px){.hero{display:grid;grid-template-columns:1fr;padding-top:22px}.scene,.boat{display:none}.mobilebook{display:block;width:100%;height:auto;margin-top:14px}.intro{position:static;width:auto;margin:0 22px}.intro .institution{font-size:11px}.intro h1{font-size:clamp(38px,10.1vw,62px);line-height:1;letter-spacing:-.055em;margin:5px 0 15px}.intro h1 br{display:none}.intro h1 br:after{content:' '}.intro .button{font-size:17px}.homegroups{padding:24px 12px}.floral{font-size:clamp(27px,6.8vw,42px)}.rack{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 0;margin-top:14px}.rack .peg img{width:100%;height:clamp(77px,23vw,133px);object-fit:cover}.peg:first-child b,.peg:last-child b{padding:0}.peg b{font-size:20px}.rack:not(.smallrack) .peg:nth-child(7){grid-column:2}.emblem{font-size:50px}.smallrack{gap:0}.notes,.story,.contact{grid-template-columns:1fr}.notes{gap:25px}.board{padding:32px 22px}.note p{max-width:none}.story img{max-height:280px;object-fit:cover}.groupdetail{grid-template-columns:1fr}.portrait{width:140px}.back{margin-bottom:25px}.contact aside{margin:8px 0}.inside{padding-bottom:45px}.rows small{max-width:80px;text-align:right}.notes{margin-top:25px}footer{flex-wrap:wrap;gap:6px 18px}footer span{order:3;flex-basis:100%}.pagehead h1{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.boat:hover{rotate:0deg}}
.brand img,.portrait img,.peg img{mix-blend-mode:normal}.boat{width:15.04%;top:80.53%}.floral:before,.floral:after{content:"❧" / ""}footer .download{color:#f5d9a5}footer{flex-wrap:wrap}
@media(max-width:680px){.boat{display:block;left:1%;top:auto;bottom:2%;width:21%}}