@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+Arabic:wght@400;500;600;700&family=Noto+Sans:wght@400;500;600;700&display=swap');
:root{--ink:#242624;--paper:#faf7f2;--muted:#787a72;--line:#deded5;--peach:#f0c9b7;--mint:#dce7db}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.85 'DM Sans','Noto Sans Arabic','Noto Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,select,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #8a5745;outline-offset:5px}button{color:inherit}img{display:block;width:100%;height:100%;object-fit:cover}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:fixed;top:-70px;z-index:50;padding:10px;background:var(--ink);color:white}.skip:focus{top:0}.announcement{height:35px;padding:0 5%;display:flex;align-items:center;gap:8px;background:#e7ece3;font-size:10px;letter-spacing:.3px}.dot{width:5px;height:5px;border-radius:50%;background:#5f775b}.announcement-end{margin-inline-start:auto}.header{margin:0 5%;height:104px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:50px}.wordmark{font:500 26px/.95 'DM Sans',sans-serif;letter-spacing:-1.2px;white-space:nowrap;direction:ltr}.wordmark span{display:block;font-size:8px;letter-spacing:3.2px;text-align:center;margin-top:10px}.header nav{display:flex;gap:30px;font-size:12px;margin:auto}.header nav a:hover{color:#9e604e}.header-actions{display:flex;align-items:center;gap:18px}.header select{border:0;background:none;font-size:12px;max-width:85px;padding:4px;cursor:pointer}.icon-button{border:0;background:none;display:flex;gap:5px;align-items:center;font-size:10px}.icon-button svg,.search-box svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.3}.icon-button[aria-pressed=true]{color:#9e604e}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:650px;margin:0 5%;gap:5%;padding:50px 0 60px}.hero-copy{padding:35px 0 0 5%;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-size:11px;letter-spacing:.7px;display:flex;align-items:center;gap:12px}.line{width:25px;height:1px;background:currentColor}h1,h2,h3,p{margin:0}h1{font-size:clamp(48px,5.6vw,85px);line-height:1.5;letter-spacing:-3px;font-weight:500;margin:25px 0 17px}h1 em{font-style:normal;color:#a26d5a}h2{font-weight:500;font-size:40px;line-height:1.5;letter-spacing:-1.4px}.hero-copy>p{font-size:14px;color:#6c6f66;max-width:390px;line-height:2.1}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;padding:13px 24px;border:1px solid var(--ink);font-size:12px;transition:background .2s}.dark{background:var(--ink);color:var(--paper)}.button:hover{background:#53564c}.hero .button{margin-top:29px}.arrow{font-size:21px}.hero-bottom{display:flex;align-items:center;gap:16px;width:100%;margin-top:auto;padding-top:37px;font-size:10px;line-height:1.7}.edition{font:40px/1 'DM Sans';letter-spacing:-2px;color:#b6b7aa}.asterisk{font:70px/1 serif}.hero-bottom .asterisk{margin-inline-start:auto;font-size:45px}.hero-visual{position:relative;background:#e6dad1;min-height:570px;overflow:hidden}.hero-visual>img{position:absolute;inset:0;object-position:center}.photo-tag{position:absolute;top:22px;left:22px;font:9px/1.5 'DM Sans';letter-spacing:1.5px;padding:7px 10px;background:#faf7f2d9}.floating-note{position:absolute;bottom:24px;inset-inline-start:24px;background:var(--paper);width:220px;padding:22px;transform:rotate(3deg);box-shadow:0 3px 15px #0000000a}.floating-note>span{font-size:9px;color:var(--muted)}.floating-note strong{display:block;margin-top:10px;font-size:23px;line-height:1.7;font-weight:500}.floating-note a{display:block;text-align:end;font-size:25px}.visual-number{position:absolute;bottom:20px;inset-inline-end:20px;font:10px 'DM Sans';letter-spacing:2px;padding:5px;background:#faf7f2b0}.ticker{border-block:1px solid var(--line);display:flex;align-items:center;justify-content:space-evenly;gap:35px;padding:22px 20px;overflow:hidden;white-space:nowrap;direction:ltr;font-size:13px;letter-spacing:3px}.ticker b{color:#ae775f;font:23px serif}.section{padding:78px 5%}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px}.section-heading .eyebrow{color:var(--muted);margin-bottom:9px}.section-heading>p{max-width:310px;font-size:12px;color:var(--muted)}.journal-tools{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);margin-top:35px;padding-bottom:18px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{border:1px solid transparent;border-radius:30px;background:none;padding:7px 17px;font-size:11px}.filters button.active{border-color:var(--ink);background:#e9ece3}.filters button:hover{background:#e9ece3}.search-box{display:flex;align-items:center;border-bottom:1px solid #acaea3;gap:10px;padding:5px;max-width:230px}.search-box input{min-width:0;width:100%;border:0;background:none;font-size:11px;outline-offset:7px}.results-note{font-size:11px;margin-top:13px;color:var(--muted);min-height:22px}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 25px;margin-top:13px}.article{min-width:0}.article-art{height:245px;position:relative;overflow:hidden;background:#e4d3c4}.article-art.photo img{transition:transform .6s}.article:hover .article-art.photo img{transform:scale(1.045)}.article-art .art-label{position:absolute;bottom:20px;left:20px;font:11px 'DM Sans';letter-spacing:2px}.save-button{position:absolute;top:13px;inset-inline-end:13px;width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:50%;background:#faf7f2ed;z-index:2}.save-button svg{width:14px;height:17px;stroke:var(--ink);fill:none;stroke-width:1.4}.save-button[aria-pressed=true] svg{fill:var(--ink)}.article-meta{display:flex;gap:10px;color:var(--muted);font-size:10px;margin-top:15px}.article h3{font-size:21px;font-weight:500;line-height:1.75;margin:7px 0}.article>p{font-size:12px;color:var(--muted);line-height:1.9}.article-open{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;border-bottom:1px solid var(--line);padding:14px 0 8px;background:none;text-align:start;font-size:11px;margin-top:8px}.article-open span:last-child{font-size:20px}.colour-art{display:flex;align-items:center;justify-content:center;gap:0;transform:rotate(-7deg);height:100%;padding:35px}.colour-art i{display:block;width:25%;height:135px;border-radius:100% 100% 8px 8px;box-shadow:5px 10px 16px #0001;margin-inline-start:-7px}.minimal-art{height:100%;display:flex;align-items:center;justify-content:center;position:relative}.minimal-art .ring{width:160px;height:160px;border-radius:50%;border:25px solid #f8f2e5;box-shadow:0 12px 20px #0001;transform:rotate(-15deg)}.minimal-art .disc{position:absolute;width:85px;height:85px;border-radius:50%;background:#bf8066;box-shadow:inset 0 0 25px #ffffff44,0 12px 20px #0001;transform:translate(50px,32px)}.editorial-art{height:100%;display:flex;align-items:center;justify-content:center;font:100px Georgia,serif;letter-spacing:-10px;position:relative}.editorial-art .small-star{position:absolute;font-size:38px;right:28px;top:20px;letter-spacing:0}.article-art.gradient{background:linear-gradient(120deg,#dce3df,#b4c6bf)}.article-art.peach{background:#e9cfc1}.article-art.lilac{background:#dbd3e5}.article-art.sand{background:#e4dbc8}#empty{text-align:center;padding:65px 20px}#empty p{margin:12px 0 25px;color:var(--muted)}.palette-section{background:#e8ece2;padding:65px 8%;display:grid;grid-template-columns:1fr 1.2fr;gap:12%;align-items:center}.palette-intro h2{margin:17px 0}.palette-intro>p{font-size:12px;max-width:330px;color:#6d7365}.palette-options{display:flex;gap:8px;margin-top:24px;flex-wrap:wrap}.palette-options button{background:none;border:1px solid #c0c8b7;border-radius:25px;padding:6px 13px;font-size:10px}.palette-options button.active{background:var(--ink);color:white;border-color:var(--ink)}.palette-card{background:var(--paper);padding:25px;box-shadow:0 8px 30px #313c2208;transform:rotate(-2deg)}.palette-card-top{display:flex;justify-content:space-between;font-size:11px;gap:10px}.palette-card-top>span:last-child{font-size:8px;direction:ltr;letter-spacing:1px}.swatches{display:flex;direction:ltr;min-height:175px;margin:22px 0 18px}.swatch{flex:1;display:flex;align-items:end;justify-content:center;padding:10px 2px;font:8px 'DM Sans';color:#252525}.swatch span{background:#ffffffaa;padding:3px}.palette-card p{font-size:12px;line-height:1.9;min-height:65px}.text-button{background:none;border:0;border-bottom:1px solid var(--ink);padding:7px 0;display:flex;gap:30px;font-size:10px;margin-top:8px}#copyStatus{font-size:10px;color:#68735b}.future{display:grid;grid-template-columns:1fr 1.2fr;gap:12%}.future-title h2{margin-top:18px}.future-list article{display:flex;gap:18px;padding:25px 0;border-bottom:1px solid var(--line);align-items:start}.future-list article:first-child{padding-top:0}.future-list article>span{font:12px 'DM Sans';color:#989c90;padding-top:7px}.future-list h3{font-size:19px;font-weight:500}.future-list p{font-size:12px;color:var(--muted);max-width:320px;margin-top:8px}.future-list small{white-space:nowrap;font-size:9px;border:1px solid var(--line);padding:3px 8px;border-radius:15px;margin-inline-start:auto}.about{background:#edcbbb;padding:65px 8%;display:flex;align-items:center;gap:7%}.about>.asterisk{font-size:110px;color:#866652}.about h2{margin:16px 0}.about p{font-size:12px;max-width:530px}.about-side{margin-inline-start:auto;writing-mode:vertical-rl;font:9px/1.8 'DM Sans';letter-spacing:2px}footer{display:flex;gap:40px;align-items:center;padding:45px 5%}footer>div{margin-inline-start:auto;text-align:end;color:var(--muted);font-size:10px}footer small{display:block;font-size:9px;margin-top:4px}.back-top{font-size:25px;border:1px solid var(--line);width:42px;height:42px;text-align:center;line-height:42px}dialog{border:0;background:var(--paper);color:var(--ink);max-width:760px;width:calc(100% - 32px);max-height:88vh;padding:60px 55px;overflow-y:auto;box-shadow:0 30px 100px #0003}dialog::backdrop{background:#20241dc9;backdrop-filter:blur(4px)}.close-reader{position:absolute;top:12px;inset-inline-end:20px;border:0;background:none;font-size:30px}.reader-meta{color:var(--muted);font-size:11px;margin-bottom:18px}dialog h2{font-size:32px;margin-bottom:24px}dialog p{font-size:14px;line-height:2.2;margin:15px 0}dialog h3{font-size:18px;margin-top:25px}.reader-foot{border-top:1px solid var(--line);padding-top:20px;margin-top:30px;font-size:11px;color:var(--muted)}html[dir=ltr] h1{line-height:1.12;letter-spacing:-3px;font-size:clamp(55px,6.4vw,95px);margin-block:34px 26px}html[dir=ltr] h2{line-height:1.25}html[dir=ltr] .hero-copy>p{line-height:1.9}html[dir=ltr] .floating-note strong{line-height:1.25}html[dir=ltr] .article h3{line-height:1.4}html[dir=rtl] .arrow{transform:scaleX(-1)}
@media(min-width:1600px){.header,.hero{max-width:1500px;margin-inline:auto}.hero{gap:8%}.section{padding-inline:max(5%,calc((100vw - 1500px)/2))}}@media(max-width:1000px){.header{gap:20px}.header nav{gap:16px}.hero{min-height:570px;gap:4%}.hero-visual{min-height:490px}.hero-copy{padding-top:20px;padding-inline-end:0}h1{font-size:58px}.hero-copy>p{font-size:12px}.article-art{height:200px}.future{gap:6%}.future-list small{display:none}.palette-section{gap:6%}.section-heading>p{max-width:250px}}@media(max-width:700px){.announcement{font-size:9px;height:32px}.announcement-end{display:none}.header{height:90px;gap:15px;flex-wrap:wrap;justify-content:space-between;position:relative;padding-bottom:23px}.wordmark{font-size:22px}.header nav{position:absolute;bottom:0;inset-inline:0;justify-content:center;gap:28px;font-size:10px}.header-actions{gap:10px}.header select{font-size:10px}.hero{grid-template-columns:1fr;gap:28px;padding:30px 0 35px}.hero-copy{padding:0}h1{font-size:58px;line-height:1.35;letter-spacing:-2px;margin:18px 0}.hero-copy>p{font-size:12px;max-width:100%}.hero .button{margin-top:22px}.hero-bottom{display:none}.hero-visual{min-height:410px}.floating-note{width:180px;padding:17px;bottom:18px;inset-inline-start:18px}.floating-note strong{font-size:20px}.ticker{padding:15px;gap:28px;justify-content:flex-start;font-size:10px}.section{padding:48px 5%}.section-heading{align-items:start;gap:14px;flex-direction:column}h2{font-size:32px}.section-heading>p{max-width:none;font-size:11px}.journal-tools{flex-direction:column;align-items:stretch;margin-top:23px;gap:18px}.filters{gap:3px}.filters button{padding:6px 12px;font-size:10px}.search-box{max-width:none;width:100%}.article-grid{grid-template-columns:repeat(2,1fr);gap:30px 16px}.article-art{height:180px}.article h3{font-size:16px}.article>p{font-size:10px}.article-meta{font-size:8px;gap:5px}.colour-art{padding:15px}.colour-art i{height:105px}.minimal-art .ring{width:110px;height:110px;border-width:18px}.minimal-art .disc{width:60px;height:60px;transform:translate(25px,20px)}.editorial-art{font-size:75px}.article-art .art-label{font-size:8px;left:12px;bottom:14px}.palette-section{grid-template-columns:1fr;padding:45px 7%;gap:30px}.palette-intro h2 br{display:none}.palette-intro>p{max-width:none}.palette-card{padding:20px}.swatches{min-height:155px}.future{grid-template-columns:1fr;gap:30px}.future-title h2 br{display:none}.future-list p{max-width:none}.future-list article{padding:20px 0}.about{padding:45px 7%;gap:15px;align-items:start}.about>.asterisk{font-size:45px}.about h2{font-size:27px}.about-side{display:none}.about p{font-size:11px}footer{gap:20px;flex-wrap:wrap;padding:30px 5%}footer>div{order:3;text-align:start;width:100%;margin:0}.back-top{margin-inline-start:auto}dialog{padding:45px 25px}dialog h2{font-size:26px}html[dir=ltr] h1{font-size:67px;margin:23px 0}html[dir=ltr] .hero-copy>p{font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
