@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Italiana&display=swap');
:root{--cream:#f9f4df;--forest:#172921;--sans:'DM Sans',sans-serif;--serif:'Italiana',Georgia,serif}*{box-sizing:border-box}html{background:var(--forest);color:var(--cream)}body{margin:0;min-height:100svh;font-family:var(--sans);overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button{font:inherit}button,a:focus-visible{outline-offset:7px}button:focus-visible,a:focus-visible{outline:2px solid var(--cream)}.landscape,.shade,.grain{position:fixed;inset:0;pointer-events:none}.landscape{background:url('assets/manali-dawn.jpg') center 52%/cover no-repeat;transform:scale(1.04);animation:landscape-arrive 2.4s ease-out both;transition:transform 1.7s ease,filter 1.7s ease}.shade{background:linear-gradient(180deg,rgba(8,25,24,.42),rgba(8,25,24,.1) 35%,rgba(5,24,20,.38) 70%,rgba(5,20,15,.79));}.grain{opacity:.12;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='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.45' filter='url(%23n)'/%3E%3C/svg%3E")}header,main,footer,.credits{position:relative;z-index:2}.masthead{position:absolute;top:0;left:0;width:100%;padding:32px 48px;display:flex;align-items:center;justify-content:space-between}.wordmark{font:46px/.9 var(--serif);text-decoration:none}.wordmark span{display:block;font:10px/1 var(--sans);letter-spacing:.19em;margin-top:13px}.location{font-size:11px;letter-spacing:.15em;line-height:1.65;margin:0;text-align:right}.entrance{min-height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:120px 30px 138px}.eyebrow{font-size:11px;letter-spacing:.24em;line-height:1.5;margin:0 0 17px;text-transform:uppercase;animation:appear 1.3s .3s both}h1{font-family:var(--serif);font-weight:400;margin:0;display:flex;flex-direction:column;align-items:center;line-height:.8;filter:drop-shadow(0 3px 18px #12201b35)}.the{font-size:clamp(23px,2.1vw,36px);line-height:1.2;margin-bottom:8px}.hero-word{font-size:clamp(82px,11.6vw,176px);letter-spacing:-.055em;animation:title-arrive 1.45s .2s both}.chapter{font-size:clamp(82px,11.8vw,178px);margin-top:8px;animation-delay:.38s}.begins{font-size:clamp(31px,3.2vw,48px);line-height:1.2;margin-top:15px;font-style:italic;animation:appear 1.4s .6s both}.enter{position:relative;display:flex;align-items:center;justify-content:center;gap:24px;margin-top:30px;min-height:55px;padding:0 29px;color:var(--cream);border:1px solid #f9f4df90;border-radius:80px;background:#122a2140;backdrop-filter:blur(8px);cursor:pointer;font-size:12px;font-weight:500;letter-spacing:.15em;transition:background .3s,color .3s,transform .3s;animation:appear 1.5s .8s both}.enter:hover{background:var(--cream);color:var(--forest);transform:translateY(-3px)}.button-dot{width:6px;height:6px;background:currentColor;border-radius:50%;transition:transform .3s}.enter:hover .button-dot{transform:scale(1.4)}footer{position:absolute;bottom:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:flex-end;padding:27px 48px;font-size:10px;letter-spacing:.12em}.footer-place{line-height:1.7;margin:0}.footer-place span{display:block;opacity:.65;letter-spacing:.08em;margin-top:3px}.footer-note{font:italic 21px/1.25 var(--serif);letter-spacing:0;text-align:center;margin:0;position:absolute;left:50%;transform:translateX(-50%)}.credits-button{background:none;border:0;border-bottom:1px solid #f9f4df55;padding:5px 0;color:var(--cream);font-size:10px;letter-spacing:.12em;cursor:pointer}.credits{position:fixed;right:48px;bottom:88px;width:min(340px,calc(100vw - 40px));padding:20px;background:var(--forest);border:1px solid #f9f4df40;font-size:14px;line-height:1.65}.transition{position:fixed;z-index:10;inset:0;background:var(--forest);display:grid;place-items:center;transform:translateY(101%);transition:transform .65s cubic-bezier(.7,0,.2,1);pointer-events:none}.transition span{font:64px var(--serif)}body.changing .transition{transform:translateY(0)}.arrival{min-height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:145px 10vw 140px}.arrival[hidden],.entrance[hidden],.credits[hidden]{display:none}.arrival h2{font:400 clamp(62px,7.5vw,116px)/.92 var(--serif);letter-spacing:-.035em;margin:20px 0 28px;outline:none}.arrival h2 em{font-weight:400}.arrival-copy{font-size:16px;line-height:1.7;color:#f9f4dfcf}.arrival-actions{display:flex;align-items:center;gap:30px;margin-top:24px}.solid-link{background:var(--cream);color:var(--forest);padding:18px 27px;border-radius:40px;text-decoration:none;font-size:12px;letter-spacing:.1em}.text-link{font-size:12px;text-underline-offset:8px;letter-spacing:.1em}.back{margin-top:35px;padding:8px 0;background:none;border:0;color:#f9f4dfb0;font-size:10px;letter-spacing:.14em;cursor:pointer}body.entered .landscape{transform:scale(1.1);filter:brightness(.7)}@keyframes appear{from{opacity:0}to{opacity:1}}@keyframes title-arrive{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes landscape-arrive{from{transform:scale(1.10)}to{transform:scale(1.04)}}
@media(min-width:1600px){.entrance{padding-bottom:150px}.hero-word{font-size:190px}.chapter{font-size:194px}}@media(max-width:600px){.masthead{padding:25px 23px}.wordmark{font-size:37px}.wordmark span{font-size:9px}.location{max-width:115px;font-size:9px;letter-spacing:.09em}.entrance{padding:120px 18px 140px}.eyebrow{font-size:10px;letter-spacing:.15em;margin-bottom:24px}.hero-word,.chapter{font-size:clamp(75px,19vw,115px)}.the{font-size:26px}.begins{font-size:34px;margin-top:22px}.enter{margin-top:38px;min-height:56px;font-size:12px}footer{padding:25px 23px}.footer-note{display:none}.footer-place,.credits-button{font-size:9px}.credits{right:20px;bottom:80px}.landscape{background-position:47% center}.arrival{padding:140px 25px}.arrival h2{font-size:65px}.arrival-copy{font-size:15px}.arrival-actions{gap:22px}.solid-link{padding:18px 22px}}@media(max-height:720px) and (min-width:601px){.hero-word,.chapter{font-size:110px}.eyebrow{margin-bottom:10px}.entrance{padding-top:100px;padding-bottom:100px}.begins{font-size:32px;margin-top:12px}.enter{margin-top:22px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.landscape{transform:none}body.entered .landscape{transform:none}}
/* The six chapters — an unfolding mountain journal. */
body.entered .masthead{position:absolute;z-index:4}body.entered .landscape{filter:brightness(.45);transform:scale(1.04)}body.entered .shade{background:linear-gradient(180deg,#17292120,#172921e8 70%,#172921)}.chapter-home{display:block;padding:0;min-height:100svh}.home-intro{text-align:center;padding:175px 24px 54px}.home-intro .eyebrow{font-size:12px}.home-intro h2{font-size:clamp(64px,7.7vw,118px);margin:22px 0 24px;line-height:.95;letter-spacing:-.04em}.home-lede{font-size:16px;line-height:1.65;color:#f9f4dfd6;margin:0}.chapter-nav{max-width:1000px;display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:0 auto;padding:0 24px 62px}.chapter-nav a{font-size:14px;text-decoration:none;padding:11px 19px;border:1px solid #f9f4df55;border-radius:40px;background:#17292145;transition:background .2s}.chapter-nav a:hover{background:#f9f4df24}.chapter-grid{max-width:1150px;display:grid;grid-template-columns:1fr 1fr;gap:28px 32px;margin:0 auto;padding:0 34px}.paper{color:var(--forest);background:#f6f1df;clip-path:polygon(0 1%,3% .2%,6% 1.2%,10% .5%,14% 1%,18% .3%,23% 1.1%,28% 0,33% .8%,38% .2%,43% 1%,48% .3%,54% 1.2%,59% .2%,65% 1%,71% 0,76% .8%,82% .3%,87% 1.1%,93% .1%,97% .8%,100% 0,100% 99%,96% 99.6%,91% 98.8%,86% 99.8%,81% 99%,75% 99.7%,69% 98.9%,63% 100%,57% 99%,52% 99.7%,47% 98.8%,42% 99.9%,36% 99.2%,30% 99.8%,24% 99%,19% 99.8%,13% 99%,8% 100%,3% 99.2%,0 99.7%)}.chapter-card{position:relative;padding:47px 40px 44px;min-height:405px;scroll-margin-top:32px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='p'%3E%3CfeTurbulence baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.07' filter='url(%23p)'/%3E%3C/svg%3E");display:flex;flex-direction:column;align-items:flex-start}.chapter-card:nth-child(even){transform:translateY(24px)}.chapter-card:nth-child(3),.chapter-card:nth-child(6){background-color:#e5e8d9}.chapter-number{position:absolute;right:28px;top:20px;font:100px/.9 var(--serif);opacity:.12;letter-spacing:-.08em}.chapter-label{font-size:12px;letter-spacing:.19em;margin:0 0 16px}.chapter-card h3{position:relative;font:400 clamp(41px,4.3vw,62px)/1 var(--serif);letter-spacing:-.035em;margin:0 0 26px;max-width:95%}.chapter-quote{font:italic 25px/1.25 var(--serif);margin:0 0 18px;max-width:95%}.chapter-description{font-size:14px;line-height:1.65;color:#172921b0;margin:0 0 30px;max-width:90%}.chapter-enter{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:48px;padding:13px 0 9px;background:none;border:0;border-bottom:1px solid #17292180;color:var(--forest);font-size:12px;letter-spacing:.10em;cursor:pointer;transition:gap .2s}.chapter-enter:hover{gap:34px}.chapter-enter:focus-visible{outline-color:var(--forest)}.home-ending{text-align:center;padding:115px 24px 55px}.home-ending p{font:42px/1.1 var(--serif);margin:0}.home-ending .back{font-size:12px;margin-top:32px}body.entered footer{position:relative;padding-top:30px;padding-bottom:32px;background:var(--forest)}body.entered .footer-note{font-size:20px}.chapter-dialog{padding:62px 45px 40px;width:min(640px,calc(100% - 32px));max-height:85svh;border:0;background:#f6f1df;color:var(--forest);box-shadow:0 30px 100px #0007}.chapter-dialog::backdrop{background:#071a16bb;backdrop-filter:blur(7px)}.dialog-close{position:absolute;right:15px;top:10px;background:none;border:0;font-size:32px;color:var(--forest);width:44px;height:44px;cursor:pointer}.chapter-dialog .chapter-label{margin-bottom:20px}.chapter-dialog h2{font:400 60px/.98 var(--serif);letter-spacing:-.035em;margin:0 0 22px}.chapter-dialog .dialog-quote{font:italic 27px/1.2 var(--serif);margin:0 0 25px}.chapter-dialog p,.chapter-dialog li{font-size:16px;line-height:1.7}.chapter-dialog ul{padding-left:22px}.chapter-dialog .detail-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.chapter-dialog .detail-links a{background:var(--forest);color:var(--cream);padding:14px 20px;border-radius:30px;font-size:14px;text-decoration:none;min-height:48px;display:flex;align-items:center}.chapter-dialog a:focus-visible,.chapter-dialog button:focus-visible{outline-color:var(--forest)}.chapter-dialog .place-links{display:flex;flex-direction:column;gap:10px}.place-links a{color:var(--forest);text-underline-offset:4px;font-size:16px}.chapter-dialog .small-note{font-size:14px;color:#172921aa}html{scroll-behavior:smooth}@media(max-width:700px){.home-intro{padding:153px 22px 38px}.home-intro h2{font-size:clamp(57px,12vw,80px)}.home-intro .eyebrow{font-size:11px}.chapter-nav{gap:8px;padding-bottom:37px}.chapter-nav a{padding:10px 14px;font-size:14px}.chapter-grid{grid-template-columns:1fr;gap:22px;padding:0 20px}.chapter-card{padding:39px 28px 35px;min-height:370px}.chapter-card:nth-child(even){transform:none}.chapter-card h3{font-size:53px}.chapter-number{font-size:95px;right:24px;top:25px}.chapter-description{max-width:100%;font-size:15px}.chapter-quote{font-size:26px}.chapter-enter{font-size:12px}.home-ending{padding:65px 24px 35px}.home-ending p{font-size:33px}body.entered footer .footer-note{display:none}.chapter-dialog{padding:60px 26px 28px}.chapter-dialog h2{font-size:49px}.chapter-dialog .dialog-quote{font-size:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media(min-width:701px) and (max-width:900px){.chapter-card{padding:40px 28px}.chapter-card h3{font-size:46px}.chapter-quote{font-size:23px}}
/* Photographic chapters, with the journal's torn edges retained. */
.chapter-card{background-color:#10231d!important;background-image:linear-gradient(115deg,rgba(8,20,17,.78),rgba(8,20,17,.66)),var(--chapter-image);background-size:cover;background-position:center;color:var(--cream);min-height:440px;padding-top:49px;padding-bottom:43px}
#chapter-cafe{--chapter-image:url('assets/chapter-cafe.jpg')}
#chapter-stay{--chapter-image:url('assets/chapter-stay.jpg')}
#chapter-gym{--chapter-image:url('assets/chapter-gym.jpg')}
#chapter-explore{--chapter-image:url('assets/chapter-explore.jpg')}
#chapter-rentals{--chapter-image:url('assets/chapter-rentals.jpg')}
#chapter-contact{--chapter-image:url('assets/chapter-contact.jpg')}
.chapter-card .chapter-label{font-size:14px;letter-spacing:.16em;color:var(--cream)}
.chapter-card h3,.chapter-card .chapter-quote{color:var(--cream);text-shadow:0 2px 16px #0003}
.chapter-card .chapter-description{font-size:16px;line-height:1.65;color:var(--cream)}
.chapter-card .chapter-number{opacity:.25}
.chapter-enter{border:1px solid #f9f4dfb3;border-radius:80px;background:rgba(16,35,29,.55);backdrop-filter:blur(8px);color:var(--cream);padding:15px 24px;min-height:55px;max-width:100%;gap:24px;font-size:14px;letter-spacing:.08em;line-height:1.35;transition:background .25s,color .25s,transform .25s}
.chapter-enter:hover{background:var(--cream);color:var(--forest);gap:24px;transform:translateY(-2px)}
.chapter-enter:focus-visible{outline:2px solid var(--cream);outline-offset:5px}
.chapter-enter .button-dot{flex-shrink:0}.chapter-enter:hover .button-dot{transform:scale(1.4)}
.credits{max-height:65svh;overflow:auto;z-index:8}.credits p{margin:0 0 12px}.credits ul{padding-left:18px;margin:12px 0}
@media(max-width:700px){.chapter-card{min-height:410px;padding:42px 28px 38px}.chapter-card h3{font-size:51px}.chapter-enter{padding:15px 20px;font-size:14px}.chapter-card .chapter-description{font-size:16px}.footer-note{display:block;font-size:18px;bottom:85px;width:100%;text-align:center}body.entered .footer-note{display:none}}
.photo-note{position:absolute;right:26px;bottom:18px;font-size:12px;line-height:1.2;color:var(--cream);letter-spacing:.025em}
/* Give each photograph a clear, untinted viewing area. */
.chapter-card{padding-top:262px;min-height:625px;background-image:linear-gradient(rgba(8,20,17,.80),rgba(8,20,17,.90)),var(--chapter-image);background-position:center}
.chapter-photo-window{position:absolute;inset:0 0 auto;height:238px;background-image:linear-gradient(to bottom,transparent 65%,rgba(8,20,17,.55) 88%,rgba(8,20,17,.84)),var(--chapter-image);background-size:cover;background-position:center}
.chapter-card .chapter-number{top:22px;right:28px;opacity:.85;color:var(--cream);text-shadow:0 2px 18px #0008}
#chapter-cafe .chapter-photo-window{background-position:center 60%}
#chapter-stay .chapter-photo-window{background-position:center 55%}
#chapter-rentals .chapter-photo-window{background-position:center 57%}
.chapter-card h3{margin-bottom:20px}.chapter-card .chapter-description{margin-bottom:26px}
@media(max-width:700px){.chapter-card{padding-top:248px;min-height:595px}.chapter-photo-window{height:225px}.chapter-card .chapter-number{top:24px}}