@font-face{font-family:Literata;src:url('/artifacts/weekend-discovery--v1--s4--gpt-6-luna-codex--design-distinctive-websites--2026-10-12T09-54-44-858Z/assets/literata.ttf') format('truetype');font-weight:200 900;font-display:swap}
@font-face{font-family:DMSerif;src:url('/artifacts/weekend-discovery--v1--s4--gpt-6-luna-codex--design-distinctive-websites--2026-10-12T09-54-44-858Z/assets/dm-serif.ttf') format('truetype');font-display:swap}
@font-face{font-family:Plex;src:url('/artifacts/weekend-discovery--v1--s4--gpt-6-luna-codex--design-distinctive-websites--2026-10-12T09-54-44-858Z/assets/ibm-plex-mono.ttf') format('truetype');font-display:swap}
@font-face{font-family:Oswald;src:url('/artifacts/weekend-discovery--v1--s4--gpt-6-luna-codex--design-distinctive-websites--2026-10-12T09-54-44-858Z/assets/oswald.ttf') format('truetype');font-weight:200 700;font-display:swap}
:root{--paper:#f4f0e6;--paper-deep:#e9e3d5;--ink:#20271f;--muted:#6f756a;--line:#c9c6b9;--orange:#e95628;--green:#476552;--mono:Plex,'Courier New',monospace;--serif:Literata,Georgia,serif;--display:DMSerif,Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);-webkit-font-smoothing:antialiased}a{color:inherit}.masthead{height:86px;padding:0 5.55vw;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.wordmark{display:flex;align-items:center;gap:11px;text-decoration:none;font:10px/1.2 var(--mono);letter-spacing:.03em}.mark{display:grid;place-items:center;width:37px;height:37px;border:1px solid var(--ink);border-radius:50%;font:13px var(--display)}.mark span{color:var(--orange)}.mast-note,.top-link{font:9px/1.65 var(--mono);letter-spacing:.055em}.mast-note{text-align:center}.mast-note span{color:var(--muted)}.top-link{text-decoration:none;border-bottom:1px solid var(--orange);padding:7px 0}.top-link span{color:var(--orange);font-size:14px;margin-left:8px}.intro{position:relative;min-height:546px;padding:76px 8.4vw 54px;overflow:hidden;border-bottom:1px solid var(--line);display:flex;align-items:center}.intro-copy{position:relative;z-index:2;width:min(680px,64%)}.eyebrow,.control-label{font:10px var(--mono);letter-spacing:.08em}.eyebrow{display:flex;align-items:center;gap:10px;margin:0;color:#565d52}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px #e9562820}.eyebrow-rule{width:28px;height:1px;background:var(--orange);margin-left:4px}.intro h1{font:clamp(54px,6.2vw,88px)/.98 var(--display);letter-spacing:-.047em;margin:27px 0 18px;font-weight:400}.intro h1 em{font-family:Literata,Georgia,serif;font-weight:400;color:var(--green);letter-spacing:-.065em}.intro-deck{font-size:16px;line-height:1.65;max-width:430px;color:#54594f;margin:0}.jump-link{display:inline-flex;gap:24px;align-items:center;margin-top:30px;padding-bottom:7px;text-decoration:none;font:10px var(--mono);letter-spacing:.04em;border-bottom:1px solid var(--orange)}.jump-link span{font-size:15px;color:var(--orange)}.intro-art{position:absolute;right:8.6%;top:67px;width:380px;height:380px}.sun-disc{position:absolute;z-index:2;width:236px;height:236px;border-radius:50%;background:var(--orange);left:68px;top:68px;color:var(--paper);display:flex;align-items:center;justify-content:center}.disc-cross{font-size:105px;font-family:Georgia,serif;line-height:1;opacity:.9}.disc-label,.disc-coord{position:absolute;font:9px/1.5 var(--mono);letter-spacing:.07em}.disc-label{left:25px;top:42px}.disc-coord{right:23px;bottom:39px;text-align:right}.orbit{position:absolute;border:1px solid #a9ad9d;border-radius:50%;transform:rotate(-32deg)}.orbit-one{inset:17px 0 23px 0}.orbit-two{inset:0 36px 0 36px;transform:rotate(45deg)}.orbit-note{position:absolute;font:9px var(--mono);letter-spacing:.06em}.note-top{right:-20px;top:71px;transform:rotate(55deg)}.note-bottom{left:-25px;bottom:73px;transform:rotate(-35deg)}.art-day{position:absolute;z-index:3;font:9px/1.3 var(--mono);letter-spacing:.08em;text-align:center;background:var(--paper);border:1px solid var(--ink);border-radius:50%;width:48px;height:48px;padding-top:8px}.art-day b{font:16px var(--display)}.day-sat{top:34px;left:50px}.day-sun{right:27px;bottom:57px}.intro-foot{position:absolute;bottom:22px;left:8.4vw;right:8.4vw;display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:.06em;color:var(--muted)}
.fieldlog{padding:68px 8.4vw 0}.log-heading{display:flex;justify-content:space-between;align-items:end;padding-bottom:28px}.log-heading .eyebrow{font-size:9px;color:var(--orange);margin-bottom:12px}.log-heading h2{font:44px/.95 var(--display);margin:0;letter-spacing:-.04em;font-weight:400}.log-heading h2 span{font:10px var(--mono);letter-spacing:0;vertical-align:top;color:var(--orange);margin-left:9px}.log-description{font:11px/1.7 var(--mono);color:var(--muted);margin:0 0 3px}.controls{display:grid;grid-template-columns:minmax(260px,1fr) 240px 195px;align-items:end;gap:32px;padding:19px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--line)}.search-wrap,.category-wrap{display:flex;flex-direction:column;gap:9px}.control-label{font-size:9px;color:var(--muted)}.search-input-wrap{display:flex;align-items:center;gap:10px}.search-input-wrap>span{font-size:23px;line-height:1;color:var(--orange)}input,select{font:13px var(--serif);color:var(--ink);background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:6px 0 10px;outline:none;width:100%}input::placeholder{color:#8a8e83}select{appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%2320271f'/%3E%3C/svg%3E") no-repeat right 6px center;padding-right:24px}input:focus,select:focus{border-color:var(--orange);box-shadow:0 1px 0 var(--orange)}.saved-toggle{height:40px;background:var(--ink);color:var(--paper);border:0;padding:0 12px;display:flex;align-items:center;gap:9px;font:9px var(--mono);letter-spacing:.04em;cursor:pointer}.saved-toggle[aria-pressed=true]{background:var(--orange);color:white}.bookmark-icon{font:19px Georgia;color:#f2a386}.saved-count{margin-left:auto;font-size:10px}.result-line{height:50px;display:flex;align-items:center;justify-content:space-between;font:9px var(--mono);letter-spacing:.05em;color:var(--muted)}.result-line span:first-child{color:var(--ink)}.result-line i{color:var(--orange);font-style:normal;font-size:13px;margin-left:6px}.day-section{display:grid;grid-template-columns:130px minmax(0,1fr);border-top:1px solid var(--ink);padding:25px 0 28px;gap:30px}.day-marker{position:relative}.day-marker:after{content:'';position:absolute;left:14px;top:67px;bottom:0;width:1px;background:var(--line)}.day-name{font:10px var(--mono);letter-spacing:.07em;color:var(--orange)}.day-date{font:46px/.95 var(--display);margin-top:11px;letter-spacing:-.04em}.day-month{font:9px var(--mono);color:var(--muted);margin-top:5px}.specimens{display:flex;flex-direction:column}.event-row{display:grid;grid-template-columns:82px 1fr 70px;gap:21px;padding:14px 0 18px;border-bottom:1px solid var(--line);align-items:start}.event-row:first-child{padding-top:0}.event-time{font:10px/1.45 var(--mono);color:var(--muted);padding-top:4px;white-space:nowrap}.event-time b{display:block;font-weight:400;color:var(--ink);font-size:11px}.event-main{min-width:0}.event-topline{display:flex;align-items:center;gap:10px;margin-bottom:5px}.category-tag{font:8px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--green);border:1px solid #aeb8a9;padding:3px 6px}.event-title{font:22px/1.2 var(--display);letter-spacing:-.02em;font-weight:400;margin:0}.event-summary{font-size:12px;line-height:1.5;color:#5d6258;margin:6px 0 0;max-width:680px}.event-place{font:9px/1.55 var(--mono);color:var(--muted);margin-top:8px}.event-place b{color:var(--ink);font-weight:400}.open-item{align-self:center;justify-self:end;background:transparent;border:1px solid var(--line);border-radius:50%;height:42px;width:42px;font:17px Georgia;color:var(--orange);cursor:pointer;transition:background .15s,border-color .15s,transform .15s}.open-item:hover{background:var(--orange);color:white;border-color:var(--orange);transform:rotate(45deg)}.open-item span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.empty-state{min-height:230px;border-top:1px solid var(--ink);display:flex;align-items:center;gap:22px}.empty-stamp{display:grid;place-content:center;border:1px solid var(--orange);color:var(--orange);border-radius:50%;height:84px;width:84px;text-align:center;font:11px/1.25 var(--mono);transform:rotate(-12deg)}.empty-state h3{font:25px var(--display);font-weight:400;margin:0}.empty-state p{font-size:13px;color:var(--muted);margin:5px 0}.empty-state button{margin-left:auto;background:none;border:0;border-bottom:1px solid var(--orange);padding:8px 0;font:9px var(--mono);cursor:pointer}.page-foot{margin-top:26px;border-top:1px solid var(--ink);padding:18px 0 24px;display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:.04em;color:var(--muted)}.page-foot b{color:var(--orange);font-size:13px;margin:0 5px}
dialog{padding:0;border:1px solid var(--ink);background:var(--paper);color:var(--ink);width:min(660px,calc(100% - 32px));max-height:min(800px,calc(100% - 32px));box-shadow:8px 8px 0 var(--orange)}dialog::backdrop{background:#172018b8;backdrop-filter:blur(3px)}.detail-shell{padding:42px 48px 46px;position:relative}.detail-close{position:absolute;top:21px;right:22px;border:1px solid var(--line);background:transparent;border-radius:50%;width:38px;height:38px;font-size:21px;cursor:pointer}.detail-kicker{font:9px var(--mono);letter-spacing:.08em;color:var(--orange);margin:0 0 14px}.detail-title{font:clamp(37px,6vw,55px)/1.02 var(--display);letter-spacing:-.04em;font-weight:400;margin:0 40px 18px 0}.detail-category{display:inline-block;font:9px var(--mono);border:1px solid #aeb8a9;color:var(--green);padding:5px 8px;text-transform:uppercase;letter-spacing:.08em}.detail-body{font-size:15px;line-height:1.75;color:#4e544a;margin:24px 0}.detail-facts{border-top:1px solid var(--ink);border-bottom:1px solid var(--line);padding:16px 0;display:grid;grid-template-columns:1fr 1fr;gap:17px 24px}.fact-label{display:block;font:8px var(--mono);color:var(--muted);letter-spacing:.08em;margin-bottom:5px}.fact-value{font:13px/1.4 var(--serif)}.save-item{width:100%;margin-top:23px;padding:15px 18px;background:var(--ink);color:var(--paper);border:0;text-align:left;font:10px var(--mono);letter-spacing:.05em;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.save-item[aria-pressed=true]{background:var(--orange)}.save-item span:last-child{font-size:17px}.save-item:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #2475a5;outline-offset:3px}[hidden]{display:none!important}
@media(max-width:850px){.masthead{padding:0 5vw}.intro{padding-left:6vw;padding-right:6vw}.intro-art{right:1%;transform:scale(.82);transform-origin:center right;opacity:.88}.intro-copy{width:68%}.intro-foot{left:6vw;right:6vw}.fieldlog{padding-left:6vw;padding-right:6vw}.controls{grid-template-columns:1fr 185px;gap:20px}.saved-toggle{grid-column:1/-1;width:100%}.event-row{grid-template-columns:70px minmax(0,1fr) 48px;gap:14px}.event-title{font-size:20px}}
@media(max-width:600px){.masthead{height:68px;padding:0 20px}.mast-note{display:none}.top-link{font-size:8px}.intro{min-height:578px;padding:64px 23px 80px;align-items:flex-start}.intro-copy{width:100%}.eyebrow{font-size:8px;gap:7px;flex-wrap:wrap}.intro h1{font-size:clamp(47px,12.2vw,61px);line-height:1.02;margin-top:22px;max-width:540px}.intro-deck{max-width:320px;font-size:14px;line-height:1.55}.jump-link{margin-top:21px;font-size:9px}.intro-art{width:230px;height:230px;right:18px;top:auto;bottom:8px;transform:none;opacity:.94}.sun-disc{width:145px;height:145px;left:43px;top:42px}.disc-cross{font-size:67px}.disc-label,.disc-coord{font-size:6px}.disc-label{left:15px;top:25px}.disc-coord{right:13px;bottom:22px}.orbit-one{inset:9px 0 13px}.orbit-two{inset:0 22px}.orbit-note{font-size:6px}.note-top{right:-12px;top:42px}.note-bottom{left:-17px;bottom:45px}.art-day{height:34px;width:34px;font-size:6px;padding-top:5px}.art-day b{font-size:12px}.day-sat{top:21px;left:29px}.day-sun{right:15px;bottom:32px}.intro-foot{left:23px;right:23px;bottom:14px;font-size:7px;gap:8px}.intro-foot span:nth-child(2){display:none}.fieldlog{padding:49px 20px 0}.log-heading{align-items:flex-start;padding-bottom:22px}.log-heading h2{font-size:39px}.log-description{font-size:9px;max-width:130px;padding-top:10px}.log-description br{display:none}.log-heading .eyebrow{font-size:8px}.controls{grid-template-columns:1fr 1fr;gap:15px 17px;padding:16px 0}.control-label{font-size:8px}.search-wrap{grid-column:1/-1}.search-input-wrap input{font-size:13px}.category-wrap select{font-size:12px}.saved-toggle{grid-column:auto;align-self:end;padding:0 9px;font-size:8px;height:39px}.result-line{font-size:7px;height:43px}.result-line span:last-child{font-size:7px}.day-section{grid-template-columns:54px minmax(0,1fr);gap:13px;padding:18px 0 20px}.day-marker:after{left:8px;top:58px}.day-name{font-size:7px;letter-spacing:0}.day-date{font-size:36px;margin-top:8px}.day-month{font-size:7px}.event-row{grid-template-columns:1fr 40px;gap:5px 8px;padding:12px 0 14px}.event-row:first-child{padding-top:0}.event-time{grid-column:1;grid-row:1;font-size:8px;padding:0}.event-time b{display:inline;font-size:9px}.event-main{grid-column:1;grid-row:2}.event-topline{gap:7px;margin-bottom:4px}.category-tag{font-size:7px;padding:2px 5px}.event-title{font-size:19px;line-height:1.15}.event-summary{font-size:11px;line-height:1.48;margin-top:5px}.event-place{font-size:8px;margin-top:6px}.open-item{grid-column:2;grid-row:1/3;align-self:center;width:38px;height:38px}.empty-state{gap:13px;min-height:190px}.empty-stamp{width:64px;height:64px;font-size:9px;flex-shrink:0}.empty-state h3{font-size:20px}.empty-state p{font-size:11px}.empty-state button{font-size:7px;max-width:90px;text-align:right}.page-foot{font-size:7px;gap:8px}.page-foot span:last-child{text-align:right}.detail-shell{padding:38px 23px 28px}.detail-title{font-size:39px}.detail-body{font-size:14px}.detail-facts{gap:14px}.fact-value{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}