@font-face{font-family:ui-script-local;src:local("Bradley Hand"),local("Segoe Print"),local("Comic Sans MS")}:root{--ink: #191512;--muted: #766a61;--paper: #fff8ee;--cream: #fffdf8;--line: rgba(49, 36, 24, .14);--rose: #c75c6c;--gold: #d99b3d;--sage: #6f8a70;--leather: #8b4d38;--shadow: 0 24px 80px rgba(36, 23, 12, .18);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,rgba(199,92,108,.17),transparent 34rem),radial-gradient(circle at 88% 8%,rgba(217,155,61,.18),transparent 28rem),repeating-linear-gradient(0deg,transparent 0 31px,rgba(88,62,40,.045) 32px),linear-gradient(135deg,#fffaf0,#f7efe7 48%,#efe8de)}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.28;mix-blend-mode:multiply;background-image:radial-gradient(circle at 12% 22%,rgba(71,46,27,.13) 0 1px,transparent 1.5px),radial-gradient(circle at 62% 72%,rgba(71,46,27,.1) 0 1px,transparent 1.4px);background-size:28px 30px,41px 37px}button,a{-webkit-tap-highlight-color:transparent}main{width:min(1180px,100%);margin:0 auto;padding:18px clamp(14px,4vw,34px) 46px}.landing-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,.92fr) minmax(300px,520px);gap:clamp(28px,7vw,84px);align-items:center;padding-block:clamp(28px,7vw,72px)}.love-letter{position:relative;padding:clamp(20px,5vw,42px);border:1px solid rgba(87,58,34,.18);border-radius:30px;background:linear-gradient(96deg,rgba(255,255,255,.38),transparent 48%),repeating-linear-gradient(0deg,transparent 0 31px,rgba(88,62,40,.075) 32px),#fffdf7;box-shadow:0 22px 70px #452a1524;transform:rotate(-.45deg)}.love-letter:after{content:"";position:absolute;right:24px;bottom:20px;width:92px;height:24px;border-radius:2px;background:#d99b3d38;transform:rotate(-8deg);box-shadow:0 0 0 1px #82562714}.love-letter h1{max-width:760px;font-family:Trebuchet MS,Segoe Print,ui-script-local,sans-serif;font-size:clamp(20px,3.25vw,39px);font-weight:500;line-height:1.22;letter-spacing:-.018em;margin:0;color:#2d211a}.scrapbook-cover{position:relative;min-height:clamp(440px,70vh,650px);width:min(100%,500px);justify-self:center;border:0;border-radius:26px 34px 34px 26px;padding:clamp(22px,5vw,38px);text-align:left;color:#2b1c16;cursor:pointer;background:radial-gradient(circle at 78% 18%,rgba(255,230,177,.25),transparent 22%),linear-gradient(90deg,rgba(54,29,20,.18),transparent 18%),repeating-linear-gradient(35deg,#ffffff09 0 7px,#00000006 8px 12px),linear-gradient(145deg,#a76349,#8f503c 48%,#6f392c);box-shadow:0 44px 90px #2f1c1157,inset 0 0 0 2px #ffffff29,inset 0 0 0 10px #371c1414;transform:rotate(2deg)}.scrapbook-cover:before,.scrapbook-cover:after{content:"";position:absolute;inset:18px;border:1px dashed rgba(255,239,205,.32);border-radius:20px 28px 28px 20px;pointer-events:none}.scrapbook-cover:after{inset:auto 24px 22px 62px;height:16px;border:0;border-radius:50%;background:#22120c38;filter:blur(14px)}.cover-spine{position:absolute;left:0;top:0;bottom:0;width:64px;border-radius:26px 0 0 26px;background:linear-gradient(90deg,#28140e6b,#ffffff12,#00000014);box-shadow:inset -1px 0 #ffffff1a}.cover-photo{position:absolute;top:clamp(34px,8vw,64px);right:clamp(24px,5vw,46px);display:block;width:min(48%,220px);padding:11px 11px 38px;border-radius:5px;background:#fffaf1;transform:rotate(7deg);box-shadow:0 18px 32px #2d170d52}.cover-photo img{width:100%;aspect-ratio:1 / .82;object-fit:cover;display:block;border-radius:3px}.cover-photo span{position:absolute;left:14px;bottom:10px;font-family:ui-script-local,cursive;font-size:15px;color:#5c4236}.cover-tape{position:absolute;width:92px;height:30px;background:#ffefbf73;box-shadow:0 0 0 1px #6a492514;z-index:3}.tape-one{top:48px;right:178px;transform:rotate(-16deg)}.tape-two{top:238px;right:24px;transform:rotate(-12deg)}.cover-title{position:absolute;left:clamp(78px,18vw,116px);bottom:clamp(110px,18vw,166px);font-family:Georgia,serif;font-size:clamp(42px,8vw,70px);line-height:.88;letter-spacing:-.06em;color:#fff5df;text-shadow:0 2px 0 rgba(58,29,20,.28)}.cover-subtitle{position:absolute;left:clamp(80px,18vw,118px);bottom:clamp(74px,12vw,116px);font-family:ui-script-local,cursive;font-size:clamp(18px,4vw,28px);color:#fff6e1eb;transform:rotate(-1deg)}.open-hint{position:absolute;right:28px;bottom:28px;min-height:44px;display:inline-flex;align-items:center;padding:10px 16px;border-radius:999px;background:#fffaeeeb;color:#6f392c;font-weight:850;letter-spacing:.04em;text-transform:uppercase;font-size:12px}.cover-note{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:10px 0 18px;padding:14px 16px;border:1px solid var(--line);border-radius:24px;background:#fffdf8b8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 12px 34px #3f271414}.cover-note p{margin:0;color:var(--muted);line-height:1.35}.eyebrow,.section-kicker{text-transform:uppercase;letter-spacing:.18em;font-size:11px;color:var(--rose);font-weight:850;margin:0 0 8px}.shuffle,.timeline-item,.pager button{min-height:44px;border:1px solid var(--line);background:#fffdf8;border-radius:999px;padding:10px 14px;color:var(--ink);font-weight:760;cursor:pointer;box-shadow:0 8px 24px #482d1714}.timeline{display:flex;gap:10px;overflow-x:auto;padding:8px 2px 18px;scroll-snap-type:x mandatory}.timeline-item{flex:0 0 min(250px,76vw);text-align:left;border-radius:18px;scroll-snap-align:start;display:grid;gap:2px}.timeline-item span{color:var(--gold);font-size:12px;letter-spacing:.12em}.timeline-item strong{font-size:14px}.timeline-item small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline-item.active{border-color:#c75c6c80;background:#fff7f5}.memory-page{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr);gap:clamp(18px,4vw,42px);align-items:start}.page-main,.page-details{border:1px solid var(--line);background:#fffdf8cc;border-radius:34px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.page-main{padding:clamp(20px,5vw,38px);min-height:720px;overflow:hidden}.scrapbook h1{font-family:Georgia,Times New Roman,serif;font-size:clamp(48px,10vw,108px);line-height:.88;letter-spacing:-.065em;margin:0;max-width:780px}.subtitle{color:#5f5148;font-size:clamp(16px,2vw,21px);line-height:1.45;max-width:660px;margin:18px 0 0}.photo-stack{position:relative;min-height:450px;margin-top:clamp(34px,7vw,70px)}.polaroid{position:absolute;margin:0;width:min(330px,68vw);padding:12px 12px 42px;background:#fff;border-radius:7px;box-shadow:0 18px 36px #341f0f3d}.polaroid img{display:block;width:100%;height:240px;object-fit:cover;border-radius:4px;background:#e8d5c3}.polaroid figcaption{position:absolute;left:16px;bottom:12px;font-family:ui-script-local,cursive;color:#5e4539;font-size:16px}.polaroid-1{left:2%;top:0;transform:rotate(-6deg);z-index:2}.polaroid-2{right:4%;top:80px;transform:rotate(7deg);z-index:3}.polaroid-3{left:16%;top:190px;transform:rotate(-1.5deg);z-index:1}.polaroid-4{right:18%;top:280px;transform:rotate(4deg)}.page-details{padding:clamp(16px,4vw,24px);display:grid;gap:16px}.ticket-stub{position:relative;padding:22px;border-radius:24px;border:1px dashed rgba(90,56,31,.34);background:#fffdf7;box-shadow:0 14px 30px #623d1e1f}.ticket-stub:before,.ticket-stub:after{content:"";position:absolute;top:48%;width:22px;height:22px;border-radius:999px;background:#f3eadf;border:1px solid var(--line)}.ticket-stub:before{left:-12px}.ticket-stub:after{right:-12px}.date-tab{display:inline-block;color:#906040;font-size:12px;font-weight:850;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px}.ticket-stub h2{margin:0;font-size:clamp(24px,5vw,34px);letter-spacing:-.04em}.ticket-stub p{margin:8px 0 0;color:var(--muted)}.tour{color:var(--rose)!important;font-weight:760}.headline-memory{margin:0;font-family:Georgia,serif;font-size:clamp(24px,5vw,36px);line-height:1.02;letter-spacing:-.04em;padding:20px 4px;color:#4f392f}.private-note,.setlist-card{border-radius:24px;border:1px solid var(--line);background:#ffffff94;padding:18px}.private-note p:last-child{margin:0;color:#5f5148;line-height:1.55}.setlist-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.setlist-heading h2{margin:0;letter-spacing:-.035em}.source-badge{flex:0 0 auto;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:820;color:#7a5c24;background:#d99b3d29}.source-badge.verified{color:#315a3c;background:#6f8a702e}.songs{list-style:decimal-leading-zero;margin:16px 0 0;padding-left:30px;display:grid;gap:8px}.songs li{padding-left:4px;color:#5f5148}.songs li span{color:var(--ink);font-weight:680}.songs em{margin-left:8px;color:var(--rose);font-size:12px}.empty-note{color:var(--muted);line-height:1.5}.setlist-link{display:inline-block;margin-top:12px;color:var(--rose);font-weight:800}.pager{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:860px){main{padding-top:10px}.landing-page{grid-template-columns:1fr;align-content:start}.love-letter{order:2;transform:rotate(.4deg)}.scrapbook-cover{min-height:440px;transform:rotate(1.2deg)}.cover-photo{width:46%}.cover-note{align-items:flex-start;flex-direction:column}.shuffle{width:100%}.memory-page{grid-template-columns:1fr}.page-main{min-height:620px}.photo-stack{min-height:390px}.polaroid{width:min(280px,74vw)}.polaroid img{height:210px}.polaroid-1{left:0}.polaroid-2{right:0;top:92px}.polaroid-3{display:none}.pager{grid-template-columns:1fr}}@media(max-width:480px){.love-letter h1{font-size:clamp(19px,6vw,28px)}.scrapbook-cover{min-height:410px;width:min(100%,350px)}.cover-spine{width:48px}.cover-title{left:66px;bottom:106px}.cover-subtitle{left:68px;bottom:76px}.cover-photo{right:22px;top:38px;width:52%}.tape-one{right:134px}}@media(prefers-reduced-motion:no-preference){.timeline-item,.shuffle,.pager button,.scrapbook-cover{transition:transform .18s ease,box-shadow .18s ease}.timeline-item:hover,.shuffle:hover,.pager button:hover{transform:translateY(-1px);box-shadow:0 12px 28px #482d171f}.scrapbook-cover:hover{transform:rotate(1deg) translateY(-4px);box-shadow:0 50px 104px #2f1c1161,inset 0 0 0 2px #ffffff29,inset 0 0 0 10px #371c1414}}