/* Phone/tablet navigation only. Mouse-driven laptop layouts retain the original header. */
#oe-mobile-toggle, #oe-mobile-menu{display:none;}
@media (max-width:760px), (max-width:1366px) and (hover:none) and (pointer:coarse){
  .site-nav{padding:calc(16px + env(safe-area-inset-top,0px)) clamp(20px,4vw,40px) 16px;background:rgba(20,33,29,.24);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}
  .site-nav__bar{display:flex;justify-content:space-between;align-items:center;gap:24px;}
  .site-nav .site-nav__left, .site-nav .site-nav__right, .site-nav .nav-popover{display:none;}
  .site-nav .site-brand{width:clamp(128px,19vw,170px);flex:0 0 auto;}
  #oe-mobile-toggle{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;padding:0;border:0;background:none;color:#D5C8BA;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;}
  #oe-mobile-toggle:focus-visible{outline:2px solid #B39677;outline-offset:4px;border-radius:4px;}
  .oe-mobile-strokes{position:relative;display:block;width:32px;height:28px;}
  .oe-mobile-strokes i{position:absolute;left:0;top:12px;width:32px;height:4px;background:currentColor;clip-path:polygon(9% 0,38% 14%,100% 0,90% 100%,65% 82%,0 100%);transform-origin:center;transition:transform .32s ease,opacity .2s ease;}
  .oe-mobile-strokes i:nth-child(1){transform:translateY(-10px);}
  .oe-mobile-strokes i:nth-child(3){transform:translateY(10px);}
  #oe-mobile-toggle[aria-expanded="true"] i:nth-child(1){transform:rotate(45deg);}
  #oe-mobile-toggle[aria-expanded="true"] i:nth-child(2){opacity:0;}
  #oe-mobile-toggle[aria-expanded="true"] i:nth-child(3){transform:rotate(-45deg);}
  #oe-mobile-menu:not([hidden]){display:block;}
  #oe-mobile-menu{position:fixed;inset:0;z-index:109;isolation:isolate;overscroll-behavior:contain;}
  .oe-mobile-backdrop{position:absolute;inset:0;background:rgba(8,18,14,.4);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);}
  .oe-mobile-drawer{position:absolute;inset:0 0 0 auto;width:min(100%,560px);padding:calc(var(--oe-mobile-header-height,88px) + 24px) clamp(24px,5vw,48px) max(32px,env(safe-area-inset-bottom,0px));background:rgba(20,33,29,.86);overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;color:#D5C8BA;}
  .oe-mobile-item{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:76px;padding:24px 0;border:0;border-bottom:1px solid rgba(213,200,186,.18);background:none;text-decoration:none;text-align:left;color:inherit;font:400 clamp(20px,3vw,28px)/1.35 "Playfair Display",serif;cursor:pointer;}
  .oe-mobile-item:hover{color:#B39677;}
  .oe-mobile-item:focus-visible, #oe-mobile-projects a:focus-visible{outline:2px solid #B39677;outline-offset:4px;}
  #oe-mobile-projects-toggle span{font:300 25px/1 "Plus Jakarta Sans",sans-serif;color:#B39677;transition:transform .25s;}
  #oe-mobile-projects-toggle[aria-expanded="true"] span{transform:rotate(45deg);}
  #oe-mobile-projects{padding:10px 0 12px 14px;border-bottom:1px solid rgba(213,200,186,.18);}
  #oe-mobile-projects[hidden]{display:none;}
  #oe-mobile-projects a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;min-height:64px;color:#D5C8BA;text-decoration:none;}
  #oe-mobile-projects .project-name{font-size:23px;}
  #oe-mobile-projects .project-phase{font-size:13px;}
  #oe-mobile-projects .project-action{font-size:12px;}
}
@media(prefers-reduced-motion:reduce){.oe-mobile-strokes i, #oe-mobile-projects-toggle span{transition:none;}}