/* A restrained editorial cover: masthead, photograph, caption and open space. */
/* The supplied Yugo mobile layout: wordmark, quiet line, then photography. */
.cover{--cover-copy-size:15px;width:100%;margin:0;padding:0 0 40px}
.cover-opening{position:relative;padding:144px 48px 48px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}
.cover-masthead{line-height:1;width:min(78%,680px);margin:0 auto 28px}
.cover-masthead .wordmark{width:100%;height:auto}
.cover-photograph{width:min(100%,840px);margin:0 auto}
.cover-photograph img{display:block;width:100%;height:auto}
.cover-carousel-media{width:100%;min-width:0}
.cover-location{text-align:center;font-size:22px;line-height:1.5;color:var(--ink);margin:0 0 44px;max-width:100%}
.cover-house{width:min(calc(100% - 96px),760px);margin:48px auto 0;display:grid;grid-template-columns:180px minmax(0,1fr);column-gap:40px;row-gap:12px;align-items:start}
.cover-house h2{text-transform:uppercase;font-size:var(--cover-copy-size);line-height:1.45;margin:0}
.cover-house p{font-size:var(--cover-copy-size);line-height:1.45;max-width:none}
.brand-monogram{position:absolute;top:24px;left:32px;width:38px;height:54px;z-index:10}
.brand-monogram img{width:100%;height:100%;object-fit:contain}
.home .about{padding-top:100px;padding-bottom:125px}
.menu-toggle{position:absolute;top:22px;right:26px;z-index:30;width:68px;height:44px;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1;text-transform:uppercase;color:var(--ink);background:var(--ground)}
.menu-toggle[hidden]{display:none}
.menu-toggle>.menu-label{display:block;width:auto;height:auto;background:none}
.menu-toggle:focus-visible,.menu-close:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.site-menu{position:fixed;border:1px solid var(--control-line);background:var(--ground);color:var(--ink);width:min(480px,calc(100vw - 40px));max-height:calc(100dvh - 40px);padding:52px 38px 34px;overflow:auto}
.site-menu:not([open]){display:none}
.site-menu::backdrop{background:rgba(0,0,0,.6)}
.menu-close{position:absolute;top:9px;right:11px;width:44px;height:44px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;font-size:27px;line-height:1}
/* Pointer-opened dialogs keep the close control clean; keyboard navigation restores its focus ring. */
.site-menu[data-focus-mode="pointer"] .menu-close:focus-visible{outline:none}
.site-menu h2{font-size:12px;line-height:1.6;color:var(--muted);margin-bottom:28px}
.site-menu nav{display:flex;flex-direction:column;align-items:flex-start;gap:13px;font-size:24px;line-height:1.5}
.site-menu nav>a{display:flex;align-items:center;min-height:44px;width:100%;white-space:normal;overflow-wrap:break-word}
.site-menu nav>a:hover{text-decoration:underline;text-underline-offset:.18em}
body.menu-open{overflow:hidden}
.no-script-menu{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;font-size:16px;padding:20px}
.no-script-menu>a{display:inline-flex;align-items:center;min-height:44px}
/* A clear icon/Menu header row, with the title stack anchored near the top. */
.home .brand-monogram{top:22px;left:28px;width:44px;height:60px;display:flex;align-items:center;justify-content:center}
.home .brand-monogram img{width:38px;height:54px}
.home .menu-toggle{top:22px;left:auto;right:26px}
@media(max-width:700px){.cover{--cover-copy-size:14px;padding-bottom:30px}.cover-opening{padding:136px 20px 44px}.cover-masthead{width:min(78%,520px);margin-bottom:28px}.cover-photograph{width:100%}.cover-location{font-size:18px;line-height:1.5;margin:0 0 44px}.cover-house{width:calc(100% - 40px);margin-top:30px;grid-template-columns:minmax(90px,.8fr) minmax(0,1.8fr);column-gap:18px}.cover-house h2,.cover-house p{font-size:var(--cover-copy-size);line-height:1.4}.home .about{padding-top:65px;padding-bottom:85px}.menu-toggle{top:18px;right:18px}.home .menu-toggle{top:18px;left:auto;right:16px}.brand-monogram{top:23px;left:21px;width:30px;height:43px}.home .brand-monogram{top:20px;left:16px;width:44px;height:54px}.home .brand-monogram img{width:30px;height:43px}.site-menu{padding:51px 25px 28px}.site-menu nav{font-size:23px;gap:12px}}
@media(max-width:370px){.cover-opening{padding-left:16px;padding-right:16px}.cover-masthead{width:84%}.cover-house{width:calc(100% - 32px);grid-template-columns:minmax(82px,.75fr) minmax(0,1.8fr);column-gap:14px}.cover-location{font-size:17px}.menu-toggle{right:14px}.home .menu-toggle{right:12px;left:auto}.brand-monogram{left:17px}.home .brand-monogram{left:12px}}
/* One stable framed photograph at a time; controls stay quiet. */
.cover-carousel-frame{border:0 solid var(--paper)}
.cover-carousel-window{position:relative;aspect-ratio:3/2;overflow:hidden;touch-action:pan-y pinch-zoom}
.cover-slide{position:absolute;inset:0;display:block;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 1.2s ease,visibility 0s linear 1.2s}
.cover-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
.cover-slide img{width:100%;height:100%;object-fit:cover}
.cover-carousel-controls{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:12px;color:var(--ink)}
.cover-carousel-controls[hidden],.cover-carousel-controls button[hidden]{display:none}
.cover-carousel-controls button{min-width:32px;height:28px;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1;color:inherit;background:none}
.cover-carousel-dots{display:flex;gap:0}
.cover-carousel-dots button{min-width:24px}
.cover-carousel-dots span{width:5px;height:5px;border:1px solid currentColor;border-radius:50%}
.cover-carousel-dots button[aria-pressed="true"] span{background:currentColor}
.cover button:focus-visible,.cover-slide:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.carousel-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}


@media(prefers-reduced-motion:reduce){.cover-slide{transition:none}}