@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Italiana&display=swap');
:root{--cream:#f9f4df;--forest:#172921;--lime:#d7e69d;--serif:'Italiana',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--cream);color:var(--forest);font:16px/1.65 'DM Sans',sans-serif}a{color:inherit}button{font:inherit;cursor:pointer}[hidden]{display:none!important}header{padding:20px 5%;display:flex;justify-content:space-between;align-items:center;background:var(--forest);color:var(--cream)}header>a:last-child{font-size:13px}.brand{font:38px/1 var(--serif);text-decoration:none}.brand small{display:block;font:8px/2 'DM Sans',sans-serif;letter-spacing:.23em;margin-top:6px}.hero{min-height:75svh;background:linear-gradient(90deg,#0b221bc0,#0b221b10),url('assets/manali-dawn.jpg') center/cover;color:var(--cream);padding:80px 8%;clip-path:polygon(0 0,100% 0,100% 99%,90% 100%,80% 99%,70% 100%,60% 99%,50% 100%,40% 99%,30% 100%,20% 99%,10% 100%,0 99%)}.eyebrow{font-size:11px;letter-spacing:.2em;font-weight:600}h1{font:clamp(60px,8vw,110px)/1.02 var(--serif);letter-spacing:-.04em;margin:25px 0}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:14px 23px;border:1px solid currentColor;border-radius:100px;text-decoration:none;background:var(--forest);color:var(--cream);font-size:12px;letter-spacing:.07em}.hero .button{background:transparent;margin-top:20px}.button:hover{background:var(--lime);color:var(--forest)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #c68f25;outline-offset:5px}.intro{text-align:center;max-width:650px;margin:70px auto 35px;padding:0 24px}h2{font:clamp(46px,5.5vw,72px)/1.05 var(--serif);margin:24px 0}.trip-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:0 auto 40px;padding:0 20px}.trip-nav a{padding:10px 17px;border:1px solid #17292140;border-radius:50px;text-decoration:none;font-size:13px}.trip-grid{max-width:1200px;margin:auto;padding:0 30px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.trip-card{background:var(--forest);color:var(--cream);padding:40px;display:flex;flex-direction:column;clip-path:polygon(0 1%,15% 0,30% 1%,50% 0,70% 1%,90% 0,100% 1%,100% 99%,80% 100%,60% 99%,40% 100%,20% 99%,0 100%)}.trip-card:nth-child(even){background:#304b3d}.trip-number{font:68px/1 var(--serif);color:var(--lime)}.trip-card h3{font:44px/1.1 var(--serif);margin:20px 0}.tagline{font:25px/1.3 var(--serif);margin:0 0 20px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}.chips span{font-size:12px;border:1px solid #ffffff45;padding:5px 12px;border-radius:50px}.route-preview{font-size:14px;margin-bottom:28px}.trip-card .button{margin-top:auto;align-self:flex-start;background:var(--cream);color:var(--forest)}.field-note{max-width:1000px;margin:55px auto;padding:28px;border-block:1px solid #17292133;font-size:14px}footer{padding:40px 25px;text-align:center;background:var(--forest);color:var(--cream)}footer>p{font:36px/1.2 var(--serif)}details{max-width:700px;margin:35px auto 0;font-size:12px}summary{cursor:pointer}#guide{max-width:1000px;margin:40px auto;padding:0 25px 60px}.guide-top{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.text-button{background:none;border:0;padding:12px 0;text-decoration:underline;color:var(--forest);font-size:14px}.guide-head{padding:20px 0}.guide-head .chips span{border-color:#17292144}.guide-note{font-size:14px;border-left:2px solid #afbc7b;padding-left:20px}.steps{padding:0;list-style:none;display:grid;gap:15px}.stop{background:#fffdf3;padding:25px;display:grid;grid-template-columns:36px 1fr;gap:18px;border:1px solid #17292122}.stop.active{border:2px solid var(--forest)}.stop.done{background:#e4ead7}.stop-num{width:34px;height:34px;background:var(--forest);color:var(--cream);border-radius:50%;display:grid;place-items:center;font-size:14px}.stop h3{font:31px/1.1 var(--serif);margin:0 0 12px}.stop p{font-size:14px;margin:0 0 18px}.stop-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.stop .button{font-size:11px;min-height:46px;padding:12px 18px}.complete{border:1px solid #17292155;border-radius:30px;background:none;color:var(--forest);padding:10px 16px;min-height:46px;font-size:12px}.progress{position:sticky;top:0;z-index:2;background:var(--forest);color:var(--cream);padding:18px 24px;display:flex;justify-content:space-between;align-items:center;gap:15px}.progress p{margin:0;font-size:13px}.progress .button{background:var(--cream);color:var(--forest);font-size:11px;padding:11px 16px}.progress small{display:block}.route-links{display:flex;gap:10px;flex-wrap:wrap}.route-links .button{background:transparent;color:var(--forest)}@media(max-width:650px){header{padding:18px 23px}.brand{font-size:34px}.hero{padding:70px 25px;background-position:57% center}h1{font-size:61px}.trip-grid{grid-template-columns:1fr;padding:0 20px;gap:22px}.trip-card{padding:30px}.trip-card h3{font-size:42px}.field-note{margin:40px 20px}.stop{padding:20px 14px;grid-template-columns:30px 1fr;gap:12px}.stop-num{width:30px;height:30px}.progress{padding:14px}.progress .button{max-width:160px;letter-spacing:0}#guide{padding:0 18px 40px}.guide-head h2{font-size:50px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}