/*
Theme Name: Hot Magenta
Theme URI: https://hotmagenta.art
Author: Hot Magenta Studio
Description: Bağımsız sanat platformu — editorial magazine teması.
Version: 5.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
Text Domain: hot-magenta
*/
:root {
  --mg: #ff00ae; --mg-lt: #fff0fa; --mg-md: #ffd6f0;
  --yl: #fff200; --yl-lt: #fffde0;
  --bk: #111111; --wh: #ffffff; --of: #fafaf8; --cr: #f5f0e8;
  --gy: #aaaaaa; --gy-lt: #e8e8e8; --gy-dk: #555555;
  --tx: #1a1a1a; --mx: #888888;
  --fd: 'Playfair Display', Georgia, serif;
  --fb: 'DM Sans', sans-serif;
  --fm: 'DM Mono', monospace;
  --tb: 32px; --nv: 78px; --cn: 42px;
  --hh: calc(var(--tb) + var(--nv) + var(--cn));
  --mw: 1280px; --sw: 290px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--fb);background:var(--wh);color:var(--tx);overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
button{cursor:pointer;font-family:inherit;border:none;background:none}

.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.reveal.on{opacity:1;transform:translateY(0)}
.wrap{max-width:var(--mw);margin:0 auto;padding:0 20px}

/* TAGS */
.tag{display:inline-block;font-family:var(--fm);font-size:9px;letter-spacing:.16em;text-transform:uppercase;padding:3px 8px;background:var(--mg);color:var(--wh);white-space:nowrap}
.tag.yl{background:var(--yl);color:var(--bk)}
.tag.wh{background:var(--wh);color:var(--mg)}

/* TOP BAR */
#hm-topbar{background:var(--mg);height:var(--tb);position:fixed;top:0;left:0;right:0;z-index:400;display:flex;align-items:center}
.tb-inner{max-width:var(--mw);margin:0 auto;padding:0 20px;width:100%;display:flex;align-items:center;justify-content:space-between}
.tb-cats{display:flex;overflow:hidden}
.tb-cats a{font-family:var(--fm);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.85);padding:0 12px;border-right:1px solid rgba(255,255,255,.2);white-space:nowrap;transition:color .2s}
.tb-cats a:first-child{padding-left:0}
.tb-cats a:hover{color:var(--yl)}
.tb-right{display:flex;gap:12px}
.tb-right a{font-family:var(--fm);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.7);transition:color .2s}
.tb-right a:hover{color:var(--yl)}

/* MAIN NAV */
#hm-nav{position:fixed;top:var(--tb);left:0;right:0;height:var(--nv);z-index:390;background:var(--wh);border-bottom:1px solid var(--gy-lt);transition:box-shadow .3s}
#hm-nav.scrolled{box-shadow:0 2px 16px rgba(0,0,0,.07)}
.nv-inner{max-width:var(--mw);margin:0 auto;padding:0 20px;height:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
.nv-left,.nv-right{display:flex;align-items:center;gap:14px}
.nv-right{justify-content:flex-end}
.nv-center{display:flex;justify-content:center}
.nv-logo{height:38px;width:auto}
.nv-icon{color:var(--mx);transition:color .2s;display:flex;align-items:center}
.nv-icon:hover{color:var(--mg)}
.nv-social{display:flex;gap:10px}
.nv-social a{font-family:var(--fm);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--mx);transition:color .2s}
.nv-social a:hover{color:var(--mg)}
.nv-cta{background:var(--mg);color:var(--wh);font-family:var(--fm);font-size:9px;letter-spacing:.14em;text-transform:uppercase;padding:7px 14px;transition:background .2s}
.nv-cta:hover{background:var(--yl);color:var(--bk)}
.hamburger{display:none;flex-direction:column;gap:5px;padding:4px}
.hamburger span{display:block;width:20px;height:1.5px;background:var(--tx)}

/* CATEGORY NAV */
#hm-catnav{position:fixed;top:calc(var(--tb) + var(--nv));left:0;right:0;height:var(--cn);z-index:380;background:var(--wh);border-bottom:2px solid var(--mg)}
.cn-inner{max-width:var(--mw);margin:0 auto;padding:0 20px;height:100%;display:flex;align-items:center;overflow-x:auto;scrollbar-width:none}
.cn-inner::-webkit-scrollbar{display:none}
.cn-link{font-family:var(--fm);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--mx);padding:0 14px;height:100%;display:flex;align-items:center;border-right:1px solid var(--gy-lt);white-space:nowrap;position:relative;transition:color .2s}
.cn-link:first-child{padding-left:0}
.cn-link::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--mg);transform:scaleX(0);transition:transform .25s}
.cn-link:hover,.cn-link.active{color:var(--mg)}
.cn-link:hover::after,.cn-link.active::after{transform:scaleX(1)}

/* MOBILE NAV */
.mob-nav{display:none;position:fixed;inset:0;background:var(--wh);z-index:500;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;border-top:3px solid var(--mg)}
.mob-nav.open{display:flex}
.mob-link{font-family:var(--fd);font-size:1.8rem;font-weight:900;color:var(--tx)}
.mob-link:hover{color:var(--mg)}
.mob-close{position:absolute;top:1rem;right:1.5rem;font-size:1.75rem;color:var(--tx)}

/* SEARCH OVERLAY */
.search-ov{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:600;align-items:flex-start;justify-content:center;padding-top:16vh}
.search-ov.open{display:flex}
.search-box{background:var(--wh);width:min(540px,90vw);padding:1.1rem;display:flex;gap:.6rem;align-items:center}
.search-box input{flex:1;border:none;border-bottom:2px solid var(--mg);padding:.5rem 0;font-size:.9rem;outline:none;font-family:var(--fb)}
.search-box button.go{background:var(--mg);color:var(--wh);border:none;padding:.5rem 1rem;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;font-family:var(--fb)}
.search-box button.cl{background:none;border:none;font-size:1.4rem;color:var(--gy);line-height:1}

/* PAGE WRAP */
.page-wrap{margin-top:var(--hh);padding-top:1.5rem}

/* HERO POST */
.hero-post{display:grid;grid-template-columns:1fr 1fr;margin-bottom:2rem;border-bottom:1px solid var(--gy-lt)}
.hp-img{position:relative;overflow:hidden;min-height:300px;background:var(--mg-md)}
.hp-img img{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.hero-post:hover .hp-img img{transform:scale(1.03)}
.hp-img.empty{background:var(--mg);display:flex;align-items:center;justify-content:center}
.hp-img.empty svg{opacity:.15}
.hp-tag{position:absolute;top:12px;left:12px;z-index:2}
.hp-body{padding:2rem 2.5rem;background:var(--of);border-left:3px solid var(--mg);display:flex;flex-direction:column;justify-content:center;gap:10px}
.hp-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.hp-date{font-family:var(--fm);font-size:9px;letter-spacing:.12em;color:var(--mx)}
.hp-title{font-family:var(--fd);font-size:clamp(1.4rem,2.5vw,2rem);font-weight:900;line-height:1.1;color:var(--tx)}
.hp-title a:hover{color:var(--mg)}
.hp-exc{font-size:.85rem;line-height:1.72;color:var(--mx);max-width:44ch}
.hp-author{display:flex;align-items:center;gap:8px;border-top:1px solid var(--gy-lt);padding-top:10px}
.hp-av{width:30px;height:30px;border-radius:50%;background:var(--mg-lt);display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--mg);font-weight:700;overflow:hidden;flex-shrink:0}
.hp-av img{width:100%;height:100%;object-fit:cover}
.hp-an strong{display:block;font-size:.78rem;font-weight:500;color:var(--tx)}
.hp-an span{font-size:.7rem;color:var(--mx)}
.hp-read{font-family:var(--fm);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--mg);border-bottom:1px solid var(--mg);padding-bottom:1px;display:inline-block;margin-top:4px;transition:gap .2s}
.hp-read:hover{letter-spacing:.2em}

/* MARQUEE */
.marquee-bar{background:var(--mg);padding:7px 0;overflow:hidden;white-space:nowrap}
.mq-track{display:inline-flex;gap:18px;animation:mq 22s linear infinite}
.mq-track span{font-family:var(--fd);font-size:.88rem;font-style:italic;color:var(--wh)}
.mq-dot{color:var(--yl);font-style:normal!important}
@keyframes mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* CONTENT LAYOUT */
.content-layout{display:grid;grid-template-columns:1fr var(--sw);gap:2.5rem;align-items:start;padding:2rem 0}

/* SECTION HEAD */
.sec-head{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--mg);padding-bottom:7px;margin-bottom:1.25rem}
.sec-head-title{font-family:var(--fm);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--tx);font-weight:500;display:flex;align-items:center;gap:6px}
.sec-head-title::before{content:'';display:inline-block;width:8px;height:8px;background:var(--mg);flex-shrink:0}
.sec-head-more{font-family:var(--fm);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--mg);transition:color .2s}
.sec-head-more:hover{color:var(--bk)}

/* CARDS GRID */
.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:2rem}
.cards-2{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:2rem}
.card{display:flex;flex-direction:column;background:var(--wh);border:1px solid var(--gy-lt);transition:transform .25s,box-shadow .25s}
.card:hover{transform:translateY(-3px);box-shadow:0 6px 22px rgba(255,0,174,.09)}
.card-img{height:175px;overflow:hidden;background:var(--mg-lt);position:relative;flex-shrink:0}
.card-img img{width:100%;height:100%;object-fit:cover;transition:transform .45s}
.card:hover .card-img img{transform:scale(1.05)}
.card-img .cb{position:absolute;top:8px;left:8px;z-index:2}
.card-img.empty{display:flex;align-items:center;justify-content:center}
.card-body{padding:10px 12px 12px;display:flex;flex-direction:column;flex:1}
.card-title{font-family:var(--fd);font-size:.92rem;font-weight:700;line-height:1.3;color:var(--tx);margin-bottom:8px;flex:1}
.card-title a:hover{color:var(--mg)}
.card-exc{font-size:.75rem;line-height:1.6;color:var(--mx);margin-bottom:8px}
.card-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--gy-lt);padding-top:7px;margin-top:auto}
.c-author{display:flex;align-items:center;gap:5px}
.c-av{width:22px;height:22px;border-radius:50%;background:var(--mg-lt);display:flex;align-items:center;justify-content:center;font-size:8px;color:var(--mg);font-weight:700;overflow:hidden;flex-shrink:0}
.c-av img{width:100%;height:100%;object-fit:cover}
.c-name{font-size:9px;color:var(--mx);max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.c-stats{display:flex;gap:8px}
.c-stat{font-family:var(--fm);font-size:9px;color:var(--gy);display:flex;align-items:center;gap:2px}

/* SIDEBAR */
.sidebar{display:flex;flex-direction:column;gap:18px;position:sticky;top:calc(var(--hh) + 1.5rem)}
.sb-blk{}
.sb-head{display:flex;align-items:center;gap:6px;border-bottom:2px solid var(--yl);padding-bottom:6px;margin-bottom:10px;font-family:var(--fm);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--tx)}
.sb-head::before{content:'✦';color:var(--mg);font-size:9px}
.sb-post{display:grid;grid-template-columns:1fr 64px;gap:8px;padding:8px 0;border-bottom:1px solid var(--gy-lt)}
.sb-post:last-child{border-bottom:none}
.sb-pt{font-family:var(--fd);font-size:.82rem;font-weight:700;line-height:1.25;color:var(--tx);margin-bottom:3px}
.sb-pt a:hover{color:var(--mg)}
.sb-pm{font-family:var(--fm);font-size:9px;color:var(--gy);letter-spacing:.06em}
.sb-thumb{width:64px;height:48px;overflow:hidden;background:var(--mg-lt);flex-shrink:0}
.sb-thumb img{width:100%;height:100%;object-fit:cover}
.sb-cats a{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid var(--gy-lt);font-size:.8rem;color:var(--gy-dk);transition:color .2s}
.sb-cats a:hover{color:var(--mg)}
.sb-cats span{font-family:var(--fm);font-size:9px;color:var(--gy)}

/* SPOTLIGHT */
.spotlight{background:var(--yl);padding:2rem 0;margin-top:1.5rem}
.sp-title{font-family:var(--fd);font-size:clamp(1.4rem,2.5vw,2rem);font-weight:900;color:var(--tx);margin-bottom:1.25rem}
.sp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.art-card{background:var(--wh);overflow:hidden;transition:transform .3s,box-shadow .3s}
.art-card:hover{transform:translateY(-5px);box-shadow:0 10px 28px rgba(0,0,0,.1)}
.art-img{aspect-ratio:3/4;overflow:hidden;background:var(--mg-lt)}
.art-img img{width:100%;height:100%;object-fit:cover;transition:transform .55s}
.art-card:hover .art-img img{transform:scale(1.05)}
.art-img.empty{display:flex;align-items:center;justify-content:center;background:var(--mg-md)}
.art-body{padding:10px 12px;border-top:3px solid var(--mg)}
.art-name{font-family:var(--fd);font-size:.9rem;font-weight:700;color:var(--tx)}
.art-name a:hover{color:var(--mg)}
.art-disc{font-family:var(--fm);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--mg);margin-top:2px}

/* CAT SECTIONS */
.cat-sec{padding:1.5rem 0 .5rem;border-top:1px solid var(--gy-lt)}

/* INNER PAGES */
.page-hero{margin-top:var(--hh);background:var(--of);padding:4rem 20px 3rem;border-bottom:3px solid var(--mg)}
.page-hero-in{max-width:var(--mw);margin:0 auto}
.page-ttl{font-family:var(--fd);font-size:clamp(2rem,5vw,4rem);font-weight:900;color:var(--tx);line-height:.95}
.page-ttl .ac{color:var(--mg);font-style:italic}
.page-sub{font-size:.92rem;color:var(--mx);margin-top:.85rem;max-width:50ch}
.single-hero{margin-top:var(--hh);background:var(--of);padding:3rem 20px 2.5rem;border-bottom:3px solid var(--mg)}
.single-hero-in{max-width:780px;margin:0 auto}
.s-cats{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:1.1rem}
.s-title{font-family:var(--fd);font-size:clamp(1.6rem,4vw,2.8rem);font-weight:900;color:var(--tx);line-height:1.05;margin-bottom:1.1rem}
.s-meta{display:flex;align-items:center;gap:1.25rem;font-family:var(--fm);font-size:9px;letter-spacing:.1em;color:var(--mx)}
.s-feat{max-width:var(--mw);margin:0 auto;padding:0 20px;margin-top:2rem}
.s-feat img{width:100%;max-height:480px;object-fit:cover}
.s-body{max-width:680px;margin:2.5rem auto;padding:0 20px 5rem}
.s-body p{font-size:1rem;line-height:1.82;margin-bottom:1.35rem;color:var(--tx)}
.s-body h2{font-family:var(--fd);font-size:1.55rem;font-weight:700;margin:2.25rem 0 .8rem}
.s-body h3{font-family:var(--fd);font-size:1.2rem;font-weight:700;margin:1.75rem 0 .6rem}
.s-body ul{list-style:disc;padding-left:1.4rem;margin-bottom:1.35rem}
.s-body ol{list-style:decimal;padding-left:1.4rem;margin-bottom:1.35rem}
.s-body li{font-size:.97rem;line-height:1.78;margin-bottom:.3rem}
.s-body blockquote{border-left:4px solid var(--mg);margin:1.75rem 0;padding:1rem 1.4rem;background:var(--mg-lt)}
.s-body blockquote p{font-family:var(--fd);font-style:italic;font-size:1.1rem;margin:0}
.s-body a{color:var(--mg);text-decoration:underline}

/* ABOUT / CONTACT */
.about-split,.contact-split{display:grid;grid-template-columns:1fr 1fr}
.a-left,.c-left{background:var(--mg);padding:5rem 3.5rem;display:flex;flex-direction:column;justify-content:center}
.a-left .lbl,.c-left .lbl{font-family:var(--fm);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:1.1rem;display:block}
.a-left h2,.c-left h2{font-family:var(--fd);font-size:clamp(1.6rem,3vw,2.5rem);font-weight:900;color:var(--wh);line-height:1.05;margin-bottom:1.1rem}
.a-left h2 em,.c-left h2 em{color:var(--yl);font-style:italic}
.a-left p{font-size:.88rem;line-height:1.78;color:rgba(255,255,255,.78)}
.c-left p{font-size:.88rem;line-height:1.78;color:rgba(255,255,255,.72);margin-bottom:1.5rem}
.a-right{background:var(--of);padding:5rem 3.5rem;display:flex;flex-direction:column;justify-content:center}
.c-right{background:var(--of);padding:5rem 3.5rem;display:flex;flex-direction:column;justify-content:center}
.stat-row{border-top:1px solid var(--gy-lt);padding:1.4rem 0}
.stat-row:last-child{border-bottom:1px solid var(--gy-lt)}
.stat-n{font-family:var(--fd);font-size:3rem;font-weight:900;color:var(--mg);line-height:1}
.stat-l{font-size:.78rem;color:var(--mx);margin-top:.3rem}
.c-info{display:flex;flex-direction:column;gap:.7rem}
.c-info li{font-size:.86rem;color:rgba(255,255,255,.88);display:flex;align-items:center;gap:.6rem}
.c-info li .ico{opacity:.5}
.c-info li a{color:inherit}
.c-info li a:hover{color:var(--yl)}
.svc-list{padding:3rem 0 5rem}
.svc-row{display:grid;grid-template-columns:60px 1fr;gap:1.5rem;align-items:start;padding:2rem 0;border-bottom:1px solid var(--gy-lt)}
.svc-row:first-child{border-top:1px solid var(--gy-lt)}
.svc-num{font-family:var(--fd);font-size:2.5rem;font-weight:900;color:var(--mg);line-height:1}
.svc-content h3{font-family:var(--fd);font-size:1.3rem;font-weight:700;margin-bottom:.6rem}
.svc-content p{font-size:.88rem;line-height:1.75;color:var(--mx);max-width:56ch}

/* FORMS */
.form-group{margin-bottom:1.25rem}
.form-label{display:block;font-family:var(--fm);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--mx);margin-bottom:.4rem}
.form-input,.form-textarea,.form-select,input.wpcf7-text,input.wpcf7-email,textarea.wpcf7-textarea,select.wpcf7-select{width:100%;background:var(--wh);border:none;border-bottom:2px solid var(--gy-lt);padding:.65rem 0;font-family:var(--fb);font-size:.9rem;color:var(--tx);outline:none;border-radius:0;appearance:none;transition:border-color .2s}
.form-input:focus,.form-textarea:focus,.wpcf7-text:focus,.wpcf7-email:focus,.wpcf7-textarea:focus{border-color:var(--mg)}
.form-textarea,.wpcf7-textarea{resize:none;height:100px}
.form-2col{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}
.btn-send,.wpcf7-submit{display:inline-flex;align-items:center;gap:.6rem;background:var(--mg);color:var(--wh);border:none;font-family:var(--fb);font-size:.7rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;padding:.85rem 2rem;transition:background .2s;margin-top:.4rem}
.btn-send:hover,.wpcf7-submit:hover{background:var(--bk)}
.wpcf7-response-output{margin-top:.75rem;padding:.6rem;font-size:.8rem;border:none!important}

/* ARTISTS ARCHIVE */
.art-archive{padding:2.5rem 0 5rem}
.art-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}

/* FOOTER */
#hm-footer{background:var(--of);border-top:3px solid var(--mg)}
.ft-top{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:2.5rem;padding:3rem 20px 2.5rem;max-width:var(--mw);margin:0 auto;border-bottom:1px solid var(--gy-lt)}
.ft-logo{height:24px;width:auto;margin-bottom:.75rem}
.ft-tag{font-size:.78rem;color:var(--mx);line-height:1.6;max-width:24ch}
.ft-col h4{font-family:var(--fm);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--mx);margin-bottom:.75rem}
.ft-col ul{display:flex;flex-direction:column;gap:.45rem}
.ft-col ul a,.ft-col ul li{font-size:.78rem;color:var(--mx);transition:color .2s}
.ft-col ul a:hover{color:var(--mg)}
.ft-bot{max-width:var(--mw);margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:1rem 20px}
.ft-copy{font-family:var(--fm);font-size:9px;letter-spacing:.1em;color:var(--mx)}
.ft-social{display:flex;gap:1rem}
.ft-social a{font-family:var(--fm);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--mx);transition:color .2s}
.ft-social a:hover{color:var(--mg)}

/* PAGINATION */
.nav-links a,.nav-links span{font-family:var(--fm);font-size:9px;letter-spacing:.1em;padding:.4rem .85rem;border:1px solid var(--gy-lt);color:var(--mx);transition:all .2s;margin:0 2px}
.nav-links a:hover{border-color:var(--mg);color:var(--mg)}
.nav-links .current{background:var(--mg);color:var(--wh);border-color:var(--mg)}

/* RESPONSIVE */
@media(max-width:1050px){
  .content-layout{grid-template-columns:1fr}
  .sidebar{display:none}
  .sp-grid{grid-template-columns:repeat(3,1fr)}
  .ft-top{grid-template-columns:1fr 1fr}
}
@media(max-width:800px){
  .hero-post{grid-template-columns:1fr}
  .hp-img{min-height:48vw}
  .hp-body{border-left:none;border-top:3px solid var(--mg);padding:1.5rem}
  .cards-3,.cards-2{grid-template-columns:repeat(2,1fr)}
  .about-split,.contact-split{grid-template-columns:1fr}
  .a-left,.a-right,.c-left,.c-right{padding:3.5rem 1.5rem}
  .art-grid-3{grid-template-columns:repeat(2,1fr)}
  .sp-grid{grid-template-columns:repeat(2,1fr)}
  .tb-cats{display:none}
}
@media(max-width:580px){
  .nv-social,.nv-cta{display:none}
  .hamburger{display:flex}
  .cards-3,.cards-2{grid-template-columns:1fr}
  .ft-top{grid-template-columns:1fr}
  .ft-bot{flex-direction:column;gap:.6rem;text-align:center}
  .form-2col{grid-template-columns:1fr}
  .sp-grid{grid-template-columns:1fr 1fr}
  .art-grid-3{grid-template-columns:1fr}
}