/*
Theme Name: BENI HASAN
Version: 1.0.1
Author: BENI HASAN
Description: A lightweight editorial theme for art, sport and culture. Native WordPress editing, responsive imagery and no external font dependencies.
Requires PHP: 8.0
License: GPL-2.0-or-later
Text Domain: beni-hasan
*/
:root{--paper:#f4f3ed;--ink:#171714;--muted:#64645e;--line:#c7c7bc;--accent:#bf402c;--sans:Arial,Helvetica,sans-serif;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}button,input{font:inherit;border-radius:0}button,a,input{touch-action:manipulation}button{cursor:pointer}img{display:block;max-width:100%;height:auto}figure{margin:0}::selection{background:var(--accent);color:white}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.shell{width:calc(100% - 80px);max-width:1600px;margin:auto}.eyebrow,.meta,.caption,.nav,.button,.section-head,.folio{font-size:11px;line-height:1.5;letter-spacing:.075em;text-transform:uppercase}.eyebrow{color:var(--accent);font-weight:700}.meta{color:var(--muted)}.topline{display:flex;justify-content:space-between;padding:17px 0 10px;border-bottom:1px solid var(--ink)}.masthead{display:block;font-size:clamp(62px,12.7vw,205px);line-height:.96;font-weight:900;letter-spacing:-.078em;padding:12px 0 18px;white-space:nowrap;text-align:center}.masthead:hover{text-decoration:none}.nav{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);min-height:51px;font-weight:700;gap:18px}.nav-links{display:flex;gap:clamp(16px,2.5vw,42px);align-items:center}.nav a{padding:15px 0}.nav .current{color:var(--accent)}.search-toggle{border:0;background:none;padding:14px 0;min-width:48px;color:inherit}.search-box{padding:20px 0;border-bottom:1px solid var(--line)}.search-form{display:flex;gap:10px}.search-form input{width:100%;border:1px solid var(--ink);padding:14px;background:transparent}.button,.search-form button{padding:15px 24px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);font-weight:700;display:inline-block}.button:hover{background:var(--accent);border-color:var(--accent);text-decoration:none}.mobile-menu{display:none}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:10px;background:white;padding:15px;z-index:50}.hero{display:grid;grid-template-columns:1.05fr 1fr;border-bottom:1px solid var(--ink);margin-top:28px;min-height:590px}.hero-art{background:#e7e6dd;overflow:hidden;position:relative}.hero-art img{width:100%;height:590px;object-fit:contain;mix-blend-mode:multiply;padding:25px}.hero-copy{padding:36px 0 36px 48px;display:flex;flex-direction:column;justify-content:space-between}.hero h1{font-size:clamp(44px,5.7vw,87px);line-height:.95;letter-spacing:-.06em;margin:30px 0 24px;font-weight:900;max-width:750px}.hero .deck{font:21px/1.5 var(--serif);max-width:500px;margin:0 0 32px}.hero-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px}.arrow{font-size:32px}.section{padding:50px 0 0}.section-head{border-top:1px solid var(--ink);padding:14px 0 22px;display:flex;justify-content:space-between;font-weight:700}.section-head h2{font:inherit;margin:0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.story-card .visual{aspect-ratio:1.4;overflow:hidden;background:#e2e2d8;margin-bottom:18px}.story-card img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.story-card a:hover img{transform:scale(1.02)}.story-card h3{font-size:clamp(25px,2.2vw,36px);line-height:1.02;letter-spacing:-.04em;margin:10px 0 12px;font-weight:800}.story-card .deck{font:16px/1.5 var(--serif);margin:0 0 18px}.story-card .meta{padding-bottom:24px;border-bottom:1px solid var(--line)}.two-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split-section{display:grid;grid-template-columns:1fr 2fr;gap:60px;padding-top:60px}.split-intro h2{font-size:clamp(48px,5vw,74px);line-height:.95;letter-spacing:-.055em;margin:0 0 22px}.split-intro p{font:19px/1.5 var(--serif);max-width:300px}.person-list{border-top:1px solid var(--ink)}.person-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:24px 0;gap:20px}.person-row h3{font-size:34px;line-height:1.1;letter-spacing:-.04em;margin:5px 0}.objects-banner{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:45px;margin-top:60px}.objects-banner h2{font-size:clamp(38px,5vw,74px);line-height:.95;letter-spacing:-.05em;margin:14px 0 22px}.objects-banner p{font:20px/1.5 var(--serif)}.objects-banner .eyebrow{color:#e99680}.objects-banner .button{border-color:var(--paper)}.object-art{display:flex;align-items:center}.object-art img{width:100%;height:auto}.field-row{display:grid;grid-template-columns:70px 1fr 160px;align-items:baseline;border-bottom:1px solid var(--line);padding:23px 0;gap:20px}.field-row h3{font-size:clamp(24px,3vw,40px);letter-spacing:-.035em;line-height:1.1;margin:0}.origin{margin-top:60px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);display:grid;grid-template-columns:1fr 2fr;gap:60px;padding:40px 0}.origin h2{font-size:clamp(35px,4vw,59px);line-height:1;letter-spacing:-.05em;margin:0}.origin p{font:22px/1.5 var(--serif);margin:0 0 20px}.newsletter{padding:60px 0;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.newsletter h2{font-size:clamp(45px,6vw,84px);line-height:1;letter-spacing:-.06em;margin:0 0 10px}.newsletter p{font:18px/1.5 var(--serif)}.newsletter-interface{border-bottom:1px solid var(--ink);display:flex;justify-content:space-between;padding:20px 0;color:var(--muted)}footer{background:var(--ink);color:var(--paper);padding:35px 0 20px}.footer-brand{font-size:clamp(42px,8vw,110px);line-height:1;font-weight:900;letter-spacing:-.075em}.footer-top{display:flex;justify-content:space-between;gap:40px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:12px 30px;font-size:12px}.footer-bottom{border-top:1px solid #55554e;margin-top:30px;padding-top:18px;display:flex;justify-content:space-between;gap:20px}.article-head{max-width:1140px;margin:55px auto 35px}.article-head h1,.page-title{font-size:clamp(42px,6.6vw,100px);line-height:.98;letter-spacing:-.055em;margin:17px 0 24px;font-weight:900;overflow-wrap:break-word}.article-head .deck{font:clamp(20px,2vw,27px)/1.45 var(--serif);max-width:800px}.article-head .meta{border-top:1px solid var(--line);padding-top:18px;display:flex;gap:18px;flex-wrap:wrap}.article-image{margin:0 auto 40px;max-width:1140px}.article-image img{width:100%;max-height:800px;object-fit:contain;background:#e7e6dd}.caption{color:var(--muted);text-transform:none;letter-spacing:0;line-height:1.6;padding-top:10px}.caption a{text-decoration:underline}.reading{max-width:700px;margin:0 auto 65px;font:20px/1.75 var(--serif);overflow-wrap:break-word}.reading p{margin:0 0 26px}.reading h2{font:700 34px/1.13 var(--sans);letter-spacing:-.035em;margin:45px 0 20px}.reading h3{font:700 24px/1.2 var(--sans);margin:30px 0 15px}.reading a{text-decoration:underline;text-underline-offset:3px}.reading blockquote{margin:40px -60px;padding:25px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);font:700 38px/1.13 var(--sans);letter-spacing:-.04em}.reading .source-note{font:13px/1.6 var(--sans);border-top:1px solid var(--line);padding-top:20px;margin-top:35px;color:var(--muted)}.reading .alignwide{width:calc(100% + 120px);max-width:none;margin-left:-60px}.article-end{max-width:700px;margin:0 auto 50px;border-top:1px solid var(--ink);padding-top:20px}.quiet-share{display:flex;gap:22px;font-size:12px;margin-top:20px}.topic-links{display:flex;gap:10px;flex-wrap:wrap;font-size:12px}.topic-links a{padding:8px 12px;border:1px solid var(--line)}.section-page{padding:30px 0 50px}.section-deck{font:23px/1.5 var(--serif);max-width:650px;margin-bottom:40px}.empty{font:22px/1.5 var(--serif);padding:40px 0;border-top:1px solid var(--line)}.pagination{margin:35px 0;font-size:16px}.pagination .page-numbers{display:inline-block;min-width:44px;padding:12px}.pagination .current{background:var(--ink);color:var(--paper)}.policy .reading{margin-top:40px}.profile-type{display:block;color:var(--accent)}.profile-stories{margin-bottom:55px}.wp-block-image{margin-bottom:28px}.wp-block-image figcaption{font:12px/1.5 var(--sans);color:var(--muted)}.wp-block-button__link{border-radius:0;background:var(--ink)}.notice{padding:20px;border:1px solid var(--line);font:14px/1.5 var(--sans)} @media(min-width:1600px){.hero-art img{height:660px}}@media(max-width:1000px){.shell{width:calc(100% - 48px)}.hero{min-height:450px}.hero-art img{height:450px}.hero-copy{padding:26px 0 26px 30px}.hero h1{font-size:clamp(42px,6vw,65px)}.hero .deck{font-size:19px}.nav-links{gap:18px}.grid{gap:20px}.split-section,.origin{gap:35px}.objects-banner{padding:30px}.footer-top{flex-direction:column}.article-head{margin-top:35px}} @media(max-width:700px){.shell{width:calc(100% - 32px)}.topline{padding-top:12px;font-size:9px;letter-spacing:.04em}.topline .issue{display:none}.masthead{font-size:12.8vw;padding:14px 0 17px;letter-spacing:-.078em}.mobile-menu{display:block;position:relative}.mobile-menu summary{padding:16px 0;min-width:65px;cursor:pointer;list-style:none}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary:after{content:' +';font-size:16px}.mobile-menu[open] summary:after{content:' −'}.mobile-links{position:absolute;top:48px;left:0;width:calc(100vw - 32px);background:var(--paper);z-index:20;border:1px solid var(--ink);display:grid;grid-template-columns:1fr 1fr;padding:12px 20px;gap:0 20px}.mobile-links a{border-bottom:1px solid var(--line);padding:17px 0}.nav-links{display:none}.nav{min-height:50px}.hero{display:flex;flex-direction:column;margin-top:20px}.hero-art img{height:360px;padding:20px;object-fit:contain}.hero-copy{padding:24px 0 27px}.hero h1{font-size:clamp(44px,11vw,64px);margin:20px 0}.hero .deck{font-size:19px;max-width:100%;margin-bottom:25px}.section{padding-top:35px}.grid,.two-grid{grid-template-columns:1fr}.story-card{display:block;margin-bottom:12px}.story-card .visual{aspect-ratio:1.45}.story-card h3{font-size:33px}.split-section,.origin,.newsletter{grid-template-columns:1fr;gap:24px;padding-top:35px}.split-section{padding-bottom:10px}.split-intro p{max-width:none}.person-row h3{font-size:30px}.objects-banner{grid-template-columns:1fr;padding:24px;gap:10px;margin-top:35px}.objects-banner .object-art{order:-1}.objects-banner h2{font-size:48px}.field-row{grid-template-columns:35px 1fr;gap:10px}.field-row .meta{grid-column:2}.origin{margin-top:35px;padding:30px 0}.origin p{font-size:20px}.newsletter{padding:35px 0}.newsletter h2{font-size:55px}.footer-links{gap:12px 20px}.footer-bottom{flex-direction:column;font-size:9px}.article-head h1,.page-title{font-size:clamp(42px,10.5vw,68px)}.article-head .meta{gap:10px;font-size:10px}.reading{font-size:19px;line-height:1.7}.reading blockquote{margin:30px 0;font-size:30px}.reading .alignwide{width:100%;margin-left:0}.article-head{margin-top:30px}.article-image{margin-bottom:28px}.reading h2{font-size:30px}.section-deck{font-size:20px}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}} .hero-credit{position:absolute;bottom:4px;left:18px;font-size:9px;letter-spacing:.03em;font-family:Arial,sans-serif;margin:0} @media print{header,footer,.article-end,.profile-stories{display:none}.shell{width:100%}body{background:#fff}.article-head h1{font-size:40px}.reading{font-size:13pt}.article-image img{max-height:300px}}