:root{--bg:#392006;--surface:#56340B;--text:#FFF0CB;--st:#FFF9EC;--button:#FFB522;--bt:#23150F;--accent:#E87945;--border:#786345}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:5px}header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;gap:30px}.wordmark{font-size:30px;font-weight:750;letter-spacing:-1.5px;white-space:nowrap}.wordmark span{color:var(--button);margin-left:12px}nav{display:flex;gap:32px;font-size:14px}#nav-count{border:1px solid var(--border);padding:1px 6px;border-radius:50%;margin-left:5px}.button{background:var(--button);color:var(--bt);border:0;display:inline-block;padding:16px 26px;font-weight:600;border-radius:3px}.button:hover{filter:brightness(1.08)}.small{font-size:13px;padding:12px 20px}.hero{position:relative;min-height:710px;height:calc(100svh - 92px);max-height:980px;overflow:hidden;background:var(--surface)}.hero-photo{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;transition:background-image .4s}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(24,12,2,.76),transparent 85%),linear-gradient(0deg,rgba(24,12,2,.65),transparent 55%);pointer-events:none}.hero-copy{position:relative;z-index:1;padding:100px 4% 150px;max-width:850px}.eyebrow{font-size:11px;letter-spacing:2.8px;font-weight:600}.hero h1{font-size:clamp(64px,6.7vw,110px);line-height:.98;letter-spacing:-5px;font-weight:500;margin:50px 0 24px}.hero-copy>p:not(.eyebrow){max-width:390px;margin:0 0 30px;font-size:18px}.carousel{position:absolute;z-index:2;bottom:43px;left:4%;right:4%;display:flex;align-items:center;gap:20px}.carousel button{background:transparent;color:var(--text);border:1px solid var(--border);width:44px;height:44px;border-radius:50%;font-size:20px}.carousel #play{font-size:12px}.tracks{display:flex;gap:8px;flex:1;margin:0 16px}.tracks button{height:3px;border:0;border-radius:0;flex:1;background:var(--border)}.tracks button.active{background:var(--button)}#slide-count{font-size:12px;white-space:nowrap}.next-label{font-size:11px;max-width:95px}.photo-note{position:absolute;z-index:2;right:4%;bottom:12px;font-size:9px;opacity:.75}.section{padding:90px 5%;scroll-margin-top:10px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:44px}h2{font-size:clamp(40px,4.5vw,72px);line-height:1.04;font-weight:500;letter-spacing:-2px;margin:20px 0 0}.section-head>p{max-width:390px;font-size:17px}.filterbar{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--border);padding:24px 0}.filterbar button,.themes button{background:transparent;color:var(--text);padding:8px 17px;border:1px solid var(--border);margin-right:8px;border-radius:30px;font-size:13px}.filterbar button.active{background:var(--text);color:var(--bg)}.saved-filter{font-size:13px;display:flex;align-items:center;gap:6px}.places{display:grid;grid-template-columns:repeat(3,1fr);gap:38px 25px}.place-image{height:245px;background-size:cover;background-position:center;position:relative}.place-image button{position:absolute;right:14px;top:14px;border:0;border-radius:50%;width:38px;height:38px;background:var(--bg);color:var(--text);font-size:21px}.place-image button.saved{background:var(--button);color:var(--bt)}.place-meta{display:flex;justify-content:space-between;margin:18px 0 8px;font-size:10px;letter-spacing:1.6px;color:var(--accent);text-transform:uppercase}.place h3{font-size:24px;letter-spacing:-.7px;font-weight:500;margin:5px 0}.place p{font-size:14px;opacity:.85;min-height:42px}.place-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);padding-top:15px;font-size:12px}.place-bottom button{background:none;color:var(--text);border:0;padding:4px 0}.place-bottom button:disabled{color:var(--button);cursor:default}.source-note,.micro{font-size:12px;opacity:.7;line-height:1.6}.source-note{margin-top:35px;max-width:850px}.planner{background:var(--surface);color:var(--st)}.themes{margin-bottom:36px;display:flex;gap:8px}.themes button{padding:13px 19px}.plan-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:70px}.settings{display:flex;gap:20px;margin-bottom:24px}.settings label{font-size:12px;flex:1}input,select{display:block;border:1px solid var(--border);background:var(--bg);color:var(--text);padding:12px;width:100%;margin-top:7px;border-radius:2px;color-scheme:dark}input[type=checkbox]{width:auto;display:inline;margin:0;accent-color:var(--button)}.stop{display:grid;grid-template-columns:34px 1fr auto;gap:13px;padding:22px 0;border-top:1px solid var(--border)}.stop-num{color:var(--button);font-size:12px;padding-top:5px}.stop h3{margin:0;font-weight:500;font-size:21px}.stop-time{font-size:12px;color:var(--text)}.stop-controls{display:flex;gap:6px;align-items:center;margin-top:13px}.stop-controls input{width:65px;margin:0;padding:4px 8px;font-size:12px}.stop-controls label{font-size:11px;display:flex;align-items:center;gap:8px}.reorder{display:flex;gap:5px;align-items:flex-start}.reorder button{padding:5px 8px;background:none;color:var(--st);border:1px solid var(--border)}button:disabled{opacity:.45;cursor:default}.text-button{display:inline-block;background:none;border:0;color:var(--text);text-decoration:underline;text-underline-offset:6px;padding:12px 0;font-size:13px}aside{padding:25px 30px;background:var(--bg);align-self:start}#diagram{margin:25px 0}.diagram-stop{position:relative;padding:0 0 24px 35px;border-left:1px solid var(--border);margin-left:12px;font-size:14px}.diagram-stop:last-child{padding-bottom:0;border:0}.diagram-stop:before{content:attr(data-num);position:absolute;left:-12px;top:0;background:var(--button);color:var(--bt);border-radius:50%;width:24px;height:24px;text-align:center;line-height:24px;font-size:11px}.summary{border-top:1px solid var(--border);padding-top:20px;font-size:22px}.summary small{display:block;font-size:13px;margin-top:7px;color:var(--accent)}aside .button{width:100%;margin-top:16px}#status{font-size:12px;opacity:.8}.empty{padding:35px 0;color:var(--text)}.about{display:grid;grid-template-columns:1fr 1fr;gap:20px 80px}.about>.eyebrow{grid-column:1/-1}.about h2{margin:0}.about>div{max-width:480px}.about p{margin-top:0}footer{border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:35px 5%;font-size:12px}@media(max-width:800px){header{height:76px;padding:0 5%}header>.button{display:none}.wordmark{font-size:25px}nav{gap:16px;font-size:12px}nav a:last-child{display:none}.hero{min-height:660px;height:calc(100svh - 76px)}.hero-photo{background-position:60% center}.hero-copy{padding:80px 6% 135px}.hero h1{font-size:65px;letter-spacing:-3.5px;margin:44px 0 24px}.hero-copy>p:not(.eyebrow){font-size:16px;max-width:300px}.carousel{gap:12px;left:6%;right:6%}.tracks{margin:0;gap:4px}.next-label{display:none}.carousel button{width:36px;height:36px}.section{padding:58px 6%}.section-head{display:block}.section-head>p{margin-top:25px}.places{grid-template-columns:1fr 1fr}.place-image{height:210px}.plan-grid{grid-template-columns:1fr;gap:30px}.themes{flex-wrap:wrap;gap:10px}.themes button{margin:0}.about{display:block}.about>div{margin-top:30px}footer{flex-wrap:wrap;gap:20px}footer span:last-child{display:none}}@media(max-width:480px){.places{grid-template-columns:1fr}.place-image{height:270px}.filterbar{flex-direction:column}#filters{display:flex;flex-wrap:wrap;gap:7px}.filterbar button{margin:0}.hero h1{font-size:59px}.hero-copy{padding-top:64px}.reorder{flex-direction:column}.stop{grid-template-columns:22px 1fr 30px;gap:8px}aside{padding:23px}.settings{gap:10px}nav{gap:12px}.wordmark{font-size:23px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.hero{height:calc(92svh - 92px);min-height:670px}.carousel .tracks button{height:3px;width:auto}.place-image:after{content:"AI-created atmosphere";position:absolute;bottom:8px;left:10px;font-size:9px;color:#fff9ec;background:#392006b8;padding:2px 5px}@media(max-width:800px){.hero{height:calc(96svh - 76px);min-height:660px}}
