.journal-page{background:var(--paper);color:var(--blue);font-family:var(--sans)}
.journal-page .site-header{position:absolute;background:transparent;color:var(--blue);border-bottom:1px solid rgba(8,106,168,.26)}
.journal-page .site-header nav a{color:var(--blue)}
.journal-page .site-header nav a:hover,.journal-page .site-header nav a[aria-current="page"]{color:var(--blue-dark)}
.journal-page .site-header nav a[aria-current="page"]:after{content:"";display:block;border-bottom:1px solid currentColor;margin-top:.3rem}
.journal-page .nav-contact,.journal-page .menu-toggle{border-color:var(--blue);color:var(--blue)}
.journal-hero{min-height:58vh;padding:9rem clamp(1.25rem,3vw,3rem) 2.3rem;display:flex;flex-direction:column;justify-content:flex-end;border-bottom:1px solid var(--blue)}
.journal-kicker,.filter-rail>p{font:400 .66rem/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;margin:0 0 2rem;color:var(--blue-dark)}
.journal-title-wrap{display:flex;align-items:flex-start;gap:clamp(1rem,3vw,3rem)}
.journal-title-wrap h1{font-size:clamp(6rem,15vw,14rem);font-weight:400;letter-spacing:-.075em;line-height:.73;margin:0;color:var(--blue)}
.journal-count{font:400 clamp(.75rem,1vw,1rem)/1 var(--mono);margin-top:.4rem;letter-spacing:.04em}
.journal-index{display:grid;grid-template-columns:minmax(190px,25vw) minmax(0,1fr);padding:0 clamp(1.25rem,3vw,3rem)}
.filter-rail{padding:2.4rem clamp(1.5rem,3vw,3rem) 4rem 0;border-right:1px solid var(--blue)}
.filter-rail>p{margin-bottom:3rem}
.filter-list{display:flex;flex-direction:column;align-items:flex-start;gap:.6rem;position:sticky;top:2rem}
.filter-list button{appearance:none;background:none;border:0;padding:0;color:var(--blue);font:400 clamp(1.3rem,2vw,2.2rem)/1.18 var(--sans);letter-spacing:-.035em;text-align:left;opacity:.45;transition:opacity .25s ease,transform .25s ease}
.filter-list button:hover,.filter-list button.is-active{opacity:1;transform:translateX(.25rem)}
.filter-list button.is-active:before{content:"[ ";font-family:var(--mono);font-size:.55em;vertical-align:.18em}.filter-list button.is-active:after{content:" ]";font-family:var(--mono);font-size:.55em;vertical-align:.18em}
.journal-list{padding-left:clamp(1.25rem,2.4vw,2.5rem)}
.journal-card{display:grid;grid-template-columns:minmax(100px,.55fr) minmax(260px,1.55fr) minmax(180px,.8fr);gap:clamp(1.25rem,3vw,3rem);min-height:300px;padding:2rem 0;border-top:1px solid var(--blue);transition:opacity .35s ease,transform .35s ease}
.journal-card:first-child{border-top:0}.journal-card[hidden]{display:none}
.journal-meta{display:flex;flex-direction:column;justify-content:space-between;min-width:0}
.journal-meta span{font:400 clamp(3rem,5vw,5.5rem)/.9 var(--sans);letter-spacing:-.06em}
.journal-meta small{font:400 .62rem/1.35 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--blue-dark)}
.journal-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.journal-copy h2{font:400 clamp(2rem,3.4vw,4rem)/.98 var(--sans);letter-spacing:-.05em;margin:0;color:var(--blue);max-width:15ch;text-wrap:balance;text-transform:none}
.journal-copy p{max-width:55ch;margin:auto 0 1.4rem;color:var(--blue-dark);font-size:.9rem;line-height:1.55}
.journal-copy a{border:1px solid var(--blue);padding:.72rem .9rem;font:400 .64rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;transition:background .25s,color .25s}
.journal-copy a:hover{background:var(--blue);color:#fff}.journal-copy a span{margin-left:.65rem}
.journal-thumb{position:relative;align-self:stretch;min-height:235px;overflow:hidden;background-color:#2625bb;background-image:linear-gradient(rgba(37,35,194,.55),rgba(9,26,174,.8)),url('dubai-architecture.jpg');background-repeat:no-repeat;background-size:cover;background-blend-mode:color,multiply;filter:contrast(1.18) saturate(.85);isolation:isolate}
.journal-thumb:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(4,15,160,.96) .85px,transparent .95px);background-size:2.65px 2.65px;opacity:.78;mix-blend-mode:multiply}
.crop-one{background-position:25% center}.crop-two{background-position:70% 38%;background-size:auto 125%}.crop-three{background-position:center 15%;background-size:150% auto}.crop-four{background-position:84% center}.crop-five{background-position:12% 70%;background-size:auto 145%}.crop-six{background-position:58% 82%;background-size:165% auto}
.property-thumb{background:var(--paper);filter:none}
.uae-thumb{background:var(--paper);filter:none}
.halftone-art>img,.halftone-art>canvas{position:absolute;inset:0;width:100%;height:100%}.halftone-art>img{display:block;object-fit:cover;opacity:0;transition:opacity .45s ease}.halftone-art>canvas{z-index:1;transition:opacity .45s ease}.halftone-art:is(:hover,:focus-within)>img{opacity:1}.halftone-art:is(:hover,:focus-within)>canvas{opacity:0}
.journal-cta{min-height:52vh;padding:clamp(5rem,10vw,10rem) clamp(1.25rem,3vw,3rem);display:flex;flex-direction:column;justify-content:space-between;border-top:1px solid var(--blue);background:var(--blue);color:#fff}
.journal-cta p{font:400 .67rem/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;margin:0}
.journal-cta a{font:400 clamp(3rem,8vw,8rem)/.9 var(--sans);letter-spacing:-.055em;max-width:10ch}.journal-cta a span{font-size:.5em;vertical-align:top}
@media(max-width:1000px){
  .journal-hero{min-height:50vh}.journal-index{grid-template-columns:1fr;padding:0}.filter-rail{border-right:0;border-bottom:1px solid var(--blue);padding:2rem}.filter-rail>p{margin-bottom:1.5rem}.filter-list{position:static;flex-direction:row;flex-wrap:wrap;gap:.55rem 1.4rem}.filter-list button{font-size:1.35rem}.journal-list{padding:0 2rem}.journal-card{grid-template-columns:100px minmax(0,1fr) 210px}
}
@media(max-width:720px){
  .journal-page .site-header{background:var(--paper)}.journal-page .site-header nav{background:var(--paper);border-bottom:1px solid var(--blue)}.journal-page .site-header nav a{color:var(--blue)}
  .journal-hero{min-height:430px;padding:9rem 1.25rem 1.5rem}.journal-kicker{margin-bottom:1.25rem}.journal-title-wrap{gap:.65rem}.journal-title-wrap h1{font-size:clamp(4.8rem,25vw,7.4rem);line-height:.8}.journal-count{font-size:.65rem}
  .filter-rail{padding:1.7rem 1.25rem 2rem}.filter-rail>p{margin-bottom:1.4rem}.filter-list{display:flex;flex-direction:column;align-items:flex-start;gap:.45rem}.filter-list button{font-size:1.45rem}
  .journal-list{padding:0 1.25rem}.journal-card{grid-template-columns:1fr 118px;gap:1.2rem;min-height:0;padding:1.5rem 0 2rem}.journal-meta{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr;align-items:end;gap:1rem}.journal-meta span{font-size:3.6rem}.journal-meta small{text-align:right}.journal-copy{grid-column:1/-1}.journal-copy h2{font-size:clamp(2.1rem,10vw,3rem);max-width:12ch}.journal-copy p{margin:1.5rem 0}.journal-copy a{grid-column:2;margin-top:auto}.journal-thumb{grid-column:1;grid-row:auto;min-height:118px;aspect-ratio:1;width:118px}.journal-copy a{margin-top:.5rem}.journal-cta{min-height:420px}.journal-cta a{font-size:clamp(3rem,14vw,4.5rem)}
}
@media(prefers-reduced-motion:reduce){.filter-list button,.journal-card{transition:none}}