.editorial>header{position:absolute;z-index:3;inset:0 0 auto;margin:0 4%;height:100px;color:#f3efe5;border-color:#ede7d349}
.editorial>header .brand span{color:#d0d0bf}
.arrival{position:relative;height:100svh;min-height:540px;isolation:isolate;background:#26302a;color:#f4efe4;display:flex;align-items:flex-end;padding:150px 7% 130px;overflow:hidden}
.arrival-art{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.arrival:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,#171b20b3,transparent 24%),linear-gradient(0deg,#151c16c9,transparent 68%)}
.arrival-copy{max-width:860px}
.arrival-kicker{font:11px/1.5 Arial,sans-serif;letter-spacing:.26em;text-transform:uppercase;color:#ddd2b9;margin:0 0 30px;display:flex;align-items:center;gap:20px}
.arrival-kicker:before{content:"";display:block;width:46px;height:1px;background:#d4c39e}
.editorial .arrival h1{font:400 clamp(60px,7.5vw,120px)/1.03 Georgia,serif;letter-spacing:-.055em;margin:0 0 32px;white-space:normal;color:#faf5e9}
.arrival-line{font:400 clamp(20px,2vw,29px)/1.55 Georgia,serif;max-width:560px;margin:0;color:#f0eadc;text-wrap:pretty}
.arrival-bottom{position:absolute;bottom:35px;left:7%;right:7%;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e6decb48;padding-top:22px}
.arrival-scroll{font:12px/1.5 Arial,sans-serif;letter-spacing:.06em;display:inline-flex;align-items:center;gap:38px;padding:8px 0}
.arrival-scroll span{font-size:23px;line-height:1}
.arrival-caption{font:9px/1.5 Arial,sans-serif;letter-spacing:.22em;color:#ded4be}
.editorial #projeler{scroll-margin-top:0}
.editorial #projeler .section-heading{align-items:center;gap:20px;padding-top:25px}
.editorial #projeler .section-heading h2{font:400 clamp(40px,8vw,120px)/1.08 Georgia,serif;letter-spacing:-.055em;white-space:nowrap}
.editorial #projeler .section-heading .sup{font:12px Arial,sans-serif;letter-spacing:0}
.editorial #projeler .project-card:first-child{grid-column:1/9}
.editorial .project-card:nth-child(2){grid-column:9/13}
.editorial .arrival a:focus-visible,.editorial>header a:focus-visible{outline:2px solid #f0cc89;outline-offset:6px}
@media(max-width:700px){
 .editorial>header{margin:0 6%;height:96px;align-items:center}
 .arrival{padding:130px 6% 145px;min-height:540px}
 .arrival-art{object-position:50% center}
 .arrival:after{background:linear-gradient(180deg,#171b20b3,transparent 25%),linear-gradient(0deg,#151c16de,transparent 78%)}
 .arrival-kicker{font-size:9px;letter-spacing:.19em;margin-bottom:22px;gap:12px}
 .arrival-kicker:before{width:28px}
 .editorial .arrival h1{font-size:clamp(36px,12.4vw,78px);line-height:1.02;max-width:420px;margin-bottom:24px;letter-spacing:-.055em}
 .arrival-line{font-size:21px;line-height:1.5;max-width:340px}
 .arrival-bottom{left:6%;right:6%;bottom:25px;padding-top:17px}
 .arrival-caption{font-size:8px;letter-spacing:.12em}
 .arrival-scroll{font-size:11px;gap:16px}
 .editorial #projeler .section-heading h2{font-size:11.4vw}
 .editorial #projeler .section-heading .sup{font-size:10px;margin-left:7px}
 .editorial #projeler .project-card:nth-child(n){grid-column:auto}
}
@media(max-height:600px) and (min-width:701px){.arrival{padding-bottom:105px}.editorial .arrival h1{font-size:64px;margin-bottom:18px}.arrival-kicker{margin-bottom:16px}.arrival-line{font-size:22px}}
.editorial .card-info p{font-size:13px;line-height:1.5}
.editorial>header{position:relative;inset:auto;color:var(--ink);border-color:var(--line)}
.editorial>header .brand span{color:var(--muted)}
.arrival{display:block;height:auto;min-height:0;padding:0;overflow:visible;background:var(--paper);color:var(--ink)}
.arrival-art{position:static;display:block;width:100%;height:auto;object-fit:contain;transform:none}
.arrival:after{display:none}
.arrival-copy{max-width:none;padding:48px 7% 36px}
.arrival-kicker{color:var(--muted)}
.editorial .arrival h1{color:var(--ink)}
.arrival-line{color:var(--ink)}
.arrival-bottom{position:static;margin:0 7% 32px;border-color:var(--line)}
@media(max-width:700px){.arrival-copy{padding:32px 6% 24px}.arrival-bottom{margin:0 6% 24px}}
.editorial #project-meta{font-size:12px}
@media(max-width:700px){.editorial #project-meta{font-size:11px}}

