@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');@font-face{font-family:Chivo;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/chivo/chivo-latin-variable.woff2)format("woff2-variations")}:root{--primary-color:#2c3e50;--secondary-color:#c9a86c;--accent-color:#e74c3c;--text-color:#333;--text-light:#666;--nav-text:#999;--background:#f5f3ed;--background-alt:#f8f9fa;--background-dark:#000;--border-color:#e0e0e0;--shadow:0 2px 10px #0000001a;--shadow-hover:0 5px 20px #00000026;--navbar-bg:#fffffff2;--card-bg:#fff;--dropdown-bg:white;--site-max-width:1200px;--site-radius-sm:6px;--site-radius-md:8px;--site-focus-ring:0 0 0 3px #c9a86c59}[data-theme=dark]{--primary-color:#ecf0f1;--secondary-color:#d4b87a;--accent-color:#ff6b6b;--text-color:#e0e0e0;--text-light:#aaa;--nav-text:#888;--background:#121212;--background-alt:#1e1e1e;--background-dark:#000;--border-color:#333;--shadow:0 2px 10px #0000004d;--shadow-hover:0 5px 20px #0006;--navbar-bg:#1c1c1cfa;--card-bg:#1e1e1e;--dropdown-bg:#1e1e1e}:focus-visible{box-shadow:var(--site-focus-ring);outline:none}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-color);background-color:var(--background);font-family:Chivo,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}[data-theme=dark] body{background-color:var(--background);color:var(--text-color)}h1,h2,h3,h4,h5,h6{color:var(--primary-color);margin-bottom:1rem;font-family:Chivo,Georgia,serif;line-height:1.3}h1{font-size:2.5rem;font-weight:700}h2{font-size:2rem;font-weight:600}h3{font-size:1.5rem;font-weight:600}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4{color:var(--primary-color)}a{color:var(--secondary-color);text-decoration:none;transition:color .3s}a:hover{color:var(--accent-color)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.side-nav.visible{opacity:1;visibility:visible}.side-nav-dot.active{background:#fff;border-color:#000;transform:scale(1.2)}[data-theme=dark] .side-nav-dot{background:#ffffff40;border-color:#fff6}[data-theme=dark] .side-nav-dot:hover{background:#ffffff80}[data-theme=dark] .side-nav-dot.active{background:#fff;border-color:#fff6}[data-theme=dark] .side-nav-dot:before{color:#000;background:#fff}@media (width<=768px){body:has(.nav-links.mobile-open) .side-nav{display:none!important}}.navbar{z-index:9999;backdrop-filter:blur(10px);background-color:#fffffff2;border-bottom:1px solid #000;padding:1.5rem 0;position:sticky;top:0}body.nav-compact .navbar{padding:.4rem 0;box-shadow:0 2px 12px #00000014}body.nav-compact .navbar .logo,body.nav-compact .navbar .logo-image,body.nav-compact .navbar .logo-video{height:44px}body.nav-compact .navbar .wisdom-ticker{display:none}body.nav-compact .navbar .nav-links{gap:1rem}body.nav-compact .navbar .nav-links>li>a,body.nav-compact .navbar .nav-links>li>.dropdown-trigger{font-size:.92rem}body.nav-compact .navbar .navbar-contact-btn{gap:.45rem;padding:.55rem 1.2rem;font-size:.95rem}body.nav-compact .navbar .navbar-contact-btn svg{width:15px;height:15px}body.nav-compact .navbar .theme-toggle{padding:.35rem}body.nav-compact .navbar .theme-toggle-icon{width:18px;height:18px}[data-theme=dark] .navbar{background-color:var(--navbar-bg);border-bottom-color:#333}.navbar .container{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:1rem;width:100%;max-width:100%;padding:0 3rem;display:flex;position:relative}.logo{align-items:center;height:80px;margin-right:0;display:flex;position:relative}.logo-image{width:auto;height:80px;transition:opacity .3s,filter .3s}.logo-static{opacity:1;align-items:center;transition:opacity .3s;display:flex}.logo-video{opacity:0;pointer-events:none;max-width:none;height:80px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.logo:hover .logo-static{opacity:0}.logo:hover .logo-video{opacity:1;filter:brightness(1.1)}.logo:hover{filter:drop-shadow(0 0 8px #6b8e2366)}.nav-links{gap:1.25rem;list-style:none;display:flex;position:absolute;left:50%;transform:translate(-50%)}.nav-links a{color:var(--nav-text);text-transform:uppercase;letter-spacing:.5px;font-size:.95rem;font-weight:600;transition:color .3s;position:relative}.nav-links a:after{content:"";background-color:#000;width:0;height:2px;transition:width .3s;position:absolute;bottom:-5px;left:0}.nav-links a:hover{color:#000}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.nav-links a.active{color:#000}[data-theme=dark] .nav-links a:hover:after,[data-theme=dark] .nav-links a.active:after{background-color:#fff}[data-theme=dark] .nav-links a:hover,[data-theme=dark] .nav-links a.active{color:#fff}.nav-dropdown{position:relative}.nav-dropdown .dropdown-trigger{cursor:pointer}.nav-dropdown .dropdown-menu{opacity:0;visibility:hidden;z-index:1000;background:#fff;border-radius:12px;grid-template-columns:1fr 1fr;gap:.25rem 1.5rem;min-width:320px;margin-top:1rem;padding:1.25rem 1.5rem;transition:all .2s;display:grid;position:absolute;top:100%;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #00000026}[data-theme=dark] .nav-dropdown .dropdown-menu{background:var(--dropdown-bg);box-shadow:0 10px 40px #0006}.nav-dropdown .dropdown-menu:before{content:"";border-bottom:8px solid #fff;border-left:8px solid #0000;border-right:8px solid #0000;position:absolute;top:-8px;left:50%;transform:translate(-50%)}[data-theme=dark] .nav-dropdown .dropdown-menu:before{border-bottom-color:var(--dropdown-bg)}.nav-dropdown:hover .dropdown-menu{opacity:1;visibility:visible}.nav-dropdown .dropdown-menu a{color:#333;text-transform:none;letter-spacing:0;border-radius:6px;padding:.75rem .5rem;font-size:1rem;font-weight:600;transition:all .2s;display:block}[data-theme=dark] .nav-dropdown .dropdown-menu a{color:var(--text-color)}.nav-dropdown .dropdown-menu a:after{display:none}.nav-dropdown .dropdown-menu a:hover{color:#000;background:#f5f5f5}[data-theme=dark] .nav-dropdown .dropdown-menu a:hover{color:#fff;background:#2a2a2a}.nav-dropdown .dropdown-header{text-transform:uppercase;letter-spacing:.1em;color:#999;text-align:center;border-bottom:1px solid #eee;grid-column:1/-1;margin-bottom:.5rem;padding:.5rem .5rem .75rem;font-size:.75rem;font-weight:600}.dropdown-menu-icons{gap:.5rem!important;min-width:auto!important;padding:1rem!important;display:flex!important}.dropdown-icon-link{justify-content:center;align-items:center;transition:all .2s;color:#666!important;border-radius:8px!important;width:44px!important;height:44px!important;padding:0!important;display:flex!important}.dropdown-icon-link:hover{color:#000!important;background:#f0f0f0!important}.dropdown-icon-link svg{width:22px;height:22px}[data-theme=dark] .dropdown-icon-link{color:#ccc!important}[data-theme=dark] .dropdown-icon-link:hover{color:#fff!important;background:#444!important}.dropdown-menu-wide{min-width:400px!important;padding:1.5rem!important;display:block!important}.dropdown-columns{gap:2rem;display:flex}.dropdown-column{flex:1;min-width:140px}.dropdown-column .dropdown-header{text-align:left;border-bottom:1px solid #eee;grid-column:auto;margin-bottom:.75rem;padding-bottom:.5rem}.dropdown-menu-wide a{padding:.5rem!important;font-size:.95rem!important}.dropdown-wide-header{text-transform:uppercase;letter-spacing:.1em;color:#999;text-align:center;border-bottom:1px solid #000;margin-bottom:.75rem;padding-bottom:.5rem;font-size:.75rem;font-weight:600}[data-theme=dark] .dropdown-wide-header{border-bottom-color:#333}.footer{color:#fff;background-color:#1a1a1a;border-top:1px solid #ffffff1a;margin-top:0;padding:2.5rem 0}[data-theme=dark] .footer{background-color:#0a0a0a;border-top-color:#ffffff0d}.footer-content{text-align:center;flex-direction:column;align-items:center;gap:1.25rem;display:flex}.footer-content p{color:#fff6;margin:0;font-size:.85rem}.footer-links{flex-wrap:wrap;justify-content:center;gap:2rem;list-style:none;display:flex}.footer-links a{color:#fff9;letter-spacing:.3px;font-size:.85rem;transition:all .3s}.footer-links a:hover{color:var(--secondary-color)}[data-theme=dark] .page-header{background-color:var(--background-alt)}.page-header .container{text-align:left;max-width:1400px;margin:0 auto;padding:0 2rem}button[type=submit]{background-color:var(--secondary-color);color:#fff;cursor:pointer;box-shadow:var(--shadow);border:none;border-radius:6px;padding:.875rem 2rem;font-size:1rem;font-weight:600;transition:all .3s}button[type=submit]:hover{background-color:var(--primary-color);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.collection-layout.sidebar-collapsed{grid-template-columns:var(--collection-sidebar-collapsed-width,48px) minmax(0, 1fr)}.collection-sidebar.collapsed{min-width:var(--collection-sidebar-collapsed-width,48px);padding:var(--collection-sidebar-collapsed-padding,.75rem 0);width:var(--collection-sidebar-collapsed-width,48px)}@media (max-width:768px){.collection-layout,.collection-layout.sidebar-collapsed{min-height:auto;display:block}.collection-sidebar,.collection-sidebar.collapsed{border-bottom:1px solid var(--collection-sidebar-border,var(--border-color));border-right:0;width:auto;min-width:0;height:auto;max-height:none;padding:1rem 0;position:relative;top:0}}.collection-sidebar .list-dropdown.open .list-dropdown-btn svg{transform:rotate(180deg)}.collection-sidebar .list-dropdown.open .list-dropdown-menu{opacity:1;visibility:visible;transform:translateY(4px)}.collection-sidebar .list-dropdown-menu .list-option.active{color:var(--secondary-color);font-weight:600}.collection-sidebar.collapsed .sidebar-header{padding:var(--collection-sidebar-collapsed-header-padding,.5rem 0);justify-content:center;margin-bottom:0;border-bottom:0}.collection-sidebar.collapsed .sidebar-list-selector,.collection-sidebar.collapsed .sidebar-search,.collection-sidebar.collapsed .sidebar-browse-label,.collection-sidebar.collapsed .category-name,.collection-sidebar.collapsed .category-count,.collection-sidebar.collapsed .expand-icon,.collection-sidebar.collapsed .category-books,.collection-sidebar.collapsed .category-movies,.collection-sidebar.collapsed .category-essays,.collection-sidebar.collapsed .genre-movies{display:none!important}.collection-sidebar.collapsed .sidebar-collapse-btn{margin:0 auto}.collection-sidebar.collapsed .sidebar-category{min-height:38px;padding:var(--collection-sidebar-collapsed-category-padding,.5rem 0);justify-content:center;gap:0}.collection-sidebar.collapsed .category-icon{width:20px;height:20px}.collection-sidebar.collapsed .category-icon svg{width:18px;height:18px}.collection-layout.sidebar-collapsed .books-grid,.collection-layout.sidebar-collapsed .movies-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.site-search-filter:hover,.site-search-filter.active{border-color:var(--secondary-color);color:var(--secondary-color)}.hero-headline{letter-spacing:0;color:#000;margin-bottom:1rem;font-family:Chivo,sans-serif;font-size:3rem;font-weight:600;line-height:1.2}.hero-welcome{color:var(--text-color);max-width:22rem;margin-bottom:2rem;font-family:Chivo,sans-serif;font-size:1.1rem;font-weight:400;line-height:1.6}.snapshot-card.visible{opacity:1;visibility:visible;transform:translateY(-50%)translate(0)rotate(3deg)}.snapshot-card.visible:hover{transform:translateY(-50%)translate(-5px)rotate(0);box-shadow:0 15px 50px #0003}@keyframes flash-glow{0%,to{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}[data-theme=dark] .snapshot-card{background:var(--card-bg);border-color:var(--border-color);box-shadow:0 10px 40px #000a}[data-theme=dark] .snapshot-header{background:#0c0c0c}[data-theme=dark] .snapshot-label{color:var(--text-light)}[data-theme=dark] .snapshot-value{color:var(--text-color)}[data-theme=dark] .snapshot-row{border-bottom-color:#2a2a2a}[data-theme=dark] .snapshot-bio-link{color:var(--text-color);border-top-color:#2a2a2a}[data-theme=dark] .snapshot-bio-link:hover{color:var(--secondary-color)}@media (width<=1200px){.snapshot-card.visible{opacity:1;visibility:visible;transform:translateY(5px)}.snapshot-card.visible:hover{transform:translateY(5px)}.snapshot-card.visible:hover{transform:translate(-50%)translateY(5px)}}[data-theme=dark] .feature-card{background-color:var(--card-bg);border-color:var(--border-color)}[data-theme=dark] .feature-content{background:var(--card-bg)}[data-theme=dark] .feature-title{color:var(--primary-color)}[data-theme=dark] .feature-description{color:var(--text-color)}[data-theme=dark] .feature-kicker{color:var(--text-light)}.dot.active{background:#fff;border-radius:5px;width:30px}.essays-sidebar .sidebar-category:hover:not(.active) .category-icon svg,.essays-sidebar .sidebar-category:hover:not(.active) .category-name{color:#000;stroke:#000}.essays-sidebar .sidebar-category.active{color:#fff;background:#000;font-weight:600}.essays-sidebar .sidebar-category.active .category-name{color:#fff}.essays-sidebar .sidebar-category.active .category-count{color:#fff;background:#333}.essays-sidebar .sidebar-category.active .category-icon svg{stroke:#fff}.sidebar-category.active{color:#fff;background:#000;font-weight:600}.sidebar-category.active .category-name{color:#fff}.sidebar-category.active .category-count{color:#fff;background:#333}.sidebar-category.active .category-icon svg{stroke:#fff}.sidebar-category:hover:not(.active) .category-icon svg{stroke:#000}.sidebar-category:hover:not(.active) .category-name{color:#000}.books-sidebar.collapsed .sidebar-category{position:relative}.books-sidebar.collapsed .sidebar-category:hover:after{content:attr(data-tooltip);color:#fff;white-space:nowrap;z-index:1000;pointer-events:none;background:#1a1a1a;border-radius:6px;margin-left:8px;padding:10px 16px;font-size:.95rem;font-weight:600;position:absolute;top:50%;left:100%;transform:translateY(-50%);box-shadow:0 4px 12px #00000040}.books-sidebar.collapsed .category-count{color:#fff;background:#666;border-radius:7px;justify-content:center;align-items:center;min-width:14px;height:14px;padding:0 3px;font-size:.6rem;line-height:1;position:absolute;top:2px;right:8px;display:flex!important}.books-sidebar.collapsed .sidebar-category.active .category-count{background:#000}.movies-sidebar.collapsed .sidebar-category{position:relative}.movies-sidebar.collapsed .sidebar-category:hover:after{content:attr(data-tooltip);color:#fff;white-space:nowrap;z-index:1000;pointer-events:none;background:#1a1a1a;border-radius:6px;margin-left:8px;padding:10px 16px;font-size:.95rem;font-weight:600;position:absolute;top:50%;left:100%;transform:translateY(-50%);box-shadow:0 4px 12px #00000040}.movies-sidebar.collapsed .genre-count{color:#fff;background:#666;border-radius:7px;justify-content:center;align-items:center;min-width:14px;height:14px;padding:0 3px;font-size:.6rem;line-height:1;position:absolute;top:2px;right:8px;display:flex!important}.movies-sidebar.collapsed .sidebar-category.active .genre-count{background:#000}@keyframes arrowFlash{0%{opacity:0;transform:translateY(-50%)translate(-5px)}30%{opacity:1;transform:translateY(-50%)translate(0)}to{opacity:0;transform:translateY(-50%)translate(5px)}}.category-essays.expanded{max-height:1000px}.essay-link.active{color:var(--secondary-color);border-left-color:var(--secondary-color);background:#e7e5e4;font-weight:600}[data-theme=dark] .essays-main .article-full{background-color:transparent;box-shadow:none;padding:1.5rem 0}.essays-sidebar.collapsed{width:70px;min-width:70px}.essays-sidebar.collapsed .sidebar-browse-label,.essays-sidebar.collapsed .sidebar-list-selector,.essays-sidebar.collapsed .sidebar-search,.essays-sidebar.collapsed .category-name,.essays-sidebar.collapsed .category-count,.essays-sidebar.collapsed .expand-icon,.essays-sidebar.collapsed .category-essays{display:none}.essays-sidebar.collapsed .sidebar-header,.essays-sidebar.collapsed .sidebar-category{padding:.75rem}.essays-sidebar.collapsed .category-icon{margin:0}.essays-layout.sidebar-collapsed .essays-main .content-section{max-width:100%}.essays-sidebar.collapsed .sidebar-collapse-btn{transform:rotate(180deg)}[data-theme=dark] .meet-close:hover{background:#ffffff1a}[data-theme=dark] .meet-form{background:#1a1a1a;border-color:#333}[data-theme=dark] .meet-form-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23aaa' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}.view-toggle-btn.active{color:#fff;background:#000}@keyframes scrollCarousel{0%{transform:translate(0)}to{transform:translate(-50%)}}.category-expanded.active{justify-content:center;align-items:flex-start;display:flex}.books-sidebar .sidebar-category.active,.movies-sidebar .sidebar-category.active{color:#fff;background:#111;font-weight:700}.books-sidebar .sidebar-category.active .category-count,.movies-sidebar .sidebar-category.active .category-count,.movies-sidebar .sidebar-category.active .genre-count{color:#fff;background:#333}[data-theme=dark] .category-books,[data-theme=dark] .category-movies,[data-theme=dark] .genre-movies{background:var(--background-alt)}[data-theme=dark] .book-link:hover,[data-theme=dark] .book-link.active,[data-theme=dark] .book-link.is-highlighted{background:#2a2a2a;color:#fff}[data-theme=dark] .book-link.active .book-link-title,[data-theme=dark] .book-link.is-highlighted .book-link-title{color:var(--secondary-color)}.category-books.expanded,.category-movies.expanded,.genre-movies.expanded{max-height:2000px}.book-link.active,.movie-link.active{background:var(--taste-accent-soft);border-left-color:var(--taste-accent);font-weight:600}.books-sidebar.collapsed .show-all-link,.books-sidebar.collapsed .filter-label,.books-sidebar.collapsed .filter-rating-text,.books-sidebar.collapsed .timesread-slider-wrapper,.books-sidebar.collapsed .filter-timesread-icon,.books-sidebar.collapsed .sidebar-filter-section,.books-sidebar.collapsed .sidebar-footer,.movies-sidebar.collapsed .show-all-link,.movies-sidebar.collapsed .filter-label,.movies-sidebar.collapsed .filter-rating-text,.movies-sidebar.collapsed .timeswatched-slider-wrapper,.movies-sidebar.collapsed .filter-timeswatched-icon,.movies-sidebar.collapsed .sidebar-filter-section,.movies-sidebar.collapsed .sidebar-footer,.movies-sidebar.collapsed .genre-name,.movies-sidebar.collapsed .genre-count,.movies-sidebar.collapsed .genre-arrow{display:none!important}.books-sidebar.collapsed .sidebar-category:hover:after,.movies-sidebar.collapsed .sidebar-category:hover:after{color:#fff;content:attr(data-tooltip);pointer-events:none;white-space:nowrap;z-index:1000;background:#1a1a1a;border-radius:6px;margin-left:8px;padding:.55rem .75rem;font-size:.85rem;font-weight:600;position:absolute;top:50%;left:100%;transform:translateY(-50%);box-shadow:0 4px 12px #00000040}.books-sidebar.collapsed .category-count,.movies-sidebar.collapsed .genre-count{color:#fff;background:#666;border-radius:7px;justify-content:center;align-items:center;min-width:14px;height:14px;padding:0 3px;font-size:.6rem;line-height:1;position:absolute;top:2px;right:8px;display:flex!important}.books-sidebar.collapsed .sidebar-category.active .category-count,.movies-sidebar.collapsed .sidebar-category.active .genre-count{background:#000}.genre-movies.expanded{max-height:500px;overflow-y:auto}.adventures-page .container{max-width:1200px}.lightbox.active{display:flex}.adventures-page-split.sidebar-collapsed{grid-template-columns:96px 1fr}.sidebar-collapsed .adventures-sidebar-toggle svg{transform:rotate(180deg)}.sidebar-collapsed .adventures-sidebar-header{flex-direction:column;justify-content:center;gap:.5rem;padding:1rem 0}.sidebar-collapsed .adventures-sidebar-header h1,.sidebar-collapsed .adventures-count,.sidebar-collapsed .adventures-filters,.sidebar-collapsed .adventure-compact-info{display:none}.sidebar-collapsed .adventures-sidebar-toggle{margin-left:0}.sidebar-collapsed .adventures-compact-list{padding:.5rem}.sidebar-collapsed .adventure-compact-card{box-shadow:none;background:0 0;border:none;justify-content:center;gap:0;padding:0}.sidebar-collapsed .adventure-compact-card:hover,.sidebar-collapsed .adventure-compact-card.active{box-shadow:none;background:0 0;border:none}.sidebar-collapsed .adventure-compact-image{width:72px;height:72px}.filter-pill{background:var(--background-alt);border:1px solid var(--border-color);color:var(--text-light);cursor:pointer;border-radius:20px;padding:.4rem .75rem;font-family:inherit;font-size:.8rem;font-weight:600;transition:all .2s}.filter-pill:hover{border-color:var(--secondary-color);color:var(--secondary-color)}.filter-pill.active{color:#fff;background:#1a1a1a;border-color:#1a1a1a}.filter-pill span{opacity:.8;font-size:.7rem}[data-theme=dark] .adventures-compact-list{scrollbar-color:#444 transparent}[data-theme=dark] .adventures-compact-list::-webkit-scrollbar-thumb{background:#444}[data-theme=dark] .adventures-compact-list::-webkit-scrollbar-thumb:hover{background:#666}.adventure-compact-card.active{border-color:var(--secondary-color);background:#c9a86c14;box-shadow:0 2px 12px #c9a86c33}.adventures-main-map.leaflet-container,.adventure-map.leaflet-container{background:linear-gradient(#9db4c8 0%,#7895ad 100%)}.adventures-main-map .leaflet-overlay-pane svg,.adventure-map .leaflet-overlay-pane svg{filter:drop-shadow(0 8px 18px #18304529)}.adventures-main-map .leaflet-control-zoom{margin-top:80px;margin-right:15px}.leaflet-container img.leaflet-tile{mix-blend-mode:normal;outline:1px solid transparent}.now-marker{position:relative;width:22px;height:22px;pointer-events:auto}.now-marker .now-marker-dot{position:absolute;inset:6px;background:#ffd700;border:0;border-radius:50%;box-shadow:0 2px 8px #0007}.now-marker .now-marker-pulse{position:absolute;inset:0;background:#ffd70080;border-radius:50%;animation:nowPulse 1.8s ease-out infinite}@keyframes nowPulse{0%{transform:scale(.6);opacity:.9}100%{transform:scale(1.6);opacity:0}}.map-marker-popup .leaflet-popup-content-wrapper{background:#1a1a1a;color:#e8e8e8;border:1px solid #ffffff1a;border-radius:10px;box-shadow:0 6px 22px #000a;padding:.2rem}.map-marker-popup .leaflet-popup-content{margin:.7rem .9rem;font-family:Chivo,sans-serif;font-size:.85rem;font-weight:500;line-height:1.4;color:#e8e8e8}.map-marker-popup .leaflet-popup-content a{color:#ffd700}.map-marker-popup .leaflet-popup-tip{background:#1a1a1a;border:1px solid #ffffff1a}.map-marker-popup-now .leaflet-popup-content{margin:.9rem 1.05rem;min-width:170px}.now-popup-btn{display:inline-block;background:#ffd700;color:#000!important;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;padding:.4rem .9rem;border-radius:999px;text-decoration:none!important;border:1px solid #000;transition:transform .15s,background .15s}.now-popup-btn:hover{background:#000;color:#ffd700!important;transform:translateY(-1px)}.adventure-detail-overlay.active{transform:translate(0)}[data-theme=dark] .adventures-sidebar{background:var(--background);border-right-color:var(--border-color)}[data-theme=dark] .adventure-compact-card{background:var(--card-bg);border-color:var(--border-color)}[data-theme=dark] .adventure-compact-card.active{background:#c9a86c1a}[data-theme=dark] .adventure-detail-overlay{background:var(--card-bg)}[data-theme=dark] .filter-pill.active{color:#000;background:#fff}[data-theme=dark] .mobile-view-btn.active{color:#fff;border-bottom-color:#fff}[data-theme=dark] .mobile-view-btn:hover{color:#fff}@media (width<=968px){.mobile-view-btn.active{color:#1a1a1a;border-top-color:#1a1a1a}@media (max-width:768px){.adventures-page-split.sidebar-collapsed .adventures-sidebar-header{flex-direction:row;justify-content:space-between;padding:1rem;gap:0}.adventures-page-split.sidebar-collapsed .adventures-sidebar-header h1,.adventures-page-split.sidebar-collapsed .adventures-count{display:inline-block}.adventures-page-split.sidebar-collapsed .adventures-filters{display:flex}.adventures-page-split.sidebar-collapsed .adventure-compact-info{display:block}.adventures-page-split.sidebar-collapsed .adventures-compact-list{padding:1rem}.adventures-page-split.sidebar-collapsed .adventure-compact-card{box-shadow:none;background:var(--background-alt);border:1px solid var(--border-color);justify-content:flex-start;gap:.85rem;padding:.65rem}.adventures-page-split.sidebar-collapsed .adventure-compact-image{width:90px;height:90px}}}@media (width<=600px){.filter-pill{padding:.25rem .55rem;font-size:.7rem}.adventures-page-split.sidebar-collapsed .adventure-compact-card,.adventure-compact-card{padding:.35rem;gap:.55rem;margin-bottom:.3rem;border-radius:8px}.adventures-page-split.sidebar-collapsed .adventure-compact-image,.adventure-compact-image{width:40px;height:40px;border-radius:6px}}.map-controls-stack{z-index:700;color:#222;background:#fffffff5;border-radius:10px;flex-direction:column;align-items:flex-end;width:360px;max-width:calc(100vw - 24px);font-size:.82rem;transition:width .18s,box-shadow .18s;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 4px 16px #0000002e}.map-controls-stack:has(.map-controls-body[hidden]){border-radius:50%;width:40px;box-shadow:0 2px 10px #00000029}.map-controls-toggle{cursor:pointer;color:#444;background:0 0;border:none;border-radius:10px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;transition:background .15s,color .15s;display:inline-flex}.map-controls-stack:has(.map-controls-body[hidden]) .map-controls-toggle{border-bottom:none;border-radius:50%}.map-controls-toggle:hover{color:#111;background:#0000000d}.map-controls-toggle svg{width:18px;height:18px;display:block}.map-controls-body{border-top:1px solid #00000014;grid-template-columns:1fr 1fr;gap:.7rem 1rem;width:100%;padding:.7rem .9rem .9rem;display:grid}.map-controls-body[hidden]{display:none}.map-controls-group{min-width:0;margin:0}.map-controls-group:nth-child(5){grid-column:1/-1}.map-controls-label{text-transform:uppercase;letter-spacing:.06em;color:#555;margin-bottom:.35rem;font-size:.7rem;font-weight:600;display:block}.map-controls-check{cursor:pointer;align-items:center;gap:.45rem;padding:.18rem 0;display:flex}.map-controls-check input{margin:0}.map-controls-check span[style*=--poi-dot]:before{content:"";background:var(--poi-dot,#666);vertical-align:middle;border-radius:50%;width:9px;height:9px;margin-right:.35rem;display:inline-block}.map-controls-select{background:#fff;border:1px solid #0000002e;border-radius:6px;width:100%;padding:.3rem .4rem;font-size:.85rem}.map-controls-empty{color:#888;margin:0;font-size:.8rem}.photo-marker-bubble{background-position:50%;background-size:cover;border:2px solid #fff;border-radius:50%;width:36px;height:36px;box-shadow:0 2px 6px #0006}.adventure-marker-icon{background:0 0!important;border:0!important}.adventure-marker-icon .adv-marker-ring,.adventure-marker-icon .adv-marker-dot,.adventure-marker-icon .adv-marker-pulse{pointer-events:none;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.adventure-marker-icon .adv-marker-ring{background:radial-gradient(circle at 30% 30%,#e6c58a 0%,#c9a86c 48%,#8b6f3d 100%);width:22px;height:22px;transition:transform .18s,box-shadow .18s;box-shadow:0 0 0 1px #fffcf0d9,0 4px 10px #46321459,0 1px 2px #0000002e}.adventure-marker-icon .adv-marker-dot{background:#fffcf2;width:6px;height:6px}.adventure-marker-icon .adv-marker-pulse{z-index:-1;background:#c9a86c73;width:22px;height:22px;animation:2.6s cubic-bezier(.4,0,.4,1) infinite adv-marker-pulse}@keyframes adv-marker-pulse{0%{opacity:.55;transform:translate(-50%,-50%)scale(.85)}70%{opacity:0;transform:translate(-50%,-50%)scale(1.95)}to{opacity:0;transform:translate(-50%,-50%)scale(1.95)}}.adventure-marker-icon:hover .adv-marker-ring{transform:translate(-50%,-50%)scale(1.18);box-shadow:0 0 0 1px #fffcf0f2,0 6px 16px #46321473,0 2px 4px #00000040}.place-marker-icon{background:0 0!important;border:0!important}.place-marker-icon .place-marker-ring,.place-marker-icon .place-marker-dot{pointer-events:none;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.place-marker-icon .place-marker-ring{background:var(--marker-color,#2b6cb0);background:radial-gradient(circle at 30% 30%, color-mix(in srgb, var(--marker-color,#2b6cb0) 55%, #fff) 0%, var(--marker-color,#2b6cb0) 60%, color-mix(in srgb, var(--marker-color,#2b6cb0) 70%, #000) 100%);width:14px;height:14px;transition:transform .18s,box-shadow .18s;box-shadow:0 0 0 1px #ffffffd9,0 2px 6px #0000004d}.place-marker-icon .place-marker-dot{opacity:.92;background:#fff;width:4px;height:4px}.place-marker-icon:hover .place-marker-ring{transform:translate(-50%,-50%)scale(1.28);box-shadow:0 0 0 1px #fffffff2,0 4px 10px #0006}@media (width<=480px){.map-controls-stack{width:240px;font-size:.78rem}.map-controls-body{grid-template-columns:1fr;max-height:70vh;overflow-y:auto}.map-controls-group:nth-child(5){grid-column:1}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.funnel-option.selected{border-color:var(--secondary-color);background-color:#6b8e231a}.funnel-reaction.show{opacity:1;transform:translate(-50%)translateY(0)}.funnel-reaction.fade-out{opacity:0;transform:translate(-50%)translateY(-10px)}@keyframes confetti-bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-10px)}}@keyframes desperate-shake{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(-3px)rotate(-1deg)}50%{transform:translate(3px)rotate(1deg)}75%{transform:translate(-2px)rotate(-.5deg)}}@keyframes desperate-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@media (width<=1024px){.hero-headline{font-size:3rem}}@media (width<=768px){.container{padding:0 1rem}.hero-headline{font-size:2.5rem}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}}@media (width<=480px){.hero-headline{font-size:1.5rem}}.navbar-left,.navbar-right{flex-shrink:0;align-items:center;gap:1rem;display:flex}.wisdom-ticker{border-left:2px solid var(--border-color);width:380px;height:28px;padding-left:1rem;position:relative;overflow:hidden}.wisdom-ticker-track{animation:15s ease-in-out infinite wisdom-scroll;position:absolute;top:0;left:1rem}.wisdom-item{color:var(--nav-text);white-space:nowrap;letter-spacing:.3px;height:28px;font-size:.95rem;font-style:italic;font-weight:400;line-height:28px;text-decoration:none;transition:color .2s;display:block}.wisdom-item:hover{color:var(--secondary-color)}@keyframes wisdom-scroll{0%,15%{transform:translateY(0)}17%,32%{transform:translateY(-28px)}34%,49%{transform:translateY(-56px)}51%,66%{transform:translateY(-84px)}68%,83%{transform:translateY(-112px)}85%,to{transform:translateY(-140px)}}.theme-toggle{cursor:pointer;color:var(--nav-text);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex;-webkit-tap-highlight-color:transparent}.theme-toggle:focus{outline:none}.theme-toggle:focus-visible{outline:2px solid var(--secondary-color);outline-offset:2px}@media (hover:hover){.theme-toggle:hover{color:var(--text-color);background:var(--background-alt)}}.theme-toggle-icon{width:20px;height:20px;transition:transform .3s}.theme-toggle:hover .theme-toggle-icon{transform:rotate(20deg)}.theme-toggle .icon-sun{display:block}.theme-toggle .icon-moon,[data-theme=dark] .theme-toggle .icon-sun{display:none}[data-theme=dark] .theme-toggle .icon-moon{display:block}.navbar-contact{position:relative}.navbar-contact-btn{color:#000;cursor:pointer;letter-spacing:.5px;background:gold;border:2px solid #000;border-radius:30px;align-items:center;gap:.6rem;padding:.9rem 1.8rem;font-family:Chivo,sans-serif;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .3s;display:flex}.navbar-contact-btn:hover{color:gold;background:#000;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.navbar-contact-btn svg{width:18px;height:18px}.navbar-contact-dropdown{background:var(--dropdown-bg);opacity:0;visibility:hidden;z-index:1000;border-radius:12px;min-width:200px;padding:1.25rem;transition:all .3s;position:absolute;top:calc(100% + 10px);right:0;transform:translateY(-10px);box-shadow:0 10px 40px #00000026}.navbar-contact:hover .navbar-contact-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.navbar-contact-dropdown:before{content:"";border-left:8px solid #0000;border-right:8px solid #0000;border-bottom:8px solid var(--dropdown-bg);position:absolute;top:-8px;right:20px}.contact-dropdown-qr{text-align:center;border-bottom:1px solid var(--border-color);margin-bottom:1rem;padding-bottom:1rem}.contact-dropdown-qr img{border-radius:8px;width:120px;height:120px;margin-bottom:.5rem}.contact-dropdown-qr p{color:var(--nav-text);margin:0;font-size:.7rem}.contact-dropdown-links{flex-direction:column;gap:.5rem;display:flex}.contact-dropdown-links a{color:var(--text-color);border-radius:8px;align-items:center;gap:.75rem;padding:.5rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.contact-dropdown-links a:hover{background:var(--background-alt);color:var(--secondary-color)}.contact-dropdown-links a svg{opacity:.7;width:16px;height:16px}.contact-dropdown-links a:hover svg{opacity:1}[data-theme=dark] .theme-toggle:hover{background:#333}[data-theme=dark] .navbar-contact-btn{color:#000;background:gold;border-color:gold}[data-theme=dark] .navbar-contact-btn:hover{color:gold;background:#000;border-color:gold}[data-theme=dark] .navbar-contact-dropdown{box-shadow:0 10px 40px #00000080}@media (width<=1100px){.navbar-contact-btn span{display:none}.navbar-contact-btn{border-radius:50%;padding:.75rem}}@media (width<=1300px){.wisdom-ticker{display:none}}@media (width<=900px){.navbar-right{gap:.75rem}}@media (width<=768px){.theme-toggle span{display:none}.theme-toggle{padding:.5rem}}[data-theme=dark] .credibility-section{background-color:#1a1a1a}[data-theme=dark] .current-focus-section{background-color:#0a0a0a}[data-theme=dark] .btn-secondary{color:#fff;border-color:#fff}[data-theme=dark] .btn-secondary:hover{color:#121212;background:#fff}[data-theme=dark] .books-sidebar{background:#1a1a1a;border-right-color:#ffffff1a}[data-theme=dark] .books-sidebar::-webkit-scrollbar-thumb{background:#444}[data-theme=dark] .books-sidebar::-webkit-scrollbar-thumb:hover{background:#555}[data-theme=dark] .books-main{background:var(--background)}[data-theme=dark] .main-header .header-content h1,[data-theme=dark] .counter-number{color:#fff}[data-theme=dark] .counter-label{color:var(--text-light)}[data-theme=dark] .book-card{background-color:#2a2a2a;border-color:#ffffff1a}[data-theme=dark] .book-card:hover{box-shadow:0 4px 12px #0006}[data-theme=dark] .book-title{color:#fff}[data-theme=dark] .book-cover{background-color:#3a3a3a}[data-theme=dark] .rating-number{color:#fff}[data-theme=dark] .times-read-badge{background-color:var(--secondary-color);color:#1a1a1a}[data-theme=dark] .sidebar-header h3{color:#fff}[data-theme=dark] .sidebar-browse-label{color:#999}[data-theme=dark] .list-dropdown-btn{color:#fff}[data-theme=dark] .list-dropdown-menu{background:#2a2a2a;border-color:#444}[data-theme=dark] .list-dropdown-menu .list-option:hover{background:#333}[data-theme=dark] .sidebar-category{color:var(--text-color)}[data-theme=dark] .sidebar-category:hover{background:#ffffff0d}[data-theme=dark] .category-icon{background:transparent}[data-theme=dark] .collection-sidebar--taste,[data-theme=dark] .movies-sidebar.collection-sidebar--taste{--collection-collapse-color:#e0e0e0;--collection-collapse-hover-color:#fff;--collection-collapse-border:#666}[data-theme=dark] .movies-sidebar{background:#1a1a1a;border-right-color:#ffffff1a}[data-theme=dark] .movies-sidebar.collection-sidebar--taste{--collection-sidebar-bg:#1a1a1a;--collection-sidebar-border:#ffffff1a;--collection-search-bubble-bg:#2a2a2a;--collection-search-bubble-border:1px solid #ffffff14;--collection-sidebar-scrollbar:#444}[data-theme=dark] .movies-sidebar::-webkit-scrollbar-thumb{background:#444}[data-theme=dark] .movies-sidebar::-webkit-scrollbar-thumb:hover{background:#555}[data-theme=dark] .movies-sidebar .genre-count{color:#aaa;background:#2a2a2a}[data-theme=dark] .movies-sidebar .sidebar-category.active{background:var(--secondary-color);color:#1a1a1a}[data-theme=dark] .movies-sidebar .sidebar-category.active .category-name{color:#1a1a1a}[data-theme=dark] .movies-sidebar .sidebar-category.active .genre-count{background:#1a1a1a;color:#fff}[data-theme=dark] .category-icon svg,[data-theme=dark] .filter-label{color:var(--text-light)}[data-theme=dark] .view-toggle-btn{color:var(--text-light);background:#ffffff1a}[data-theme=dark] .view-toggle-btn.active{background:var(--secondary-color);color:#1a1a1a}[data-theme=dark] .view-toggle-btn:hover:not(.active){background:#ffffff26}[data-theme=dark] .category-grid-view{background:var(--background)}[data-theme=dark] .modal-content{background-color:#1a1a1a;border:1px solid #ffffff1a}[data-theme=dark] .modal-header{border-bottom-color:#ffffff1a}[data-theme=dark] .modal-title{color:#fff}[data-theme=dark] .category-count{color:var(--text-light);background:#ffffff26}[data-theme=dark] .sidebar-category.active{background:var(--secondary-color);color:#1a1a1a}[data-theme=dark] .sidebar-category.active .category-name{color:#1a1a1a}[data-theme=dark] .sidebar-category.active .category-count{color:#1a1a1a;background:#0003}[data-theme=dark] .books-sidebar.collapsed .sidebar-category.active .category-count,[data-theme=dark] .movies-sidebar.collapsed .sidebar-category.active .category-count,[data-theme=dark] .movies-sidebar.collapsed .sidebar-category.active .genre-count{background:#1a1a1a;color:#fff}[data-theme=dark] .sidebar-category.active .category-icon svg{stroke:#1a1a1a}[data-theme=dark] .sidebar-category:hover:not(.active) .category-icon svg{stroke:#fff}[data-theme=dark] .sidebar-category:hover:not(.active) .category-name{color:#fff}[data-theme=dark] .filter-star{color:#666}[data-theme=dark] .filter-star.full{color:gold}[data-theme=dark] .filter-star.half{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,gold 50%,#666 50%);-webkit-background-clip:text;background-clip:text}[data-theme=dark] .timesread-slider{background:#c9a86c4d}[data-theme=dark] .timesread-slider::-webkit-slider-thumb{background:var(--secondary-color)}[data-theme=dark] .timesread-slider::-moz-range-thumb{background:var(--secondary-color)}[data-theme=dark] .timesread-ticks .tick{background:var(--secondary-color)}[data-theme=dark] .timeswatched-slider{background:#c9a86c4d}[data-theme=dark] .timeswatched-slider::-webkit-slider-thumb{background:var(--secondary-color)}[data-theme=dark] .timeswatched-slider::-moz-range-thumb{background:var(--secondary-color)}[data-theme=dark] .timeswatched-ticks .tick{background:var(--secondary-color)}[data-theme=dark] .hero-cta-left{background-color:gold;border-color:gold}[data-theme=dark] .hero-cta-left:hover{background-color:#000;border-color:gold;box-shadow:0 8px 20px #ffd7004d}[data-theme=dark] .hero-cta-left h3{color:#000}[data-theme=dark] .hero-cta-left:hover h3{color:gold}[data-theme=dark] .hero-cta-left .cta-text{color:#333}[data-theme=dark] .hero-cta-left:hover .cta-text{color:#ccc}[data-theme=dark] .hero-cta-left .cta-link{color:#000}[data-theme=dark] .hero-cta-left:hover .cta-link{color:gold}[data-theme=dark] .hero-social-links a{color:#fff;background-color:#0000;border-color:#ffffff4d}[data-theme=dark] .hero-social-links a:hover{background-color:var(--secondary-color);border-color:var(--secondary-color);color:#1a1a1a}[data-theme=dark] .newsletter-cta-button{color:#000;background-color:gold;border-color:gold}[data-theme=dark] .newsletter-cta-button:hover{color:gold;background-color:#000;border-color:gold;box-shadow:0 8px 20px #ffd7004d}[data-theme=dark] .newsletter-cta-section{background:#1a1a1a;border-top:1px solid #333;border-bottom:1px solid #333}[data-theme=dark] .newsletter-cta-title{color:#fff}[data-theme=dark] .newsletter-cta-description{color:#ccc}[data-theme=dark] .newsletter-cta-input{color:#fff;background:#2a2a2a;border-color:#444}[data-theme=dark] .newsletter-cta-input::placeholder{color:#888}[data-theme=dark] .newsletter-cta-input:focus{border-color:gold;box-shadow:0 0 0 3px #ffd70033}[data-theme=dark] .newsletter-cta-disclaimer{color:#fff9}.mobile-menu-toggle{cursor:pointer;z-index:10003;background:0 0;border:none;outline:none;padding:.5rem;display:none}.mobile-menu-toggle:focus{box-shadow:none;outline:none}.mobile-menu-toggle:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.hamburger{flex-direction:column;gap:5px;width:24px;display:flex}.hamburger span{background-color:var(--text-color);width:100%;height:2px;transition:all .3s;display:block}.mobile-menu-toggle.active .hamburger span:first-child{transform:rotate(45deg)translate(5px,5px)}.mobile-menu-toggle.active .hamburger span:nth-child(2){opacity:0}.mobile-menu-toggle.active .hamburger span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}@media (width<=968px){html,body{max-width:100vw;overflow-x:hidden!important}body{padding-top:70px}.navbar{z-index:10002;background:#fff;border-bottom:1px solid #000;padding:.5rem 0;position:fixed;top:0;left:0;right:0}.navbar .container{flex-flow:row!important;justify-content:space-between!important;align-items:center!important;gap:.5rem!important;padding:0 1rem!important;display:flex!important}.navbar-left{flex:none}.wisdom-ticker{display:none}.logo,.logo-image,.logo-video{height:50px}.navbar-right{flex-wrap:nowrap;flex:none;align-items:center;gap:.5rem;display:flex}.navbar-contact{order:1}.navbar-contact-btn{align-items:center;gap:.4rem;color:#000!important;background:gold!important;border:2px solid #000!important;border-radius:25px!important;padding:.5rem 1rem!important;display:flex!important}.navbar-contact-btn span{font-size:.85rem;font-weight:600;color:#000!important;display:inline!important}.navbar-contact-btn svg{width:14px;height:14px;color:#000!important;stroke:#000!important}.navbar-contact-dropdown{display:none!important}.theme-toggle{order:2;padding:.4rem}.theme-toggle-icon{width:18px;height:18px}.mobile-menu-toggle{z-index:10005;background:0 0;border-radius:8px;order:3;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative}.nav-links{z-index:10001!important;box-sizing:border-box!important;background:#fff!important;flex-flow:column!important;justify-content:flex-start!important;align-items:stretch!important;gap:0!important;width:100vw!important;max-width:100vw!important;height:calc(100vh - var(--nav-height, 70px))!important;margin:0!important;padding:1.5rem!important;list-style:none!important;display:none!important;position:fixed!important;inset:var(--nav-height, 70px) 0 0!important;overflow:hidden auto!important;transform:none!important}[data-theme=dark] .nav-links{background:var(--background)!important}.nav-links.mobile-open{flex-flow:column!important;display:flex!important}.nav-links a:before,.nav-links a:after,.nav-links li:before,.nav-links li:after,.nav-dropdown .dropdown-trigger:before,.nav-dropdown .dropdown-trigger:after{content:none!important;display:none!important}.nav-links>li{border-bottom:1px solid #eee;position:relative;box-sizing:border-box!important;flex-shrink:0!important;width:100%!important;max-width:100%!important;list-style:none!important;display:block!important;overflow:hidden!important}.nav-links>li>a,.nav-links>li>.dropdown-trigger{cursor:pointer;font-weight:600;position:relative;color:#000!important;justify-content:space-between!important;align-items:center!important;padding:1rem 0!important;font-size:1.1rem!important;text-decoration:none!important;display:flex!important}.nav-dropdown>.dropdown-trigger:after{content:none!important;display:none!important}[data-theme=dark] .nav-links>li>a,[data-theme=dark] .nav-links>li>.dropdown-trigger{color:var(--text-color)!important}[data-theme=dark] .nav-links>li{border-bottom-color:#333}.nav-dropdown .dropdown-menu{visibility:hidden;max-height:0;transition:max-height .3s,padding .3s;overflow:hidden;box-shadow:none!important;opacity:1!important;background:#f5f5f5!important;border-radius:0!important;min-width:100%!important;margin:0!important;padding:0!important;position:static!important;transform:none!important}[data-theme=dark] .nav-dropdown .dropdown-menu{background:#1a1a1a!important}.nav-dropdown .dropdown-menu:before{display:none!important}.nav-dropdown.mobile-dropdown-open .dropdown-menu,.nav-dropdown.mobile-dropdown-open:hover .dropdown-menu{visibility:visible!important;opacity:1!important;max-height:500px!important;padding:1rem!important;display:block!important}.nav-dropdown:not(.mobile-dropdown-open):hover .dropdown-menu{visibility:hidden!important;max-height:0!important;padding:0!important;display:none!important}.dropdown-menu-wide{grid-template-columns:1fr;width:100%!important;min-width:100%!important;max-width:100%!important}.dropdown-wide-header{margin-bottom:.5rem}.dropdown-columns{flex-direction:row;gap:0;width:100%}.dropdown-column{flex-direction:column;gap:0;width:50%;display:flex;min-width:0!important}.dropdown-column a{padding:.75rem .5rem!important}.nav-dropdown.mobile-dropdown-open .dropdown-menu-icons,.nav-dropdown.mobile-dropdown-open:hover .dropdown-menu-icons{display:flex!important;flex-direction:row;justify-content:space-around;align-items:center;gap:0}.nav-dropdown>.dropdown-trigger{justify-content:space-between;align-items:center;width:100%;display:flex!important}.hero-headline{font-size:2.5rem}.hero-welcome{font-size:1.1rem}.snapshot-card.visible{transform:translate(-50%)translateY(5px)}}@media (width<=768px){.footer-content{text-align:center;flex-direction:column;gap:1rem}.footer-links{justify-content:center}}.filter-btn.active{background:var(--secondary-color);border-color:var(--secondary-color);color:#fff}[data-theme=dark] .quote-card:before{opacity:.1}.footer-note{color:var(--text-light);margin:.25rem 0 0;font-size:.9rem}.shelf-filter button.active,.shelf-filter button:hover{color:#f3f3f1}.shelf-object-stage.has-photo .shelf-object-mark{filter:none;justify-content:center;align-items:center;width:100%;height:100%;font-size:0;display:flex}.shelf-object-stage.has-photo:hover .shelf-object-mark,.shelf-object-stage.has-photo:focus-within .shelf-object-mark,.shelf-object:hover .shelf-object-stage.has-photo .shelf-object-mark,.shelf-object:focus-visible .shelf-object-stage.has-photo .shelf-object-mark{filter:none}@keyframes shelf-rise{0%{opacity:0;transform:translateY(18px)}}.js-zoom-grid.is-zoomed .js-zoom-item:not(.is-zoom-target){opacity:0;pointer-events:none;transition:opacity .28s}.js-zoom-grid .js-zoom-item{transition:opacity .28s;position:relative}.js-zoom-grid.is-zoomed .js-zoom-item.is-zoom-target{z-index:2}.js-zoom-grid.is-zoomed .js-zoom-item.is-zoom-target .js-zoom-detail{opacity:1;pointer-events:auto;transition:opacity .18s,transform .24s cubic-bezier(.22,1,.36,1);transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.js-zoom-grid,.js-zoom-item,.js-zoom-detail{transition:none}}.cool-tag-pill.active{background:var(--secondary-color);border-color:var(--secondary-color);color:#000}.cool-tag-pill.active .count{opacity:.75}.cool-content .container{padding-top:16px}.cool-tab.active{background:var(--secondary-color);color:#000}.timeline-month.collapsed .timeline-month-chev{transform:rotate(-90deg)}.timeline-month.collapsed .timeline-entries{display:none}.timeline-entry.active{color:var(--primary-color);background:var(--background-alt);border-left-color:var(--secondary-color);font-weight:600}.timeline-entry.active:before{background:var(--secondary-color);width:6px;height:6px;top:10px;left:-16px}.ion-filter-btn.active{color:#fff;background:#000;border-color:#000}[data-theme=dark] .ion-filter-btn.active{color:#000;background:#fff;border-color:#fff}[data-theme=dark] .stats-rewatch-title{color:var(--text-color)}.category-tag:hover,.category-tag.active{border-color:var(--secondary-color);color:var(--secondary-color)}.people-sidebar .sidebar-category:hover:not(.active) .category-icon svg,.people-sidebar .sidebar-category:hover:not(.active) .category-name{color:#000;stroke:#000}.people-sidebar .sidebar-category.active{color:#fff;background:#000;font-weight:600}.people-sidebar .sidebar-category.active .category-name{color:#fff}.people-sidebar .sidebar-category.active .category-count{color:#fff;background:#333}.people-sidebar .sidebar-category.active .category-icon svg{stroke:#fff}.people-source-filter-btn.active{color:#fff;background:#000;border-color:#000}.people-source-filter-btn.active .people-source-count{color:#fff;background:#333}.people-sidebar.collapsed .people-source-filter{display:none}.people-layout.sidebar-collapsed .people-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}[data-theme=dark] .person-image-container{background:var(--background-alt);border-color:var(--border-color)}.person-detail-modal.open{opacity:1;pointer-events:auto}[data-theme=dark] .person-detail-copy h2{color:var(--text-color)}[data-theme=dark] .person-detail-profile-link{color:var(--text-color);border-color:var(--text-color)}[data-theme=dark] .person-detail-profile-link:hover{color:#111;background:var(--text-color)}[data-theme=dark] .person-detail-book-link{color:var(--text-color);background:var(--background-alt)}[data-theme=dark] .person-detail-book-link:hover{color:var(--text-color)}[data-theme=dark] .person-profile-intro h1{color:var(--text-color)}[data-theme=dark] .person-profile-thesis{color:var(--text-light)}[data-theme=dark] .person-profile-section-header h2{color:var(--text-color)}[data-theme=dark] .person-timeline-item{border-left-color:#444}[data-theme=dark] .person-timeline-item:before{border-color:#444}[data-theme=dark] .person-timeline-item time{color:var(--text-color)}[data-theme=dark] .person-timeline-item h3{color:var(--text-color)}[data-theme=dark] .person-resource-card{color:var(--text-color);background:var(--background-alt)}[data-theme=dark] .person-resource-card:hover{color:var(--text-color)}[data-theme=dark] .movie-card,[data-theme=dark] .project-card,[data-theme=dark] .challenge-card{background-color:var(--card-bg);border-color:var(--border-color)}[data-theme=dark] .movie-title{color:var(--text-color)}[data-theme=dark] .podcast-category-badge{background:var(--background-alt);color:var(--text-light)}[data-theme=dark] .podcast-cover-placeholder{background:var(--background-alt);color:var(--text-color)}[data-theme=dark] .movie-card:hover,[data-theme=dark] .project-card:hover,[data-theme=dark] .challenge-card:hover{box-shadow:0 4px 12px #0008}.loading{text-align:center;color:var(--text-light);padding:3rem}.ico-stroke{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.ico-fill{fill:currentColor;stroke:none}.ico-18{width:18px;height:18px}.ico-24{width:24px;height:24px}@media (max-width:768px){.collection-mobile-toggle .mobile-view-btn.active{color:var(--text-color);border-bottom-color:var(--text-color)}.collection-layout.mobile-list-view>.collection-sidebar.collapsed .sidebar-list-selector,
.collection-layout.mobile-list-view>.collection-sidebar.collapsed .sidebar-search,
.collection-layout.mobile-list-view>.collection-sidebar.collapsed .sidebar-filter-section,
.collection-layout.mobile-list-view>.collection-sidebar.collapsed .sidebar-browse-label,
.collection-layout.mobile-list-view>.collection-sidebar.collapsed .sidebar-footer,
.collection-layout.mobile-list-view>.collection-sidebar.collapsed .category-name,
.collection-layout.mobile-list-view>.collection-sidebar.collapsed .category-count,
.collection-layout.mobile-list-view>.collection-sidebar.collapsed .expand-icon{display:flex!important}.collection-layout.mobile-list-view>.collection-sidebar.collapsed .category-name{display:inline-block!important}.collection-layout.mobile-list-view>.collection-sidebar.collapsed .sidebar-category{justify-content:flex-start;gap:.75rem;padding:.65rem 1.5rem;min-height:44px}.collection-layout.mobile-list-view>.collection-sidebar.collapsed .category-books,
.collection-layout.mobile-list-view>.collection-sidebar.collapsed .category-movies,
.collection-layout.mobile-list-view>.collection-sidebar.collapsed .category-essays,
.collection-layout.mobile-list-view>.collection-sidebar.collapsed .genre-movies{display:block!important}}@media (max-width:768px){.collection-mobile-toggle .mobile-view-btn.active{color:var(--text-color);border-top-color:var(--text-color)}.collection-layout.mobile-list-view>.collection-sidebar.collapsed .sidebar-list-selector,
.collection-layout.mobile-list-view>.collection-sidebar.collapsed .sidebar-search,
.collection-layout.mobile-list-view>.collection-sidebar.collapsed .sidebar-filter-section,
.collection-layout.mobile-list-view>.collection-sidebar.collapsed .sidebar-browse-label,
.collection-layout.mobile-list-view>.collection-sidebar.collapsed .sidebar-footer,
.collection-layout.mobile-list-view>.collection-sidebar.collapsed .category-name,
.collection-layout.mobile-list-view>.collection-sidebar.collapsed .category-count,
.collection-layout.mobile-list-view>.collection-sidebar.collapsed .expand-icon{display:flex!important}.collection-layout.mobile-list-view>.collection-sidebar.collapsed .category-name{display:inline-block!important}.collection-layout.mobile-list-view>.collection-sidebar.collapsed .sidebar-category{justify-content:flex-start;gap:.75rem;padding:.65rem 1.5rem;min-height:44px}.collection-layout.mobile-list-view>.collection-sidebar.collapsed .category-books,
.collection-layout.mobile-list-view>.collection-sidebar.collapsed .category-movies,
.collection-layout.mobile-list-view>.collection-sidebar.collapsed .category-essays,
.collection-layout.mobile-list-view>.collection-sidebar.collapsed .genre-movies{display:block!important}}@media (max-width:768px){[data-theme=dark] .movie-stats-panel{background-color:var(--card-bg);border-color:var(--border-color)}[data-theme=dark] .stats-headline-card,[data-theme=dark] .stats-extreme-card{background-color:var(--background-alt)}[data-theme=dark] .stats-headline-value,[data-theme=dark] .stats-section-title,[data-theme=dark] .stats-extreme-name{color:var(--text-color)}[data-theme=dark] .stats-bar-track{background-color:#333}}[data-theme=dark] .detail-tag--tech{background:#0c4a6e;color:#bae6fd}[data-theme=dark] .detail-tag--topic{background:#78350f;color:#fde68a}/* Dark-mode override for taste sidebar category text. Base rule sets
   color:#222 (hard-coded for light bg). In dark mode the sidebar bg is
   #1a1a1a, so dark-on-dark text is invisible. */
[data-theme=dark] .books-sidebar .sidebar-category,
[data-theme=dark] .movies-sidebar .sidebar-category{color:#e0e0e0}[data-theme=dark] .books-sidebar .sidebar-category .category-name,
[data-theme=dark] .movies-sidebar .sidebar-category .category-name{color:#e0e0e0}[data-theme=dark] .books-sidebar .sidebar-category:hover:not(.active),
[data-theme=dark] .movies-sidebar .sidebar-category:hover:not(.active){background:#2a2a2a}[data-theme=dark] .books-sidebar .sidebar-category:hover:not(.active) .category-name,
[data-theme=dark] .books-sidebar .sidebar-category:hover:not(.active) .category-icon svg,
[data-theme=dark] .movies-sidebar .sidebar-category:hover:not(.active) .category-name,
[data-theme=dark] .movies-sidebar .sidebar-category:hover:not(.active) .category-icon svg{color:#fff;stroke:#fff}[data-theme=dark] .books-sidebar .category-icon svg,
[data-theme=dark] .movies-sidebar .category-icon svg{stroke:#ccc;color:#ccc}/* Dark-mode scrollbar fix. Taste sidebar var defaulted to a light gray
   (#d1d5db) that read as a tan strip against the dark sidebar bg. */
[data-theme=dark] .books-sidebar.collection-sidebar--taste,
[data-theme=dark] .movies-sidebar.collection-sidebar--taste{--collection-sidebar-scrollbar:#444}[data-theme=dark] .books-sidebar::-webkit-scrollbar-thumb,
[data-theme=dark] .movies-sidebar::-webkit-scrollbar-thumb,
[data-theme=dark] .collection-sidebar::-webkit-scrollbar-thumb{background:#444}[data-theme=dark] .books-sidebar::-webkit-scrollbar-thumb:hover,
[data-theme=dark] .movies-sidebar::-webkit-scrollbar-thumb:hover,
[data-theme=dark] .collection-sidebar::-webkit-scrollbar-thumb:hover{background:#666}/* Dark-mode: map controls (settings cog) panel — adventures page */
[data-theme=dark] .map-controls-stack{color:#e8e8e8;background:#1c1c1ce6;box-shadow:0 2px 12px #0007}[data-theme=dark] .map-controls-stack:has(.map-controls-body[hidden]){box-shadow:0 2px 10px #0008;background:#1c1c1cf2}[data-theme=dark] .map-controls-toggle{color:#d0d0d0}[data-theme=dark] .map-controls-toggle:hover{color:#fff;background:#ffffff14}[data-theme=dark] .map-controls-body{border-top-color:#ffffff1f}[data-theme=dark] .map-controls-label{color:#bdbdbd}[data-theme=dark] .map-controls-check{color:#e0e0e0}[data-theme=dark] .map-controls-check input[type=checkbox]{accent-color:#d4b87a}[data-theme=dark] .map-controls-select{background:#1a1a1a;color:#eee;border-color:#ffffff26}[data-theme=dark] .map-controls-select:focus{border-color:#d4b87a;outline:none}[data-theme=dark] .map-controls-empty{color:#888}/* Dark-mode: Leaflet zoom controls (+/-) on adventures map */
[data-theme=dark] .leaflet-bar{background:#1c1c1ce6;border:1px solid #ffffff1f;box-shadow:0 2px 10px #0007}[data-theme=dark] .leaflet-bar a,
[data-theme=dark] .leaflet-control-zoom-in,
[data-theme=dark] .leaflet-control-zoom-out{background:#1c1c1ce6;color:#e8e8e8;border-bottom-color:#ffffff1f}[data-theme=dark] .leaflet-bar a:hover,
[data-theme=dark] .leaflet-control-zoom-in:hover,
[data-theme=dark] .leaflet-control-zoom-out:hover{background:#2a2a2a;color:#fff}[data-theme=dark] .leaflet-bar a.leaflet-disabled{background:#1a1a1a;color:#555}/* Kill the browser focus rectangle that Chrome/Android draws around
   focusable Leaflet SVG paths (visited-country fills, etc). It renders
   as a giant axis-aligned box around the path's bounding rect on tap.
   Leaflet's own hover styling provides the affordance. */
.leaflet-container path:focus,
.leaflet-container path:focus-visible,
.leaflet-container path.leaflet-interactive:focus,
.leaflet-container svg:focus{outline:none}/* Mobile: lift the trip carousel above the fixed List/Map toggle bar
   so the bottom cards aren't clipped. Toggle is ~56px + safe-area. */
/* Removed the 56px lift: .adventures-page-split height already deducts
   the toggle bar + safe-area, so any extra bottom offset on the carousel
   leaves a dead grey band between cards and the List/Map toggle. */

/* Books grid: keep card + cover wrapper fully transparent in dark mode
   even on hover / focus / active. Previously :focus-within filled the
   card with --background-alt (#1e1e1e), producing visible grey "filler"
   bands around portrait covers (letterbox of object-fit:contain) and
   below the cover before the metadata. Hover affordance now comes from
   a soft outer glow rather than a fill. */
[data-theme=dark] .book-card,
[data-theme=dark] .book-card:hover,
[data-theme=dark] .book-card:focus-within,
[data-theme=dark] .book-card:active{background:transparent!important;border-color:transparent!important}[data-theme=dark] .book-card .book-cover-wrapper,
[data-theme=dark] .book-card:hover .book-cover-wrapper,
[data-theme=dark] .book-card:focus-within .book-cover-wrapper{background:transparent!important}[data-theme=dark] .book-card:hover{box-shadow:0 4px 18px #0006!important}/* ---- Useful Resources page (/free-resources.html) ----
   Entire page was rendering unstyled; markup had no matching rules.
   Layout: hero intro, responsive grid of resource cards, Why-Free
   prose, Request-a-Resource panel. */
.resources-content{max-width:1100px;margin:0 auto;padding:3rem 1.5rem 5rem}[data-theme=dark] .resource-card,[data-theme=dark] .request-card{background:#1a1a1a;border-color:#ffffff14}[data-theme=dark] .resource-card:hover{border-color:var(--secondary-color);box-shadow:0 8px 24px #0007}[data-theme=dark] .collection-cta-row .btn-secondary{border-color:#ffffff26;color:#e8e8e8}[data-theme=dark] .collection-cta-row .btn-secondary:hover{border-color:var(--secondary-color);color:var(--secondary-color)}/* Projects + Challenges header parity with books/movies/people on mobile:
   shrink h1 from 2.5rem to 2rem and pull subtitle font-size to match
   the collection-header treatment. */
@media (max-width:600px){
  #projects-layout .main-header .header-content h1,
  #challenges-layout .main-header .header-content h1{font-size:2rem;line-height:1.15}
  #projects-layout .main-header .header-content p,
  #challenges-layout .main-header .header-content p{font-size:.95rem;line-height:1.4}
}::view-transition-image-pair(*),::view-transition-group(*){animation-duration:.55s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-new(root){animation:vt-fade-in .55s cubic-bezier(.22,1,.36,1) both,vt-slide-up .55s cubic-bezier(.22,1,.36,1) both}@keyframes vt-fade-out{to{opacity:0}}@keyframes vt-fade-in{from{opacity:0}}@keyframes vt-slide-up{from{transform:translateY(14px)}}/* Pin the morphed cover above the new page during the transition so it
   reads as ONE element scaling rather than two layers crossfading. */
::view-transition-group(book-cover-),
::view-transition-group(movie-poster-){z-index:10}/* Work/Explore mode toggle — sits next to the theme toggle. Inherits
   the same circle-button styling as .theme-toggle. Clicking flips
   between the "digger" stick figure (work) and the "explorer" stick
   figure with backpack + hand at brow. */
.work-mode-toggle{cursor:pointer;color:var(--nav-text);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex;position:relative;width:36px;height:36px;-webkit-tap-highlight-color:transparent}.work-mode-toggle:focus{outline:none}.work-mode-toggle:focus-visible{outline:2px solid var(--secondary-color);outline-offset:2px}@media (hover:hover){.work-mode-toggle:hover{color:var(--text-color);background:var(--background-alt)}}[data-theme=dark] .work-mode-toggle:hover{background:#333}.work-mode-icon{width:20px;height:20px;position:absolute;inset:auto;top:50%;left:50%;transform:translate(-50%,-50%) scale(.7) rotate(-10deg);opacity:0;transition:opacity .25s,transform .35s cubic-bezier(.22,1,.36,1)}.work-mode-toggle[data-mode="work"] .icon-digger,
.work-mode-toggle[data-mode="explore"] .icon-explorer{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}body.nav-compact .navbar .work-mode-toggle{padding:.35rem;width:32px;height:32px}body.nav-compact .navbar .work-mode-icon{width:18px;height:18px}@media (max-width:968px){.work-mode-toggle{order:2}.theme-toggle{order:3}.mobile-menu-toggle{order:4}}@media (max-width:600px){.work-mode-toggle{padding:.4rem;width:32px;height:32px}.work-mode-icon{width:18px;height:18px}}/* Personal mode — flips the site's gold accent to a warmer terracotta
   so the visual change between work and personal is immediately
   obvious. CSS variables cascade through every nav-link / button /
   card that uses var(--secondary-color) or var(--accent-color). */
[data-mode="personal"]{--secondary-color:#d77a5e;--accent-color:#c25a3c}[data-theme=dark][data-mode="personal"]{--secondary-color:#e89379;--accent-color:#e87a5c}/* Circular-wipe transition for the work/personal toggle. The JS
   click handler animates clip-path on ::view-transition-new(root)
   from a 0-radius circle at the button to a full-screen circle so
   the new state appears to "ink in" from the click point. Disable
   the default crossfade on old/new so only the clip animation runs. */
::view-transition-old(root){z-index:0}::view-transition-new(root){z-index:1}/* Mode-conditional copy on the homepage hero: work mode shows the
   professional headline, personal mode keeps the casual intro. */
[data-mode="work"] .hero-headline .mode-personal,
[data-mode="work"] .hero-welcome .mode-personal,
[data-mode="personal"] .hero-headline .mode-work,
[data-mode="personal"] .hero-welcome .mode-work{display:none}/* Stack the work + personal welcome variants in the same grid cell so
   the taller (personal paragraph) defines the height and socials sit
   at the SAME absolute Y position in both modes. Inactive variant is
   visibility:hidden so it still reserves space. */
.hero-headline,.hero-welcome{display:grid}.hero-headline > span,.hero-welcome > span{grid-area:1/1;align-self:start}[data-mode="work"] .hero-headline .mode-personal,
[data-mode="work"] .hero-welcome .mode-personal,
[data-mode="personal"] .hero-headline .mode-work,
[data-mode="personal"] .hero-welcome .mode-work{visibility:hidden;display:block}/* Hover tooltip for the work/personal + light/dark toggles. Reveals
   after a 1s hover delay so it doesn't pop on quick mouse fly-bys. */
.work-mode-toggle,.theme-toggle{position:relative}.work-mode-toggle::after,.theme-toggle::after{content:attr(data-tooltip);position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);background:#111;color:#fff;padding:.35rem .6rem;border-radius:6px;font-size:.72rem;font-weight:500;white-space:nowrap;pointer-events:none;opacity:0;z-index:10010}/* No fade when leaving — fading reveals the underlying hover label
   for 150ms, looking like a second tooltip flash. Instant hide. */
.work-mode-toggle:not(.show-hover-tip):not(.show-toast)::after,
.theme-toggle:not(.show-hover-tip):not(.show-toast)::after{transition:none}.work-mode-toggle[data-mode="work"]::after{content:attr(data-tooltip-work)}.work-mode-toggle[data-mode="explore"]::after{content:attr(data-tooltip-explore)}/* Hover tooltip is JS-driven (.show-hover-tip class) so a click can
   cancel a pending or visible tip. The native :hover rule would race
   with click. */
.work-mode-toggle.show-hover-tip::after,.theme-toggle.show-hover-tip::after{opacity:1}/* Click confirmation toast: data-toast holds the message, .show-toast
   reveals it instantly and JS removes the class after 1500ms. */
.work-mode-toggle.show-toast::after,.theme-toggle.show-toast::after{content:attr(data-toast);opacity:1}[data-theme=dark] .work-mode-toggle::after,[data-theme=dark] .theme-toggle::after{background:#fff;color:#111}[data-theme=dark] .sidebar-collapse-btn:hover{color:#fff;background:#ffffff1f;border-color:#ffffff40}/* Inter variable for the home-page hero — matches the emilkowal.ski
   look the user referenced. The @import lives at the top of this file
   (CSS spec requires @import before any other rules); the font-family
   override is kept here. */
.hero-headline,.hero-welcome,.hero-welcome-work,.hero-work-now{font-family:'Inter',-apple-system,BlinkMacSystemFont,Chivo,sans-serif;letter-spacing:-.01em}/* Map filter checkbox grid — Layers + POI categories laid out in two
   columns so the controls panel takes half the vertical space. */
/* Personal-mode headline grid was sized by the (hidden but
   visibility-only) work-mode content, leaving an empty 2nd line below
   "Hi I'm Jevan." Truly hide the work span in personal mode so the
   headline collapses to its single-line natural height and the
   welcome paragraph sits directly underneath. */
/* Personal mode: collapse the hidden work-mode headline so the
   "Hi I'm Jevan." line sits flush above the welcome paragraph. */
[data-mode="personal"] .hero-headline .mode-work{display:none}/* Work mode: clamp the personal-text welcome ghost to 2 lines so
   the welcome cell stays exactly 2 lines tall in work mode. That
   plus the 2-line work headline = 4 lines total, matching personal
   mode's 1-line headline + 3-line welcome = 4 lines. Result:
   socials sit at the same Y across both modes. */
[data-mode="work"] .hero-welcome .mode-personal{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}/* Mobile header symmetry: align the hero image and the hamburger
   button to the same viewport edge distance as the logo (1rem from
   each side). Hero container was 1.5rem padding which left the
   image inset further than the logo; hamburger had 8px inner
   padding pushing its visible icon further from the edge than the
   logo's visible edge on the other side. Pull both back to match. */
@media (max-width: 768px){
  /* Higher specificity (.hero ancestor) so we beat the per-page
     index.css rule .hero-container{padding:0 1.5rem} at
     @media (width<=968px), which is loaded after chrome.css. */
  .hero .hero-container{padding-left:1rem;padding-right:1rem}
  .navbar .mobile-menu-toggle{margin-right:-8px}
}/* Nav hover indicator: small down-pointing triangle drops in from
   above the text on hover (was previously a right-arrow from the
   left). Layout doesn't shift because the marker is absolute. */
.navbar .nav-links > li > a,
.navbar .nav-links > li > .dropdown-trigger{position:relative}.navbar .nav-links > li > a::before,
.navbar .nav-links > li > .dropdown-trigger::before{content:"\25B2";position:absolute;left:50%;top:100%;transform:translate(-50%,-4px);font-size:.62em;line-height:1;opacity:0;color:currentColor;pointer-events:none;transition:opacity .18s ease,transform .22s cubic-bezier(.65,0,.35,1)}@media (hover:hover){.navbar .nav-links > li > a:hover::before,
  .navbar .nav-links > li > .dropdown-trigger:hover::before{opacity:1;transform:translate(-50%,2px)}/* Drop the underline-grow on hover now that the chevron is the
     hover indicator. Keep it for the .active state so the current
     page still reads at a glance. */
  .navbar .nav-links > li > a:hover::after,
  .navbar .nav-links > li > .dropdown-trigger:hover::after{width:0}}/* Field Notes / newsletter CTA — left-align the eyebrow, title,
   description and form so the section reads as a left-flush block
   instead of a centered hero. */
.newsletter-cta-container{text-align:left}/* Trip carousel wrap has display:flex set via a class rule, which
   overrides the user-agent rule for the hidden attribute. Re-assert
   display:none at matching specificity so toggling the Adventures
   layer actually hides the strip. */
.adventures-map-carousel-wrap[hidden]{display:none}/* People detail modal close button: pin to the viewport, but sit
   BELOW the navbar (the navbar uses backdrop-filter which creates a
   stacking context above the modal regardless of z-index, so we
   cannot overlap it). 64px clears the compact-nav height + a small
   gap. Larger top offset on safe-area devices for notch dodge. */
.person-detail-modal.open .person-detail-close{position:fixed;top:max(64px,calc(env(safe-area-inset-top,0) + 64px));right:max(.75rem,env(safe-area-inset-right,0));z-index:10010}.map-controls-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:.75rem;row-gap:.1rem}.map-controls-grid .map-controls-check{padding:.18rem 0;min-width:0}.map-controls-grid .map-controls-check span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (width<=480px){.navbar .container{padding:0 1rem}.nav-links{padding:1rem!important}.hero-headline{font-size:2rem}.hero-welcome{font-size:1rem}}@media (max-width:768px){.books-grid,.movies-grid,
.collection-layout.sidebar-collapsed .books-grid,
.collection-layout.sidebar-collapsed .movies-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.75rem!important}body{padding-top:67px}body.nav-compact{padding-top:58px}}