/* Original photo-first opening, with the approved cream and olive palette below. */
.topbar{position:absolute;top:0;left:0;right:0;z-index:5;height:175px;background:transparent;padding:0 7vw;color:#fff;display:grid;grid-template-columns:repeat(3,1fr) 230px repeat(3,1fr);gap:10px}
.topbar .brand img{filter:none}
.topbar .brand{grid-column:4;grid-row:1;justify-self:center;align-self:start}
.topbar .brand img{width:230px;height:175px;object-fit:contain;filter:none}
.topbar nav{display:contents;font-size:18px;text-transform:none;letter-spacing:0;font-weight:400}
.topbar nav a{grid-row:1;justify-self:center;align-self:center;margin-top:-8px;text-shadow:0 1px 10px #0008}
.topbar nav>a:nth-child(1){grid-column:1}.topbar nav>a:nth-child(2){grid-column:2}.topbar nav>a:nth-child(3){grid-column:3}.topbar nav>a:nth-child(4){grid-column:5}.topbar nav>.nav-portfolio{grid-column:6;grid-row:1;justify-self:center;align-self:center;margin-top:-8px}
.nav-submenu{display:none;position:absolute;z-index:10;top:100%;left:-20px;min-width:180px;padding:12px 18px;background:var(--cream);color:var(--ink);box-shadow:0 8px 22px #0002}.nav-submenu a{display:block;padding:8px 0}.nav-portfolio:hover .nav-submenu,.nav-portfolio:focus-within .nav-submenu{display:block}
.topbar nav>a:hover,.nav-portfolio>a:hover{color:#fff;text-decoration:underline;text-underline-offset:7px}.hero{height:min(100svh,900px);min-height:560px;display:block;background:#111}.hero-photo{position:absolute;inset:0;margin:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity .8s,visibility .8s}.hero-photo.active{opacity:1;visibility:visible}.hero-photo img{width:100%;height:100%;object-fit:cover}.slides{position:absolute;inset:0}.slide-controls{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:2}.slide-controls button{width:52px;height:52px;border:0;border-radius:50%;background:#0006;color:white;font-size:27px;cursor:pointer}.slide-controls button:hover{background:#000b}.intro{grid-template-columns:1fr 260px;gap:10px 7vw}.intro>div:first-child{grid-column:1}.intro-text{grid-column:1}.intro h1{font:400 clamp(32px,3.4vw,47px)/1.2 var(--serif);margin:12px 0}.intro-tagline{font:italic 22px var(--serif);color:var(--olive)}
@media(max-width:760px){.topbar{height:140px;display:flex;justify-content:center;padding:0 20px}.topbar .brand img{width:190px;height:140px}.topbar .menu{position:absolute;right:22px;top:46px;color:#fff;z-index:7}.topbar nav{display:none;top:140px;background:var(--cream);color:var(--ink);padding:24px;gap:20px;font-size:16px}.topbar nav.open{display:flex}.topbar nav a{margin:0;text-shadow:none}.topbar nav a:hover{color:var(--olive)}.hero{height:72svh;min-height:480px;max-height:720px}.hero-photo{object-position:center}.intro{grid-template-columns:1fr;gap:20px}.intro-portrait{grid-column:1;grid-row:auto;width:100%;max-width:400px;height:360px}.intro h1{font-size:34px}}
@media(prefers-reduced-motion:reduce){.hero-photo{transition:none}html{scroll-behavior:auto}}