/*
Theme Name: УФОТО Light
Description: Світла тема Українського Фотографічного Товариства: чорно-біла, у стилі логотипа. Афіша, команда, мобільна версія, світла й темна схеми.
Version: 1.3.0
Text Domain: ufoto-light
*/
:root{--bg:#fafaf8;--surface:#fff;--ink:#1d1d1b;--muted:#4f4f4b;--line:#d6d6d0;--rule:#86867e;--blue:#33332f;--soft:#efefea;--frame:#d9d9d3;--mat:#fff;--on-blue:#fff;--shadow:rgba(0,0,0,.35);--r:4px;color-scheme:light}
@media (prefers-color-scheme:dark){:root{--bg:#121211;--surface:#1b1b19;--ink:#ecece8;--muted:#b0b0aa;--line:#2f2f2c;--rule:#75756e;--blue:#ecece8;--soft:#242421;--frame:#33332f;--mat:#e4e4de;--on-blue:#121211;--shadow:rgba(0,0,0,.6);color-scheme:dark}}
*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:120px}
body{margin:0;background:var(--bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.05'/%3E%3C/svg%3E");color:var(--ink);font:400 18px/1.6 Onest,system-ui,-apple-system,"Segoe UI",sans-serif;overflow-x:clip}
img,video,iframe{max-width:100%}img{height:auto}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:var(--r)}
h1,h2,h3{font-family:Spectral,Georgia,serif;line-height:1.2;margin:0 0 .5em;text-wrap:balance}
p{text-wrap:pretty}
.wrap{max-width:1240px;margin:0 auto;padding:0 20px}
.sr,.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:8px;background:var(--blue);color:var(--on-blue);padding:8px 14px;border-radius:var(--r);z-index:100}.skip:focus{left:8px}
/* шапка: логотип, пунктирна лінія як на логотипі */
.site-header{position:sticky;top:0;z-index:50;background:var(--bg);border-bottom:3px dotted var(--rule);padding-top:env(safe-area-inset-top,0px)}
.bar{display:flex;align-items:center;gap:28px;min-height:96px}
.logo{margin-left:40px}
.logo img{display:block;max-height:72px;width:auto;mix-blend-mode:multiply}
.nav-panel{flex:1;display:flex;justify-content:flex-end;align-items:center;gap:20px}
.nav-panel ul{display:flex;gap:22px;list-style:none;margin:0;padding:0}
.nav-panel li{position:relative}
.nav-panel a{position:relative;display:flex;align-items:center;min-height:44px;padding:0;color:var(--muted);font-weight:500;font-size:13px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.nav-panel a:hover,.nav-panel .current-menu-item>a{color:var(--ink)}
.nav-panel a::after{content:"";position:absolute;left:50%;bottom:4px;transform:translateX(-50%);border:5px solid transparent;border-top-color:var(--ink);border-bottom:0;opacity:0}
.nav-panel a:hover::after,.nav-panel .current-menu-item>a::after{opacity:1}
.nav-panel ul ul{display:none;position:absolute;top:100%;left:0;min-width:220px;flex-direction:column;gap:0;background:var(--surface);border:1px solid var(--ink);border-radius:var(--r);padding:6px 16px}
.nav-panel li:hover>ul,.nav-panel li:focus-within>ul{display:flex}
.sub-toggle,.burger{display:none}
.search-form{position:relative;display:flex}
.search-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:none;border:0;color:var(--ink);cursor:pointer;font-size:22px}
.search-form input[type=search]{display:none;position:absolute;right:0;top:calc(100% + 8px);width:280px;font:inherit;font-size:16px;padding:10px 14px;border:2px solid var(--ink);border-radius:var(--r);background:var(--surface);color:var(--ink);z-index:60}
.search-form.is-open input[type=search]{display:block}
@media (prefers-color-scheme:dark){.logo-invert img{filter:invert(1);mix-blend-mode:screen}}
/* кнопки, заголовки розділів: трикутник і пунктир із логотипа */
.btn{display:inline-flex;align-items:center;background:transparent;color:var(--ink);border:2px solid var(--blue);font-weight:600;letter-spacing:.04em;padding:10px 22px;border-radius:var(--r);min-height:46px}
.btn:hover{background:var(--blue);color:var(--on-blue)}
.sec{padding:36px 0}
.sec-head{display:flex;align-items:center;gap:18px;margin-bottom:22px}
.sec-title{flex:1;display:flex;align-items:center;gap:12px;font:600 clamp(17px,2vw,21px)/1.2 Onest,sans-serif;letter-spacing:.16em;text-transform:uppercase;margin:0}
.sec-title::before{content:"";width:16px;height:14px;flex-shrink:0;background:var(--ink);clip-path:polygon(0 0,100% 0,50% 100%)}
.sec-title::after{content:"";flex:1;border-bottom:3px dotted var(--rule);transform:translateY(2px)}
.more{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);font-weight:600;white-space:nowrap;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.more:hover{text-decoration-thickness:2px}
/* фото в рамці-паспарту */
.photo{position:relative;background:var(--mat);padding:8px 8px 10px;box-shadow:0 14px 30px -18px var(--shadow);transition:transform .25s ease}
.photo img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;background:var(--frame)}
.photo-corners::before,.photo-corners::after{content:"";position:absolute;width:30px;height:30px;background:var(--blue)}
.photo-corners::before{top:0;left:0;clip-path:polygon(0 0,100% 0,0 100%)}
.photo-corners::after{bottom:0;right:0;clip-path:polygon(100% 0,100% 100%,0 100%)}
.grid.cols-3{grid-template-columns:repeat(3,1fr);gap:26px}
.cols-3 .card-title{font-size:20px}
.history .photo img{filter:sepia(.7) contrast(.96);transition:filter .3s}.history:hover .photo img{filter:none}
.date{display:block;margin-bottom:6px;font:italic 500 17px Spectral,Georgia,serif;color:var(--muted)}
@keyframes develop{from{filter:grayscale(1) brightness(.75);opacity:.5}to{filter:none;opacity:1}}
/* головна: новина на всю ширину */
.top-news{padding-top:36px;padding-bottom:30px}
.news-compact{display:grid;grid-template-columns:minmax(300px,38%) minmax(0,1fr);gap:34px;align-items:stretch;border-top:3px dotted var(--rule);border-bottom:3px dotted var(--rule);padding:26px 0}
.news-compact.no-photo{grid-template-columns:1fr}
.news-compact>div{align-self:center}
.news-compact h2{font-size:clamp(22px,2.4vw,30px);margin:4px 0 8px}
.news-compact h2 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.news-compact p{color:var(--muted);font-size:17px;line-height:1.55;margin:0 0 16px;max-width:66ch}
.news-compact .photo{display:flex;align-self:stretch;min-height:240px}
.news-compact .photo img{flex:1;width:100%;min-height:0;aspect-ratio:auto;object-fit:cover;animation:develop 1.4s ease-out both}
/* афіша: рядки з «штампом» дати */
.ev-list{display:flex;flex-direction:column}
.ev{display:grid;grid-template-columns:92px 150px 1fr auto;gap:22px;align-items:center;border-top:1px solid var(--rule);padding:20px 0;transition:background .2s}
.ev:last-child{border-bottom:1px solid var(--rule)}
.ev:hover,.ev:focus-within{background:var(--soft)}
.ev.no-thumb{grid-template-columns:92px 1fr auto}
.ev.is-past{opacity:.75}.ev.is-past:hover{opacity:1}
.ev-date{display:flex;flex-direction:column;align-items:center;border:2px solid var(--blue);border-radius:var(--r);padding:8px 6px;line-height:1.1}
.ev-date .d{font:700 32px Spectral,serif}.ev-date .m{font-size:14px;letter-spacing:.1em;text-transform:uppercase}.ev-date .t{font-size:14px;font-weight:600;margin-top:4px}
.ev-thumb img{display:block;width:150px;height:100px;object-fit:cover;object-position:center top;border-radius:var(--r)}
.ev-title{font-size:22px;margin:0 0 6px}.ev-title a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.ev-place{color:var(--muted);font-size:16px;margin:0}
.ev-done{display:inline-block;margin-top:6px;font-size:14px;color:var(--muted);border:1px solid var(--rule);border-radius:var(--r);padding:1px 10px}
.ev-go{color:var(--ink);font-weight:600;white-space:nowrap;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.month{margin:36px 0 8px;padding-bottom:8px;border-bottom:3px dotted var(--rule)}.month:first-child{margin-top:0}
.month h2{font:600 18px Onest,sans-serif;letter-spacing:.16em;text-transform:uppercase;margin:0}
/* картки записів */
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}
.card .photo{margin-bottom:12px}
.card-title{font-size:22px;margin:2px 0 0}.card:hover .card-title{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.card p{margin:6px 0 0;color:var(--muted);font-size:16px}
/* про нас: контрастний блок + банер праворуч */
.about-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,370px);gap:28px;align-items:stretch}
.about-row.no-banner{grid-template-columns:minmax(0,1fr)}
.about{background:var(--soft);border:2px dotted var(--rule);border-radius:var(--r);padding:34px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:20px}
.about h2{margin:0 0 8px;font-size:30px}.about p{margin:0;max-width:60ch;color:var(--muted)}
.about-banner{justify-self:end;align-self:center}
.about-banner img{display:block;width:auto;max-width:100%;height:auto;border-radius:var(--r);border:1px solid var(--line)}
/* внутрішні сторінки */
.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:44px;padding-top:36px;padding-bottom:20px;align-items:start}
.side{position:sticky;top:calc(116px + env(safe-area-inset-top,0px));display:flex;flex-direction:column;gap:34px}
.widget{background:none;border:0;padding:0}
.widget-title{font:600 15px Onest,sans-serif;letter-spacing:.16em;text-transform:uppercase;margin:0 0 12px;display:flex;align-items:center;gap:10px}
.widget-title::before{content:"";width:12px;height:10px;flex-shrink:0;background:var(--ink);clip-path:polygon(0 0,100% 0,50% 100%)}
.widget-title::after{content:"";flex:1;border-bottom:3px dotted var(--rule);transform:translateY(2px)}
.widget .mini{display:block;padding:10px 0;border-top:1px solid var(--line)}.widget .mini:first-of-type{border-top:0}
.widget .mini b{display:block;font:700 17px/1.3 Spectral,serif}.widget .mini:hover b{text-decoration:underline}
.widget .mini span{font-size:14px;color:var(--muted)}
.widget p{margin:0 0 8px;font-size:16px}.widget a:not(.btn):not(.mini){text-decoration:underline;text-underline-offset:3px}
.widget-banner{padding:0;border:0;background:none}.widget-banner img{display:block;width:auto;max-width:100%;height:auto;border-radius:var(--r)}
.page-head{margin-bottom:24px}.page-head h1{font-size:clamp(30px,4vw,40px);margin:0 0 6px}.page-head p{margin:0;color:var(--muted)}
.entry-title{font-size:clamp(30px,4vw,42px)}
.event-meta{display:flex;flex-wrap:wrap;gap:8px 24px;border-top:3px dotted var(--rule);border-bottom:3px dotted var(--rule);padding:14px 0;margin:0 0 24px;font-weight:500}
.entry-thumb{margin:0 0 26px}.entry-thumb img{display:block;width:100%;border-radius:var(--r)}
.entry-content{max-width:68ch;font-size:19px;line-height:1.7;color:color-mix(in srgb,var(--ink) 92%,var(--bg))}
.entry-content h2{margin-top:1.7em}.entry-content h3{margin-top:1.4em}
.entry-content a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.entry-content a:hover{text-decoration-thickness:2px}
.entry-content img{border-radius:var(--r)}
.entry-content blockquote{margin:1.6em 0;padding:4px 0 4px 20px;border-left:3px solid var(--ink);font:italic 500 21px/1.5 Spectral,serif;color:var(--muted)}
.entry-content figure{margin:1.6em 0}.entry-content figcaption{font-size:14px;color:var(--muted);text-align:center;margin-top:6px}
.entry-content table{display:block;overflow-x:auto;border-collapse:collapse}.entry-content th,.entry-content td{border:1px solid var(--line);padding:8px 12px}
.alignleft{float:left;margin:4px 22px 12px 0}.alignright{float:right;margin:4px 0 12px 22px}.aligncenter{display:block;margin:0 auto}
.entry-content::after{content:"";display:table;clear:both}
.pagination{margin:34px 0 10px}.pagination .nav-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.pagination .page-numbers{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;background:var(--surface);border:1px solid var(--rule);border-radius:var(--r)}
.pagination .current{background:var(--blue);color:var(--on-blue);border-color:var(--blue);font-weight:600}
/* команда */
.team-grid{display:grid;gap:22px;margin-top:10px}
.member{display:grid;grid-template-columns:170px 1fr;gap:26px;align-items:start;border-top:3px dotted var(--rule);padding:24px 0 6px}
.member.no-photo{grid-template-columns:1fr}
.member .photo img{aspect-ratio:4/5}
.member-name{font-size:28px;margin:0 0 2px}
.member-role{margin:0 0 12px;color:var(--muted);font:italic 500 18px Spectral,serif}
.member-more summary{cursor:pointer;font-weight:600;min-height:44px;display:flex;align-items:center;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.member-more .entry-content{font-size:17px;max-width:none}
.member-links{display:flex;flex-wrap:wrap;gap:8px 22px;list-style:none;margin:14px 0 0;padding:0}
.member-links a{font-weight:500;min-height:44px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
/* підвал */
/* телефони й планшети */
@media (max-width:900px){
.grid.cols-3{grid-template-columns:repeat(2,1fr)}
.foot-cols{grid-template-columns:1fr 1fr}
.top-news{padding-top:24px}
.news-compact{grid-template-columns:1fr;gap:20px}
.news-compact .photo{display:block;min-height:0}
.news-compact .photo img{height:auto;aspect-ratio:3/2}
.layout{grid-template-columns:minmax(0,1fr);gap:30px;padding-top:24px}
.side{position:static}
.ev,.ev.no-thumb{grid-template-columns:1fr;gap:12px}
.ev-date{flex-direction:row;justify-content:flex-start;gap:10px;align-items:baseline;padding:8px 12px;align-self:start}
.ev-date .d{font-size:26px}
.ev-thumb img{width:100%;height:auto;aspect-ratio:16/9}
.ev-go{justify-self:start}
.about{padding:24px}.about-row{grid-template-columns:minmax(0,1fr)}.about-banner{justify-self:start}
.alignleft,.alignright{float:none;margin:1em auto;display:block}
.member{grid-template-columns:1fr;gap:16px}.member .photo{max-width:220px}

}
@media (max-width:1024px){
.burger{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;margin-left:auto;background:transparent;border:2px solid var(--ink);border-radius:var(--r);color:var(--ink);cursor:pointer}
.burger span,.burger span::before,.burger span::after{display:block;width:20px;height:2px;background:currentColor;position:relative;transition:transform .2s}
.burger span::before,.burger span::after{content:"";position:absolute;left:0}.burger span::before{top:-6px}.burger span::after{top:6px}
.burger[aria-expanded=true] span{background:transparent}.burger[aria-expanded=true] span::before{transform:translateY(6px) rotate(45deg)}.burger[aria-expanded=true] span::after{transform:translateY(-6px) rotate(-45deg)}
.bar{flex-wrap:wrap;gap:8px 16px;min-height:80px}.logo img{max-height:56px}
.nav-panel{flex:1 1 100%;order:3;flex-direction:column;align-items:stretch;gap:12px;padding-bottom:14px;max-height:calc(100vh - 110px);overflow-y:auto}
.js .nav-panel:not(.is-open){display:none}
.nav-panel ul{flex-direction:column;gap:0}
.nav-panel li{border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center}
.nav-panel li>a{flex:1;padding:14px 4px;min-height:48px;font-size:15px}
.nav-panel a::after{display:none}.nav-panel .current-menu-item>a{font-weight:700;color:var(--ink)}
.sub-toggle{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:none;border:0;color:var(--ink);cursor:pointer}
.sub-toggle::before{content:"";width:8px;height:8px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg) translate(-2px,-2px);transition:transform .2s}
li.is-open>.sub-toggle::before{transform:rotate(-135deg) translate(-2px,-2px)}
.nav-panel ul ul{position:static;display:none;flex:1 1 100%;border:0;padding:0 0 8px 14px;background:none}
.nav-panel li.is-open>ul{display:flex}.nav-panel li:hover>ul{display:none}.nav-panel li.is-open:hover>ul{display:flex}
.search-toggle{display:none}
.search-form input[type=search]{display:block;position:static;width:100%}
.site-header{transition:transform .25s ease}
.site-header.is-hidden{transform:translateY(-100%)}
}
@media (max-width:600px){.grid,.grid.cols-3{grid-template-columns:1fr}.foot-cols{grid-template-columns:1fr}.wrap{padding:0 16px}.sec{padding:28px 0}.entry-content{font-size:18px}.logo{margin-left:12px}.sec-title{letter-spacing:.12em}}
@media (hover:hover) and (min-width:901px){.card:hover .photo,.news-compact .photo:hover{transform:rotate(-.8deg)}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.card:hover .photo{transform:none}html{scroll-behavior:auto}}

/* іконки в стилі сайту замість кольорових емодзі */
.ico{display:inline-block;width:1em;height:1em;vertical-align:-.14em;background:currentColor;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.ico-pin{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 2a7 7 0 00-7 7c0 5 7 13 7 13s7-8 7-13a7 7 0 00-7-7zm0 4a3 3 0 110 6 3 3 0 010-6z'/%3E%3C/svg%3E")}
.ico-cal{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M7 2v2H5a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2V6a2 2 0 00-2-2h-2V2h-2v2H9V2H7zm12 8v10H5V10h14z'/%3E%3C/svg%3E")}
.ico-search{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M10 2a8 8 0 105.3 14l5 5 1.4-1.4-5-5A8 8 0 0010 2zm0 2a6 6 0 110 12 6 6 0 010-12z'/%3E%3C/svg%3E")}
.ev-place .ico,.event-meta .ico{margin-right:4px}
@media (max-width:900px){.layout{padding-top:32px}}

/* іконки: телефон, пошта, Facebook */
.ico-phone{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15 15 0 006.6 6.6l2.2-2.2a1 1 0 011-.25 11.4 11.4 0 003.6.6 1 1 0 011 1V20a1 1 0 01-1 1A17 17 0 013 4a1 1 0 011-1h3.5a1 1 0 011 1c0 1.25.2 2.45.6 3.6a1 1 0 01-.25 1z'/%3E%3C/svg%3E")}
.ico-mail{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M3 5h18a1 1 0 011 1v12a1 1 0 01-1 1H3a1 1 0 01-1-1V6a1 1 0 011-1zm1 2.6V17h16V7.6l-8 5.4-8-5.4zM5.5 7L12 11.4 18.5 7h-13z'/%3E%3C/svg%3E")}
.ico-fb{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 8V6.5c0-.7.2-1 1-1h2V2h-3c-3 0-4 1.8-4 4v2H7v3.5h3V22h4V11.5h2.8L17 8h-3z'/%3E%3C/svg%3E")}
/* чорно-білі світлини */
.bw img{filter:grayscale(1) contrast(1.05);transition:filter .3s}
.bw:hover img,.bw:focus-within img{filter:none}
/* віджети */
.wev{display:grid;grid-template-columns:58px 1fr 58px;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--rule)}
.wev.no-thumb{grid-template-columns:58px 1fr}
.wev-date{border:2px solid var(--blue);border-radius:var(--r);text-align:center;line-height:1.05;padding:6px 2px}
.wev-date b{display:block;font:700 22px Spectral,serif}.wev-date i{font-style:normal;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.wev-body b{display:block;font:700 17px/1.25 Spectral,serif}.wev:hover .wev-body b{text-decoration:underline}.wev-body small{color:var(--muted);font-size:14px}
.wev img{width:58px;height:58px;object-fit:cover;border-radius:var(--r)}
.wphoto{margin:0}.wphoto .photo{display:block}.wphoto .photo img{aspect-ratio:4/5;object-fit:cover}
.wphoto figcaption{margin-top:10px;font:italic 500 17px/1.35 Spectral,serif}.wphoto figcaption a:hover{text-decoration:underline}
.whist{display:grid;grid-template-columns:72px 1fr;gap:14px;align-items:center;padding:10px 0;border-top:1px solid var(--rule)}
.whist img,.whist-ph{display:block;width:72px;height:72px;object-fit:cover;border-radius:var(--r);background:var(--frame)}
.whist-t b{display:block;font:700 17px/1.25 Spectral,serif}.whist:hover .whist-t b{text-decoration:underline}.whist-t small{color:var(--muted);font-size:14px}
.w-more{margin:6px 0 0}
.wc{display:flex;gap:10px;align-items:flex-start;margin:0 0 8px}.wc .ico{flex-shrink:0;margin-top:.35em}
/* підвал: меню нагорі, три колонки */
.site-footer{margin-top:50px;border-top:3px dotted var(--rule);padding:8px 0 calc(30px + env(safe-area-inset-bottom,0px));color:var(--muted);font-size:16px}
.foot-nav ul{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:0}
.foot-nav li{display:flex;align-items:center}
.foot-nav li+li::before{content:"";width:9px;height:8px;margin:0 18px;background:var(--rule);clip-path:polygon(0 0,100% 0,50% 100%)}
.foot-nav a{display:inline-flex;align-items:center;min-height:48px;color:var(--ink);font-weight:500;font-size:14px;letter-spacing:.1em;text-transform:uppercase}
.foot-nav a:hover{text-decoration:underline;text-underline-offset:5px}
.foot-cols{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:34px;padding:26px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.foot-logo{display:inline-block}.foot-logo img{display:block;max-height:56px;width:auto;mix-blend-mode:multiply}
.foot-about p{margin:14px 0 0;max-width:36ch}
.foot-title{font:600 14px Onest,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);margin:0 0 12px}
.foot-block p{margin:0 0 8px}
.site-footer a:not(.foot-logo){color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.foot-nav a{text-decoration:none!important}
.foot-copy{margin:20px 0 0;font-size:15px}
@media (max-width:900px){.foot-cols{grid-template-columns:1fr 1fr}.foot-about{grid-column:1/-1}}
@media (max-width:600px){.foot-cols{grid-template-columns:1fr}.foot-nav li+li::before{margin:0 12px}}