:root{--cardinal:#7b1e2b;--cardinal2:#451015;--gold:#d7a23a;--cream:#e9ddc5;--paper:#f8efd9;--ink:#251912;--espresso:#332019;--terracotta:#aa573b;--sage:#66705a;--line:#bba98b;--screen:#c8d0b2;--chrome:#b9b5aa;--blue:#315d72}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif;background-image:linear-gradient(rgba(72,46,29,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(72,46,29,.035) 1px,transparent 1px);background-size:22px 22px}.grain{position:fixed;inset:0;pointer-events:none;opacity:.23;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.15'/%3E%3C/svg%3E")}.site-header{height:76px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #6b4c3c;background:rgba(232,219,194,.95);position:sticky;top:0;z-index:10;box-shadow:0 3px 0 rgba(255,255,255,.55),0 5px 0 rgba(60,35,24,.12)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--cardinal2);font-weight:800;letter-spacing:.08em}.brand small{font:500 9px 'DM Mono',monospace;letter-spacing:.22em;color:#69584c}.seal{width:39px;height:39px;border:2px solid var(--cardinal);border-radius:50%;display:inline-grid;place-items:center;font-family:'Fraunces';font-size:15px;background:#dfc89e;box-shadow:inset 0 0 0 3px var(--cream),inset 0 0 0 4px var(--cardinal),2px 2px 0 #9e886d}nav{display:flex;gap:8px}.nav-link,.filter{border:0;background:transparent;font:inherit;cursor:pointer}.nav-link{padding:9px 13px;font:700 11px 'DM Mono',monospace;text-transform:uppercase;color:#645348}.nav-link.active{color:#fff4d8;background:var(--cardinal);box-shadow:2px 2px 0 #3d1715}.hero{min-height:585px;display:grid;grid-template-columns:1.35fr .65fr;gap:6vw;align-items:center;padding:66px 8vw 76px;position:relative;overflow:hidden;background:radial-gradient(circle at 15% 20%,rgba(215,162,58,.24),transparent 23%),linear-gradient(115deg,#dfcfad,#f5ead2 60%,#cfb996)}.hero:before{content:"www.igttybtap.local / café directory / v2.00";position:absolute;top:16px;left:8vw;font:500 9px 'DM Mono',monospace;color:#725b4a;letter-spacing:.08em}.hero:after{content:"";position:absolute;right:-4%;bottom:-80px;width:460px;height:260px;border-radius:50% 50% 0 0;background:repeating-radial-gradient(circle at center,var(--cardinal) 0 2px,transparent 3px 20px);opacity:.09}.sun{position:absolute;border-radius:50%;border:1px solid rgba(92,47,28,.16)}.sun1{width:390px;height:390px;left:-160px;top:-170px}.sun2{width:310px;height:310px;left:-120px;top:-130px}.eyebrow{font:700 10px 'DM Mono',monospace;letter-spacing:.17em;color:var(--cardinal);margin:0 0 14px}.y2k-label{display:inline-block;background:#26302a;color:#dce4bd;border:2px inset #8d8f80;padding:6px 9px;margin-bottom:18px;font:500 9px 'DM Mono',monospace;letter-spacing:.1em;box-shadow:3px 3px 0 rgba(55,36,27,.16)}.hero h1,.fav-intro h1{font-family:'Fraunces';font-size:clamp(58px,7.5vw,112px);line-height:.83;margin:0;letter-spacing:-.05em;color:var(--cardinal2)}.hero h1.igttybtap{font-family:'DM Mono',monospace;font-weight:500;font-size:clamp(48px,7vw,104px);letter-spacing:-.07em;text-shadow:3px 3px 0 #d6ad61,5px 5px 0 rgba(76,38,24,.18)}.hero-sub{margin:13px 0 22px;font:500 10px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.12em;color:#6f4f3e}h1 em,h2 em{color:var(--terracotta);font-weight:600}.hero-copy{font-family:'Fraunces';font-size:18px;line-height:1.55;color:#554237;max-width:650px}.search-wrap{margin-top:30px;background:#d7d3c7;border:2px outset #f4f1e8;box-shadow:4px 4px 0 #5b342a;max-width:620px;height:55px;display:flex;align-items:center;padding:0 14px;gap:12px}.search-wrap:before{content:"C:\\LA\\SPOTS>";font:500 9px 'DM Mono',monospace;color:#4e5446}.search-wrap input{border:1px inset #a39f94;outline:0;background:#edf0df;width:100%;font:500 12px 'DM Mono',monospace;color:#26302a;padding:8px}.search-wrap kbd{font:500 9px 'DM Mono',monospace;border:1px outset #eee;padding:4px 6px;background:#c7c3b8;color:#4c4941}.live-status{display:flex;gap:8px;align-items:center;margin-top:15px;font:500 9px 'DM Mono',monospace;color:#725e50}.live-status i{width:7px;height:7px;border-radius:50%;background:#a98470}.live-status i.live{background:#56734e;box-shadow:0 0 0 3px rgba(86,115,78,.16)}.postcard{background:#e9d6ae;border:1px solid #826650;transform:rotate(1.8deg);min-height:405px;padding:34px;position:relative;box-shadow:10px 12px 0 rgba(75,38,28,.13);background-image:linear-gradient(rgba(97,64,44,.06) 1px,transparent 1px);background-size:100% 24px}.postcard:before{content:"AIR MAIL / WWW";position:absolute;left:-8px;top:18px;background:#315d72;color:#f4ead5;padding:5px 9px;font:500 8px 'DM Mono',monospace;transform:rotate(-4deg)}.postcard>p{font:700 9px 'DM Mono',monospace;letter-spacing:.16em;color:#72584b}.postcard h3{font-family:'Fraunces';font-size:38px;line-height:1;margin:72px 0 5px;color:var(--cardinal2)}.postcard>span{font-family:'Fraunces';font-style:italic;color:#725b4b}.postmark{position:absolute;right:22px;top:22px;border:2px solid var(--cardinal);border-radius:50%;width:82px;height:82px;display:grid;place-content:center;text-align:center;font:500 9px 'DM Mono',monospace;letter-spacing:.1em;color:var(--cardinal);transform:rotate(-10deg)}.palm{font-size:45px;color:var(--gold)}.ticket-score{position:absolute;right:30px;bottom:60px;font:500 46px 'DM Mono',monospace;color:var(--cardinal);border-bottom:2px solid var(--cardinal)}.postcard-foot{position:absolute;bottom:20px;font:500 8px 'DM Mono',monospace;letter-spacing:.16em;color:#72594c}.marquee{overflow:hidden;background:#27302a;color:#dce4bd;border-top:2px inset #777d71;border-bottom:2px inset #777d71;padding:10px 0;white-space:nowrap;font:500 9px 'DM Mono',monospace;letter-spacing:.17em}.marquee span{display:block;width:max-content;animation:marquee 24s linear infinite}@keyframes marquee{to{transform:translateX(-40%)}}.explore-section{padding:50px 7vw 90px}.toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:13px;background:#c9c4b6;border:2px outset #ebe5d7;box-shadow:3px 3px 0 rgba(67,43,31,.16);margin-bottom:38px}.filters{display:flex;gap:7px;flex-wrap:wrap}.filter{padding:8px 14px;border:2px outset #e6e0d3;background:#c9c4b6;color:#493d35;font:700 10px 'DM Mono',monospace}.filter:hover,.filter.active{background:#7b1e2b;border-color:#9b4b50;color:#fff1d3}.sort-label{font:700 8px 'DM Mono',monospace;letter-spacing:.12em;color:#594a41}.sort-label select{margin-left:8px;background:#e9e6dc;border:2px inset #aaa59a;padding:5px;font:500 9px 'DM Mono',monospace;color:var(--ink)}.section-heading{display:flex;align-items:end;justify-content:space-between;margin:50px 0 25px}.section-heading h2{font-family:'Fraunces';font-size:38px;margin:0;color:var(--espresso)}.section-heading>p{font:500 9px 'DM Mono',monospace;color:#756255}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.spot-card{background:#f5ead3;border:1px solid #aa9679;padding:25px;min-height:245px;cursor:pointer;position:relative;transition:.2s;box-shadow:5px 5px 0 #b9a486}.spot-card.has-notes{min-height:390px}.spot-card:after{content:"www";position:absolute;right:8px;top:8px;font:500 7px 'DM Mono',monospace;color:#ad967e}.spot-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:repeating-linear-gradient(90deg,var(--cardinal) 0 18px,var(--gold) 18px 28px,#315d72 28px 42px);transform:scaleX(0);transform-origin:left;transition:.2s}.spot-card:hover{transform:translate(-2px,-4px);box-shadow:8px 9px 0 #a68f72}.spot-card:hover:before{transform:scaleX(1)}.rankline{display:flex;justify-content:space-between;align-items:start}.rank{font:700 8px 'DM Mono',monospace;letter-spacing:.1em;color:var(--terracotta)}.score{font:500 28px 'DM Mono',monospace;color:var(--cardinal)}.spot-card h3{font-family:'Fraunces';font-size:29px;line-height:1;margin:16px 0 5px;color:var(--espresso)}.area{font-family:'Fraunces';font-style:italic;color:#806b5c;font-size:13px}.amenities{display:flex;gap:7px;flex-wrap:wrap;margin-top:24px}.amenities span{font:500 9px 'DM Mono',monospace;padding:6px 8px;background:#ddd2b9;border:1px solid #baa887;color:#514138}.view{position:absolute;left:25px;bottom:22px;font:700 8px 'DM Mono',monospace;letter-spacing:.1em;color:var(--cardinal)}.sticky-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:34px 0 12px;padding:8px 4px 10px}.sticky{min-height:130px;padding:22px 16px 16px;position:relative;box-shadow:4px 6px 8px rgba(60,39,29,.16);font-family:'Fraunces';color:#4d3a2e;transform:rotate(-1.5deg);background:#e8d68f}.sticky:before{content:"";position:absolute;width:45%;height:18px;left:28%;top:-10px;background:rgba(219,202,164,.72);transform:rotate(1deg);box-shadow:0 1px 2px rgba(0,0,0,.08)}.sticky-1{background:#d9c5b1;transform:rotate(1.6deg)}.sticky-2{background:#cbd3ac;transform:rotate(-.6deg)}.sticky b{display:block;font:700 8px 'DM Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--cardinal);margin-bottom:9px}.sticky p{margin:0;font-size:14px;line-height:1.38}.sticky-compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:20px -8px 38px}.sticky-compact .sticky{min-height:82px;padding:15px 9px 10px}.sticky-compact .sticky:before{height:12px;top:-7px}.sticky-compact .sticky p{font-size:10px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.sticky-compact .sticky b{font-size:7px;margin-bottom:5px}.empty{padding:70px;text-align:center;border:1px dashed #927c63;font:500 16px 'DM Mono',monospace}.favorites-view{padding:80px 8vw 110px;min-height:75vh;background:radial-gradient(circle at 85% 15%,rgba(49,93,114,.13),transparent 24%),linear-gradient(120deg,#d8c7a7,#f1e5ce)}.fav-intro{text-align:center;max-width:800px;margin:auto}.fav-intro h1{font-size:clamp(52px,7vw,92px)}.fav-intro .hero-copy{margin:25px auto}.favorite-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:55px}.favorite-card{background:#f4ead3;border:1px solid #9c876d;padding:32px;text-align:center;min-height:300px;box-shadow:6px 7px 0 #b19a7d;position:relative}.favorite-card:before{content:"BOOKMARK_0";position:absolute;top:8px;left:9px;font:500 7px 'DM Mono',monospace;color:#9c846e}.favorite-card:nth-child(2){transform:translateY(20px)}.favorite-card h3{font-family:'Fraunces';font-size:30px;color:var(--cardinal2);margin:22px 0 8px}.favorite-score{font:500 38px 'DM Mono',monospace;color:var(--terracotta);margin-top:18px}.favorite-score small{font-size:10px}.modal{position:fixed;inset:0;background:rgba(27,18,14,.78);z-index:30;display:grid;place-items:center;padding:25px}.modal-card{background:#eee4ce;width:min(900px,100%);max-height:90vh;overflow:auto;border:3px outset #d4ccbd;padding:45px;position:relative;box-shadow:12px 14px 0 rgba(0,0,0,.23)}.modal-card:before{content:"SPOT_DETAILS.HTML";display:block;background:#6d1d28;color:#f6e6c3;margin:-45px -45px 32px;padding:7px 10px;font:500 8px 'DM Mono',monospace}.close{position:absolute;right:10px;top:2px;border:2px outset #ddd;background:#c9c4b8;font:700 17px 'DM Mono',monospace;color:#4a312a;cursor:pointer;width:27px;height:24px;line-height:15px}.modal-card h2{font-family:'Fraunces';font-size:45px;margin:0;color:var(--espresso)}.modal-score{font:500 48px 'DM Mono',monospace;color:var(--cardinal);margin:15px 0}.rating-table{width:100%;border-collapse:collapse;margin-top:30px;background:#f5ecd8}.rating-table th,.rating-table td{padding:12px;border:1px solid #cbb99b;text-align:center;font:500 11px 'DM Mono',monospace}.rating-table th:first-child{text-align:left}.rating-table thead th{font-size:8px;letter-spacing:.1em;color:#f5e6c7;background:#6c302c}footer{background:#2f211b;color:#dbc9a8;padding:45px 7vw;display:flex;justify-content:space-between;align-items:center;font:500 9px 'DM Mono',monospace;border-top:5px solid #6f1d28}footer .brand{color:#f2dcae}footer .seal{border-color:#d7a23a;box-shadow:inset 0 0 0 3px #2f211b,inset 0 0 0 4px #d7a23a}.hidden{display:none!important}@media(max-width:900px){.hero{grid-template-columns:1fr;padding:65px 6vw 55px}.postcard{display:none}.cards,.favorite-grid{grid-template-columns:1fr 1fr}.toolbar{align-items:flex-start;flex-direction:column}.site-header{padding:0 4vw}.brand small{display:none}.sticky-wrap{grid-template-columns:1fr}}@media(max-width:620px){.hero{min-height:540px}.hero h1.igttybtap{font-size:46px;letter-spacing:-.08em}.hero-copy{font-size:16px}.search-wrap:before{display:none}.cards,.favorite-grid{grid-template-columns:1fr}.favorite-card:nth-child(2){transform:none}.section-heading{align-items:flex-start;gap:15px;flex-direction:column}.explore-section{padding:35px 5vw 70px}.site-header .brand>span:nth-child(2){font-size:10px}.nav-link{font-size:9px;padding:8px}.modal-card{padding:38px 17px 25px}.modal-card:before{margin:-38px -17px 28px}.rating-table th,.rating-table td{padding:8px 3px;font-size:9px}.sticky-compact{grid-template-columns:repeat(3,1fr)}footer{flex-direction:column;align-items:flex-start;gap:20px}}
.least-pick .eyebrow{color:#6d584a}.least-pick .favorite-score{color:#6d584a}.least-pick .spot-cover-card img{filter:grayscale(.55) saturate(.7) contrast(.95)}