@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
/* =====================================================================
   ADETOYAN for Bricks: the whole design lives in this one stylesheet.
   Paste into Bricks > Settings > Custom code > Custom CSS.
   Colours and sizes: edit the variables directly below.
   ===================================================================== */
:root{--paper:#f7f6f2;--ink:#171916;--muted:#73756f;--line:#deded7;--accent:#1b75d0;--gutter:clamp(20px,5vw,76px);--max:1440px;--gap:22px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px;line-height:normal}
a{color:inherit;text-decoration:none}
.shell{max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter);width:100%}
.photo img,.hero img,.portrait img,.av img{display:block;width:100%;height:100%;max-width:none;object-fit:cover}
@view-transition{navigation:auto}

/* ---------- header ---------- */
#brx-header{position:sticky;top:0;z-index:15;transition:transform .4s cubic-bezier(.2,.7,.2,1)}
#brx-header.away{transform:translateY(-100%)}
.admin-bar #brx-header{top:32px}
@media(max-width:782px){.admin-bar #brx-header{top:46px}}
.hdr{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px;background:color-mix(in srgb,var(--paper) 86%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:box-shadow .3s}
.slot{display:contents}
.brand{font-family:Manrope,sans-serif;font-size:25px;font-weight:800;letter-spacing:-.09em;color:var(--accent)}
.brand span{color:var(--ink)}
/* Main menu (#brx-header .brxe-nav-menu): Bricks Nav Menu element showing your WordPress menu (Appearance > Menus).
   The LAST item in that menu is drawn as the round "Contact Me" button. */
#brx-header .brxe-nav-menu{font-size:12px;color:#444740}
#brx-header .brxe-nav-menu .bricks-nav-menu-wrapper{display:block!important}
#brx-header .brxe-nav-menu .bricks-mobile-menu-toggle,#brx-header .brxe-nav-menu .bricks-mobile-menu-wrapper,#brx-header .brxe-nav-menu .bricks-mobile-menu-overlay{display:none!important}
#brx-header .brxe-nav-menu .bricks-nav-menu{display:flex;flex-wrap:nowrap;align-items:center;gap:clamp(14px,2.3vw,34px);list-style:none;margin:0;padding:0}
#brx-header .brxe-nav-menu .bricks-nav-menu li{margin:0;padding:0;position:relative;list-style:none}
#brx-header .brxe-nav-menu .brx-submenu-toggle{display:block}
#brx-header .brxe-nav-menu .brx-submenu-toggle button{display:none!important}
#brx-header .brxe-nav-menu a{color:inherit;padding:0;transition:color .2s,background-size .3s}
#brx-header .brxe-nav-menu a:hover{color:var(--accent)}
#brx-header .brxe-nav-menu .bricks-nav-menu>li:not(:last-child)>a,#brx-header .brxe-nav-menu .bricks-nav-menu>li>.brx-submenu-toggle>a{background:linear-gradient(var(--accent),var(--accent)) 0 100%/0 1px no-repeat;padding-bottom:4px}
#brx-header .brxe-nav-menu .bricks-nav-menu>li:not(:last-child)>a:hover,#brx-header .brxe-nav-menu .bricks-nav-menu>li>.brx-submenu-toggle>a:hover,#brx-header .brxe-nav-menu .bricks-nav-menu>li.is-cur>a,#brx-header .brxe-nav-menu .bricks-nav-menu>li.is-cur>.brx-submenu-toggle>a{background-size:100% 1px}
#brx-header .brxe-nav-menu .is-cur>a,#brx-header .brxe-nav-menu .is-cur>.brx-submenu-toggle>a,#brx-header .brxe-nav-menu .sub-menu .current-menu-item>a{color:var(--accent)}
#brx-header .brxe-nav-menu .bricks-nav-menu>li:last-child>a{display:inline-block;border:1px solid var(--ink);padding:10px 14px;border-radius:99px;transition:background .25s,color .25s,transform .25s}
#brx-header .brxe-nav-menu .bricks-nav-menu>li:last-child>a::after{content:" \2197"}
#brx-header .brxe-nav-menu .bricks-nav-menu>li:last-child>a:hover{background:var(--ink);color:#fff;transform:translateY(-2px)}
#brx-header .brxe-nav-menu .sub-menu{position:absolute;top:100%;left:-14px;min-width:160px;margin:0;list-style:none;background:var(--paper)!important;border:1px solid var(--line)!important;padding:8px 0!important;box-shadow:none!important;z-index:9;display:block;opacity:0!important;visibility:hidden!important;transform:none!important;transition:none!important}
#brx-header .brxe-nav-menu li:hover>.sub-menu,#brx-header .brxe-nav-menu li:focus-within>.sub-menu,#brx-header .brxe-nav-menu li.open>.sub-menu{opacity:1!important;visibility:visible!important}
#brx-header .brxe-nav-menu .sub-menu a{display:block;padding:8px 16px;white-space:nowrap}
.menu-btn{display:none;width:46px;height:46px;border:1px solid var(--line);border-radius:50%;background:transparent;cursor:pointer;place-items:center;padding:0;flex:none}
.menu-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.menu-btn i,.menu-btn i::before,.menu-btn i::after{display:block;width:18px;height:1.5px;background:var(--ink);transition:transform .3s,background .3s}
.menu-btn i{position:relative}
.menu-btn i::before,.menu-btn i::after{content:"";position:absolute;left:0}
.menu-btn i::before{top:-6px}
.menu-btn i::after{top:6px}
.menu-btn[aria-expanded=true] i{background:transparent}
.menu-btn[aria-expanded=true] i::before{transform:translateY(6px) rotate(45deg)}
.menu-btn[aria-expanded=true] i::after{transform:translateY(-6px) rotate(-45deg)}
body.menu-open{overflow:hidden}

/* ---------- shared type ---------- */
.kicker,.meta,.cats{font-size:10px;text-transform:uppercase;letter-spacing:.14em}
.kicker{color:var(--accent);font-weight:700;margin:0 0 18px}
.meta{color:var(--muted);font-size:9px;letter-spacing:.08em;display:flex;gap:9px;flex-wrap:wrap}
.cats{display:block;color:var(--accent);font-weight:700;margin-bottom:16px}

/* ---------- home: masthead + filter bar ---------- */
.masthead{padding:clamp(36px,6vw,82px) 0 28px;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:end}
.masthead h1{font-family:Manrope,sans-serif;font-size:clamp(44px,7.4vw,100px);letter-spacing:-.085em;line-height:.92;font-weight:700;max-width:900px;margin:0}
.masthead h1 em{font-style:normal;color:var(--accent)}
.mast-note{max-width:220px;font-size:13px;line-height:1.7;color:var(--muted);padding-bottom:6px;margin:13px 0}
.filterbar{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:18px 0 22px;gap:20px}
.filters{display:flex;gap:8px;flex-wrap:wrap}
.filter{border:1px solid var(--line);background:transparent;padding:9px 13px;border-radius:99px;font-size:11px;transition:.2s}
.filter:hover,.filter.active{background:var(--ink);border-color:var(--ink);color:#fff}
.sort{font-size:11px;color:var(--muted)}

/* ---------- story cards (one card design, laid out by position) ---------- */
.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap)}
.story{min-width:0;display:flex;flex-direction:column;transition:transform .25s;grid-column:span 4;position:relative}
.story:hover{transform:translateY(-3px)}
.photo{position:relative;overflow:hidden;aspect-ratio:1.08;background:linear-gradient(135deg,#e5e5df,#d3d6cc 60%,#c3cfdc)}
.photo>*{display:block;width:100%;height:100%;margin:0}
.photo img{transition:transform .65s cubic-bezier(.2,.7,.2,1);filter:saturate(.88)}
.story:hover .photo img{transform:scale(1.035)}
.story-body{padding:18px 2px 26px}
.story-body .cats{margin-bottom:12px}
.story h2{font-family:Manrope,sans-serif;letter-spacing:-.055em;font-weight:650;line-height:1.08;font-size:clamp(19px,1.8vw,25px);margin:0 0 13px}
.story h2 a{background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .4s}
.story:hover h2 a{background-size:100% 1px}
.story .ex{display:none;font-size:13px;line-height:1.75;color:#5d6059;margin:0 0 22px;max-width:500px}
.story .m-by,.story .read-wrap{display:none}
.read{display:inline-block;margin-top:24px;font-size:12px;font-weight:600;border-bottom:1px solid var(--ink);padding-bottom:6px}
.read span{display:inline-block;margin-left:14px;transition:transform .2s}
.story:hover .read span{transform:translate(3px,-3px)}
/* 1st card on the home page = feature */
.g-home>.story:nth-child(1){grid-column:span 12;display:grid;grid-template-columns:1.35fr 1fr;gap:0;background:#e8e7e0;margin-bottom:6px}
.g-home>.story:nth-child(1) .photo{aspect-ratio:1.28}
.g-home>.story:nth-child(1) .story-body{padding:clamp(22px,4vw,54px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.g-home>.story:nth-child(1) .cats{margin-bottom:16px}
.g-home>.story:nth-child(1) h2{font-size:clamp(23px,3vw,42px);margin-bottom:16px}
.g-home>.story:nth-child(1) .ex,.g-home>.story:nth-child(1) .read-wrap{display:block}
.g-home>.story:nth-child(1) .m-by{display:inline}
.g-home>.story:nth-child(1) .m-cat{display:none}
/* 2nd + 3rd = half width */
.g-home>.story:nth-child(2),.g-home>.story:nth-child(3){grid-column:span 6}
.g-home>.story:nth-child(2) .photo,.g-home>.story:nth-child(3) .photo{aspect-ratio:1.42}
.g-home>.story:nth-child(2) h2,.g-home>.story:nth-child(3) h2{font-size:clamp(21px,2.4vw,31px)}
.g-home>.story:nth-child(2) .ex,.g-home>.story:nth-child(3) .ex{display:block}
/* 7th onwards on home + related posts = text rows */
.g-home>.story:nth-child(n+7),.rows>.story{grid-column:1/-1;display:block;transform:none!important}
.g-home>.story:nth-child(n+8){margin-top:calc(-1*var(--gap))}
.g-home>.story:nth-child(7){margin-top:calc(54px - var(--gap));border-top:1px solid var(--line)}
.g-home>.story:nth-child(7)::before{content:"More from the archive";display:block;font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin:22px 0 0;font-weight:600}
.g-home>.story:nth-child(n+7) .photo,.rows>.story .photo,.g-home>.story:nth-child(n+7) .ex,.rows>.story .ex,.g-home>.story:nth-child(n+7) .read-wrap,.rows>.story .read-wrap{display:none}
.g-home>.story:nth-child(n+7) .story-body,.rows>.story .story-body{display:grid;grid-template-columns:120px 1fr auto;gap:22px;align-items:baseline;padding:20px 0;border-bottom:1px solid var(--line);transition:padding .3s cubic-bezier(.2,.7,.2,1)}
.g-home>.story:nth-child(n+7):hover .story-body,.rows>.story:hover .story-body{padding-left:14px}
.g-home>.story:nth-child(n+7) .meta,.rows>.story .meta{order:-1;margin:0}
.g-home>.story:nth-child(n+7) .meta>:not(.m-date),.rows>.story .meta>:not(.m-date){display:none}
.g-home>.story:nth-child(n+7) .cats,.rows>.story .cats{order:2;margin:0;color:var(--muted);font-size:9px;letter-spacing:.08em;font-weight:400}
.g-home>.story:nth-child(n+7) h2,.rows>.story h2{font-family:Manrope,sans-serif;font-size:clamp(18px,2vw,24px);letter-spacing:-.04em;margin:0;font-weight:600;line-height:1.2;transition:color .2s}
.g-home>.story:nth-child(n+7) h2 a,.rows>.story h2 a{background:none}
.g-home>.story:nth-child(n+7) h2 a::after,.rows>.story h2 a::after{content:"";position:absolute;inset:0}
.g-home>.story:nth-child(n+7):hover h2,.rows>.story:hover h2{color:var(--accent)}
.rows{border-top:1px solid var(--line);margin:54px 0 60px}
.rows>h3{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin:22px 0 0;font-weight:600}

/* ---------- home: quote, about ---------- */
.quote{margin:clamp(48px,8vw,110px) 0;background:var(--ink);color:#fff;padding:clamp(36px,6vw,82px);display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end}
.quote small{display:block;color:#8dbef1;text-transform:uppercase;letter-spacing:.16em;font-size:10px;margin-bottom:22px}
.quote h2{font-family:Manrope,sans-serif;font-size:clamp(30px,5vw,66px);letter-spacing:-.07em;line-height:1;margin:0;max-width:850px}
.quote p{font-size:12px;color:#b7bab4;line-height:1.7;max-width:210px;margin:0}
.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;padding:0 0 clamp(58px,9vw,120px)}
.about h2{font-family:Manrope,sans-serif;font-size:clamp(32px,4vw,55px);line-height:1;letter-spacing:-.07em;margin:15px 0 0}
.about-copy{max-width:650px}
.about-copy p{font-size:15px;line-height:1.85;color:#53564f;margin:0 0 20px}
.about-copy a{font-size:12px;border-bottom:1px solid;padding-bottom:5px}

/* ---------- pagination (Bricks Pagination element) ---------- */
.pager{display:flex;justify-content:center;padding:42px 0 76px}
.pager ul{display:flex;justify-content:center;gap:10px;list-style:none;padding:0;margin:0}
.pager li{margin:0}
.pager a.page-numbers,.pager span.page-numbers{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:11px;color:var(--ink)}
.pager .page-numbers.current{background:var(--ink);color:#fff;border-color:var(--ink)}
.pager .page-numbers.dots{border:0}

/* ---------- category / archive pages ---------- */
.pagehead{padding:clamp(40px,6vw,84px) 0 30px;border-bottom:1px solid var(--line);margin-bottom:34px}
.pagehead h1{font-family:Manrope,sans-serif;font-size:clamp(44px,8vw,110px);letter-spacing:-.085em;line-height:.92;margin:0 0 20px}
.pagehead p{max-width:560px;color:var(--muted);line-height:1.75;font-size:14px;margin:0}
.pagehead p:empty{display:none}
.chips{display:flex;gap:8px;margin-top:24px;flex-wrap:wrap}
.chips a{border:1px solid var(--line);padding:9px 13px;border-radius:99px;font-size:11px}
.chips a:hover,.chips a.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.chips:empty{display:none}

/* ---------- single post ---------- */
.progress{position:fixed;top:0;left:0;height:3px;width:0;background:var(--accent);z-index:20}
.post-head{max-width:760px;margin:0 auto;padding:clamp(36px,6vw,80px) 0 36px}
.post-head h1{font-family:Manrope,sans-serif;font-size:clamp(32px,5.2vw,64px);letter-spacing:-.07em;line-height:1;margin:0 0 22px}
.post-meta{display:flex;gap:12px;flex-wrap:wrap}
.hero{max-width:1100px;margin:0 auto 52px;aspect-ratio:16/8;overflow:hidden;background:#e5e5df}
.hero:not(:has(img)){display:none}
.hero img{scale:1.14;translate:0 var(--py,0px);will-change:translate}
.prose{max-width:760px;margin:0 auto;padding:0 0 60px}
.prose p,.prose li{font-size:17px;line-height:1.85;color:#3f423c}
.prose p{margin:0 0 1.1em}
.prose ul,.prose ol{margin:0 0 1.1em;padding-left:1.3em}
.prose h2{font-family:Manrope,sans-serif;font-size:26px;letter-spacing:-.05em;line-height:1.2;margin:44px 0 10px}
.prose h3,.prose h4{font-family:Manrope,sans-serif;font-size:20px;letter-spacing:-.03em;line-height:1.25;margin:34px 0 8px}
.prose .brxe-post-content>p:first-child{font-size:21px;line-height:1.6;color:var(--ink);font-family:Manrope,sans-serif;letter-spacing:-.02em}
.prose .brxe-post-content a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.prose .brxe-post-content a:has(img){text-decoration:none}
.prose img{max-width:100%;height:auto}
.prose figure{margin:32px 0}
.prose figcaption{font-size:12px;color:var(--muted);margin-top:8px}
.prose iframe{max-width:100%}
.prose blockquote{margin:42px -6%;padding:6px 0 6px 28px;border-left:3px solid var(--accent);font-family:Manrope,sans-serif;font-size:clamp(24px,3vw,34px);letter-spacing:-.05em;line-height:1.15;color:var(--ink)}
.prose blockquote p{font:inherit;color:inherit;letter-spacing:inherit;line-height:inherit;margin:0}
.prose .chips{margin:36px 0 0}
.addtoany_share_save_container,.addtoany_content{display:none!important}
.share{display:flex;gap:10px;align-items:center;font-size:11px;color:var(--muted);margin:34px 0;flex-wrap:wrap}
.share a{border:1px solid var(--line);padding:8px 12px;border-radius:99px;color:var(--ink)}
.share a:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.author{display:grid;grid-template-columns:72px 1fr;gap:18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0;margin:48px 0}
.author .av{width:72px;height:72px;border-radius:50%;overflow:hidden}
.author h3{margin:0 0 6px;font-family:Manrope,sans-serif;font-size:18px}
.author p{font-size:14px;margin:0;line-height:1.7}
/* Bricks Post Navigation element */
.postnav{display:flex;justify-content:space-between;gap:20px;font-size:13px;margin-top:8px}
.postnav img,.postnav svg,.postnav .image{display:none!important}
.postnav a{display:block;max-width:48%}
.postnav a:last-child:not(:first-child){text-align:right;margin-left:auto}
.postnav .label{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin-bottom:6px}
.postnav a:hover{color:var(--accent)}

/* ---------- photo posts ----------
   Any post filed under Photography, or any of its subcategories (Events, and any you add later),
   automatically gets the gallery layout. No template condition needed. */
.cat-flag,.post-head .side{display:none}
.details{display:grid;grid-template-columns:repeat(3,auto);gap:6px 28px;font-size:12px;justify-content:start;margin:0}
.details dt{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}
.details dd{margin:0 0 8px}
.details .no-count{display:none}
.side p{color:var(--muted);line-height:1.75;font-size:14px;margin:0 0 18px}
body:has(.cat-flag a[href*="/category/photography/"]) .progress,body:has(.cat-flag a[href*="/category/photography/"]) .hero,body:has(.cat-flag a[href*="/category/photography/"]) .post-meta,body:has(.cat-flag a[href*="/category/photography/"]) .prose>.chips,body:has(.cat-flag a[href*="/category/photography/"]) .share,body:has(.cat-flag a[href*="/category/photography/"]) .author,body:has(.cat-flag a[href*="/category/photography/"]) .news{display:none}
body:has(.cat-flag a[href*="/category/photography/"]) .post-head{max-width:none;margin:0;padding:clamp(36px,6vw,80px) 0 28px;display:grid;grid-template-columns:1.4fr 1fr;column-gap:6vw;grid-template-areas:"k s" "t s";align-items:end}
body:has(.cat-flag a[href*="/category/photography/"]) .post-head .kicker{grid-area:k}
body:has(.cat-flag a[href*="/category/photography/"]) .post-head h1{grid-area:t;font-size:clamp(40px,7vw,96px);letter-spacing:-.085em;line-height:.92;margin:0;overflow-wrap:anywhere}
body:has(.cat-flag a[href*="/category/photography/"]) .post-head .side{grid-area:s;display:block;align-self:end}
body:has(.cat-flag a[href*="/category/photography/"]) .prose{max-width:none}
body:has(.cat-flag a[href*="/category/photography/"]) .prose .brxe-post-content>*,body:has(.cat-flag a[href*="/category/photography/"]) .postnav{max-width:760px;margin-left:auto;margin-right:auto}
body:has(.cat-flag a[href*="/category/photography/"]) .prose .brxe-post-content>:is(.wp-block-gallery,.gallery,.blocks-gallery-grid,.tiled-gallery){max-width:none}
body:has(.cat-flag a[href*="/category/photography/"]) .prose .brxe-post-content p,body:has(.cat-flag a[href*="/category/photography/"]) .prose .brxe-post-content>p:first-child{font-size:16px;line-height:1.85;color:#3f423c;font-family:inherit;letter-spacing:normal;margin-top:0;margin-bottom:1.1em}
/* galleries inside any post: masonry, full photos, no cropping */
.prose :is(.wp-block-gallery,.gallery,.blocks-gallery-grid){display:block!important;columns:3;column-gap:14px!important;row-gap:0!important;margin:12px 0 40px!important;padding:0!important;list-style:none}
.prose .wp-block-gallery:has(>.blocks-gallery-grid){columns:auto;margin:0!important}
.prose :is(.wp-block-gallery,.blocks-gallery-grid)>*,.prose .gallery>.gallery-item{display:block!important;width:100%!important;max-width:none!important;margin:0 0 14px!important;padding:0!important;break-inside:avoid;flex:none!important;float:none!important}
.prose :is(.wp-block-gallery,.gallery,.blocks-gallery-grid) :is(figure,dt,dd){margin:0!important;padding:0!important;display:block!important}
.prose :is(.wp-block-gallery,.gallery,.blocks-gallery-grid) img{display:block;width:100%!important;height:auto!important;object-fit:initial!important;border:0!important}
.prose :is(.wp-block-gallery,.gallery,.blocks-gallery-grid) figcaption{position:static!important;background:none!important;color:var(--muted)!important;font-size:11px;padding:8px 2px 0!important;text-align:left!important;max-height:none!important}
.prose .gallery br{display:none}
a.lbx{display:block;overflow:hidden;cursor:zoom-in;background:#e5e5df}
a.lbx img{transition:transform .5s cubic-bezier(.2,.7,.2,1)}
a.lbx:hover img{transform:scale(1.03)}
a.lbx:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
/* photo slideshow (opens when a gallery photo is clicked) */
.lbx{cursor:zoom-in}
dialog.lb{border:0;padding:0;margin:0;background:transparent;width:100vw;height:100dvh;max-width:none;max-height:none;color:#fff}
dialog.lb::backdrop{background:rgba(15,16,14,.95)}
.lb-stage{height:100%;display:grid;grid-template-rows:1fr auto;padding:clamp(12px,3vw,32px)}
.lb-media{position:relative;display:grid;place-items:center;min-height:0}
.lb-media img{max-width:100%;max-height:calc(100dvh - 110px);width:auto;height:auto;object-fit:contain;opacity:0;transition:opacity .35s;cursor:pointer;user-select:none;-webkit-user-drag:none}
.lb-media img.in{opacity:1}
.lb-arrow{position:absolute;top:50%;translate:0 -50%;width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(15,16,14,.4);color:#fff;font-size:28px;line-height:1;cursor:pointer;display:grid;place-items:center}
.lb-arrow:hover{border-color:#fff}
.lb-prev{left:0}.lb-next{right:0}
.lb-bar{display:flex;justify-content:space-between;align-items:center;font-size:12px;gap:14px;padding-top:14px}
.lb-c{letter-spacing:.14em;color:#b7bab4;flex:none}
.lb-cap{flex:1;text-align:center;color:#d8dad4}
.lb-btns{display:flex;gap:8px;flex:none}
.lb-bar button{font:inherit;background:transparent;color:#fff;border:1px solid #555;border-radius:99px;padding:8px 14px;cursor:pointer}
.lb-bar button:hover{border-color:#fff}
@media(max-width:560px){.lb-arrow{display:none}.lb-cap{display:none}}

/* ---------- about, contact ---------- */
.split{display:grid;grid-template-columns:.8fr 1.2fr;gap:6vw;padding-bottom:70px;align-items:start}
.split .prose{margin:0;padding:0}
.portrait{aspect-ratio:.85;overflow:hidden;background:#e5e5df}
.facts{display:flex;gap:8px;flex-wrap:wrap;margin:26px 0}
.facts span{border:1px solid var(--line);padding:8px 13px;border-radius:99px;font-size:12px}
.read-link{display:inline-block;font-size:12px;font-weight:600;border-bottom:1px solid var(--ink);padding-bottom:6px}
.read-link span{display:inline-block;margin-left:14px}

/* ---------- newsletter (Mailchimp for WP) + contact form (Bricks Form) ---------- */
.news{background:#e8e7e0;padding:clamp(28px,5vw,56px);margin:0 0 70px;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
.news h2{font-family:Manrope,sans-serif;font-size:clamp(24px,3vw,38px);letter-spacing:-.06em;margin:0}
.news form,.news .mc4wp-form-fields{display:grid;gap:14px}
.news p{margin:0}
.news label,.cform label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);display:grid;gap:6px}
.news input[type=email],.news input[type=text],.cform input,.cform textarea{font:inherit;font-size:15px;padding:13px 14px;border:1px solid var(--line);background:#fff;border-radius:2px;color:var(--ink);width:100%}
.news input:focus,.cform input:focus,.cform textarea:focus{outline:2px solid var(--accent);outline-offset:1px}
.news input[type=submit],.news button,.cform button,.cform .bricks-button{font:inherit;font-weight:600;font-size:13px;background:var(--ink)!important;color:#fff!important;border:0;padding:14px 22px;border-radius:99px;cursor:pointer;justify-self:start;width:auto;line-height:1.2}
.news input[type=submit]:hover,.news button:hover,.cform button:hover{background:var(--accent)!important}
.news .mc4wp-response:empty{display:none}
.cform{display:grid;gap:0}
.cform .form-group{display:grid;gap:6px;padding:0 0 14px!important;margin:0;width:100%}
.cform .submit-button-wrapper{padding-top:4px!important}
.cform .message{font-size:14px;margin-top:10px}

/* ---------- footer ---------- */
.ftr{border-top:1px solid var(--line);padding-top:26px;padding-bottom:32px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.footer-left{display:flex;align-items:center;gap:20px}
.footer-left small{font-size:10px;color:var(--muted)}
.foot-nav{display:flex;gap:18px;font-size:11px;color:var(--muted);flex-wrap:wrap}
.foot-nav a:hover{color:var(--accent)}
.social{display:flex;gap:18px;font-size:11px}
.social a:hover{color:var(--accent)}

/* ---------- effects ---------- */
@keyframes rise{from{opacity:0;translate:0 30px}}
.masthead .kicker,.masthead h1,.mast-note{animation:rise 1s cubic-bezier(.2,.7,.2,1) both}
.masthead h1{animation-delay:.12s}
.mast-note{animation-delay:.3s}
@keyframes shine{to{background-position:-200% 0}}
.masthead h1 em{background:linear-gradient(90deg,var(--accent) 0,#69aef0 25%,var(--accent) 50%) 0 0/200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 7s linear infinite}
.cur{position:fixed;left:0;top:0;margin:-36px 0 0 -36px;width:72px;height:72px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;pointer-events:none;z-index:50;scale:0;transition:scale .3s cubic-bezier(.2,.7,.2,1)}
.cur.on{scale:1}

/* ---------- tablets ---------- */
@media(max-width:800px){
.masthead{grid-template-columns:1fr}
.mast-note{max-width:480px}
.g-home>.story:nth-child(1){grid-template-columns:1fr}
.g-home>.story:nth-child(1) .photo{aspect-ratio:1.7}
.story{grid-column:span 6}
.quote{grid-template-columns:1fr}
.quote p{max-width:420px}
.about{grid-template-columns:1fr;gap:28px}
.split,.news{grid-template-columns:1fr}
.g-home>.story:nth-child(n+7) .story-body,.rows>.story .story-body{grid-template-columns:1fr;gap:6px}
body:has(.cat-flag a[href*="/category/photography/"]) .post-head{grid-template-columns:1fr;grid-template-areas:"k" "t" "s";row-gap:22px}
.prose :is(.wp-block-gallery,.gallery,.blocks-gallery-grid){columns:2}
.prose .wp-block-gallery:has(>.blocks-gallery-grid){columns:auto}
.prose blockquote{margin-inline:0}
.menu-btn{display:grid}
#brx-header .brxe-nav-menu{position:absolute;left:0;right:0;top:100%;height:calc(100dvh - 82px);background:var(--paper);padding:8px var(--gutter) 48px;overflow-y:auto;font-size:30px;visibility:hidden;opacity:0;translate:0 -8px;transition:opacity .3s,translate .3s,visibility 0s .3s}
#brx-header .brxe-nav-menu.open{visibility:visible;opacity:1;translate:0 0;transition:opacity .3s,translate .3s}
#brx-header .brxe-nav-menu .bricks-nav-menu{flex-direction:column;align-items:stretch;gap:0}
#brx-header .brxe-nav-menu .bricks-nav-menu>li:not(:last-child){border-bottom:1px solid var(--line)}
#brx-header .brxe-nav-menu .bricks-nav-menu>li:not(:last-child)>a,#brx-header .brxe-nav-menu .bricks-nav-menu>li>.brx-submenu-toggle>a{font-family:Manrope,sans-serif;font-weight:600;letter-spacing:-.05em;display:block;padding:16px 0;background:none!important}
#brx-header .brxe-nav-menu .bricks-nav-menu>li>.brx-submenu-toggle>a{padding-bottom:8px}
#brx-header .brxe-nav-menu .sub-menu{position:static;display:flex;flex-wrap:wrap;gap:8px 20px;border:0!important;padding:0 0 16px!important;min-width:0;background:none!important;opacity:1!important;visibility:inherit!important}
#brx-header .brxe-nav-menu .sub-menu a{padding:0;font-size:15px;font-weight:500;letter-spacing:0;color:var(--muted)}
#brx-header .brxe-nav-menu .sub-menu .current-menu-item>a{color:var(--accent)}
#brx-header .brxe-nav-menu .bricks-nav-menu>li:last-child>a{display:block;margin-top:28px;text-align:center;font-size:15px;padding:15px 18px}
}
/* ---------- phones ---------- */
@media(max-width:560px){
:root{--gap:10px}
.hdr{height:70px}
#brx-header .brxe-nav-menu{height:calc(100dvh - 70px)}
.brand{font-size:22px}
.masthead{padding-top:38px}
.masthead h1{font-size:clamp(46px,13vw,68px)}
.filterbar{align-items:flex-start;flex-direction:column}
.g-home>.story:nth-child(1){margin-bottom:12px}
.g-home>.story:nth-child(1) .photo{aspect-ratio:1.2}
.g-home>.story:nth-child(1) .story-body{padding:24px 20px}
.story{grid-column:span 12}
.g-home>.story:nth-child(2),.g-home>.story:nth-child(3){grid-column:span 12}
.story .photo,.g-home>.story:nth-child(2) .photo,.g-home>.story:nth-child(3) .photo{aspect-ratio:1.55}
.story h2,.g-home>.story:nth-child(1) h2,.g-home>.story:nth-child(2) h2,.g-home>.story:nth-child(3) h2{font-size:25px}
.story-body{padding:15px 1px 23px}
.quote{margin:48px 0;padding:30px 24px}
.about{padding-bottom:60px}
.ftr{align-items:flex-start;flex-direction:column;gap:14px}
.footer-left{align-items:flex-start;flex-direction:column;gap:7px}
}
@media(max-width:480px){
.prose :is(.wp-block-gallery,.gallery,.blocks-gallery-grid){columns:1}
.details{grid-template-columns:repeat(2,auto)}
}
@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*,*::before,*::after{transition:none!important;animation:none!important}
.hero img{scale:1;translate:none}
.cur{display:none}
.masthead h1 em{color:var(--accent);background:none}
}
.spacer{height:80px}
body.menu-open #brx-content,body.menu-open #brx-footer{visibility:hidden}

/* ---------- menu: override Bricks' own default menu spacing ---------- */
#brx-header .brxe-nav-menu .bricks-nav-menu{gap:clamp(14px,2.3vw,34px)!important;margin:0!important;padding:0!important}
#brx-header .brxe-nav-menu .bricks-nav-menu li{margin:0!important;padding:0!important;min-width:0!important;border:0}
#brx-header .brxe-nav-menu .bricks-nav-menu a,#brx-header .brxe-nav-menu .brx-submenu-toggle{margin:0!important;height:auto!important;line-height:normal!important;font-size:inherit}
#brx-header .brxe-nav-menu .brx-submenu-toggle{display:block!important;padding:0!important;gap:0!important}
#brx-header .brxe-nav-menu .bricks-nav-menu>li:not(:last-child)>a,#brx-header .brxe-nav-menu .bricks-nav-menu>li>.brx-submenu-toggle>a{padding:0 0 4px!important;display:inline-block}
#brx-header .brxe-nav-menu .bricks-nav-menu>li:last-child>a{padding:10px 14px!important}
#brx-header .brxe-nav-menu .sub-menu{margin:0!important}
#brx-header .brxe-nav-menu .sub-menu a{padding:8px 16px!important;font-size:12px}
@media(max-width:800px){
#brx-header .brxe-nav-menu .bricks-nav-menu{gap:0!important}
#brx-header .brxe-nav-menu .bricks-nav-menu>li:not(:last-child){border-bottom:1px solid var(--line)}
#brx-header .brxe-nav-menu .bricks-nav-menu>li:not(:last-child)>a,#brx-header .brxe-nav-menu .bricks-nav-menu>li>.brx-submenu-toggle>a{padding:16px 0!important}
#brx-header .brxe-nav-menu .bricks-nav-menu>li>.brx-submenu-toggle>a{padding-bottom:8px!important}
#brx-header .brxe-nav-menu .sub-menu{gap:8px 20px!important;padding:0 0 16px!important}
#brx-header .brxe-nav-menu .sub-menu a{padding:0!important;font-size:15px}
#brx-header .brxe-nav-menu .bricks-nav-menu>li:last-child>a{padding:15px 18px!important;font-size:15px}
}

/* ---------- menu: lock text colours so nothing can hide them ---------- */
#brx-header .brxe-nav-menu a,#brx-header .brxe-nav-menu .brx-submenu-toggle,#brx-header .brxe-nav-menu .brx-submenu-toggle *{color:#444740!important;opacity:1!important;text-indent:0!important;-webkit-text-fill-color:currentColor!important}
#brx-header .brxe-nav-menu a:hover,#brx-header .brxe-nav-menu .is-cur>a,#brx-header .brxe-nav-menu .is-cur>.brx-submenu-toggle>a,#brx-header .brxe-nav-menu .sub-menu .current-menu-item>a{color:var(--accent)!important}
#brx-header .brxe-nav-menu .bricks-nav-menu>li:last-child>a{color:var(--ink)!important}
#brx-header .brxe-nav-menu .bricks-nav-menu>li:last-child>a:hover{color:#fff!important}
@media(max-width:800px){
#brx-header .brxe-nav-menu .sub-menu a{color:var(--muted)!important}
#brx-header .brxe-nav-menu .sub-menu .current-menu-item>a{color:var(--accent)!important}
}