/* Shared responsive system for Paydaş — all breakpoints */
@media(max-width:900px){
 html,body{width:100%;max-width:100%;overflow-x:clip}
 .mobile-top{position:fixed!important;top:0;left:0;right:0;height:76px!important;padding:0 18px!important;background:#f6f5f3!important;border-bottom:1px solid #dedddb!important;color:#171717!important;display:flex!important;align-items:center!important;justify-content:space-between!important;z-index:3000!important}
 .mobile-top strong{display:block!important;width:145px!important;height:65px!important;background:url("../paydas/paydas-logo.png") center left/contain no-repeat!important;font-size:0!important;color:transparent!important;flex:none!important}
 .mobile-top button{min-width:88px!important;min-height:44px!important;padding:10px 14px!important;border:1px solid #292929!important;background:transparent!important;color:#151515!important;font:600 12px/1.2 Arial,sans-serif!important;letter-spacing:.06em!important;text-transform:uppercase!important;border-radius:2px!important;cursor:pointer!important}
 .side-nav{position:fixed!important;inset:76px 0 0!important;width:100%!important;max-width:none!important;height:calc(100dvh - 76px)!important;overflow-y:auto!important;padding:30px 25px 35px!important;z-index:2800!important;background:#171717!important;color:#fff!important;transform:translateX(-105%)!important;transition:transform .25s ease!important;visibility:hidden!important;pointer-events:none!important}
 .side-nav.open{transform:translateX(0)!important;visibility:visible!important;pointer-events:auto!important}
 .side-nav .side-logo{display:none!important}
 .side-nav .side-menu{margin:0!important}
 .side-nav .side-menu-label,.side-nav .side-menu a,.side-nav .side-contact-caption,.side-nav .side-bottom,.side-nav .side-bottom a,.side-nav .languages a{color:#fff!important}
 .side-nav .side-menu a{display:flex!important;align-items:center!important;min-height:58px!important;font-size:17px!important;text-decoration:none!important;opacity:1!important}
 .side-nav .side-bottom{position:static!important;display:block!important;margin-top:40px!important}
 .page,.detail-page{padding-top:76px!important}
 .hero{height:calc(100svh - 76px)!important;min-height:560px!important}
 .hero h1{font-size:clamp(34px,8vw,58px)!important;line-height:1.12!important;overflow-wrap:break-word}
 .hero-content{left:24px!important;right:24px!important;width:auto!important;max-width:none!important}
 .intro,.expertise,.work,.publications,.contact,.footer{padding-left:24px!important;padding-right:24px!important}
 .intro-main,.intro-copy,.expertise-head,.work-layout,.footer-grid{max-width:100%!important}
 .intro-copy{grid-template-columns:1fr!important;gap:18px!important}
 .intro h2,.expertise h2,.manifesto h2{font-size:clamp(30px,6vw,46px)!important;line-height:1.16!important}
 .manifesto{display:grid!important;grid-template-columns:1fr!important}
 .manifesto-photo{min-height:0!important;height:300px!important}
 .manifesto-photo img{width:100%!important;height:100%!important;object-fit:cover!important}
 .manifesto-content{padding:48px 24px!important}
 .expertise-grid{display:grid!important;grid-template-columns:1fr!important}
 .expertise-item{width:100%!important;min-width:0!important}
 .contact .contact-wrap{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;min-height:0!important}
 .contact .map,.contact .map iframe{min-height:310px!important;height:310px!important}
 .contact .contact-info{padding:28px 22px!important}
 .footer{padding-top:50px!important;padding-bottom:34px!important}
 .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:30px!important}
 .footer-lead,.footer-bottom{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:20px!important}
 .detail-photo{margin-left:0!important;width:100%!important;height:clamp(230px,43vw,350px)!important}
 .detail-photo img{object-fit:cover!important;object-position:center!important}
 .detail-content{padding:50px 26px 78px!important}
 .detail-content>*{width:100%!important;max-width:860px!important;margin-left:auto!important;margin-right:auto!important}
 .detail-content h1{font-size:clamp(34px,6vw,50px)!important;letter-spacing:-.04em!important}
 .detail-content article{width:100%!important;max-width:780px!important;margin-left:auto!important;margin-right:auto!important}
 .detail-content article p,.detail-content article li{font-size:15px!important;line-height:1.75!important}
 }
@media(max-width:600px){
 .mobile-top strong{width:133px!important;height:61px!important}
 .hero{min-height:550px!important}
 .hero-content{left:20px!important;right:20px!important}
 .intro,.expertise,.work,.publications,.contact,.footer{padding-left:20px!important;padding-right:20px!important}
 .expertise-grid .expertise-item{display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;gap:10px!important;padding:22px 0!important}
 .expertise-item .expertise-visual{grid-column:2!important;grid-row:auto!important;width:100%!important;height:150px!important}
 .expertise-item>div:last-child{grid-column:2!important;grid-row:auto!important}
 .footer-grid{grid-template-columns:1fr!important}
 .detail-content{padding:38px 21px 65px!important}
 .detail-photo{height:230px!important}
 .detail-content h1{font-size:36px!important}
 .contact-info h3{font-size:34px!important}
}
@media(min-width:901px) and (max-width:1200px){
 .detail-content{padding-left:280px!important;padding-right:35px!important}
 .detail-content article{max-width:780px!important}
}
@media(prefers-reduced-motion:reduce){.side-nav{transition:none!important}}
/* Ensure mobile menu button is never hidden by legacy header styles. */
@media(max-width:900px){.mobile-top #mobileMenu{display:inline-flex!important;align-items:center!important;justify-content:center!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:3200!important;flex-shrink:0!important}.mobile-top{box-sizing:border-box!important;width:100%!important}.mobile-top strong{min-width:115px!important;max-width:145px!important}}

/* Mobile header and typography polish — shared on home + detail pages */
@media(max-width:900px){
 .mobile-top{height:82px!important;padding:0 20px!important;box-shadow:0 1px 0 rgba(0,0,0,.08)!important}
 .mobile-top strong{width:170px!important;max-width:170px!important;min-width:145px!important;height:72px!important;background-size:contain!important;background-position:left center!important}
 .mobile-top #mobileMenu{width:48px!important;min-width:48px!important;height:48px!important;min-height:48px!important;padding:0!important;border:1px solid #d7d6d2!important;border-radius:50%!important;background:#fff!important;box-shadow:0 2px 10px rgba(0,0,0,.035)!important;font-size:0!important;color:transparent!important;letter-spacing:0!important;position:relative!important}
 .mobile-top #mobileMenu::before{content:"";display:block!important;position:absolute!important;width:19px;height:14px;left:14px;top:15px;background:linear-gradient(#171717,#171717) top/19px 1.5px no-repeat,linear-gradient(#171717,#171717) center/19px 1.5px no-repeat,linear-gradient(#171717,#171717) bottom/19px 1.5px no-repeat;transition:transform .2s ease}
 .mobile-top #mobileMenu[aria-expanded="true"]::before{width:19px;height:19px;left:14px;top:14px;background:linear-gradient(#171717,#171717) center/19px 1.5px no-repeat;transform:rotate(45deg)}
 .mobile-top #mobileMenu[aria-expanded="true"]::after{content:"";position:absolute;left:14px;top:22px;width:19px;height:1.5px;background:#171717;transform:rotate(-45deg)}
 .side-nav{top:82px!important;height:calc(100dvh - 82px)!important}
 .page,.detail-page{padding-top:82px!important}
 .hero{height:calc(100svh - 82px)!important}
 .expertise-head,.expertise-title,.intro-main,.work-left,.contact-heading{text-align:center!important}
 .expertise-head{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:23px!important}
 .expertise-title h2,.intro h2,.work-left h2,.contact-heading h2{margin-left:auto!important;margin-right:auto!important;text-align:center!important}
 .expertise-head p{max-width:600px!important;margin:0 auto!important;text-align:center!important}
 .section-id,.expertise-title small,.work-left small,.contact-heading small{display:block;text-align:center!important}
 .detail-content > h1,.detail-content > .detail-eyebrow{text-align:center!important}
}
@media(max-width:600px){.mobile-top strong{width:156px!important;max-width:156px!important;height:70px!important}.expertise-head{gap:20px!important}}

/* Mobile Bureau section only: eliminate the legacy narrow two-column layout. */
@media(max-width:900px){
 #bureau.intro{padding:62px 24px 74px!important}
 #bureau .section-top{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;gap:22px!important;width:100%!important}
 #bureau .section-id{width:100%!important;margin:0!important;text-align:center!important}
 #bureau .intro-main{display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;max-width:700px!important;margin:0 auto!important;min-width:0!important;text-align:center!important}
 #bureau .intro-main h2{width:100%!important;max-width:100%!important;margin:0 0 24px!important;font-size:clamp(30px,7vw,44px)!important;line-height:1.17!important;text-align:center!important;overflow-wrap:normal!important}
 #bureau .intro-copy{display:flex!important;flex-direction:column!important;width:100%!important;max-width:100%!important;gap:18px!important;margin:0!important;text-align:left!important}
 #bureau .intro-copy p{width:100%!important;max-width:none!important;margin:0!important;text-align:left!important;font-size:14px!important;line-height:1.85!important}
 #bureau .paydas-more{align-self:center!important;margin-top:27px!important;text-align:center!important}
}
@media(max-width:600px){#bureau.intro{padding:50px 21px 62px!important}#bureau .intro-main h2{font-size:clamp(29px,8vw,36px)!important}}

/* Flat, borderless mobile navigation control; keep 44px tap target. */
@media(max-width:900px){
 .mobile-top #mobileMenu{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;appearance:none!important;-webkit-appearance:none!important}
 .mobile-top #mobileMenu::before{left:12px!important;top:14px!important;width:20px!important;height:16px!important;background:linear-gradient(#171717,#171717) top/20px 1.5px no-repeat,linear-gradient(#171717,#171717) center/20px 1.5px no-repeat,linear-gradient(#171717,#171717) bottom/20px 1.5px no-repeat!important}
 .mobile-top #mobileMenu[aria-expanded="true"]::before{left:12px!important;top:12px!important;width:20px!important;height:20px!important;background:linear-gradient(#171717,#171717) center/20px 1.5px no-repeat!important;transform:rotate(45deg)!important}
 .mobile-top #mobileMenu[aria-expanded="true"]::after{left:12px!important;top:21px!important;width:20px!important;height:1.5px!important;background:#171717!important;transform:rotate(-45deg)!important}
}

@media(max-width:900px){#bureau .intro-copy p,.expertise-head p{text-align:justify!important}}