/* Shared navigation: compact type and a full-screen numbered menu. */
.by-header.header,.by-header.header.scrolled{position:relative!important;z-index:70!important;height:94px!important;min-height:94px!important;display:grid!important;grid-template-columns:1.7fr 2fr 1fr 1fr 68px!important;gap:12px!important;align-items:start!important;padding:0 var(--edge)!important;background:#fff!important;color:#111!important;box-shadow:none!important;border:0!important}
.by-header::after{content:"";position:absolute;left:var(--edge);right:var(--edge);bottom:0;border-bottom:1px solid #d5d5d5}
.by-header .by-brand.logo{display:block!important;margin-top:21px!important;padding:0!important;color:#111!important;text-decoration:none!important;font-family:Manrope,Arial,sans-serif!important;font-size:13px!important;font-weight:750!important;letter-spacing:-.075em!important;line-height:.96!important;text-transform:uppercase!important}
.by-brand span{display:block}.by-role{margin-top:21px;font-size:10px;font-weight:600;line-height:1.5;letter-spacing:.015em}
.by-header .menu-button{display:flex!important;align-items:center;gap:14px;justify-self:start;width:auto!important;height:auto!important;margin:21px 0 0!important;padding:0!important;border:0!important;background:none!important;color:#111!important;font-size:11px!important;font-weight:700!important;cursor:pointer}
.by-header .menu-button i,.home-dock .menu-button i{display:block;width:15px;height:15px;border:1px solid currentColor;border-radius:50%;flex:none}
.by-contact{margin-top:21px;font-size:11px;font-weight:700;text-decoration:none;white-space:nowrap}.by-contact:hover{text-decoration:underline}
.by-orbit{justify-self:end;display:flex;flex-direction:column;align-items:center;justify-content:center;width:48px;height:48px;margin-top:11px;border:1px solid #111;border-radius:50%;font-size:10px;font-weight:700;line-height:1}.by-orbit small{font-size:7px;margin-top:2px}
.by-header #navigation.by-nav,.by-header #navigation.by-nav.open{position:fixed!important;inset:94px 0 0!important;z-index:80!important;overflow:auto!important;align-content:start!important;padding:clamp(28px,4vw,65px) var(--edge) 40px!important;background:#fff!important;box-shadow:none!important;border:0!important;max-height:none!important;height:auto!important;opacity:1!important;visibility:visible!important;transform:none!important}
.by-header #navigation.by-nav{display:none!important}.by-header #navigation.by-nav.open{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 5vw!important}
.by-nav a,.home-nav a{display:flex!important;align-items:baseline;gap:18px;margin:0!important;padding:10px 0!important;border:0!important;border-bottom:1px solid #ccc!important;border-radius:0!important;background:none!important;color:#111!important;font-family:Manrope,Arial,sans-serif!important;font-size:clamp(34px,5.2vw,80px)!important;font-weight:500!important;letter-spacing:-.065em!important;line-height:1.12!important;text-decoration:none!important;text-transform:uppercase!important}
.by-nav a:hover,.home-nav a:hover{color:#777!important}.by-nav a span,.home-nav a span{font-size:10px;font-weight:700;letter-spacing:0;line-height:1}.by-nav p,.home-nav p{grid-column:1/-1;font-family:Manrope,Arial,sans-serif!important;font-size:10px!important;font-weight:700!important;letter-spacing:.02em!important;margin:38px 0 0!important}
/* Homepage contains the photograph and a small bottom dock only. */
.page-home{overflow-x:hidden}.page-home .selected-main{position:relative!important;display:block!important;width:100%;height:100svh!important;min-height:0!important;margin:0!important;padding:0!important;background:#fff!important}.page-home .selected-stage{position:absolute!important;inset:0 0 76px!important;display:block!important;min-height:0!important;height:auto!important}.page-home .selected-slide{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:10px var(--edge)!important}.page-home .selected-slide[hidden]{display:none!important}.page-home .slide-image{width:100%!important;max-width:94vw!important;height:100%!important;max-height:none!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;margin:0!important;background:none!important;border:0!important}.page-home .slide-image img{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;filter:none!important}.page-home .selected-slide figcaption{display:none!important}.page-home .slide-interface,.page-home .site-footer{display:none!important}
.home-dock{position:fixed;inset:auto 0 0;z-index:90;height:76px;display:grid;grid-template-columns:1fr auto 1fr auto;align-items:center;gap:36px;padding:0 var(--edge);background:#fff;border-top:1px solid #d5d5d5;font-family:Manrope,Arial,sans-serif!important;color:#111}.home-name{justify-self:start;font-size:13px;font-weight:750;letter-spacing:-.075em;line-height:.95;text-decoration:none}.home-name span{display:block}.home-dock .slide-controls{grid-column:2;display:flex;align-items:center;gap:13px;font-size:10px;font-weight:700}.home-dock .slide-controls button{border:0;background:none;color:#111;font-size:23px;line-height:1;padding:8px;cursor:pointer}.home-dock .slide-count{min-width:54px;text-align:center}.home-dock .menu-button{grid-column:3;justify-self:end;display:flex!important;align-items:center;gap:13px;border:0;background:none;color:#111;padding:0;font-size:11px;font-weight:700;cursor:pointer}.home-contact{grid-column:4;justify-self:end;font-size:11px;font-weight:700;text-decoration:none;white-space:nowrap}.home-contact:hover{text-decoration:underline}
#navigation.home-nav{display:none!important;position:fixed!important;inset:0 0 76px!important;z-index:85!important;overflow:auto!important;align-content:start!important;padding:clamp(30px,5vw,70px) var(--edge) 35px!important;background:#fff!important}#navigation.home-nav.open{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 5vw!important}
@media(max-width:800px){.by-header.header,.by-header.header.scrolled{height:76px!important;min-height:76px!important;grid-template-columns:1fr auto auto!important;gap:18px!important}.by-header .by-brand.logo{margin-top:17px!important}.by-role,.by-contact{display:none!important}.by-header .menu-button{margin-top:20px!important}.by-orbit{width:43px;height:43px;margin-top:10px}.by-header #navigation.by-nav,.by-header #navigation.by-nav.open{inset:76px 0 0!important}.by-header #navigation.by-nav.open,#navigation.home-nav.open{grid-template-columns:1fr!important}.by-nav a,.home-nav a{font-size:clamp(35px,8.5vw,68px)!important}.page-home .selected-stage{inset:0 0 68px!important}.page-home .selected-slide{align-items:flex-start!important;justify-content:flex-start!important;padding:0 var(--edge)!important}.page-home .slide-image{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:calc(100svh - 80px)!important;margin:0!important;padding:0!important}.page-home .slide-image img{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:calc(100svh - 80px)!important;margin:0 auto!important;object-fit:contain!important}.home-dock{height:68px;grid-template-columns:1fr auto auto;gap:14px}.home-name{font-size:11px}.home-dock .slide-controls{grid-column:2;gap:3px}.home-dock .slide-controls button{font-size:20px;padding:6px}.home-dock .slide-count{min-width:48px;font-size:9px}.home-dock .menu-button{grid-column:3;gap:6px;font-size:10px}.home-dock .menu-button i{width:13px;height:13px}.home-contact{display:none}#navigation.home-nav{inset:0 0 68px!important}}
@media(max-width:380px){.home-dock{gap:8px}.home-dock .slide-count{min-width:42px}.home-dock .slide-controls button{padding:4px}.home-dock .menu-button{gap:4px}}
/* Photograph titles sit immediately under each full frame. */
.page-home .selected-slide{flex-direction:column!important}
.page-home .slide-image{height:calc(100% - 28px)!important;flex:none!important}
.page-home .selected-slide figcaption{display:flex!important;align-items:baseline!important;justify-content:space-between!important;gap:12px!important;width:100%!important;max-width:94vw!important;height:28px!important;margin:0!important;padding:7px 0 0!important;font-family:Manrope,Arial,sans-serif!important;font-size:10px!important;font-weight:700!important;line-height:1!important;letter-spacing:-.01em!important;text-transform:uppercase!important}
.page-home .selected-slide figcaption em{font-style:normal!important;color:#999!important;font-weight:650!important}
.page-home .selected-slide figcaption a,.page-home .selected-slide figcaption small{display:none!important}
.page-home .selected-slide figcaption::after{content:attr(data-counter);color:#111;font-size:10px;font-weight:700;white-space:nowrap}
.home-name{white-space:nowrap}.home-name span{display:inline;margin-left:4px}
.home-direct-links{display:none}.home-direct-links a{text-decoration:none;color:#999}.home-direct-links a[aria-current=page]{color:#111}
@media(max-width:800px){
  body:not(.page-home){padding-bottom:56px!important}
  .by-header.header,.by-header.header.scrolled{position:fixed!important;inset:auto 0 0!important;z-index:110!important;height:56px!important;min-height:56px!important;grid-template-columns:1fr auto auto!important;align-items:center!important;gap:clamp(8px,2.4vw,18px)!important;padding:0 15px!important;border-top:1px solid #d6d6d6!important}
  .by-header::after{display:none!important}
  .by-header .by-brand.logo{grid-column:1!important;display:block!important;margin:0!important;font-size:10px!important;letter-spacing:-.055em!important;white-space:nowrap!important}
  .by-brand span{display:inline!important}.by-brand span:first-child::after{content:" "}
  .by-header .menu-button{grid-column:3!important;justify-self:end!important;margin:0!important;gap:0!important;font-size:10px!important}
  .by-header .menu-button i{display:none!important}
  .by-header .by-orbit{display:none!important}
  .by-header #navigation.by-nav{position:static!important;grid-column:2!important;grid-row:1!important;display:flex!important;align-items:center!important;gap:10px!important;inset:auto!important;width:auto!important;height:auto!important;max-height:none!important;padding:0!important;overflow:visible!important;background:none!important}
  .by-header #navigation.by-nav a{display:none!important;margin:0!important;padding:0!important;border:0!important;color:#999!important;font-size:10px!important;font-weight:650!important;line-height:1!important;letter-spacing:-.03em!important;text-transform:uppercase!important;white-space:nowrap!important}
  .by-header #navigation.by-nav a:nth-child(1),.by-header #navigation.by-nav a:nth-child(2){display:block!important}
  .by-header #navigation.by-nav a[aria-current=page]{color:#111!important}
  .by-header #navigation.by-nav a span,.by-header #navigation.by-nav p{display:none!important}
  .by-header #navigation.by-nav.open{position:fixed!important;inset:0 0 56px!important;z-index:105!important;display:grid!important;grid-template-columns:1fr!important;align-content:start!important;gap:0!important;overflow:auto!important;width:100%!important;height:auto!important;padding:30px 16px!important;background:#fff!important}
  .by-header #navigation.by-nav.open a{display:flex!important;align-items:baseline!important;gap:16px!important;padding:13px 0!important;border-bottom:1px solid #ccc!important;color:#111!important;font-size:clamp(36px,9vw,65px)!important;line-height:1.1!important;letter-spacing:-.065em!important}
  .by-header #navigation.by-nav.open a span{display:block!important;font-size:10px!important;letter-spacing:0!important}
  .by-header #navigation.by-nav.open p{display:block!important;margin-top:30px!important}
  .page-home .selected-slide{display:block!important;justify-content:initial!important;align-items:initial!important;padding:15px 15px 0!important}
  .page-home .selected-slide[hidden]{display:none!important}
  .page-home .slide-image{display:block!important;width:100%!important;height:auto!important;max-width:none!important;max-height:calc(100svh - 112px)!important;margin:0!important;padding:0!important}
  .page-home .slide-image img{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:calc(100svh - 112px)!important;object-fit:contain!important;margin:0 auto!important}
  .page-home .selected-slide figcaption{display:flex!important;width:100%!important;max-width:none!important;height:27px!important;padding-top:8px!important;margin:0!important;font-size:10px!important}
  .home-dock{grid-template-columns:1fr auto auto!important;height:56px!important;gap:clamp(8px,2.4vw,18px)!important;padding:0 15px!important}
  .home-name{font-size:10px!important;letter-spacing:-.055em!important;line-height:1!important}.home-name span{display:inline!important;margin-left:3px!important}
  .home-dock .slide-controls{display:none!important}
  .home-direct-links{grid-column:2!important;display:flex!important;gap:10px!important;font-size:10px!important;font-weight:650!important;line-height:1!important;letter-spacing:-.03em!important}
  .home-dock .menu-button{grid-column:3!important;gap:0!important;font-size:10px!important}
  .home-dock .menu-button i{display:none!important}
  .page-home .selected-stage{inset:0 0 56px!important}
  #navigation.home-nav{inset:0 0 56px!important}
}
@media(max-width:370px){.home-dock,.by-header.header{gap:6px!important}.home-direct-links,.by-header #navigation.by-nav{gap:7px!important}.home-name,.by-header .by-brand.logo{font-size:9px!important}.home-direct-links,.by-header #navigation.by-nav a,.home-dock .menu-button,.by-header .menu-button{font-size:9px!important}}
/* The homepage bottom bar now offers About beside Selected and Work. */
@media(max-width:800px){.home-direct-links{gap:clamp(7px,1.6vw,11px)!important}.home-direct-links a{font-size:10px!important}}
@media(max-width:390px){.home-direct-links a{font-size:9px!important}}
/* Match Julia Noni's responsive placement: top on desktop, bottom on phones. */
@media(min-width:801px){
  .page-home .home-dock{position:fixed!important;inset:0 0 auto!important;height:64px!important;grid-template-columns:1fr auto auto auto!important;gap:clamp(18px,3vw,48px)!important;padding:0 var(--edge)!important;border:0!important;background:#fff!important}
  .page-home .home-name{grid-column:1!important;justify-self:start!important;font-size:11px!important;letter-spacing:-.04em!important;line-height:1!important}
  .page-home .home-name span{display:inline!important;margin-left:4px!important}
  .page-home .slide-controls{grid-column:2!important;display:flex!important;gap:10px!important}
  .page-home .slide-controls button{font-size:18px!important;padding:4px!important}
  .page-home .slide-count{font-size:10px!important}
  .page-home .home-direct-links{grid-column:3!important;display:flex!important;align-items:center!important;gap:clamp(12px,1.2vw,22px)!important;font-size:10px!important;font-weight:700!important;white-space:nowrap!important}
  .page-home .home-direct-links a{color:#aaa!important;text-decoration:none!important}
  .page-home .home-direct-links a[aria-current=page],.page-home .home-direct-links a:hover{color:#111!important}
  .page-home .home-dock .menu-button{grid-column:4!important;justify-self:end!important;display:flex!important;gap:0!important;font-size:10px!important}
  .page-home .home-dock .menu-button i,.page-home .home-contact{display:none!important}
  .page-home .selected-stage{inset:64px 0 0!important}
  .page-home #navigation.home-nav{inset:64px 0 0!important}
}