/* The brand green is sampled from the supplied original logo: RGB 214 / 239 / 192. */
:root{--brand-green:#d6efc0;--ink:#171918;--paper:#f3efe3}
.site-header{mix-blend-mode:normal;background:#232425f5;color:var(--brand-green);border-bottom:1px solid #d6efc030}
.site-header .brand,.menu-toggle{position:relative;z-index:2}
.header-location{display:none}.site-header{grid-template-columns:1fr auto}
.site-header nav{grid-column:2}.brand-original img{width:48px;height:68px;object-fit:cover;object-position:center 10%}
.hero-watermark{display:none}.hero-shape.bar{background:var(--brand-green);mix-blend-mode:normal;opacity:.75}
.hero-grid,.history,.difference,.gallery{background-image:none,none}
.intro-title h2 em{color:#526747}.campus-head h2 em{color:#526747}
.history-number{color:#d6efc022}.history-tabs button.active{background:#d6efc012}
.history-tabs{gap:0;grid-template-columns:repeat(6,minmax(0,1fr))}
.history-tabs button{position:relative;min-height:230px;padding:24px 18px;display:flex;flex-direction:column;align-items:flex-start;gap:13px}
.history-tabs button:before{margin:-24px -18px 0;width:calc(100% + 36px);height:5px}
.history-tabs button>b{font-size:13px}.history-tabs button>span{font-size:16px;margin:0;line-height:1.25}
.history-tabs .era-icon{display:block;width:76px;height:76px;margin:0 auto;color:var(--brand-green);transition:transform .25s}
.history-tabs button:hover .era-icon{transform:translateY(-4px)}
.history-tabs button.active{background:var(--brand-green);color:var(--ink)}
.history-tabs button.active>b,.history-tabs button.active .era-icon{color:var(--ink)}
.history-emblem{position:absolute;right:4%;bottom:8%;width:140px;height:140px;padding:16px;background:var(--ink);color:var(--brand-green)}
.history-image{inset:0}.history-copy{max-width:min(670px,65%)}
.history-image img{display:block}.history-copy h3{overflow-wrap:break-word}
.campus-icon{width:100%;height:100%;display:block}
.node-icon{border:none;width:72px;height:72px;margin:1.5rem 0;color:var(--ink)}
.space-rail .space-icon{width:48px;height:48px;margin:12px 0}
.space-rail button{min-height:215px}
.campus-illustration{margin:4rem 0 0;background:var(--ink)}
.campus-illustration>img{width:100%;height:auto;display:block}
.campus-illustration figcaption{padding:1.15rem 1.4rem;color:var(--paper);display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:16px}
.campus-illustration figcaption span{color:var(--brand-green);font:700 13px 'Courier New',monospace;letter-spacing:.05em}
.places-heading{display:flex;justify-content:space-between;gap:3rem;align-items:center;margin:4rem 0 1.5rem}
.places-heading .micro{margin:0;font-size:14px}.places-heading>p:last-child{max-width:580px;font-size:17px}
.places-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid var(--ink);border-left:1px solid var(--ink)}
.places-grid button{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:20px;padding:24px 12px;background:none;border:0;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);cursor:pointer;text-align:center;min-height:176px;transition:background .2s,color .2s}
.places-grid button>span{width:64px;height:64px}.places-grid strong{font-size:15px;line-height:1.25;hyphens:auto;overflow-wrap:break-word}
.places-grid button:hover{background:var(--brand-green)}.places-grid button.selected{background:var(--ink);color:var(--brand-green)}
.place-detail{display:grid;grid-template-columns:100px 1fr;gap:32px;align-items:center;border-bottom:1px solid var(--ink);padding:32px 22px;background:var(--brand-green);min-height:230px}
.place-detail-icon{width:96px;height:96px}.place-detail .micro{margin:0 0 12px;font-size:13px}.place-detail h3{font-size:clamp(25px,3vw,43px);line-height:1.12;margin:0 0 10px;font-weight:800}.place-detail p:last-child{font-size:17px;margin:0;max-width:860px}
.drawing-detail{margin-top:2rem;border-block:1px solid var(--ink)}.drawing-detail summary{font-size:18px;font-weight:bold;cursor:pointer;padding:1.5rem 0;display:flex;justify-content:space-between;gap:20px;list-style:none}.drawing-detail summary::-webkit-details-marker{display:none}.drawing-detail[open] summary span{transform:rotate(45deg)}.drawing-detail summary span{font-size:24px;transition:transform .2s}
.drawing-detail figure{margin:0 0 1rem}.drawing-detail figcaption{font-size:14px;margin:1rem 0}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #74895e;outline-offset:4px}.history-tabs button:focus-visible{outline-color:var(--paper);outline-offset:-5px}
footer>a{font-size:14px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:980px){.history-tabs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.history-tabs button{flex:0 0 25%;scroll-snap-align:start}.places-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.history-emblem{width:96px;height:96px;right:22px;bottom:30px}.site-header nav{grid-column:auto}}
@media(max-width:640px){.site-header{height:72px}.brand-original img{width:41px;height:58px}.history-tabs button{flex-basis:43%;min-height:204px}.history-tabs .era-icon{width:68px;height:68px}.history-tabs button>span{font-size:15px}.history-stage{min-height:580px}.history-copy{max-width:none;right:1.2rem}.history-emblem{width:78px;height:78px;right:16px;top:18px;bottom:auto;padding:9px}.history-copy h3{font-size:clamp(2.2rem,10vw,3rem);line-height:.94;letter-spacing:-.035em}.places-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.places-grid button{padding:20px 9px;min-height:156px}.places-grid strong{font-size:14px}.places-grid button>span{width:56px;height:56px}.place-detail{grid-template-columns:60px 1fr;padding:24px 15px;gap:16px;align-items:start;min-height:270px}.place-detail-icon{width:58px;height:58px}.place-detail .micro{font-size:12px;line-height:1.5}.place-detail p:last-child{font-size:16px}.campus-illustration{margin-top:2.5rem}.campus-illustration figcaption{align-items:flex-start;flex-direction:column;font-size:15px;padding:1rem}.places-heading{display:block;margin-top:3rem}.places-heading>p:last-child{font-size:16px}.drawing-detail summary{font-size:16px}.history-tabs button:hover .era-icon{transform:none}}
@media(prefers-reduced-motion:reduce){.history-tabs .era-icon,.places-grid button,.drawing-detail summary span{transition:none}}