body>.glass-nav{position:fixed!important;top:12px!important;left:2.5%!important;right:2.5%!important;width:auto!important;margin:0!important;padding:11px 25px!important;min-height:64px;box-sizing:border-box;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;border-radius:40px!important;z-index:1000!important;background:rgba(245,244,241,.72)!important;color:#252525!important;border:1px solid #ffffff80!important;backdrop-filter:blur(20px) saturate(1.15);-webkit-backdrop-filter:blur(20px) saturate(1.15);box-shadow:0 4px 24px #0000000c;opacity:0;transform:translateY(-9px);pointer-events:none;transition:opacity .4s,transform .5s cubic-bezier(.2,.7,.2,1),background .45s,color .45s,border-color .45s}
body>.glass-nav.is-visible{opacity:1;transform:none;pointer-events:auto}body>.glass-nav.on-dark{background:rgba(30,30,29,.62)!important;color:#f6f5f1!important;border-color:#ffffff30!important;box-shadow:0 4px 28px #0002}
body>.glass-nav a{color:inherit!important}body>.glass-nav nav{display:flex!important;align-items:center;gap:25px;margin:0!important}body>.glass-nav nav a{font-size:13px!important;white-space:nowrap}body>.glass-nav nav a[aria-current=page]{text-decoration:underline;text-underline-offset:5px}
body>.glass-nav .logo{flex-shrink:0}body>.glass-nav .logo small{font-size:8px!important;letter-spacing:2px}body>.glass-nav .logo span{font-size:30px!important;line-height:1!important}
body>.glass-nav>a:not(.logo){background:#fff!important;color:#292929!important;border:0!important;padding:10px 17px!important;border-radius:25px!important;font-size:11px!important;white-space:nowrap}
@media(max-width:700px){body>.glass-nav{left:10px!important;right:10px!important;top:10px!important;padding:10px 15px!important;gap:15px!important;min-height:60px}body>.glass-nav nav{gap:17px;overflow-x:auto;scrollbar-width:none}body>.glass-nav nav a{font-size:11px!important}body>.glass-nav>a:not(.logo){display:none!important}body>.glass-nav .logo span{font-size:25px!important}body>.glass-nav .logo small{font-size:6px!important}}
@media(prefers-reduced-motion:reduce){body>.glass-nav{transition:none}}
/* Slim optical glass, with a fine illuminated rim. */
body>.glass-nav{top:14px!important;left:3%!important;right:3%!important;min-height:52px!important;padding:7px 22px!important;background:rgba(247,246,242,.28)!important;border:1px solid #ffffff8c!important;backdrop-filter:blur(14px) saturate(1.55) contrast(1.06);-webkit-backdrop-filter:blur(14px) saturate(1.55) contrast(1.06);box-shadow:inset 0 1px 0 #ffffffbb,inset 0 -1px 0 #ffffff30,0 5px 22px #0000000b;isolation:isolate}
body>.glass-nav:before{content:'';position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#ffffff22,transparent 45%,#ffffff0a);box-shadow:inset 1px 0 1px #ffffff66,inset -1px 0 1px #ffffff44}
body>.glass-nav.on-dark{background:rgba(40,40,38,.24)!important;border-color:#ffffff65!important;box-shadow:inset 0 1px 0 #ffffff55,inset 0 -1px 0 #ffffff1c,0 5px 22px #00000012}
body>.glass-nav .logo span{font-size:26px!important}body>.glass-nav .logo small{font-size:6.5px!important}
body>.glass-nav nav{gap:27px}body>.glass-nav nav a{font-size:12px!important;transition:transform .3s,color .3s}body>.glass-nav nav a:hover{transform:scale(1.055)}
body>.glass-nav>a:not(.logo){padding:8px 15px!important;font-size:10px!important;background:rgba(255,255,255,.85)!important}
@media(max-width:700px){body>.glass-nav{left:10px!important;right:10px!important;min-height:48px!important;padding:7px 14px!important}body>.glass-nav nav{gap:16px}body>.glass-nav nav a{font-size:10px!important}body>.glass-nav .logo span{font-size:23px!important}}

/* Clear glass: restrained blur and an almost invisible edge. */
body>.glass-nav{background:rgba(248,247,244,.12)!important;border:1px solid #ffffff25!important;backdrop-filter:blur(5px) saturate(1.1);-webkit-backdrop-filter:blur(5px) saturate(1.1);box-shadow:0 3px 16px #00000008!important}
body>.glass-nav.on-dark{background:rgba(20,20,19,.16)!important;border-color:#ffffff20!important;box-shadow:0 3px 18px #0000000a!important}
body>.glass-nav:before{background:none;box-shadow:none}
body>.glass-nav>a:not(.logo){background:rgba(255,255,255,.9)!important}

/* Compact floating navigation with a restrained frosted finish. */
body>.glass-nav{min-height:46px!important;padding:6px 20px!important;left:4%!important;right:4%!important;background:rgba(244,243,240,.42)!important;backdrop-filter:blur(10px) saturate(1.15);-webkit-backdrop-filter:blur(10px) saturate(1.15)}
body>.glass-nav.on-dark{background:rgba(29,29,28,.4)!important}
body>.glass-nav .logo span{font-size:23px!important;line-height:1!important}body>.glass-nav .logo small{font-size:6px!important;letter-spacing:1.6px!important}
body>.glass-nav nav a{font-size:11px!important;line-height:1.3!important}body>.glass-nav nav{gap:24px}
body>.glass-nav>a:not(.logo){font-size:10px!important;padding:7px 13px!important;line-height:1.3!important}
@media(max-width:700px){body>.glass-nav{left:10px!important;right:10px!important;min-height:44px!important;padding:6px 12px!important}body>.glass-nav nav{gap:14px}body>.glass-nav nav a{font-size:10px!important}body>.glass-nav .logo span{font-size:21px!important}}

/* Increase navigation labels without changing the glass shell. */
body>.glass-nav nav a{font-size:12px!important}
@media(max-width:700px){body>.glass-nav nav a{font-size:11px!important}}

body>.glass-nav:not(.on-dark){background:rgba(220,219,216,.38)!important;border-color:rgba(65,62,56,.13)!important}

/* A thinner shell; label sizes remain unchanged. */
body>.glass-nav{min-height:40px!important;padding-top:4px!important;padding-bottom:4px!important}
body>.glass-nav:not(.on-dark){background:rgba(233,232,229,.27)!important;border-color:rgba(65,62,56,.065)!important}
body>.glass-nav .logo span{font-size:19px!important;line-height:1!important}
body>.glass-nav .logo small{font-size:5px!important;letter-spacing:1.4px!important;line-height:1.1!important}
body>.glass-nav>a:not(.logo){padding-top:6px!important;padding-bottom:6px!important}
@media(max-width:700px){body>.glass-nav{min-height:38px!important}body>.glass-nav .logo span{font-size:18px!important}}

/* Larger labels within the same fixed-height shell. */
body>.glass-nav{height:40px!important;min-height:40px!important;border-radius:20px!important;border-color:rgba(255,255,255,.24)!important}
body>.glass-nav:not(.on-dark){border-color:rgba(255,255,255,.34)!important}
body>.glass-nav.on-dark{border-color:rgba(255,255,255,.16)!important}
body>.glass-nav nav a{font-size:13px!important;line-height:1.25!important}
body>.glass-nav>a:not(.logo){font-size:11px!important;line-height:1.2!important}
@media(max-width:700px){body>.glass-nav{height:38px!important;min-height:38px!important}body>.glass-nav nav a{font-size:12px!important}}

/* Edge-to-edge glass navigation, inspired by the supplied reference. */
body>.glass-nav{top:0!important;left:0!important;right:0!important;width:100%!important;height:52px!important;min-height:52px!important;border-radius:0!important;border:0!important;border-bottom:1px solid #ffffff24!important;padding:7px max(4%,calc((100vw - 1200px)/2))!important;background:rgba(240,239,236,.66)!important;backdrop-filter:blur(16px) saturate(1.15);-webkit-backdrop-filter:blur(16px) saturate(1.15);box-shadow:none!important;gap:36px!important}
body>.glass-nav:not(.on-dark){background:rgba(240,239,236,.66)!important;border-bottom-color:#ffffff60!important}
body>.glass-nav.on-dark{background:rgba(25,25,24,.64)!important;border-bottom-color:#ffffff1c!important}
body>.glass-nav nav{margin-left:auto!important;gap:26px}
body>.glass-nav .logo span{font-size:22px!important}
body>.glass-nav>a:not(.logo){padding:7px 14px!important}
@media(max-width:700px){body>.glass-nav{height:48px!important;min-height:48px!important;padding:6px 18px!important;gap:20px!important}body>.glass-nav nav{gap:17px}body>.glass-nav nav a{font-size:11px!important}}

body>.glass-nav,body>.glass-nav.on-dark,body>.glass-nav:not(.on-dark){background:rgba(240,239,236,.66)!important;color:#252525!important;border-bottom-color:#ffffff60!important;box-shadow:none!important}

body>.glass-nav,body>.glass-nav.on-dark,body>.glass-nav:not(.on-dark){background:#fff!important;color:#252525!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-bottom:1px solid #eeeeec!important;box-shadow:none!important}
body>.glass-nav:before{display:none}

body>.glass-nav{padding-left:28px!important;padding-right:28px!important}
body>.glass-nav .logo span{font-family:'DM Sans',sans-serif!important;font-size:27px!important;letter-spacing:-1px!important;line-height:1!important;font-weight:500!important}
body>.glass-nav>a:not(.logo){background:#171717!important;color:#fff!important;padding:9px 18px!important}
@media(max-width:700px){body>.glass-nav{padding-left:16px!important;padding-right:16px!important}body>.glass-nav .logo span{font-size:24px!important}}

body>.glass-nav .logo span{font-family:'Apple Garamond','Baskerville','Times New Roman',serif!important;font-weight:400!important;letter-spacing:-.6px!important}

/* Tall, narrow editorial wordmark. */
body>.glass-nav .logo span{font-family:'Bodoni 72','Didot','Bodoni MT','Times New Roman',serif!important;font-size:31px!important;font-weight:400!important;letter-spacing:-1px!important;display:block;transform:scaleX(.75);transform-origin:left center;line-height:1!important}
body>.glass-nav .logo{width:108px!important;flex:0 0 108px!important}
@media(max-width:700px){body>.glass-nav .logo span{font-size:28px!important}body>.glass-nav .logo{width:94px!important;flex-basis:94px!important}}

/* The shared white bar is the primary header on every page. */
body.has-main-bar{padding-top:72px!important}
body.has-main-bar header:not(.glass-nav){display:none!important}
body>.glass-nav{opacity:1;transform:none;pointer-events:auto}
@media(max-width:700px){body.has-main-bar{padding-top:64px!important}}

/* Identical navigation composition, embedded in the hero before docking. */
body.has-main-bar{padding-top:0!important}
body>.glass-nav:not(.is-docked){position:absolute!important;top:var(--hero-menu-top,24px)!important;background:transparent!important;color:#fff!important;border-bottom-color:transparent!important}
body>.glass-nav:not(.is-docked)>a:not(.logo){background:#fff!important;color:#252525!important}
body>.glass-nav.is-docked{position:fixed!important;top:0!important;background:#fff!important;color:#252525!important}
body>.glass-nav{transition:background .35s,color .35s,border-color .35s!important}

body>.glass-nav.no-photo-hero:not(.is-docked){color:#252525!important}body.has-main-bar:has(>.glass-nav.no-photo-hero){padding-top:72px!important}

body>.glass-nav{padding-left:4%!important;padding-right:4%!important}
@media(max-width:700px){body>.glass-nav{padding-left:26px!important;padding-right:26px!important}}

/* Shared rectangle edges across the main pages. */
:root{--section-edge:clamp(10px,1.2122vw,24px)}
.hero-panel>.photo-panel,.services-hero>.photo-panel,.about-panel>.photo-panel,.services-contact>.photo-panel{left:var(--section-edge)!important;right:var(--section-edge)!important;width:auto!important}
.work-page .services-contact{margin-left:0!important;margin-right:0!important;border-radius:0!important}
.process-scroll{margin-left:var(--section-edge)!important;margin-right:var(--section-edge)!important}
.process-scroll .work-process{margin-left:0!important;margin-right:0!important}
.selected-work{margin-left:var(--section-edge)!important;margin-right:var(--section-edge)!important;border-radius:20px;overflow:hidden}

/* Start comfortably inside the opening image, then dock without reflow. */
body>.glass-nav:not(.is-docked):not(.no-photo-hero){left:var(--section-edge)!important;right:var(--section-edge)!important;width:auto!important;padding-left:calc(4vw - var(--section-edge))!important;padding-right:calc(4vw - var(--section-edge))!important}
body.has-main-bar:has(>.glass-nav:not(.no-photo-hero)){padding-top:0!important}
@media(max-width:700px){body>.glass-nav:not(.is-docked):not(.no-photo-hero){padding-left:16px!important;padding-right:16px!important}}