/* Local review layer. Remove this stylesheet link to undo every change. */
:root{
 --hero-text-gutter:10vw;
 --header-gutter:var(--hero-text-gutter);
 --cue-gutter:var(--hero-text-gutter);
 --nav-size:14px; --nav-weight:600;
 --hero-label-size:12px; --hero-label-weight:600;
 --book-caption-size:11px; --book-caption-weight:600;
}
.hero-copy{left:var(--hero-text-gutter)}
.site-header{padding-inline:var(--header-gutter)}
.site-header nav{font-size:var(--nav-size);font-weight:var(--nav-weight)}
.scroll-cue{left:var(--cue-gutter);font-size:var(--hero-label-size);font-weight:var(--hero-label-weight)}
.scroll-cue span:last-child{font-size:inherit}
.hero-location{right:var(--header-gutter);font-size:var(--hero-label-size);font-weight:var(--hero-label-weight);line-height:1.5;bottom:34px}
.object-caption{font-size:var(--book-caption-size);font-weight:var(--book-caption-weight);letter-spacing:.1em;line-height:1.6;color:#6b5035}
@media(min-width:1600px){:root{--hero-text-gutter:calc((100vw - 1300px)/2)}}
@media(max-width:900px){:root{--hero-text-gutter:7vw}}
@media(max-width:600px){:root{--hero-text-gutter:8vw}.site-header{flex-wrap:wrap;gap:10px}.site-header nav{margin-left:auto;gap:18px}.object-caption{margin-inline:-25px}}
@media(max-height:600px){.hero-location{bottom:24px}}

/* Level the waterline without altering the photo or the parallax translation. */
.hero-photo {
  rotate: -0.9deg;
  scale: 1.045;
}

/* Mobile only: centred author name and a sliding navigation drawer. */
.mobile-menu-toggle{display:none}
@media(max-width:900px){
 .site-header{height:76px;padding:16px 6%;align-items:center;justify-content:flex-end;flex-wrap:nowrap}
 .site-header .wordmark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);white-space:nowrap;font-size:21px;letter-spacing:.12em}
 .site-header>nav{display:none}
 .mobile-menu-toggle{display:flex;width:44px;height:44px;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:10px;border:0;background:transparent;color:white}
 .mobile-menu-toggle span{width:22px;height:1.5px;background:currentColor}
 .mobile-navigation{position:fixed;inset:0 0 0 auto;margin:0;width:min(84vw,360px);max-width:none;height:100dvh;max-height:none;padding:110px 32px 40px;border:0;border-radius:0;background:rgba(23,61,57,.68);-webkit-backdrop-filter:blur(12px) saturate(115%);backdrop-filter:blur(12px) saturate(115%);color:#f6efe3;box-shadow:-12px 0 48px #0003;transform:translateX(100%);opacity:1;transition:transform .26s ease;overflow:auto}
 .mobile-navigation[open]{transform:translateX(0)}
 @starting-style{.mobile-navigation[open]{transform:translateX(100%)}}
 .mobile-navigation.is-closing{transform:translateX(100%)}
 .mobile-navigation::backdrop{background:#10282430}
 .mobile-navigation nav{display:flex;flex-direction:column;gap:14px}
 .mobile-navigation nav a{display:block;padding:12px 0;font:500 30px/1.3 var(--serif);border-bottom:1px solid #ffffff25}
 .mobile-navigation nav a:hover{color:#e8dbc3}
 .mobile-menu-close{position:absolute;top:16px;right:22px;width:44px;height:44px;border:0;background:transparent;color:inherit;font-size:32px;line-height:1}
 html.mobile-menu-open{overflow:hidden}
 .hero-signature .pen-stroke{visibility:hidden;animation-name:mobile-pen-write}
 @keyframes mobile-pen-write{0%{visibility:visible;stroke-dashoffset:1}100%{visibility:visible;stroke-dashoffset:0}}
}
@media(max-width:360px){.site-header .wordmark{font-size:18px}}
@media(max-width:900px) and (prefers-reduced-motion:reduce){
 .hero-signature .pen-stroke{visibility:visible;stroke-dashoffset:0}
 .mobile-navigation{transition:none}
}
/* Keep the existing card spread inside very narrow phone screens. */
@media(max-width:360px){
 .photo-card{width:180px;height:235px;left:calc(50% - 90px)}
 .photo-card img{height:175px}
}
@media(max-width:360px){.photo-stack{transform:scale(.9);transform-origin:center top}}