/*
Theme Name: Küçükkaraca
Theme URI: https://kucukkaraca.net/
Author: Küçükkaraca
Description: Kişisel portfolyo, şiir ve öykü blogu için özel WordPress teması.
Version: 1.6.1
Text Domain: kucukkaraca
*/

:root { --ink:#2b3745; --muted:#aeb8bb; --light:#e8ecec; --paper:#fff; --page:#f9fafa; --green:#43c779; --yellow:#ffed63; --sans:"Open Sans",Arial,sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:auto; }
body { margin:0; min-width:320px; background:var(--page); color:var(--ink); font-family:var(--sans); font-size:16px; line-height:1.6; -webkit-font-smoothing:antialiased; }
button,a { font:inherit; color:inherit; } button { cursor:pointer; }
.skip { position:fixed; left:1rem; top:-4rem; z-index:100; padding:.7rem 1rem; background:var(--ink); color:#fff; } .skip:focus { top:1rem; }
.side-toggle { position:fixed; z-index:20; left:0; top:3.75rem; width:2.5rem; height:2.5rem; border:0; background:#222; color:#fff; font-size:1.5rem; }
.quick-overlay { position:fixed; inset:0; z-index:28; background:rgba(29,39,47,.28); backdrop-filter:blur(2px); }
.quick-menu { position:fixed; z-index:30; left:0; top:0; bottom:0; width:min(330px,86vw); padding:2rem; background:var(--ink); color:#fff; transform:translateX(-102%); visibility:hidden; box-shadow:18px 0 45px rgba(20,28,34,.2); transition:transform .3s ease,visibility .3s; }
.quick-menu.open { transform:translateX(0); visibility:visible; }
.quick-menu-head { display:flex; align-items:center; justify-content:space-between; padding-bottom:1.5rem; border-bottom:1px solid rgba(255,255,255,.12); color:#97a3a7; font-size:.66rem; font-weight:700; letter-spacing:.16em; }
.quick-close { width:2.5rem; height:2.5rem; border:1px solid rgba(255,255,255,.16); border-radius:50%; background:transparent; color:#fff; font-size:1.35rem; }
.quick-menu nav { display:flex; flex-direction:column; margin-top:2.25rem; }
.quick-menu nav button,.quick-menu nav a { display:grid; grid-template-columns:2rem 1fr; gap:.8rem; align-items:center; width:100%; padding:.9rem 0; border:0; border-bottom:1px solid rgba(255,255,255,.08); background:transparent; color:#fff; text-align:left; text-decoration:none; text-transform:lowercase; font-size:1.7rem; font-weight:700; letter-spacing:-.055em; }
.quick-menu nav button:hover,.quick-menu nav a:hover { color:var(--green); }
.quick-menu nav span { color:#748087; font-size:.6rem; font-weight:700; letter-spacing:.08em; text-transform:none; }
.site-shell { width:min(1080px,calc(100% - 3rem)); margin:0 auto; }
.identity { padding:2rem 0 0; text-align:center; }
.identity-home { display:inline-block; color:inherit; text-decoration:none; }
.portrait { width:158px; height:158px; border-radius:50%; object-fit:cover; object-position:center 18%; box-shadow:0 0 0 1px rgba(43,55,69,.04); }
.identity h1 { margin:.65rem 0 0; font-size:1.45rem; font-weight:300; letter-spacing:-.02em; }
.identity p { margin:.2rem 0 0; font-size:.84rem; font-style:italic; color:#4d565d; }
.identity p span { display:inline-block; padding:.02rem .55rem .08rem; background:var(--yellow); transform:rotate(-1.5deg); }
.main-nav { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:0; align-items:stretch; margin:2.5rem 0 3.7rem; }
.main-nav button,.main-nav a { width:100%; min-width:0; min-height:3.2rem; display:flex; align-items:center; justify-content:center; padding:0 .35rem; border:0; background:transparent; color:#d6dddd; font-size:clamp(1.55rem,3.1vw,2.55rem); font-weight:700; letter-spacing:-.065em; text-align:center; text-decoration:none; transition:color .2s,transform .2s; }
.main-nav button:hover,.main-nav button:focus-visible,.main-nav a:hover,.main-nav a:focus-visible { color:#879397; transform:translateY(-2px); outline:none; }
.main-nav button.active,.main-nav a.active { color:var(--ink); }
.view { padding-bottom:4rem; animation:reveal .35s ease both; }
@keyframes reveal { from { opacity:0; transform:translateY(8px); } }
.home-intro { display:grid; grid-template-columns:1.25fr .75fr; gap:clamp(2rem,7vw,7rem); align-items:end; padding:1rem 0 3.25rem; border-bottom:1px solid var(--light); }
.home-kicker { margin:0 0 .75rem; color:var(--green); font-size:.7rem; font-weight:700; letter-spacing:.18em; }
.home-intro h2 { margin:0; font-size:clamp(3.4rem,7vw,6.7rem); line-height:.85; font-weight:300; letter-spacing:-.075em; }
.home-summary>p { margin:0 0 1.5rem; color:#748085; font-size:1rem; }
.home-actions { display:flex; align-items:center; gap:1.5rem; }
.home-actions a,.home-actions button { padding:.5rem 0; border:0; border-bottom:2px solid var(--green); background:transparent; color:var(--ink); text-decoration:none; font-size:.75rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em; }
.home-actions button { border-bottom-color:#cbd2d3; }
.home-cards { display:grid; grid-template-columns:1.15fr .85fr; gap:1.5rem; padding-top:1.5rem; }
.home-card { position:relative; height:clamp(290px,34vw,440px); display:block; padding:0; border:0; overflow:hidden; background:var(--ink); color:#fff; text-align:left; text-decoration:none; }
.home-card img { width:100%; height:100%; display:block; object-fit:cover; transition:transform .5s ease; }
.home-card:hover img,.home-card:focus-visible img { transform:scale(1.035); }
.home-card-shade { position:absolute; inset:0; background:linear-gradient(0deg,rgba(24,33,40,.8),rgba(24,33,40,.03) 70%); }
.home-card-copy { position:absolute; left:clamp(1.5rem,4vw,3rem); right:1.5rem; bottom:clamp(1.5rem,4vw,3rem); display:flex; flex-direction:column; align-items:flex-start; }
.home-card-copy small { font-size:.64rem; font-style:normal; font-weight:700; letter-spacing:.14em; }
.home-card-copy strong { margin:.25rem 0 .75rem; font-size:clamp(1.8rem,4vw,3.3rem); line-height:1; font-weight:300; letter-spacing:-.05em; }
.home-card-copy em { padding-bottom:.25rem; border-bottom:1px solid var(--green); font-size:.7rem; font-style:normal; font-weight:700; text-transform:uppercase; }
.instagram-section { margin-top:clamp(3rem,7vw,5.5rem); padding-top:clamp(2rem,5vw,3.5rem); border-top:1px solid var(--light); }
.instagram-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:2rem; margin-bottom:1.5rem; }
.instagram-heading h2 { margin:0; font-size:clamp(2rem,5vw,4rem); line-height:1; font-weight:300; letter-spacing:-.055em; }
.instagram-heading>a { flex:none; padding:.45rem 0; border-bottom:2px solid var(--green); color:var(--ink); text-decoration:none; font-size:.78rem; font-weight:700; letter-spacing:.05em; }
.instagram-heading>a span { margin-left:.35rem; }
.instagram-gallery { position:relative; }
.instagram-embed { position:relative; height:255px; display:flex; align-items:flex-start; justify-content:center; padding:0; overflow:hidden; background:transparent; }
.instagram-embed .instagram-media { flex:0 0 760px; width:760px!important; max-width:none!important; min-width:760px!important; margin:0 auto!important; scroll-snap-align:center; }
.instagram-embed .instagram-media-rendered { transform:translateY(-158px); transition:transform .45s cubic-bezier(.22,.75,.2,1); }
.instagram-gallery.page-2 .instagram-media-rendered { transform:translateY(-413px); }
.instagram-embed iframe { min-width:760px!important; max-width:none!important; }
.instagram-embed>blockquote:not(.instagram-media-rendered) { min-height:260px; display:grid; place-items:center; padding:2rem; border:0!important; background:#f7f9f9; text-align:center; }
.instagram-embed>blockquote:not(.instagram-media-rendered) a { color:var(--ink); text-decoration:none; border-bottom:2px solid var(--green); }
.instagram-arrow { position:absolute; z-index:4; top:50%; width:2.8rem; height:2.8rem; display:grid; place-items:center; margin-top:-1.4rem; padding:0 0 .15rem; border:0; border-radius:50%; background:rgba(43,55,69,.9); color:#fff; box-shadow:0 7px 20px rgba(26,39,48,.16); font-size:2rem; line-height:1; transition:background .2s,opacity .2s,transform .2s; }
.instagram-arrow:hover,.instagram-arrow:focus-visible { background:var(--green); transform:scale(1.06); outline:none; }
.instagram-arrow:disabled { opacity:.22; cursor:default; transform:none; }
.instagram-prev { left:.65rem; }
.instagram-next { right:.65rem; }
.section-title { display:grid; grid-template-columns:1fr 2.9rem auto 1fr; gap:.75rem; align-items:center; margin-bottom:2.6rem; }
.section-title>span { height:1px; background:var(--light); }
.section-title i { width:2.9rem; height:2.9rem; display:grid; place-items:center; border:1px solid var(--light); border-radius:50%; color:#aeb9bb; font-style:normal; font-size:1rem; }
.section-title h2 { margin:0; font-size:.7rem; font-weight:600; letter-spacing:.16em; white-space:nowrap; }
.filter-row { display:flex; justify-content:center; gap:.3rem; margin:-1.35rem 0 1.5rem; }
.filter-row button { padding:.25rem .6rem; border:0; background:transparent; color:#aab4b6; font-size:.73rem; text-transform:uppercase; }
.filter-row button.active { color:var(--ink); font-weight:700; }
.card-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:2.5rem; }
.post-card,.project-card { min-width:0; background:var(--paper); border:1px solid #ebeeee; box-shadow:0 1px 1px rgba(26,39,48,.02); transition:transform .25s,box-shadow .25s; }
.project-card { color:inherit; text-decoration:none; }
.post-card:hover,.project-card:hover { transform:translateY(-4px); box-shadow:0 12px 28px rgba(26,39,48,.09); }
.card-image { position:relative; width:100%; height:245px; display:block; padding:0; border:0; overflow:hidden; background:#edf0ef; }
.card-image img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .45s ease,opacity .3s; }
.card-image.crop-center img { object-position:center 24%; } .card-image.crop-left img { object-position:30% center; }
.hover-icon { position:absolute; inset:0; display:grid; place-items:center; background:rgba(43,55,69,.76); color:#fff; opacity:0; font-size:1.6rem; transition:opacity .25s; }
.card-image:hover img,.card-image:focus-visible img,.project-card:hover .card-image img { transform:scale(1.04); }
.card-image:hover .hover-icon,.card-image:focus-visible .hover-icon,.project-card:hover .hover-icon { opacity:1; }
.post-info { position:relative; min-height:5rem; display:flex; align-items:center; padding:1.05rem 1rem 1rem 2.5rem; }
.post-info time { position:absolute; left:1.1rem; top:-2.25rem; width:2.8rem; min-height:3.3rem; display:flex; flex-direction:column; align-items:center; justify-content:center; background:var(--green); color:#fff; line-height:1; box-shadow:0 1px 0 rgba(0,0,0,.06); }
.post-info time strong { font-size:1.25rem; } .post-info time small { margin-top:.2rem; font-size:.64rem; }
.post-info p,.project-copy p { margin:0 0 .2rem; color:#a8b2b4; font-size:.58rem; letter-spacing:.1em; }
.post-info h3,.project-copy h3 { margin:0; font-size:.82rem; line-height:1.35; font-weight:600; }
.post-info h3 button { padding:0; border:0; background:transparent; text-align:left; } .post-info h3 button:hover { color:var(--green); }
.project-copy { min-height:7rem; padding:1.1rem 1.25rem; }
.project-description { display:block; margin-top:.55rem; color:#758084; font-size:.8rem; line-height:1.5; }
.about-panel,.contact-panel { width:min(760px,100%); margin:0 auto; padding:clamp(2rem,5vw,4rem); background:#fff; border:1px solid #ebeeee; }
.about-lead { margin:0 0 2.5rem; color:#53606b; font-size:clamp(1.45rem,3vw,2.25rem); line-height:1.45; font-weight:300; }
.about-columns { display:grid; grid-template-columns:1fr 1fr; gap:2rem; color:#6d777c; font-size:.92rem; }
.facts { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-top:2.5rem; padding-top:1.25rem; border-top:1px solid var(--light); }
.facts span { font-size:.72rem; text-transform:uppercase; letter-spacing:.08em; } .facts b { margin-right:.4rem; color:var(--green); }
.contact-panel { text-align:center; } .contact-panel>p { max-width:34rem; margin:0 auto 2rem; color:#6f7b80; }
.email-button { border:0; border-bottom:2px solid var(--green); padding:.45rem .2rem; background:transparent; font-size:clamp(1.2rem,3vw,2rem); font-weight:300; }
.contact-panel small { display:block; margin-top:1.2rem; color:#a8b1b4; }
footer { margin-top:1rem; padding:2.5rem 0 3.5rem; border-top:1px solid var(--light); color:#b8c0c2; text-align:center; font-size:.62rem; letter-spacing:.08em; }
.reader { width:min(680px,calc(100% - 2rem)); max-height:calc(100vh - 2rem); padding:0; border:0; background:#fff; color:var(--ink); box-shadow:0 25px 75px rgba(19,29,36,.3); }
.reader::backdrop { background:rgba(43,55,69,.72); backdrop-filter:blur(4px); }
.reader-close { position:sticky; top:1rem; float:right; width:2.7rem; height:2.7rem; margin:1rem; border:0; border-radius:50%; background:#f0f3f3; font-size:1.35rem; }
.reader-inner { padding:clamp(3rem,7vw,5.5rem); } .reader-inner>p { margin:0; color:var(--green); font-size:.68rem; letter-spacing:.16em; }
.reader-inner h2 { margin:.5rem 0 .25rem; font-size:clamp(2.2rem,6vw,4rem); line-height:1.05; font-weight:300; }
.reader-inner time { color:#a5afb2; font-size:.72rem; }
#reader-text { margin-top:2.5rem; color:#59656c; font-family:Georgia,serif; font-size:1.08rem; line-height:1.9; } #reader-text p { margin:0 0 1.5rem; }
.toast { position:fixed; right:1rem; bottom:1rem; z-index:100; padding:.75rem 1rem; background:var(--ink); color:#fff; transform:translateY(140%); transition:transform .25s; font-size:.8rem; }
.toast.show { transform:translateY(0); }
@media (max-width:840px) {
  .site-shell { width:min(680px,calc(100% - 2rem)); }
  .main-nav { grid-template-columns:repeat(2,1fr); row-gap:.5rem; margin-bottom:3rem; }
  .main-nav button,.main-nav a { font-size:1.85rem; } .card-grid { grid-template-columns:repeat(2,1fr); gap:1.5rem; }
  .home-intro { grid-template-columns:1fr; gap:1.5rem; }
}
@media (max-width:560px) {
  .site-shell { width:calc(100% - 1.5rem); } .identity { padding-top:1.5rem; }
  .portrait { width:128px; height:128px; } .main-nav { gap:.2rem; margin-top:2rem; } .main-nav button,.main-nav a { font-size:1.45rem; }
  .section-title { grid-template-columns:1fr 2.6rem auto 1fr; gap:.45rem; } .section-title i { width:2.6rem; height:2.6rem; }
  .section-title h2 { font-size:.6rem; letter-spacing:.11em; } .card-grid { grid-template-columns:1fr; } .card-image { height:265px; }
  .about-columns,.facts { grid-template-columns:1fr; }
  .home-cards { grid-template-columns:1fr; }
  .home-card { height:320px; }
  .instagram-heading { align-items:flex-start; flex-direction:column; gap:1rem; }
  .instagram-embed { height:210px; justify-content:center; }
  .instagram-embed .instagram-media,.instagram-embed iframe { width:630px!important; min-width:630px!important; }
  .instagram-embed .instagram-media-rendered { transform:translateY(-145px); }
  .instagram-gallery.page-2 .instagram-media-rendered { transform:translateY(-355px); }
  .instagram-arrow { width:2.5rem; height:2.5rem; margin-top:-1.25rem; }
  .instagram-prev { left:.35rem; } .instagram-next { right:.35rem; }
}
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; animation-duration:.01ms!important; transition-duration:.01ms!important; } }

.blog-shell { width:min(1080px,calc(100% - 3rem)); margin:0 auto; }
.blog-header { display:flex; align-items:center; justify-content:space-between; gap:2rem; padding:2rem 0; border-bottom:1px solid var(--light); }
.blog-brand { display:flex; align-items:center; gap:.8rem; color:var(--ink); text-decoration:none; font-weight:600; }
.blog-brand img { width:48px; height:48px; border-radius:50%; object-fit:cover; object-position:center 18%; }
.blog-nav { display:flex; gap:1.5rem; align-items:center; }
.blog-nav a { color:#8d999d; text-decoration:none; font-size:.82rem; font-weight:600; }
.blog-nav a:hover,.blog-nav a[aria-current="page"] { color:var(--ink); }
.blog-hero { padding:clamp(3rem,8vw,7rem) 0 3rem; }
.blog-hero .eyebrow { margin:0 0 .5rem; color:var(--green); font-size:.7rem; font-weight:700; letter-spacing:.15em; }
.blog-hero h1 { margin:0; font-size:clamp(3.6rem,9vw,7.5rem); line-height:.9; font-weight:300; letter-spacing:-.075em; }
.blog-hero p { max-width:34rem; margin:1.5rem 0 0; color:#798589; }
.featured-slider { position:relative; height:clamp(390px,55vw,590px); margin:3rem 0 3.5rem; overflow:hidden; background:var(--ink); }
.slides,.slide { position:absolute; inset:0; }
.slide { opacity:0; pointer-events:none; transition:opacity .55s ease; }
.slide.active { opacity:1; pointer-events:auto; }
.slide img { width:100%; height:100%; object-fit:cover; display:block; }
.slide:nth-child(2) img { object-position:center 25%; }
.slide-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(25,34,42,.82) 0%,rgba(25,34,42,.3) 55%,rgba(25,34,42,.08) 100%); }
.slide-copy { position:absolute; left:clamp(2rem,6vw,5rem); bottom:clamp(3rem,7vw,5.5rem); z-index:2; color:#fff; }
.slide-copy p { margin:0 0 .7rem; color:#dce3e2; font-size:.7rem; font-weight:700; letter-spacing:.16em; }
.slide-copy h1 { max-width:11ch; margin:0; font-size:clamp(3rem,7vw,6.5rem); line-height:.88; font-weight:300; letter-spacing:-.07em; }
.slide-copy a { display:inline-block; margin-top:1.7rem; padding:.55rem 0; border-bottom:2px solid var(--green); color:#fff; text-decoration:none; font-size:.78rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em; }
.slider-arrow { position:absolute; z-index:3; top:50%; width:3rem; height:3rem; margin-top:-1.5rem; border:1px solid rgba(255,255,255,.45); border-radius:50%; background:rgba(43,55,69,.3); color:#fff; font-size:2rem; line-height:1; backdrop-filter:blur(4px); }
.slider-arrow:hover,.slider-arrow:focus-visible { background:var(--green); border-color:var(--green); outline:none; }
.slider-prev { left:1.25rem; } .slider-next { right:1.25rem; }
.slider-dots { position:absolute; z-index:3; right:1.5rem; bottom:1.5rem; display:flex; gap:.5rem; }
.slider-dots button { width:.65rem; height:.65rem; padding:0; border:1px solid #fff; border-radius:50%; background:transparent; }
.slider-dots button.active { background:#fff; }
.blog-list { display:grid; grid-template-columns:repeat(3,1fr); gap:2.5rem; padding-bottom:5rem; }
.blog-list .post-card a { text-decoration:none; }
.blog-list .card-image { height:245px; }
.article-page { background:#fff; }
.article-shell { width:min(780px,calc(100% - 3rem)); margin:0 auto; }
.article-header { padding:1.5rem 0; border-bottom:1px solid var(--light); }
.back-link { color:#7d898d; text-decoration:none; font-size:.8rem; font-weight:600; }
.back-link:hover { color:var(--ink); }
.article-hero { padding:clamp(3.5rem,9vw,7rem) 0 2.5rem; text-align:center; }
.article-hero .article-type { margin:0 0 .75rem; color:var(--green); font-size:.7rem; font-weight:700; letter-spacing:.16em; }
.article-hero h1 { margin:0; font-size:clamp(3rem,8vw,6.2rem); line-height:.95; font-weight:300; letter-spacing:-.065em; }
.article-hero time { display:block; margin-top:1.2rem; color:#a2acae; font-size:.76rem; }
.article-cover { width:100%; max-height:520px; object-fit:cover; display:block; margin-bottom:3.5rem; }
.article-body { width:min(640px,100%); margin:0 auto; padding-bottom:5rem; color:#4e5a61; font-family:Georgia,serif; font-size:1.16rem; line-height:1.95; }
.article-body p { margin:0 0 1.7rem; }
.article-body.poem { width:min(520px,100%); font-size:1.28rem; line-height:2.05; }
.article-footer { padding:2rem 0 3rem; border-top:1px solid var(--light); text-align:center; }
.article-footer a { color:#7c888c; text-decoration:none; font-size:.8rem; font-weight:600; }
.site-footer { margin:0 0 2rem; padding:0; border:0; background:var(--ink); color:#fff; text-align:left; }
.footer-main { display:grid; grid-template-columns:1.5fr .65fr 1fr; gap:clamp(2rem,6vw,5rem); padding:clamp(2.5rem,5vw,4.5rem); }
.footer-brand { display:flex; align-items:center; gap:.85rem; color:#fff; text-decoration:none; font-size:1.2rem; font-weight:600; }
.footer-brand img { width:54px; height:54px; border-radius:50%; object-fit:cover; object-position:center 18%; }
.footer-identity>p { max-width:23rem; margin:1.25rem 0 0; color:#aeb8bb; font-size:.9rem; }
.footer-links,.footer-contact { display:flex; flex-direction:column; align-items:flex-start; }
.footer-links>p,.footer-contact>p { margin:0 0 1.2rem; color:var(--green); font-size:.65rem; font-weight:700; letter-spacing:.16em; }
.footer-links a { margin:.16rem 0; color:#dce1e2; text-decoration:none; font-size:.85rem; }
.footer-links a:hover { color:#fff; }
.footer-contact>a { padding-bottom:.35rem; border-bottom:1px solid #67737b; color:#fff; text-decoration:none; font-size:.9rem; }
.footer-contact>a:hover { border-color:var(--green); }
.footer-contact small { margin-top:.8rem; color:#8f9a9e; font-size:.72rem; }
.footer-bottom { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1rem clamp(2.5rem,5vw,4.5rem); border-top:1px solid rgba(255,255,255,.1); color:#808d92; font-size:.6rem; letter-spacing:.1em; }
.footer-bottom a { color:#aeb8bb; text-decoration:none; }
.footer-bottom a:hover { color:#fff; }
@media (max-width:840px) { .blog-list { grid-template-columns:repeat(2,1fr); gap:1.5rem; } }
@media (max-width:560px) {
  .blog-shell,.article-shell { width:calc(100% - 1.5rem); }
  .blog-header { align-items:flex-start; } .blog-nav { gap:.8rem; flex-wrap:wrap; justify-content:flex-end; }
  .blog-list { grid-template-columns:1fr; } .blog-list .card-image { height:265px; }
  .featured-slider { height:440px; margin-top:1.5rem; }
  .slide-shade { background:linear-gradient(0deg,rgba(25,34,42,.85) 0%,rgba(25,34,42,.18) 75%); }
  .slide-copy { left:1.5rem; right:1.5rem; bottom:3.5rem; }
  .slider-arrow { top:1rem; margin:0; width:2.5rem; height:2.5rem; }
  .slider-prev { left:auto; right:4.25rem; } .slider-next { right:1rem; }
  .footer-main { grid-template-columns:1fr; gap:2rem; padding:2rem 1.5rem; }
  .footer-bottom { align-items:flex-start; flex-direction:column; padding:1rem 1.5rem 1.5rem; }
}