/* A second, independent navigation axis for the travel journal. */
body.has-carnet-nav{--carnet-sidebar-width:224px;--carnet-content-gutter:36px;--planner-header-bg:var(--surface-header);--planner-header-ink:var(--ink);--planner-header-line:var(--header-line)}
html{scroll-padding-top:calc(var(--site-header-height,99px) + 20px)}
body.has-carnet-nav>.site-header,body.has-carnet-nav>.header{z-index:40;background:var(--planner-header-bg);color:var(--planner-header-ink);border-bottom-color:var(--planner-header-line);backdrop-filter:none}
body.has-carnet-nav>.header .main-nav,body.has-carnet-nav>.site-header nav{background:var(--planner-header-bg);border-bottom-color:var(--planner-header-line)}
body.has-carnet-nav>.header :is(a,button):focus-visible,body.has-carnet-nav>.site-header :is(a,button):focus-visible{outline-color:var(--planner-header-ink)}
.carnet-sidebar{--carnet-bg:var(--ink);--carnet-text:var(--paper);--carnet-muted:var(--on-dark-muted);--carnet-line:var(--on-dark-line);--carnet-stripe:#3a5145;--carnet-hover:var(--forest-hover);--carnet-selected:var(--sage);color:var(--carnet-text);background:var(--carnet-bg);font-family:var(--sans,Arial,sans-serif);font-size:12px;line-height:1.5;border-right:1px solid var(--carnet-line);z-index:25}
.carnet-sidebar *{box-sizing:border-box}
.carnet-sidebar a{color:inherit;text-decoration:none}
.carnet-sidebar-heading{padding:25px 20px 20px;border-bottom:1px solid var(--carnet-line)}
.carnet-sidebar-heading>small{display:block;font-size:8px;line-height:1.6;letter-spacing:1.5px;font-weight:700;color:var(--carnet-muted)}
.carnet-sidebar-heading>a{display:block;margin-top:8px;font:29px/1.2 var(--serif,Georgia,serif);letter-spacing:-.7px}
.carnet-sidebar-heading>p{font-size:9px;color:var(--carnet-muted);margin:10px 0 0;line-height:1.65}
.carnet-navigation{margin:0;padding:0;border:0}
.carnet-sidebar-toggle{display:none}
.carnet-sidebar-panel{padding:12px 10px 20px}
.carnet-overview{display:flex;min-height:44px;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;margin-bottom:8px;font-size:11px;line-height:1.45;border-bottom:1px solid var(--carnet-line)}
.carnet-overview>span{flex-shrink:0}
.carnet-chapters{display:flex;flex-direction:column;gap:3px}
.carnet-chapters>a{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:8px;min-height:44px;padding:9px 10px;border:1px solid transparent;border-radius:3px;font-size:11px;line-height:1.5;overflow-wrap:anywhere;transition:background .15s,color .15s}
.carnet-chapters>a>span:first-child{font-size:9px;font-variant-numeric:tabular-nums;color:var(--carnet-muted)}
.carnet-chapters>a:nth-child(even){background:var(--carnet-stripe)}
.carnet-chapters>a:hover,.carnet-overview:hover{background:var(--carnet-hover)}
.carnet-chapters>a[aria-current="location"],.carnet-overview[aria-current="location"]{background:var(--carnet-selected);color:var(--carnet-bg);border-color:var(--carnet-selected);border-radius:3px;font-weight:600}
.carnet-chapters>a[aria-current="location"]>span:first-child{color:var(--carnet-bg)}
.carnet-sidebar-note{padding:16px 10px 0;margin:12px 0 0;border-top:1px solid var(--carnet-line);font-size:10px;color:var(--carnet-muted)}
.carnet-sidebar a:focus-visible,.carnet-sidebar summary:focus-visible{outline:2px solid var(--carnet-text);outline-offset:-2px}
.carnet-sidebar a[aria-current="location"]:focus-visible{outline-color:var(--carnet-bg)}
/* The journal always stays on the vertical axis. */
body.has-carnet-nav>main,body.has-carnet-nav>.footer{margin-left:var(--carnet-sidebar-width);min-width:0}
body.has-carnet-nav>.footer.wrap{width:min(1240px,calc(100% - var(--carnet-sidebar-width) - 2 * var(--carnet-content-gutter)));margin-left:max(calc(var(--carnet-sidebar-width) + var(--carnet-content-gutter)),calc((100% + var(--carnet-sidebar-width) - 1240px)/2));margin-right:auto}
@media(min-width:768px){
  .carnet-sidebar{position:fixed;left:0;top:var(--site-header-height,99px);bottom:0;width:var(--carnet-sidebar-width);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--carnet-muted) transparent}
  .carnet-chapters{display:flex;flex-direction:column}
}
@media(min-width:1280px) and (max-width:1519px){
  body.has-carnet-nav>main .wrap{width:calc(100% - 72px)}
  body.has-carnet-nav .intro,body.has-carnet-nav .family-grid,body.has-carnet-nav .phuri-story,body.has-carnet-nav .clearing-story,body.has-carnet-nav .room-panel,body.has-carnet-nav .journal-feature,body.has-carnet-nav .home-film,body.has-carnet-nav .contact-layout,body.has-carnet-nav .faq,body.has-carnet-nav .bio,body.has-carnet-nav .about-strip,body.has-carnet-nav .theme-row,body.has-carnet-nav .video-section,body.has-carnet-nav .principles{gap:36px}
  body.has-carnet-nav .hero h1{font-size:86px}
  body.has-carnet-nav .home-hero h1{font-size:66px}
  body.has-carnet-nav .room-copy h3{font-size:35px}
  body.has-carnet-nav .family-copy h2{font-size:44px}
}
@media(min-width:1024px) and (max-width:1279px){body.has-carnet-nav{--carnet-sidebar-width:208px;--carnet-content-gutter:28px}}
@media(min-width:768px) and (max-width:1023px){
  body.has-carnet-nav{--carnet-sidebar-width:184px;--carnet-content-gutter:24px}
  .carnet-sidebar-heading{padding:22px 15px 18px}
  .carnet-sidebar-heading>a{font-size:27px}
  .carnet-sidebar-panel{padding-inline:6px}
  .carnet-chapters>a{padding-inline:8px;gap:5px}
}
/* Reflow by the usable content width after reserving the chapter rail. */
@media(min-width:768px) and (max-width:1279px){
  body.has-carnet-nav>main .wrap{width:calc(100% - 2 * var(--carnet-content-gutter))}
  body.has-carnet-nav .story-previews{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 22px}
  body.has-carnet-nav .hero h1{font-size:clamp(56px,7vw,82px)}
  body.has-carnet-nav .home-hero h1{font-size:58px}
  body.has-carnet-nav .section{padding-block:70px}
}
@media(min-width:768px) and (max-width:1100px){
  body.has-carnet-nav .home-hero,body.has-carnet-nav .split,body.has-carnet-nav .about-strip,body.has-carnet-nav .bio,body.has-carnet-nav .principles,body.has-carnet-nav .contact-layout,body.has-carnet-nav .faq,body.has-carnet-nav .video-section,body.has-carnet-nav .theme-row,body.has-carnet-nav .journal-feature,body.has-carnet-nav .home-film,body.has-carnet-nav .intro,body.has-carnet-nav .family-grid,body.has-carnet-nav .phuri-story,body.has-carnet-nav .clearing-story,body.has-carnet-nav .room-panel,body.has-carnet-nav .story-split,body.has-carnet-nav .cafe-grid,body.has-carnet-nav .friend-story,body.has-carnet-nav .monastery-grid,body.has-carnet-nav .film-layout,body.has-carnet-nav .visit-intro,body.has-carnet-nav .return-road,body.has-carnet-nav .return-kitchen{grid-template-columns:minmax(0,1fr);gap:30px}
  body.has-carnet-nav .offers,body.has-carnet-nav .paths,body.has-carnet-nav .steps,body.has-carnet-nav .timeline,body.has-carnet-nav .recipe-stories,body.has-carnet-nav .wood-copy,body.has-carnet-nav .visit-grid,body.has-carnet-nav .outside-grid,body.has-carnet-nav .return-meals,body.has-carnet-nav .field-grid,body.has-carnet-nav .checks{grid-template-columns:minmax(0,1fr);gap:24px}
  body.has-carnet-nav .section-top.horizontal,body.has-carnet-nav .section-heading,body.has-carnet-nav .closing-inner,body.has-carnet-nav .footer-top,body.has-carnet-nav .archive-link{display:block}
  body.has-carnet-nav .section-aside,body.has-carnet-nav .section-heading>p{max-width:none;margin-top:20px}
  body.has-carnet-nav .closing-actions{margin-top:26px;align-items:flex-start}
  body.has-carnet-nav .contact-aside{position:static}
  body.has-carnet-nav .split.reverse>figure,body.has-carnet-nav .split.reverse>.copy,body.has-carnet-nav .theme-row:nth-child(even)>figure{order:initial}
  body.has-carnet-nav .gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.has-carnet-nav .intro-copy{padding-top:0}
  body.has-carnet-nav .film-list{display:grid;grid-template-columns:minmax(0,1fr)}
  body.has-carnet-nav .offer .intro,body.has-carnet-nav .path h3,body.has-carnet-nav .story-preview h3{min-height:0}
  body.has-carnet-nav .footer-links{justify-content:flex-start;margin-top:25px}
  body.has-carnet-nav .album-toolbar{display:block}
  body.has-carnet-nav #album-count{margin-top:14px}
}
@media(max-width:767px){
  body.has-carnet-nav{--carnet-sidebar-width:36px;--carnet-content-gutter:16px}
  .carnet-sidebar{position:fixed;left:0;top:var(--site-header-height,79px);bottom:0;width:36px;background:var(--carnet-bg);border-right:1px solid var(--carnet-line);pointer-events:none}
  .carnet-sidebar-heading{display:none}
  .carnet-navigation{pointer-events:auto}
  .carnet-sidebar-toggle{position:fixed;left:0;top:calc(var(--site-header-height,79px) + (100dvh - var(--site-header-height,79px) - 190px)/2);width:36px;height:190px;padding:14px 7px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;list-style:none;cursor:pointer;background:var(--carnet-bg);color:var(--carnet-text);border-block:1px solid var(--carnet-line);border-radius:0 4px 4px 0;box-shadow:2px 2px 7px #172b2314}
  .carnet-sidebar-toggle::-webkit-details-marker{display:none}
  .carnet-sidebar-toggle::marker{content:""}
  .carnet-sidebar-toggle>span{display:block;min-width:0}
  .carnet-sidebar-toggle small{display:block;font-size:11px;line-height:1.4;letter-spacing:.7px;writing-mode:vertical-rl;text-transform:none;white-space:nowrap;font-weight:600}
  .carnet-sidebar-toggle .carnet-current{display:none}
  .carnet-sidebar-toggle>svg{width:15px;height:15px;flex:0 0 15px;fill:none;stroke:currentColor;stroke-width:1.7;transform:rotate(-90deg);transition:transform .15s}
  .carnet-navigation[open]>.carnet-sidebar-toggle{background:var(--carnet-hover);color:var(--carnet-text);border-color:var(--carnet-line)}
  .carnet-navigation[open]>.carnet-sidebar-toggle>svg{transform:rotate(90deg)}
  .carnet-sidebar-panel{position:fixed;left:36px;top:var(--site-header-height,79px);bottom:0;width:min(284px,calc(100vw - 72px));padding:12px 9px 24px;background:var(--carnet-bg);overflow-y:auto;overscroll-behavior:contain;border-right:1px solid var(--carnet-line);box-shadow:8px 0 24px #172b232b;scrollbar-width:thin;scrollbar-color:var(--carnet-muted) transparent}
  .carnet-chapters{display:flex;flex-direction:column;gap:2px}
  .carnet-chapters>a{font-size:12px;min-height:44px;padding:10px 9px}
  .carnet-overview{font-size:12px;padding-inline:9px;margin-bottom:7px}
  body.has-carnet-nav>main .wrap{width:calc(100% - 32px)}
  body.has-carnet-nav .button{gap:20px}
  body.has-carnet-nav .hero h1{font-size:clamp(38px,10vw,65px)}
  body.has-carnet-nav .home-hero h1{font-size:clamp(43px,12vw,66px)}
  body.has-carnet-nav .room-tabs{margin-right:-16px}
  body.has-carnet-nav .room-tabs button:last-child{margin-right:16px}
}
@media(prefers-reduced-motion:reduce){.carnet-chapters>a,.carnet-sidebar-toggle>svg{transition:none}}
@media print{
  .carnet-sidebar{display:none!important}
  body.has-carnet-nav>main,body.has-carnet-nav>.footer,body.has-carnet-nav>.footer.wrap{margin-left:auto;margin-right:auto;width:auto}
}
