.tiny-eyebrow{font-size:8px;letter-spacing:2.3px;color:#8f927e}.campus-page{--paper:#f3f5e9;--blue:#3f6557;background:var(--paper)}.campus-main,.letters-main{max-width:1440px;padding:20px 4% 0;margin:auto}.keepsake-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:10px 1% 35px}.keepsake-heading h1{font-family:var(--serif);font-size:clamp(34px,3.8vw,56px);font-weight:900;line-height:1.5;margin:16px 0;color:#333e31}.keepsake-heading h1 em{font-style:normal;color:#df7b60}.keepsake-heading>div>p{font-family:var(--hand);font-size:23px;color:#7a896d;line-height:1.7;margin:0}.route-ticket{padding:23px 32px;min-width:220px;background:#fff8e5;border:1px dashed #d3b88c;color:#9c784b;transform:rotate(5deg);position:relative;margin-right:25px}.route-ticket>span{font-size:10px;letter-spacing:1px}.route-ticket b{display:block;font:28px/1.8 var(--hand);margin:6px 0}.route-ticket small{font-size:10px}.route-ticket i{position:absolute;right:20px;top:15px;font-style:normal;font-size:22px;color:#e77f65}.campus-experience{display:grid;grid-template-columns:1.85fr 1fr;gap:26px;align-items:stretch}.campus-map{position:relative;aspect-ratio:1.4;border:1px solid #d4ddc8;border-radius:13px;background:#eaf0dc;overflow:hidden;box-shadow:0 12px 35px #59704b0b;isolation:isolate;align-self:center}.map-art{position:absolute;width:100%;height:100%;inset:0}.map-grain{position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,#fff3,transparent 60%);z-index:1}.map-markers{position:absolute;inset:0;z-index:2}.map-marker{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-70%);padding:0;border:0;background:transparent;display:flex;flex-direction:column;align-items:center;color:#53654a;gap:9px;z-index:2;transition:transform .35s}.map-marker i{font-style:normal;background:#fffaf0;border:2px solid #a0b28b;border-radius:50% 50% 50% 5px;transform:rotate(-45deg);width:38px;height:38px;display:grid;place-items:center;font-family:Georgia,serif;font-size:13px;box-shadow:2px 4px 7px #62744e1a;color:transparent;position:relative}.map-marker i:after{content:attr(data-index);color:#637854;transform:rotate(45deg)}.map-marker span{font:16px var(--hand);background:#fffaf0e8;border:1px solid #d8ddc9;border-radius:4px;padding:5px 10px;white-space:nowrap}.map-marker.active{transform:translate(-50%,-80%);z-index:3}.map-marker.active i{background:#ed967b;border-color:#e17c61}.map-marker.active i:after{color:#fff}.map-marker.active span{color:#b55f46;background:#fff6e7;border-color:#e9b69b}.map-marker.visited:not(.active) i{background:#cbdab8}.map-stamp{position:absolute;right:25px;bottom:23px;border:2px solid #a1b394;color:#9bad8d;font-size:12px;letter-spacing:3px;line-height:1.8;border-radius:50%;width:100px;height:100px;text-align:center;display:grid;place-content:center;transform:rotate(-15deg);opacity:.7}.campus-map.walking #memoryRoute{animation:route-flow 8s linear infinite}.place-story{background:#fffdf5;border:1px solid #e3decd;padding:11px 11px 0;box-shadow:3px 9px 25px #6f653014;transform:rotate(1deg);border-radius:4px;align-self:center}.place-photo{position:relative}.place-photo img{width:100%;height:225px;display:block;object-fit:cover}.place-photo>span{position:absolute;bottom:10px;left:10px;font:12px var(--hand);background:#fff8e9eb;padding:6px 10px;color:#827353;border-radius:3px}.place-copy{padding:23px 16px 15px}.place-copy>span{font-size:8px;letter-spacing:2px;color:#b3a384}.place-copy h2{font-family:var(--hand);font-size:29px;font-weight:500;margin:12px 0;color:#52684c}.place-copy>p{font-size:12px;line-height:2;color:#8a8677;white-space:pre-line}.place-copy>p.place-secret{font:19px/1.8 var(--hand);color:#c47d61;background:linear-gradient(transparent 75%,#f4e7bd 75%);display:inline;margin:10px 0}.place-nav{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ebe5d7;margin-top:22px;padding-top:14px;gap:10px}.place-nav button{border:1px solid #dbd7c8;background:transparent;color:#7b8c6d;width:30px;height:30px;border-radius:50%;font-size:15px}.place-nav span{font-size:10px;color:#a7a18e}.place-story.changing{animation:place-reveal .4s ease-out}.route-controls{display:flex;justify-content:center;align-items:center;gap:27px;padding:30px 0 25px}.route-controls>p{font:19px var(--hand);color:#7f9270}.route-controls>a{font-size:11px;color:#9a9e88;text-decoration:underline;text-underline-offset:5px}.route-finish{margin:10px auto 35px;max-width:650px;text-align:center;padding:30px;border:1px dashed #c6cfb5;background:#fff9e7;animation:place-reveal .7s ease-out}.route-finish[hidden]{display:none}.route-finish>span{font:30px var(--hand);color:#cb8467}.route-finish p{font:21px/1.8 var(--hand);color:#80926e}.route-finish a{font-size:11px;color:#9a8a69;border-bottom:1px solid #cdbb91;padding-bottom:5px}@keyframes route-flow{to{stroke-dashoffset:-140}}@keyframes place-reveal{from{opacity:.45;transform:translateY(8px) rotate(1deg)}to{opacity:1;transform:translateY(0) rotate(1deg)}}
/* Each envelope holds a letter, rather than another photograph canvas. */
.letters-page{--paper:#faf5eb;--blue:#675c80;background:var(--paper)}.letters-main{max-width:1230px}.letters-heading{text-align:center;padding:25px 0 35px}.letters-heading h1{font-family:var(--serif);font-size:clamp(34px,3.9vw,52px);margin:18px 0 16px;font-weight:900;color:#4c4641;line-height:1.4}.letters-heading h1 span{color:#df8c77}.letters-heading>p{font:22px/1.7 var(--hand);color:#9e8b77;margin:0}.letter-counter{display:inline-block;background:#f1e6cf;border-radius:30px;padding:7px 17px;font-size:10px;color:#a38b69;margin-top:22px}.envelope-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 45px;padding:15px 5% 20px}.envelope{position:relative;aspect-ratio:1.55;min-width:0;width:100%;background:var(--envelope);border:1px solid #947c6026;box-shadow:3px 10px 20px #71604615;border-radius:5px;transform:rotate(var(--angle,-3deg));padding:0;overflow:visible;isolation:isolate;transition:transform .4s,box-shadow .4s}.envelope:hover{transform:translateY(-8px) rotate(0);box-shadow:3px 17px 25px #71604625}.envelope-front{position:absolute;inset:0;border-radius:4px;overflow:hidden;background:linear-gradient(25deg,#fff2,transparent 60%)}.envelope-front:before,.envelope-front:after{content:'';position:absolute;inset:0;background:#fff2;clip-path:polygon(0 0,52% 55%,0 100%)}.envelope-front:after{clip-path:polygon(100% 0,48% 55%,100% 100%);background:#00000006}.envelope-flap{position:absolute;inset:0;z-index:3;transform-origin:50% 0;transition:transform .5s;clip-path:polygon(0 0,100% 0,50% 59%);background:linear-gradient(180deg,#ffffff49,#ffffff05);pointer-events:none}.envelope.opening .envelope-flap,.envelope.read .envelope-flap{transform:rotateX(165deg)}.envelope-label{position:absolute;left:12%;right:12%;top:32%;text-align:left;z-index:4;transition:transform .5s}.envelope.opening .envelope-label{transform:translateY(-10px)}.envelope-label small{font-size:9px;letter-spacing:1px;color:#766453}.envelope-label b{font:24px/1.6 var(--hand);font-weight:500;display:block;color:#65564c;margin-top:6px}.envelope-seal{position:absolute;bottom:12%;right:11%;width:32px;height:32px;border-radius:50%;background:#fff5e3c2;display:grid;place-items:center;color:#db8d78;font-size:21px;z-index:4;box-shadow:1px 2px 2px #6a4c2510}.envelope-read{position:absolute;right:9%;top:10%;z-index:4;font-size:9px;color:#7b735e;background:#fff5;padding:4px 6px;border-radius:20px;opacity:0}.envelope.read .envelope-read{opacity:1}.letters-actions{text-align:center;padding:27px 0 30px}.letters-actions>p{font:18px/1.8 var(--hand);color:#9f8e7a;margin:0 0 18px}.letters-actions .coral-button:disabled{opacity:.45;box-shadow:none}.letters-actions>a{display:block;font-size:11px;color:#a19582;margin:22px 0 0;text-decoration:underline;text-underline-offset:5px}.letter-dialog{width:min(610px,calc(100% - 26px));padding:37px 35px 20px;background:#fffaf0;border-radius:6px;overflow:auto}.letter-sheet{padding:12px 10px 0;background:repeating-linear-gradient(transparent 0 33px,#e6dcc42b 33px 34px);animation:letter-open .5s cubic-bezier(.2,.65,.3,1)}.letter-sheet .letter-date{font-size:9px;color:#b6a489;letter-spacing:1px;text-align:right}.letter-sheet h2{font:32px/1.5 var(--hand);color:#77658e;font-weight:500;margin:24px 0 15px}.letter-sheet .letter-to{font:20px var(--hand);color:#b58c6e;margin:0 0 18px}.letter-sheet .letter-body{font:21px/1.9 var(--hand);color:#766c5e;white-space:pre-line;overflow-wrap:anywhere;margin:0 0 20px}.letter-image{width:100%;max-height:220px;object-fit:cover;border:7px solid #fffdf6;box-shadow:1px 5px 10px #65512915;transform:rotate(-2deg);display:block;margin:22px 0}.letter-image[hidden]{display:none}.letter-from{font:22px/1.8 var(--hand);text-align:right;color:#be8b73;margin:15px 0}.letter-hidden-button{background:#f2e5d0;border:1px dashed #cfb894;border-radius:7px;padding:9px 15px;font:15px var(--hand);color:#9a805b}.letter-private{background:#f8edda;padding:16px;font:21px/1.9 var(--hand);color:#99789a;animation:letter-open .5s ease-out}.letter-private[hidden]{display:none}.letter-dialog-nav{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid #e8dcc6;margin-top:22px;color:#b09d81;font-size:10px}.letter-dialog-nav button{background:transparent;border:0;font-size:12px;padding:7px;color:#9a7c61}.blessing-wall{padding:35px 0 10px;text-align:center}.blessing-wall[hidden]{display:none}.blessing-wall>h2{font:32px var(--hand);color:#b67a63;margin:0 0 12px}.blessing-wall>p{font:19px var(--hand);color:#a28d74}.wall-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:32px 0}.wall-note{background:var(--note);padding:24px;transform:rotate(var(--angle));text-align:left;box-shadow:2px 5px 12px #6f5a2810;animation:letter-open .6s ease-out both;animation-delay:var(--delay)}.wall-note h3{font:23px var(--hand);color:#776456;margin:0 0 13px}.wall-note p{font:18px/1.8 var(--hand);color:#847364;margin:0}.wall-note small{display:block;text-align:right;font:17px var(--hand);margin-top:15px;color:#a38167}@keyframes letter-open{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.campus-experience{grid-template-columns:1.6fr 1fr;gap:18px}.place-photo img{height:180px}.place-copy{padding:17px 10px 13px}.place-copy h2{font-size:25px}.place-copy>p{font-size:11px}.place-copy>p.place-secret{font-size:17px}.map-marker span{font-size:13px;padding:4px 7px}.map-marker i{width:31px;height:31px;font-size:11px}.map-stamp{width:75px;height:75px;font-size:8px;right:15px;bottom:15px}.route-controls{gap:17px}.route-controls>p{font-size:16px}.route-controls .coral-button{font-size:11px;padding:12px 16px}.envelope-grid{gap:28px;padding-left:2%;padding-right:2%}.envelope-label b{font-size:21px}}
@media(max-width:700px){.campus-main,.letters-main{padding:12px 5% 0}.keepsake-heading{display:block;padding:10px 0 25px}.keepsake-heading h1{font-size:36px;margin:14px 0 15px}.keepsake-heading>div>p{font-size:21px}.route-ticket{display:none}.campus-experience{display:flex;flex-direction:column;gap:22px}.campus-map{width:100%;aspect-ratio:1.2}.map-art{object-fit:contain}.map-marker span{font-size:12px;padding:4px 6px}.map-marker i{width:29px;height:29px;border-width:1px;font-size:10px}.map-marker{gap:7px}.map-stamp{width:55px;height:55px;font-size:6px;letter-spacing:1px;bottom:12px;right:12px}.place-story{width:100%;padding:10px;transform:rotate(-1deg)}.place-photo img{height:205px}.place-copy{padding:20px 12px 8px}.place-copy h2{font-size:30px}.place-copy>p{font-size:12px}.place-copy>p.place-secret{font-size:20px}.place-nav{margin-top:20px;padding-top:13px}.route-controls{flex-wrap:wrap;gap:10px 20px;padding:20px 0}.route-controls>p{font-size:18px;width:100%;text-align:center;margin:0 0 8px}.route-controls>a{font-size:10px}.route-finish{padding:25px 20px;margin-top:15px}.route-finish>span{font-size:28px}.route-finish p{font-size:20px}.campus-page .gift-tools{gap:13px}.letters-heading{padding:16px 0 25px}.letters-heading h1{font-size:33px}.letters-heading>p{font-size:19px}.letter-counter{margin-top:19px}.envelope-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:31px 19px;padding:12px 3% 20px}.envelope{aspect-ratio:1.4}.envelope-label{left:10%;top:28%}.envelope-label b{font-size:20px;margin-top:3px}.envelope-label small{font-size:8px}.envelope-seal{width:23px;height:23px;font-size:17px;bottom:10%;right:9%}.envelope-read{font-size:7px;padding:3px 4px}.letters-actions{padding-top:20px}.letters-actions>p{font-size:17px}.letter-dialog{padding:33px 21px 18px}.letter-sheet{padding:5px 2px 0}.letter-sheet h2{font-size:28px}.letter-sheet .letter-to{font-size:18px}.letter-sheet .letter-body{font-size:20px;line-height:1.9}.letter-image{max-height:180px}.letter-from{font-size:20px}.wall-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.wall-note{padding:20px 15px}.wall-note h3{font-size:21px}.wall-note p{font-size:16px}.wall-note small{font-size:15px}.blessing-wall>h2{font-size:29px}.blessing-wall>p{font-size:18px}.letters-page .gift-header .tool-button{font-size:11px}}
@media(prefers-reduced-motion:reduce){.campus-map.walking #memoryRoute,.place-story.changing,.letter-sheet,.wall-note,.letter-private,.route-finish{animation:none!important}.envelope-flap,.envelope,.map-marker,.envelope-label{transition:none!important}}

@media(max-width:700px){.letters-heading h1{font-size:30px;line-height:1.5}.letters-heading h1 span{display:block}.envelope-label{top:24%}.envelope-label b{font-size:17px;line-height:1.45;margin-top:5px}.envelope-label small{font-size:8px}.envelope-seal{width:21px;height:21px;bottom:8%;right:8%;font-size:15px}}