:root{--atelier-paper:#f7f7f4;--atelier-ink:#151515;--atelier-muted:#72726e;--atelier-line:#d8d8d2}
html{scroll-behavior:smooth}
body{margin:0;background:var(--atelier-paper);color:var(--atelier-ink);font-family:Arial,Helvetica,sans-serif}
body a{color:inherit;text-decoration:none}
body .navbar{min-height:132px!important;padding:34px clamp(24px,4vw,72px)!important;background:var(--atelier-paper)!important;border:0!important}
body .navbar>.container-fluid{padding:0!important}
body .navbar-brand{display:block;width:clamp(180px,18vw,290px);height:60px;padding:0;margin:0;background:url("images/atelier-hajj-logo.svg") center left/contain no-repeat}
body .navbar-brand svg{display:none}
body .navbar-nav{align-items:center;gap:clamp(18px,2.5vw,44px)!important;padding:0!important}
body .nav-link{position:relative;padding:9px 0!important;color:var(--atelier-ink)!important;font-size:11px;line-height:1;letter-spacing:.18em;font-weight:400}
body .nav-link:not(.dropdown-toggle):after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:1px;background:var(--atelier-ink);transition:right .25s ease}
body .nav-link:hover:after,body .nav-link.active:after{right:0}
body .dropdown-toggle:after{display:inline-block;width:5px;height:5px;margin-left:8px;vertical-align:3px;border:0;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg)}
body .dropdown-menu{min-width:165px;padding:18px;margin:0;border:0;border-radius:0;background:var(--atelier-paper)}
body .dropdown-item{padding:6px 0;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--atelier-muted)}
body #billboard{position:relative;padding:clamp(88px,10vw,150px) clamp(14px,4vw,72px)!important;background:var(--atelier-paper)!important;border-top:1px solid var(--atelier-line)}
body #billboard:before{content:"Journal";display:block;margin:0 0 clamp(58px,7vw,100px);font-family:"Times New Roman",Times,serif;font-size:clamp(76px,12vw,176px);font-weight:400;line-height:.78;letter-spacing:-.055em;color:var(--atelier-ink)}
body #billboard>.container{max-width:none;padding:0}
body #billboard .row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(52px,7vw,110px) clamp(18px,3vw,48px);margin:0}
body #billboard .col-4{width:auto;max-width:none;padding:0}
body #billboard .col-4:first-child{grid-column:span 2}
body #billboard .col-4:nth-child(5n){transform:translateY(clamp(25px,4vw,60px))}
body .banner-item{height:100%;display:flex;flex-direction:column}
body .image-holder{aspect-ratio:4/3;overflow:hidden;background:#e8e7e2}
body #billboard .col-4:first-child .image-holder{aspect-ratio:16/9}
body .image-holder a{display:block;width:100%;height:100%}
body .image-holder img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(.98);transition:transform .7s cubic-bezier(.2,.65,.25,1),filter .35s ease}
body .banner-item:hover .image-holder img{transform:scale(1.018);filter:saturate(1) contrast(1)}
body .banner-content{padding:18px 0 0!important}
body .element-title{margin:0 0 11px;font-family:"Times New Roman",Times,serif;font-size:clamp(22px,2.1vw,34px);font-weight:400;line-height:1.05;letter-spacing:-.025em;text-transform:none!important}
body .banner-content p{max-width:44ch;margin:0 0 16px;font-size:11px;line-height:1.7;color:var(--atelier-muted)}
body .btn-link{position:relative;padding-bottom:4px;font-size:9px!important;letter-spacing:.17em;border-bottom:1px solid var(--atelier-ink)}
body #footer{margin-top:0!important}
body #footer .border-top{padding:40px clamp(24px,4vw,72px) 34px!important;border-color:var(--atelier-line)!important}
body #footer .container{max-width:none;padding:0}
body #footer p{font-size:10px;line-height:1.7;letter-spacing:.04em;color:var(--atelier-muted)}
body #footer .footer-about p{max-width:520px}
body #footer .social-links svg{width:15px;height:15px;color:var(--atelier-muted)}
@media(max-width:900px){body #billboard .row{grid-template-columns:repeat(2,minmax(0,1fr))}body #billboard .col-4:first-child{grid-column:span 2}}
@media(max-width:760px){body .navbar{min-height:auto!important;padding:24px 18px 28px!important}body .navbar-brand{width:160px;height:42px}body #billboard{padding:72px 12px!important}body #billboard:before{margin-bottom:52px}body #billboard .row{grid-template-columns:1fr;gap:56px}body #billboard .col-4:first-child{grid-column:auto}body #billboard .col-4:nth-child(5n){transform:none}body #billboard .col-4:first-child .image-holder,body .image-holder{aspect-ratio:4/3}body .element-title{font-size:28px}body #footer .border-top{padding:30px 18px!important}body #footer .text-end{text-align:left!important;margin-top:24px}}
@media(prefers-reduced-motion:reduce){body *{scroll-behavior:auto!important;transition:none!important}}