@font-face{font-family:Literata;src:url('/artifacts/weekend-discovery--v1--s3-alternative-direction--gpt-6-luna-codex--best-web-design--2026-10-09T23-47-44-250Z/assets/literata.ttf') format('truetype');font-display:swap}
@font-face{font-family:WorkSans;src:url('/artifacts/weekend-discovery--v1--s3-alternative-direction--gpt-6-luna-codex--best-web-design--2026-10-09T23-47-44-250Z/assets/work-sans.ttf') format('truetype');font-display:swap}
@font-face{font-family:IBMPlexMono;src:url('/artifacts/weekend-discovery--v1--s3-alternative-direction--gpt-6-luna-codex--best-web-design--2026-10-09T23-47-44-250Z/assets/ibm-plex-mono.ttf') format('truetype');font-display:swap}
:root{--bg:#f7f3ea;--paper:#fffdf7;--ink:#24211f;--muted:#625b54;--pink:#e84983;--blue:#2644a0;--line:#2d2926;--serif:Literata,Georgia,serif;--sans:WorkSans,Arial,sans-serif;--mono:IBMPlexMono,monospace;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background-color:var(--bg);background-image:radial-gradient(#27211d13 .65px,transparent .65px);background-size:5px 5px;color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55}a{color:inherit}button,input,select{font:inherit}.skip-link{position:absolute;top:-60px;left:16px;background:var(--ink);color:white;padding:12px 18px;z-index:20}.skip-link:focus{top:12px}:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.masthead,.footer{height:76px;padding:0 max(5vw,24px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{text-decoration:none;font-weight:800;letter-spacing:-.08em;font-size:24px;line-height:1}.wordmark span{color:var(--pink);display:inline-block;font-size:16px;margin-left:4px}.edition,.eyebrow,.hero-rule,.art-kicker,.art-caption,.date-ribbon,.list-meta,.event-number,.event-meta,.detail-facts,.detail-category,.detail-index,.closing-index,.closing-link,.footer p{font:600 11px/1.4 var(--mono);letter-spacing:.08em}.edition{margin:0}.edition span,.footer p span{color:var(--pink)}.shortlist-link{min-height:44px;display:flex;align-items:center;gap:10px;text-decoration:none;font-size:14px;font-weight:650}.shortlist-link span{color:var(--pink);font-size:18px}.hero{position:relative;min-height:690px;padding:72px max(8vw,32px) 24px;display:grid;grid-template-columns:1fr .94fr;align-items:center;gap:4vw;overflow:hidden;border-bottom:2px solid var(--ink);background-color:#f9f4e9;background-image:radial-gradient(#2a201b1e .6px,transparent .6px);background-size:4px 4px}.hero-copy{position:relative;z-index:2;padding:0 0 56px;animation:print-in .65s var(--ease) both}.eyebrow{margin:0 0 20px}.ink-dot{display:inline-block;width:8px;height:8px;background:var(--pink);border-radius:50%;margin-right:8px}h1,h2,h3,p{margin-top:0}h1{font:500 clamp(78px,10.4vw,150px)/.84 var(--serif);letter-spacing:-.065em;margin:0 0 34px}h1 em,.browse h2 em,.closing-line em{color:var(--blue);font-weight:500}h1 em{font-style:italic}.hero-bottom{display:flex;align-items:end;gap:24px;max-width:550px}.hero-bottom p{font-size:16px;line-height:1.5;margin:0;max-width:25ch}.primary-link{background:var(--pink);color:#24151b;text-decoration:none;min-height:52px;padding:12px 19px;display:inline-flex;align-items:center;justify-content:space-between;gap:22px;font-weight:750;white-space:nowrap;border:1px solid var(--ink);box-shadow:4px 4px 0 var(--ink);transition:transform .18s var(--ease),box-shadow .18s var(--ease),background-color .18s}.hero-art{position:relative;justify-self:end;width:min(100%,540px);aspect-ratio:.95;max-height:540px;background:var(--blue);color:var(--paper);border:2px solid var(--ink);box-shadow:10px 10px 0 var(--pink);overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:8% 7%;animation:print-in .7s .12s var(--ease) both}.hero-art:before,.hero-art:after{content:"";position:absolute;inset:13px;border:1px solid #f7f3ea88;pointer-events:none}.hero-art:after{inset:19px;border:1px dashed #f7f3ea88}.sunburst{position:absolute;width:100%;aspect-ratio:1;left:18%;top:4%;border-radius:50%;background:repeating-conic-gradient(from 0deg,transparent 0deg 7deg,#e84983 7.4deg 9deg,transparent 9.4deg 15deg);opacity:.85;animation:turn 70s linear infinite}.hero-art>*:not(.sunburst){position:relative;z-index:1}.art-kicker{align-self:flex-end;margin:0 0 auto;text-align:right;color:#fff}.big-date{display:flex;align-items:center;justify-content:center;font:500 clamp(88px,12.5vw,178px)/.9 var(--serif);letter-spacing:-.1em;color:#fff5e5;text-shadow:4px 4px 0 var(--pink);white-space:nowrap}.big-date b{font:400 .4em var(--mono);letter-spacing:0;color:var(--pink);padding:0 .11em}.date-ribbon{background:var(--pink);color:var(--ink);margin:26px -9% 0;padding:10px 12%;display:flex;justify-content:space-between;align-items:center;border-block:1px solid var(--ink);transform:rotate(-2deg);box-shadow:0 3px 0 #1a1425}.date-ribbon i{font-size:20px;font-style:normal}.art-caption{margin:25px 0 0;line-height:1.65}.art-stamp{position:absolute!important;right:12%;bottom:11%;width:88px;height:88px;border:2px solid var(--pink);border-radius:50%;display:grid;place-content:center;text-align:center;color:#ff9fc2;font:700 11px/1.15 var(--mono);letter-spacing:.04em;transform:rotate(11deg)}.hero-rule{position:absolute;bottom:0;left:max(8vw,32px);right:max(8vw,32px);height:44px;border-top:1px solid var(--ink);display:flex;justify-content:space-between;align-items:center}.browse{padding:120px max(8vw,32px) 128px;background:var(--paper);background-image:radial-gradient(#27211d10 .6px,transparent .6px);background-size:5px 5px}.browse-heading{display:grid;grid-template-columns:1.15fr .85fr;align-items:end;gap:40px;margin-bottom:50px}.browse h2{font:500 clamp(60px,8vw,112px)/.91 var(--serif);letter-spacing:-.06em;margin:0}.browse h2 em{font-style:italic}.asterisk{color:var(--pink);padding-left:7px}.browse-note{max-width:36ch;font:400 18px/1.55 var(--serif);margin:0 0 7px}.tool-row{display:grid;grid-template-columns:minmax(220px,1fr) minmax(190px,.6fr) auto;gap:20px;align-items:end;padding:20px 0;border-block:1px solid var(--line)}.search-wrap,.filter-wrap{display:flex;flex-direction:column;gap:7px}.search-wrap label,.filter-wrap label{font:600 11px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase}.search-wrap input,.filter-wrap select{height:48px;border:1px solid var(--ink);border-radius:0;background:var(--bg);color:var(--ink);padding:0 13px;font-size:16px;width:100%}.search-wrap input::placeholder{color:#625b54}.saved-toggle{border:1px solid var(--ink);background:transparent;color:var(--ink);height:48px;min-width:190px;padding:0 13px;display:flex;align-items:center;gap:9px;text-align:left;cursor:pointer;font-size:14px;font-weight:650}.saved-mark{color:var(--pink);font-size:22px;line-height:1}.saved-count{margin-left:auto;font:600 12px var(--mono);background:var(--ink);color:var(--paper);min-width:24px;height:24px;border-radius:50%;display:grid;place-items:center}.saved-toggle[aria-pressed="true"]{background:var(--blue);color:#fff;border-color:var(--blue)}.saved-toggle[aria-pressed="true"] .saved-mark{color:#ff9fc2}.saved-toggle[aria-pressed="true"] .saved-count{background:var(--pink);color:var(--ink)}.list-meta{display:flex;justify-content:space-between;margin:28px 0 0;color:#554f49}.list-meta p{margin:0}.list-meta span{color:var(--pink)}.event-list{margin-top:10px;border-top:2px solid var(--ink)}.event-row{display:grid;grid-template-columns:70px minmax(210px,1.2fr) minmax(180px,.8fr) minmax(150px,.7fr) 48px;gap:20px;align-items:center;min-height:121px;border-bottom:1px solid #817a70;padding:17px 10px 17px 0;position:relative;transition:background-color .18s var(--ease),padding .18s var(--ease)}.event-number{align-self:stretch;display:grid;place-items:center start;color:#a42754;font-size:13px}.event-title{font:500 clamp(20px,2vw,27px)/1.14 var(--serif);letter-spacing:-.025em;margin:0}.event-title-button{border:0;padding:7px 4px;background:transparent;color:inherit;text-align:left;cursor:pointer}.event-title-button:focus-visible{outline-offset:0}.event-meta{color:var(--muted);font-size:10px;line-height:1.8}.event-meta strong{display:block;color:var(--ink);font:600 13px/1.4 var(--sans);letter-spacing:0}.event-category{display:inline-block;color:var(--blue);border-bottom:1px solid var(--pink);padding-bottom:2px}.open-arrow{width:44px;height:44px;justify-self:end;border:1px solid var(--ink);background:transparent;color:var(--ink);font-size:20px;cursor:pointer;transition:transform .18s var(--ease),background-color .18s,color .18s}.empty-state{text-align:center;padding:70px 20px 40px}.empty-star{font-size:38px;color:var(--pink)}.empty-state h3{font:500 46px/1.1 var(--serif);margin:10px 0}.empty-state p{color:var(--muted)}.reset-button{background:var(--blue);color:white;border:1px solid var(--ink);padding:13px 18px;min-height:48px;cursor:pointer;font-weight:650}.closing-note{position:relative;min-height:360px;background:var(--pink);border-block:2px solid var(--ink);padding:58px max(8vw,32px) 50px;overflow:hidden}.closing-index{position:relative;z-index:1}.closing-index span{margin-left:9px;color:var(--blue)}.closing-line{position:relative;z-index:1;font:500 clamp(57px,8.2vw,116px)/.91 var(--serif);letter-spacing:-.06em;margin:35px 0 0}.closing-line em{color:var(--ink)}.closing-link{position:absolute;right:max(8vw,32px);bottom:50px;min-height:44px;display:flex;align-items:center;gap:20px;text-decoration:none;border-bottom:1px solid var(--ink)}.closing-scribble{position:absolute;right:24%;top:-68px;font:400 420px/.8 var(--serif);color:#ff86ad;transform:rotate(-28deg);pointer-events:none}.footer{height:84px;border:0;border-top:1px solid var(--ink)}.footer p{margin:0;font-size:10px}.footer>a:last-child{min-height:44px;display:flex;align-items:center;text-decoration:none;font-size:13px;font-weight:650}.detail-dialog{width:min(680px,calc(100% - 32px));max-height:min(90dvh,850px);border:2px solid var(--ink);padding:clamp(24px,5vw,52px);background-color:var(--paper);color:var(--ink);box-shadow:10px 10px 0 var(--pink);overflow:auto}.detail-dialog::backdrop{background:#171522bb;backdrop-filter:grayscale(.3)}.detail-top{display:flex;justify-content:space-between;align-items:center}.detail-top .eyebrow{display:flex;gap:15px;margin:0}.detail-category{color:var(--blue)}.detail-index{color:var(--muted)}.icon-button{height:44px;width:44px;border:1px solid var(--ink);background:transparent;font-size:29px;line-height:1;cursor:pointer}.detail-dialog h2{font:500 clamp(42px,7vw,70px)/.98 var(--serif);letter-spacing:-.055em;margin:27px 0 16px}.detail-summary{font:400 19px/1.55 var(--serif);max-width:48ch}.detail-facts{display:flex;flex-wrap:wrap;gap:8px 20px;padding:17px 0;margin:24px 0;border-block:1px solid #817a70;color:var(--blue)}.detail-body{font:400 16px/1.65 var(--sans);max-width:58ch}.detail-body p{margin:0 0 12px}.detail-bottom{border-top:1px solid var(--line);padding-top:20px;margin-top:25px;display:flex;align-items:center;justify-content:space-between;gap:20px}.access-note{font:400 13px/1.5 var(--sans);color:var(--muted);max-width:34ch;margin:0}.save-button{min-height:48px;padding:10px 16px;white-space:nowrap;background:var(--pink);color:var(--ink);border:1px solid var(--ink);font-weight:700;cursor:pointer;box-shadow:3px 3px 0 var(--ink);transition:transform .18s var(--ease),box-shadow .18s var(--ease),background-color .18s}.save-button[aria-pressed="true"]{background:var(--blue);color:white}.save-button[aria-pressed="true"]:before{content:"✓ ";color:#ff9fc2}
@keyframes print-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes turn{to{transform:rotate(360deg)}}
@media(hover:hover) and (pointer:fine){.primary-link:hover,.save-button:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink);background-color:#f45b91}.shortlist-link:hover,.footer>a:last-child:hover,.closing-link:hover{text-decoration:underline;text-decoration-color:var(--blue);text-underline-offset:5px}.hero-art:hover .sunburst{animation-duration:25s}.saved-toggle:hover,.open-arrow:hover,.icon-button:hover{background:var(--blue);color:#fff}.event-row:hover{background:#f6e8ed;padding-left:12px}.event-row:hover .open-arrow{background:var(--pink);transform:rotate(-8deg)}.event-title-button:hover{color:var(--blue)}.reset-button:hover{background:var(--pink);color:var(--ink)}.wordmark:hover span{transform:rotate(35deg)}.closing-scribble:hover{color:var(--blue)}}
.primary-link:active,.save-button:active,.saved-toggle:active,.open-arrow:active,.icon-button:active,.reset-button:active,.event-title-button:active,a:active{transform:scale(.98)}.event-row:focus-within{outline:2px solid var(--blue);outline-offset:-2px;background:#f6e8ed}.saved-toggle:focus-visible,.primary-link:focus-visible,.save-button:focus-visible,.open-arrow:focus-visible,.icon-button:focus-visible,.reset-button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
@media(max-width:760px){.masthead,.footer{padding-inline:20px;height:66px}.edition{font-size:9px}.hero{padding:50px 24px 58px;grid-template-columns:1fr;gap:36px;min-height:auto}.hero-copy{padding:0;}.hero h1{font-size:clamp(76px,19vw,120px);margin-bottom:25px}.hero-bottom{align-items:start;gap:16px;flex-wrap:wrap}.hero-bottom p{font-size:15px}.hero-art{justify-self:center;width:min(100%,410px);max-height:410px}.big-date{font-size:clamp(100px,27vw,150px)}.art-stamp{width:70px;height:70px;font-size:9px}.hero-rule{left:24px;right:24px;font-size:9px}.browse{padding:80px 24px 88px}.browse-heading{grid-template-columns:1fr;gap:22px;margin-bottom:32px}.browse h2{font-size:clamp(62px,15vw,92px)}.browse-note{font-size:17px}.tool-row{grid-template-columns:1fr 1fr;gap:14px}.search-wrap{grid-column:1/-1}.saved-toggle{width:100%;min-width:0;justify-content:flex-start}.event-row{grid-template-columns:42px 1fr 44px;gap:8px 12px;padding:16px 0;min-height:110px}.event-number{grid-row:1/3;align-self:start;padding-top:8px}.event-title-button{grid-column:2;grid-row:1}.event-title{font-size:21px}.event-meta.place{grid-column:2;grid-row:2}.event-meta.price{display:none}.event-meta.category{grid-column:2;grid-row:3;font-size:9px}.open-arrow{grid-column:3;grid-row:1/3}.list-meta{font-size:9px}.closing-note{min-height:340px;padding:44px 24px}.closing-line{font-size:clamp(58px,14vw,88px)}.closing-link{right:24px;bottom:33px}.closing-scribble{font-size:280px;right:8%;top:20px}.footer p{max-width:160px;text-align:right;font-size:8px}.footer>a:last-child{display:none}.detail-bottom{align-items:flex-start;flex-direction:column}.save-button{width:100%}}
@media(max-width:390px){.edition{max-width:110px;text-align:center}.hero{padding-inline:20px}.hero-bottom{gap:12px}.primary-link{padding-inline:13px;gap:12px;font-size:14px}.hero-rule{left:20px;right:20px;font-size:8px;letter-spacing:.04em}.browse{padding-inline:20px}.tool-row{grid-template-columns:1fr}.search-wrap{grid-column:auto}.saved-toggle{height:48px}.list-meta p:last-child{font-size:8px}.event-row{grid-template-columns:32px 1fr 40px;gap:8px}.closing-note{padding-inline:20px}.closing-link{right:20px}.footer{padding-inline:16px}.footer p{font-size:7px}.footer .wordmark{font-size:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero-copy,.hero-art{animation:none}.sunburst{animation:none}}