/* Digipixeline 2.0 shared navigation and footer polish.
   Decorative section/grid backgrounds are intentionally left to each page's own styles. */
:root{--dpx-red:#e10600;--dpx-ink:#0b0b0b;--dpx-white:#f8f7f4;--dpx-line:rgba(255,255,255,.14)}
html{scroll-padding-top:92px}
header.nav{position:fixed!important;z-index:900!important;inset:12px 0 auto!important;display:flex!important;justify-content:center!important;padding:0 clamp(12px,3.6vw,48px)!important;pointer-events:none!important;transition:inset .3s ease,padding .3s ease!important}
.nav__bar{pointer-events:auto!important;width:min(100%,1320px)!important;min-height:66px!important;padding:9px 10px 9px clamp(17px,2.3vw,30px)!important;gap:16px!important;border-radius:22px!important;border:1px solid rgba(255,255,255,.16)!important;background:rgba(10,10,10,.91)!important;box-shadow:0 12px 36px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.05)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;transition:min-height .3s ease,padding .3s ease,border-color .3s ease,box-shadow .3s ease!important}
.nav__logo{display:flex!important;align-items:center!important;min-width:0!important}
.nav__logo img{display:block!important;width:auto!important;height:clamp(17px,1.55vw,22px)!important;max-width:min(34vw,210px)!important;object-fit:contain!important;transition:height .3s ease,opacity .25s ease!important}
.nav__actions{display:flex!important;align-items:center!important;gap:9px!important;flex:none!important}
.nav__actions .btn{min-height:44px!important;height:44px!important;padding:0 clamp(15px,1.7vw,22px)!important;border-radius:14px!important;font-weight:650!important;letter-spacing:.005em!important;transition:transform .22s ease,background-color .22s ease,border-color .22s ease,box-shadow .22s ease!important}
.nav__actions .btn--red{background:var(--dpx-red)!important;box-shadow:0 6px 20px rgba(225,6,0,.2)!important}
.nav__actions .btn--red:hover{transform:translateY(-2px)!important;box-shadow:0 10px 28px rgba(225,6,0,.3)!important}
.nav__actions .btn--ghost{border:1px solid rgba(255,255,255,.16)!important;background:rgba(255,255,255,.09)!important}
.nav__actions .btn--ghost:hover{background:rgba(255,255,255,.15)!important;transform:translateY(-1px)!important}
.menu-icon{display:grid!important;align-content:center!important;gap:4px!important;width:16px!important;height:14px!important;flex:none!important}
.menu-icon b{display:block!important;width:100%!important;height:1.5px!important;border-radius:9px!important;background:currentColor!important;transform-origin:center!important;transition:transform .24s ease,opacity .2s ease!important}
.nav__actions .btn--ghost[aria-expanded="true"] .menu-icon b:first-child{transform:translateY(2.75px) rotate(45deg)!important}
.nav__actions .btn--ghost[aria-expanded="true"] .menu-icon b:last-child{transform:translateY(-2.75px) rotate(-45deg)!important}
.nav.nav--scrolled{inset:8px 0 auto!important}
.nav.nav--scrolled .nav__bar{min-height:58px!important;padding-top:6px!important;padding-bottom:6px!important;border-color:rgba(255,255,255,.22)!important;box-shadow:0 12px 36px rgba(0,0,0,.32)!important}
.nav.nav--scrolled .nav__logo img{height:18px!important}
.menu{z-index:1000!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:clamp(76px,12vh,120px) 5vw clamp(36px,8vh,80px)!important;background:rgba(8,8,8,.985)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;overflow-y:auto!important;overscroll-behavior:contain!important}
.menu:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,var(--dpx-red),transparent);opacity:.8;pointer-events:none}
.menu:after{content:"DIGIPIXELINE 2.0  ·  NEW DELHI, INDIA";position:absolute;bottom:max(20px,env(safe-area-inset-bottom));left:clamp(20px,5vw,72px);font:600 9px/1.4 Inter,Arial,sans-serif;letter-spacing:.2em;color:rgba(255,255,255,.4);pointer-events:none}
.menu__close{position:fixed!important;top:max(20px,env(safe-area-inset-top))!important;right:clamp(16px,4vw,52px)!important;z-index:2!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:14px!important;background:rgba(255,255,255,.08)!important;min-height:44px!important;padding:0 18px!important}
.menu nav{width:min(100%,1120px)!important;margin:0 auto!important}
.menu nav:before{content:"EXPLORE THE STUDIO";display:block;margin:0 0 clamp(16px,3vh,30px) clamp(5px,1vw,12px);font:650 10px/1 Inter,Arial,sans-serif;letter-spacing:.21em;color:rgba(255,255,255,.48)}
.menu ul{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 clamp(24px,5vw,84px)!important;width:100%!important;margin:0!important;padding:0!important;text-align:left!important;list-style:none!important}
.menu li{margin:0!important;border-top:1px solid rgba(255,255,255,.14)!important;min-width:0!important}
.menu li a{position:relative!important;display:flex!important;align-items:center!important;gap:clamp(12px,2vw,24px)!important;width:100%!important;min-height:clamp(66px,10vh,100px)!important;padding:10px 8px!important;color:rgba(255,255,255,.86)!important;text-decoration:none!important;font-size:clamp(28px,4.4vw,58px)!important;font-weight:560!important;line-height:1!important;letter-spacing:-.055em!important;transition:color .25s ease,translate .25s ease!important}
.menu li a:before{content:counter(dpx-menu,decimal-leading-zero);counter-increment:dpx-menu;flex:none!important;color:var(--dpx-red)!important;font:600 10px/1 Inter,Arial,sans-serif!important;letter-spacing:.06em!important;align-self:flex-start!important;margin-top:9px!important}
.menu ul{counter-reset:dpx-menu}
.menu li a:after{content:"↗";margin-left:auto!important;color:var(--dpx-red)!important;font:400 clamp(16px,2vw,24px)/1 Inter,Arial,sans-serif!important;opacity:0;transform:translate(-8px,8px);transition:opacity .25s ease,transform .25s ease!important}
.menu li a:hover,.menu li a[aria-current="page"]{color:#fff!important;translate:5px 0!important}
.menu li a:hover:after,.menu li a[aria-current="page"]:after{opacity:1;transform:translate(0,0)}
.menu li a[aria-current="page"]{color:#fff!important}
.menu[data-open="true"] li{animation:dpx-menu-in .55s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--menu-index,0)*45ms)}
.menu li:nth-child(1){--menu-index:0}.menu li:nth-child(2){--menu-index:1}.menu li:nth-child(3){--menu-index:2}.menu li:nth-child(4){--menu-index:3}.menu li:nth-child(5){--menu-index:4}.menu li:nth-child(6){--menu-index:5}.menu li:nth-child(7){--menu-index:6}
@keyframes dpx-menu-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.footer{position:relative!important}
.footer-invitation>a{gap:20px!important;transition:color .25s ease,letter-spacing .3s ease!important}
.footer-invitation>a:hover{color:#fff!important;letter-spacing:-.045em!important}
.footer-invitation>a b{flex:none!important;transition:transform .3s ease!important}
.footer-invitation>a:hover b{transform:translate(5px,-5px)!important}
.footer-brand-row{align-items:center!important}
.footer-brand{max-width:clamp(190px,34vw,430px)!important;width:min(48%,430px)!important}
.footer-brand img{max-height:clamp(48px,7vw,82px)!important;width:100%!important;height:auto!important;object-fit:contain!important}
.footer-brand-row>p{max-width:34ch!important;color:rgba(255,255,255,.64)!important;font-size:clamp(14px,1.4vw,18px)!important;line-height:1.7!important}
.footer-connect{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:24px!important;flex-wrap:wrap!important;padding:22px 0!important;border-top:1px solid rgba(255,255,255,.15)!important;border-bottom:1px solid rgba(255,255,255,.15)!important}
.footer-connect>a{font-size:clamp(19px,2.8vw,38px)!important;letter-spacing:-.035em!important}
.footer-connect>div{font-size:10px!important;letter-spacing:.12em!important}
.footer-columns{gap:clamp(22px,3.5vw,52px)!important}
.footer-columns>div{min-width:0!important}
.footer-columns h3{position:relative!important;margin-bottom:17px!important;color:rgba(255,255,255,.9)!important}
.footer-columns a{width:fit-content;max-width:100%;transition:color .2s ease,transform .2s ease!important}
.footer-columns a:hover{color:#fff!important;transform:translateX(4px)!important}
.footer-bottom{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:15px!important;flex-wrap:wrap!important}
.footer-bottom>a{transition:color .2s ease,border-color .2s ease,transform .2s ease!important}
.footer-bottom>a:hover{transform:translateY(-2px)!important}
:where(.nav,.menu,.footer) :focus-visible{outline:2px solid #ff4a43!important;outline-offset:4px!important}
@media(max-width:800px){.menu ul{grid-template-columns:1fr!important;max-width:560px!important}.menu li a{min-height:clamp(58px,8.5vh,76px)!important;font-size:clamp(30px,7vw,48px)!important}.footer-columns{grid-template-columns:repeat(2,minmax(0,1fr))!important;row-gap:34px!important}}
@media(max-width:520px){header.nav{inset:max(9px,env(safe-area-inset-top)) 0 auto!important;padding:0 10px!important}.nav__bar{min-height:56px!important;padding:6px 6px 6px 13px!important;gap:7px!important;border-radius:18px!important}.nav__logo img{height:15px!important;max-width:34vw!important}.nav__actions{gap:5px!important}.nav__actions .btn{min-height:39px!important;height:39px!important;padding:0 11px!important;border-radius:12px!important;font-size:12px!important;gap:6px!important}.nav__actions .btn--red{padding-inline:12px!important}.menu-icon{width:14px!important;height:12px!important}.nav.nav--scrolled{inset:6px 0 auto!important}.nav.nav--scrolled .nav__bar{min-height:51px!important}.nav.nav--scrolled .nav__logo img{height:14px!important}.menu{justify-content:flex-start!important;padding:88px 23px max(64px,env(safe-area-inset-bottom))!important}.menu nav{margin:auto!important}.menu nav:before{font-size:9px!important;margin-bottom:12px!important}.menu ul{max-width:none!important}.menu li a{min-height:61px!important;padding:8px 4px!important;font-size:clamp(29px,8vw,40px)!important;gap:14px!important}.menu li a:before{font-size:9px!important;margin-top:8px!important}.menu:after{font-size:8px!important;left:23px!important;bottom:max(16px,env(safe-area-inset-bottom))!important}.menu__close{top:max(12px,env(safe-area-inset-top))!important;right:13px!important;min-height:40px!important;height:40px!important}.footer-invitation{padding-bottom:30px!important;margin-bottom:30px!important}.footer-invitation>a{font-size:clamp(37px,11vw,60px)!important;line-height:1.02!important;align-items:flex-start!important}.footer-brand-row{align-items:flex-start!important;flex-direction:column!important;gap:20px!important;margin:34px 0!important}.footer-brand{width:min(80%,320px)!important;max-width:320px!important}.footer-brand-row>p{margin:0!important}.footer-connect{align-items:flex-start!important;flex-direction:column!important;gap:12px!important;padding:18px 0!important}.footer-connect>a{font-size:clamp(20px,6vw,29px)!important;overflow-wrap:anywhere!important}.footer-columns{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px 18px!important;margin:40px 0 28px!important}.footer-columns h3{font-size:10px!important;letter-spacing:.08em!important}.footer-columns a,.footer-columns p{font-size:11px!important;line-height:1.8!important}.footer-bottom{align-items:flex-start!important;font-size:10px!important}.footer-bottom>a{padding:10px 13px!important}}
@media(max-width:360px){.nav__logo img{max-width:29vw!important}.nav__actions .btn{font-size:11px!important;padding-inline:9px!important}.nav__actions .btn--red{padding-inline:10px!important}.footer-columns{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){.nav,.nav__bar,.nav__logo img,.nav__actions .btn,.menu li,.menu li a,.footer-invitation>a,.footer-columns a,.footer-bottom>a{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
/* Blog card layout: image-first, consistent card rhythm and compact phone reading. */
.journal-card{display:flex!important;flex-direction:column!important;min-height:100%!important;transition:transform .35s ease,opacity .45s ease!important}
.journal-card .card-body{display:flex!important;flex:1!important;flex-direction:column!important}
.journal-card .card-body>p:not(.post-meta){display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;overflow:hidden!important}
.journal-card .card-body>.read-link{margin-top:auto!important}
.journal-card .card-image-link{border-radius:4px!important}
.journal-card .card-image{transition:transform .75s cubic-bezier(.2,.7,.2,1),filter .5s ease!important}
.journal-card .card-image-link:focus-visible{outline-offset:5px!important}
.dpx-motion-ready .journal-card:not(.card-in-view){opacity:0;transform:translateY(16px)}
.journal-card.card-in-view{opacity:1;transform:translateY(0);transition-delay:calc(var(--card-order,0)*45ms)!important}
.feature-art.feature-photo{border-radius:4px!important}
@media(max-width:900px){.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:38px 18px!important}}
@media(max-width:620px){.article-grid{grid-template-columns:1fr!important;gap:26px!important}.journal-card .card-image-link{aspect-ratio:1.65!important}.journal-card .card-body{padding-top:4px!important}.journal-card .card-body h3{font-size:clamp(21px,6.2vw,28px)!important;line-height:1.12!important}.journal-card .card-body>p:not(.post-meta){-webkit-line-clamp:3!important}.feature-story{grid-template-columns:1fr!important;gap:22px!important}.feature-art.feature-photo{min-height:clamp(260px,68vw,380px)!important}.library-heading{align-items:flex-start!important;flex-direction:column!important}.journal-search{width:100%!important;min-width:0!important}.library-controls{align-items:flex-start!important;flex-direction:column!important}.sort-control{align-self:flex-end!important}}
@media(prefers-reduced-motion:reduce){.journal-card,.dpx-motion-ready .journal-card:not(.card-in-view){opacity:1!important;transform:none!important;transition:none!important}}