:root{color-scheme:light;--paper:#f7f7f5;--ink:#403e3c;--muted:#817b70;--hand:'Caveat','Bradley Hand',cursive;--blue:#bfd9eb;--green:#c9dcb8;--red:#e9b9b1;--card:#fff}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--hand);isolation:isolate;-webkit-font-smoothing:antialiased}
button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #887746;outline-offset:5px;border-radius:3px}
.hello-page{min-height:100svh;display:flex;flex-direction:column;justify-content:center;max-width:1080px;margin:0 auto;padding:90px 70px 55px}
.hello-layout{display:grid;grid-template-columns:minmax(0,1fr) 225px;gap:72px;align-items:center;width:100%;margin:auto 0}
.hello-copy{min-width:0;font-size:29px;font-weight:400;line-height:1.4;letter-spacing:.05px}
h1{font-size:60px;line-height:1.1;font-weight:500;letter-spacing:-1.2px;margin:0 0 27px;transform:rotate(-1deg);transform-origin:left}
.name-underline{position:relative;white-space:nowrap}
.name-underline:after{content:'';position:absolute;left:0;bottom:-2px;width:102%;height:8px;border-bottom:2px solid #b7a078;border-radius:50%;transform:rotate(-2deg);clip-path:inset(0 100% 0 0);animation:draw-line 1.1s ease .15s forwards}
@keyframes draw-line{to{clip-path:inset(0 -2px 0 0)}}
p{margin:0 0 19px}.hello-copy p:last-child{margin-bottom:0}
.highlight{position:relative;display:inline;padding:0 .15em;margin:0 -.015em;color:inherit;font:inherit;border:0;border-radius:0;background-color:transparent;background-image:var(--wash);background-repeat:no-repeat;background-size:100% 88%;background-position:center 64%;box-decoration-break:clone;-webkit-box-decoration-break:clone;text-decoration:none;transition:filter .18s}
a.highlight,button.highlight{cursor:pointer}a.highlight:hover,button.highlight:hover,.highlight[aria-expanded=true]{filter:saturate(1.2) brightness(.98)}
a.highlight,button.highlight{text-decoration:underline;text-decoration-color:#817b7040;text-underline-offset:5px;text-decoration-thickness:1px}
.image-preview{display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;width:58px;height:44px;padding:0;border:0;background:transparent;margin:-5px 2px -4px 7px;border-radius:6px;transform:rotate(-5deg)}
.image-preview img{display:block;width:100%;height:100%;object-fit:contain;border-radius:4px;mix-blend-mode:multiply}
.image-preview .inline-sf{object-fit:cover;object-position:50% 59%}
.campus-preview{width:60px;transform:rotate(3deg)}
.hello-link{text-decoration:underline;text-decoration-color:#b99b6c;text-underline-offset:5px;text-decoration-thickness:1.5px}.hello-link:hover{color:#9f6758}
.taped-portrait{position:relative;align-self:center;margin:0 0 46px;padding:10px 10px 5px;background:#fffdf4;box-shadow:1px 3px 9px #5d4b2826;transform:rotate(5deg);width:225px;user-select:none}
.taped-portrait:before{content:'';position:absolute;z-index:1;top:-12px;left:calc(50% - 40px);width:80px;height:27px;background:#d5c9a995;border-left:1px dashed #f9f2dfb0;border-right:1px dashed #f9f2dfb0;transform:rotate(-9deg);box-shadow:0 1px 1px #99865e0d}
.taped-portrait img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}.taped-portrait figcaption{text-align:center;font-size:22px;color:#5d584c;line-height:1.35;padding-top:8px}
.page-preferences{display:flex;gap:13px;align-items:center;justify-content:center;margin-top:45px;color:var(--muted);font-size:18px}.page-preferences button{background:none;border:0;padding:8px 4px}.page-preferences button:hover{color:var(--ink)}
.peek-card{position:fixed;inset:auto;margin:0;padding:17px 16px 10px;width:330px;max-width:calc(100vw - 32px);max-height:calc(100svh - 32px);overflow:auto;background:var(--card);color:var(--ink);border:1px solid #b4a58630;border-radius:4px 6px 3px 7px;box-shadow:0 12px 35px #453d3022;font:22px/1.3 var(--hand)}
.peek-card:popover-open{animation:peek-in .18s ease-out}.peek-card::backdrop{background:transparent;pointer-events:none}
@keyframes peek-in{from{opacity:0;transform:translateY(5px) rotate(-1deg)}to{opacity:1;transform:translateY(0) rotate(0)}}
.close-peek{position:absolute;right:5px;top:0;width:30px;height:30px;border:0;background:transparent;font:25px var(--hand);z-index:1;color:var(--muted)}
.books-peek{padding:24px;width:355px}.books-peek h2{font-size:28px;font-weight:500;margin:0 0 12px}.book-list{list-style:none;padding:0;margin:0}.book-item{display:flex;align-items:center;gap:16px;padding:13px 0;border-top:1px dashed #aea18455;font-size:24px;line-height:1.2}.book-item img{width:51px;height:67px;flex-shrink:0;object-fit:contain}.book-item:nth-child(1) img{transform:rotate(-6deg)}.book-item:nth-child(2) img{transform:rotate(4deg)}.book-item:nth-child(3) img{transform:rotate(-3deg)}
[data-theme=night]{color-scheme:dark;--paper:#1c1c1c;--ink:#ece8dd;--muted:#b0aaa1;--card:#292929;--blue:#354f65;--green:#40533a;--red:#703f3d}
[data-theme=night] .image-preview .inline-sf{mix-blend-mode:lighten}[data-theme=night] .campus-preview img{mix-blend-mode:normal;opacity:.92}[data-theme=night] .taped-portrait{background:#d8d0be}[data-theme=night] .highlight{border-color:#e6dcc859}
@media(min-width:1500px){.hello-page{max-width:1130px}.hello-layout{gap:85px;grid-template-columns:minmax(0,1fr) 240px}.taped-portrait{width:240px}.hello-copy{font-size:31px}}
@media(max-width:850px){.hello-page{padding:75px 45px 35px}.hello-layout{gap:35px;grid-template-columns:minmax(0,1fr) 185px}.taped-portrait{width:185px}.hello-copy{font-size:27px}h1{font-size:54px}}
@media(max-width:650px){.hello-page{padding:65px 30px 25px}.hello-layout{display:flex;flex-direction:column;align-items:stretch;gap:37px}.hello-copy{font-size:27px;line-height:1.4}h1{font-size:51px;margin-bottom:25px}.taped-portrait{width:155px;align-self:flex-end;margin:0 13px 0 0;padding:7px 7px 4px}.taped-portrait figcaption{font-size:19px;padding-top:6px}.taped-portrait:before{width:60px;left:calc(50% - 30px);height:22px;top:-9px}.page-preferences{margin-top:35px}.image-preview{width:49px;height:44px;margin-left:5px}.campus-preview{width:55px}}
@media(max-width:360px){.hello-page{padding:46px 25px 22px}.hello-copy{font-size:25px}h1{font-size:47px}}
.motion-paused .name-underline:after{animation:none;clip-path:none}.motion-paused .peek-card:popover-open{animation:none}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.name-underline:after{clip-path:none}}

[data-theme=night] .page-preferences{color:#d1c9b9}

.highlight.green{--wash:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20300%2060%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22%23c2d3b2%22%20opacity%3D%22.66%22%20d%3D%22M3%2014%20Q63%207%20139%2011%20T296%208%20L293%2046%20Q236%2051%20156%2047%20T5%2052%20L7%2039%202%2031Z%22%2F%3E%3Cpath%20fill%3D%22%23c2d3b2%22%20opacity%3D%22.26%22%20d%3D%22M7%2010%20Q93%205%20175%209%20T298%206%20L295%2043%20Q203%2047%20110%2046%20T2%2049%20L5%2028Z%22%2F%3E%3Cpath%20fill%3D%22%23c2d3b2%22%20opacity%3D%22.25%22%20d%3D%22M10%2050%20Q131%2043%20292%2044%20L287%2049%20Q157%2050%209%2054Z%22%2F%3E%3C%2Fsvg%3E")}
.highlight.blue{--wash:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20300%2060%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22%23b4cedd%22%20opacity%3D%22.66%22%20d%3D%22M3%2014%20Q63%207%20139%2011%20T296%208%20L293%2046%20Q236%2051%20156%2047%20T5%2052%20L7%2039%202%2031Z%22%2F%3E%3Cpath%20fill%3D%22%23b4cedd%22%20opacity%3D%22.26%22%20d%3D%22M7%2010%20Q93%205%20175%209%20T298%206%20L295%2043%20Q203%2047%20110%2046%20T2%2049%20L5%2028Z%22%2F%3E%3Cpath%20fill%3D%22%23b4cedd%22%20opacity%3D%22.25%22%20d%3D%22M10%2050%20Q131%2043%20292%2044%20L287%2049%20Q157%2050%209%2054Z%22%2F%3E%3C%2Fsvg%3E")}
.highlight.red{--wash:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20300%2060%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22%23ddb1a7%22%20opacity%3D%22.66%22%20d%3D%22M3%2014%20Q63%207%20139%2011%20T296%208%20L293%2046%20Q236%2051%20156%2047%20T5%2052%20L7%2039%202%2031Z%22%2F%3E%3Cpath%20fill%3D%22%23ddb1a7%22%20opacity%3D%22.26%22%20d%3D%22M7%2010%20Q93%205%20175%209%20T298%206%20L295%2043%20Q203%2047%20110%2046%20T2%2049%20L5%2028Z%22%2F%3E%3Cpath%20fill%3D%22%23ddb1a7%22%20opacity%3D%22.25%22%20d%3D%22M10%2050%20Q131%2043%20292%2044%20L287%2049%20Q157%2050%209%2054Z%22%2F%3E%3C%2Fsvg%3E")}
[data-theme=night] .highlight.green{--wash:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20300%2060%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22%23526747%22%20opacity%3D%22.66%22%20d%3D%22M3%2014%20Q63%207%20139%2011%20T296%208%20L293%2046%20Q236%2051%20156%2047%20T5%2052%20L7%2039%202%2031Z%22%2F%3E%3Cpath%20fill%3D%22%23526747%22%20opacity%3D%22.26%22%20d%3D%22M7%2010%20Q93%205%20175%209%20T298%206%20L295%2043%20Q203%2047%20110%2046%20T2%2049%20L5%2028Z%22%2F%3E%3Cpath%20fill%3D%22%23526747%22%20opacity%3D%22.25%22%20d%3D%22M10%2050%20Q131%2043%20292%2044%20L287%2049%20Q157%2050%209%2054Z%22%2F%3E%3C%2Fsvg%3E")}
[data-theme=night] .highlight.blue{--wash:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20300%2060%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22%23466379%22%20opacity%3D%22.66%22%20d%3D%22M3%2014%20Q63%207%20139%2011%20T296%208%20L293%2046%20Q236%2051%20156%2047%20T5%2052%20L7%2039%202%2031Z%22%2F%3E%3Cpath%20fill%3D%22%23466379%22%20opacity%3D%22.26%22%20d%3D%22M7%2010%20Q93%205%20175%209%20T298%206%20L295%2043%20Q203%2047%20110%2046%20T2%2049%20L5%2028Z%22%2F%3E%3Cpath%20fill%3D%22%23466379%22%20opacity%3D%22.25%22%20d%3D%22M10%2050%20Q131%2043%20292%2044%20L287%2049%20Q157%2050%209%2054Z%22%2F%3E%3C%2Fsvg%3E")}
[data-theme=night] .highlight.red{--wash:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20300%2060%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22%2380524d%22%20opacity%3D%22.66%22%20d%3D%22M3%2014%20Q63%207%20139%2011%20T296%208%20L293%2046%20Q236%2051%20156%2047%20T5%2052%20L7%2039%202%2031Z%22%2F%3E%3Cpath%20fill%3D%22%2380524d%22%20opacity%3D%22.26%22%20d%3D%22M7%2010%20Q93%205%20175%209%20T298%206%20L295%2043%20Q203%2047%20110%2046%20T2%2049%20L5%2028Z%22%2F%3E%3Cpath%20fill%3D%22%2380524d%22%20opacity%3D%22.25%22%20d%3D%22M10%2050%20Q131%2043%20292%2044%20L287%2049%20Q157%2050%209%2054Z%22%2F%3E%3C%2Fsvg%3E")}
button.hello-link{border:0;padding:0;background:transparent;display:inline}
.contact-peek{width:430px;padding:22px 16px 16px}
.contact-peek h2{font-size:27px;font-weight:500;margin:0 8px 10px}
.contact-note{display:block;width:100%;height:auto;border-radius:3px;mix-blend-mode:multiply}
[data-theme=night] .contact-note{filter:invert(1);mix-blend-mode:screen;opacity:.9}