@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=Instrument+Serif:ital@0;1&display=swap";:root{--ink:#1d1d1a;--paper:#f2efe7;--warm:#d9ff43;--line:#1d1d1a30}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.site-header{border-bottom:1px solid var(--line);z-index:10;justify-content:space-between;align-items:center;height:92px;padding:0 4.5vw;display:flex;position:relative}.brand{letter-spacing:-.6px;align-items:center;gap:13px;font-size:20px;font-weight:600;display:flex}.brand-mark{background:var(--ink);width:42px;height:42px;color:var(--paper);border-radius:50%;place-items:center;font-family:Instrument Serif,serif;font-size:20px;font-style:italic;display:grid}.nav{align-items:center;gap:36px;font-size:14px;display:flex}.nav a:not(.nav-cta):hover{opacity:.55}.nav-cta{border:1px solid var(--ink);gap:25px;padding:12px 18px;transition:all .2s;display:flex}.nav-cta:hover{background:var(--ink);color:var(--paper)}.menu-button{background:0 0;border:0;padding:10px;display:none}.menu-button span{border-top:1px solid;width:24px;margin:6px;display:block}.hero{flex-direction:column;justify-content:space-between;min-height:720px;padding:9vh 6vw 6vh;display:flex}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:600}.eyebrow{align-items:center;gap:12px;display:flex}.eyebrow span{border-top:1px solid;width:38px}h1,h2,blockquote{letter-spacing:-3px;margin:0;font-family:Instrument Serif,serif;font-weight:400;line-height:.88}h1{max-width:1200px;font-size:clamp(68px,10.5vw,155px)}em{font-weight:400}h1 em{color:#0000;-webkit-text-stroke:1.5px var(--ink)}.hero-lower{justify-content:flex-end;align-items:end;gap:9vw;display:flex}.hero-lower p{max-width:470px;margin:0;font-size:19px;font-weight:300;line-height:1.6}.round-link{background:var(--warm);border-radius:50%;justify-content:center;align-items:center;gap:22px;width:138px;height:138px;font-size:13px;transition:transform .25s;display:flex}.round-link:hover{transform:rotate(-6deg)scale(1.05)}.round-link span{font-size:24px}.essays{background:#fff;padding:100px 6vw 120px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:65px;display:flex}.kicker{margin:0 0 28px}.section-heading h2,.notes h2{font-size:clamp(55px,7vw,105px)}.search{text-transform:uppercase;letter-spacing:1.5px;width:min(360px,100%);font-size:11px}.search>span{margin-bottom:12px;display:block}.search div{border-bottom:1px solid;display:flex}.search input{text-transform:none;letter-spacing:0;background:0 0;border:0;outline:0;width:100%;padding:13px 0;font-size:15px}.search b{font-size:22px;font-weight:400}.post-grid{grid-template-columns:repeat(2,1fr);gap:70px 28px;display:grid}.post.featured{border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:1.35fr 1fr;gap:4vw;padding-top:28px;display:grid}.post-image{aspect-ratio:4/3;background:#ddd;position:relative;overflow:hidden}.post-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.post:hover .post-image img{transform:scale(1.025)}.featured .post-image{aspect-ratio:16/9}.topic{background:var(--warm);letter-spacing:1px;text-transform:uppercase;padding:8px 12px;font-size:10px;position:absolute;top:15px;left:15px}.featured .post-copy{flex-direction:column;padding-top:28px;display:flex}.meta{color:#6c6b65;text-transform:uppercase;letter-spacing:1px;gap:20px;font-size:11px;display:flex}.post h3{letter-spacing:-1px;margin:20px 0;font-family:Instrument Serif,serif;font-size:clamp(30px,3.3vw,52px);font-weight:400;line-height:1.02}.excerpt{color:#55534e;max-width:580px;font-size:15px;line-height:1.65}.post-copy>a{border-bottom:1px solid;justify-content:space-between;margin-top:auto;padding-top:28px;padding-bottom:11px;font-size:13px;display:flex}.text-art{background:var(--ink);color:var(--paper);align-items:center;padding:12%;display:flex}.text-art>span:first-child{letter-spacing:-2px;font-family:Instrument Serif,serif;font-size:clamp(42px,6vw,80px);line-height:.85}.empty{text-align:center;color:#777;grid-column:1/-1;padding:80px 0}.about{background:var(--ink);color:var(--paper);grid-template-columns:80px 1fr 150px;gap:4vw;min-height:670px;padding:100px 6vw;display:grid}.vertical-label{writing-mode:vertical-rl;text-transform:uppercase;letter-spacing:2px;margin:0;font-size:10px;transform:rotate(180deg)}.kicker.light{color:var(--warm)}blockquote{font-size:clamp(52px,7.4vw,105px)}blockquote em{color:var(--warm)}.about-columns{grid-template-columns:1fr 1fr;gap:5vw;max-width:850px;margin:70px 0 0 auto;display:grid}.about-columns p{color:#bbb9b1;margin:0;line-height:1.75}.about-stamp{text-align:center;border:1px solid #5a5954;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:150px;height:150px;display:flex}.about-stamp span{font-family:Instrument Serif,serif;font-size:48px;font-style:italic}.about-stamp small{color:#97958e;text-transform:uppercase;letter-spacing:1px;line-height:1.5}.notes{text-align:center;padding:130px 20px}.notes .kicker{margin-bottom:34px}.notes>p:not(.kicker){color:#686761;margin:36px auto;font-size:17px}.notes>a{border-bottom:1px solid;gap:45px;padding:15px 0 10px;display:inline-flex}footer{border-top:1px solid var(--line);text-transform:uppercase;letter-spacing:1.2px;justify-content:space-between;align-items:center;min-height:150px;margin:0 4.5vw;font-size:11px;display:flex}.footer-brand{text-transform:none;letter-spacing:0}@media (max-width:800px){.site-header{height:76px}.menu-button{display:block}.nav{background:var(--paper);border-bottom:1px solid;flex-direction:column;align-items:stretch;gap:25px;padding:28px 5vw;display:none;position:absolute;top:76px;left:0;right:0}.nav.open{display:flex}.nav-cta{justify-content:space-between}.hero{min-height:690px;padding:8vh 5vw 5vh}.hero-lower{align-items:center;gap:25px}.hero-lower p{font-size:15px}.round-link{gap:7px;width:102px;min-width:102px;height:102px}.section-heading{flex-direction:column;align-items:stretch;gap:50px}.post-grid{grid-template-columns:1fr}.post.featured{grid-column:auto;display:block}.featured .post-copy{display:block}.about{grid-template-columns:1fr}.vertical-label{writing-mode:horizontal-tb;transform:none}.about-stamp{display:none}.about-columns{grid-template-columns:1fr;margin-top:50px}footer{text-align:center;flex-direction:column;justify-content:center;gap:20px;padding:40px 0}}@media (max-width:480px){h1{letter-spacing:-2px}.hero-lower{align-items:flex-start}.hero-lower p{max-width:220px}.essays{padding:80px 5vw}.post-grid{gap:55px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.admin-shell{background:#e9e5da;min-height:100vh}.admin-top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:90px;padding:0 5vw;display:flex}.admin-top>div{gap:24px;font-size:12px;display:flex}.admin-top>div a{text-decoration:underline}.admin-intro{padding:70px 6vw 55px}.admin-grid{background:var(--line);border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:1px;display:grid}.admin-panel{background:#fff;padding:55px 6vw 80px}.admin-panel>h2{margin:0 0 40px;font-family:Instrument Serif,serif;font-size:34px;font-weight:400}.admin-panel label{text-transform:uppercase;letter-spacing:1.4px;margin:0 0 25px;font-size:10px;display:block}.admin-panel input,.admin-panel textarea{text-transform:none;letter-spacing:0;resize:vertical;background:0 0;border:0;border-bottom:1px solid #aaa;outline:0;width:100%;padding:13px 0;font-size:15px;line-height:1.6;display:block}.admin-panel textarea{min-height:95px}.admin-primary,.admin-secondary{border:1px solid var(--ink);cursor:pointer;background:var(--ink);color:#fff;justify-content:space-between;width:100%;padding:15px 18px;display:flex}.admin-secondary{color:var(--ink);background:0 0;justify-content:center}.admin-primary:disabled{opacity:.4;cursor:not-allowed}.or{text-transform:uppercase;letter-spacing:1px;color:#777;align-items:center;gap:14px;margin:28px 0;font-size:9px;display:flex}.or span{border-top:1px solid #ccc;flex:1}.paste{margin-bottom:12px;border:1px solid #ccc!important;min-height:150px!important;padding:15px!important}.draft-preview{border-top:1px solid #ccc;min-height:260px;margin:35px 0;padding:35px 0}.draft-preview h3{font-family:Instrument Serif,serif;font-size:32px;font-weight:400}.draft-preview p{color:#4d4b47;line-height:1.75}.draft-preview blockquote{letter-spacing:-.5px;border-left:3px solid var(--warm);padding-left:20px;font-size:34px}.muted,.admin-message{font-size:13px;color:#777!important}.article-page article{width:min(850px,88vw);margin:100px auto 140px}.article-deck{color:#5b5954;max-width:680px;margin:45px 0 80px;font-size:21px;line-height:1.6}.article-body{width:min(680px,100%);margin:auto}.article-body p{font-family:Georgia,serif;font-size:19px;line-height:1.85}.article-body figure{margin:48px 0}.article-body figure img{object-fit:contain;background:#e8e2d7;width:100%;max-height:760px;display:block}.article-body h2{margin-top:70px;font-family:Instrument Serif,serif;font-size:44px;font-weight:400}.article-body blockquote{letter-spacing:-1px;border-left:4px solid var(--warm);margin:70px 0;padding:10px 0 10px 30px;font-size:45px}@media (max-width:800px){.admin-grid{grid-template-columns:1fr}.admin-top>div span{display:none}.admin-panel{padding:45px 5vw}.article-page article{margin-top:70px}.article-body p{font-size:17px}}:root{--ink:#171714;--paper:#eee9df;--warm:#b6905a;--oxblood:#642d2d;--sage:#768074;--fog:#c7ccd0;--line:#1717142e}body{background:var(--paper)}.site-header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#eee9dff0}.brand{letter-spacing:.1px;font-family:Instrument Serif,serif;font-size:24px}.brand-mark{background:var(--oxblood);border:1px solid #ffffff40;font-size:18px}.hero{isolation:isolate;color:#f7f1e8;background:#191916 url(/aleppo-london-hero.png) 50%/cover no-repeat;min-height:calc(100vh - 92px);padding-top:8vh;position:relative;overflow:hidden}.hero:before{content:"";z-index:-1;background:linear-gradient(90deg,#0f0d0bc2 0%,#0f0d0b47 48%,#0f0d0b1f 100%),linear-gradient(#0000 50%,#0f0d0ba8 100%);position:absolute;inset:0}.hero:after{content:"ALEPPO  ·  LONDON";transform-origin:100%;letter-spacing:4px;color:#ffffffb8;font-size:9px;position:absolute;top:50%;right:4vw;transform:rotate(90deg)translate(50%)}.hero h1{text-shadow:0 2px 30px #0000002e;max-width:1150px;font-size:clamp(70px,9.6vw,144px)}.hero h1 em{-webkit-text-stroke:1.3px #f7f1e8}.hero-lower{justify-content:space-between}.hero-lower p{border-left:1px solid #ffffff8c;max-width:520px;padding-left:25px}.round-link{background:var(--warm);color:#171714;box-shadow:0 10px 35px #0000003d}.essays{background:#f7f4ed}.section-heading h2,.notes h2{color:var(--ink)}.kicker{color:var(--oxblood)}.post.featured{border-color:#642d2d4d}.post-image{background:#2d2c28}.post-image:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff1f}.topic{background:var(--paper);color:var(--oxblood);border:1px solid #642d2d40}.post h3{color:#25231f}.text-art{background:linear-gradient(135deg,var(--oxblood),#2b2522)}.about{background:#22221f;position:relative;overflow:hidden}.about:after{content:"";border:1px solid #b6905a47;border-radius:50%;width:430px;height:430px;position:absolute;bottom:-190px;right:-140px;box-shadow:0 0 0 55px #b6905a0a,0 0 0 110px #b6905a06}.about blockquote em{color:#d0aa73}.about-stamp{color:#d0aa73;border-color:#b6905a8c}.notes{background:var(--paper);position:relative}.notes:before{content:"حلب  ·  LONDON";color:var(--warm);letter-spacing:5px;margin:0 auto 48px;font-family:Instrument Serif,serif;font-size:20px;display:block}footer{border-color:#642d2d4d}.article-page{background:#f4f0e8;min-height:100vh}.article-page .site-header{border-bottom-color:#642d2d3d}.article-page article>h1{color:#24211e}.article-page article:before{content:"ALEPPO  /  LONDON  /  THE INNER WORLD";color:var(--warm);letter-spacing:3px;margin-bottom:38px;font-size:9px;display:block}.article-deck{border-left:2px solid var(--oxblood);padding-left:28px}.article-body h2{color:var(--oxblood)}.article-body blockquote{border-color:var(--warm);color:#41352e}.admin-shell{background:var(--paper)}.admin-top{color:#f7f1e8;background:#22221f;border-color:#3c3b37}.admin-intro{color:#f7f1e8;isolation:isolate;background:#1d1c19 url(/aleppo-london-hero.png) 50% 58%/cover no-repeat;min-height:430px;position:relative}.admin-intro:before{content:"";z-index:-1;background:linear-gradient(90deg,#141210e3,#14121059);position:absolute;inset:0}.admin-intro .kicker{color:#d0aa73}.admin-intro h1 em{color:#d0aa73}.admin-deck{color:#d8d2c8;max-width:520px;font-size:17px;line-height:1.6}.admin-panel{background:#f7f4ed}.admin-panel:nth-child(2){background:#efeadf}.admin-primary{background:var(--oxblood);border-color:var(--oxblood)}.admin-panel input:focus,.admin-panel textarea:focus{border-color:var(--oxblood)}@media (max-width:800px){.hero{background-position:42%;min-height:760px}.hero:after{display:none}.hero h1{font-size:clamp(61px,18vw,90px)}.hero-lower{align-items:flex-end}.hero-lower p{border-left:0;max-width:235px;padding-left:0}.about:after{display:none}.admin-intro{min-height:360px}}.site-header{-webkit-backdrop-filter:none;backdrop-filter:none;background:#f4f0e8;height:78px;padding:0 max(24px,5vw)}.brand{font-size:22px}.brand-mark{width:38px;height:38px}.nav{gap:28px}.nav-cta{border:0;border-bottom:1px solid var(--ink);gap:12px;padding:8px 0}.nav-cta:hover{color:var(--oxblood);background:0 0}.hero{background-position:50%;min-height:680px;padding:70px max(24px,6vw) 50px}.hero:before{background:linear-gradient(90deg,#12100ebd 0%,#12100e4d 52%,#12100e14 100%),linear-gradient(#0000 48%,#12100e80)}.hero:after{display:none}.hero h1{letter-spacing:-2px;max-width:980px;font-size:clamp(58px,7.5vw,112px);line-height:.93}.hero h1 em{color:#f7f1e8;-webkit-text-stroke:0}.hero-lower{justify-content:space-between;align-items:flex-end}.hero-lower p{border:0;max-width:470px;padding:0;font-size:17px;line-height:1.55}.round-link{width:112px;height:112px;box-shadow:none}.essays{padding:85px max(24px,6vw) 95px}.section-heading{margin-bottom:48px}.section-heading h2,.notes h2{letter-spacing:-2px;font-size:clamp(48px,5.7vw,80px);line-height:.96}.post-grid{gap:64px 30px}.post.featured{gap:36px;padding-top:22px}.post h3{font-size:clamp(30px,2.8vw,44px);line-height:1.08}.post-copy{padding-top:16px}.post-copy>a{color:var(--ink)}.post-copy>a:hover{color:var(--oxblood)}.about{grid-template-columns:55px 1fr 130px;min-height:auto;padding:90px max(24px,6vw)}.about:after{display:none}.about blockquote{letter-spacing:-2px;font-size:clamp(48px,5.8vw,82px);line-height:.98}.about-columns{margin-top:55px}.about-stamp{width:130px;height:130px}.notes{padding:100px 20px}.notes:before{margin-bottom:34px;font-size:16px}footer{min-height:130px}.article-page article{margin-top:80px}.article-page article>h1{font-size:clamp(50px,6.8vw,88px);line-height:.98}.article-deck{margin:35px 0 65px}.article-body blockquote{font-size:38px}.admin-intro{min-height:350px;padding-top:55px}.admin-intro h1{font-size:clamp(52px,6vw,80px)}.admin-grid{max-width:1500px;margin:auto}@media (max-width:800px){.site-header{height:70px}.nav{top:70px}.hero{background-position:47%;min-height:690px;padding-top:55px}.hero h1{font-size:clamp(54px,15vw,78px)}.hero-lower{align-items:flex-end}.round-link{width:96px;min-width:96px;height:96px}.about{grid-template-columns:1fr;padding:75px 24px}.vertical-label{display:none}}
