/*
Theme Name: Plainly Found
Theme URI: https://plainlyfound.com/
Author: Plainly Found
Description: Warm Curated Editorial theme for useful finds, places and ideas.
Version: 1.0.1
Requires at least: 6.6
Tested up to: 6.6
Requires PHP: 8.1
Text Domain: plainly-found
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

@font-face{font-family:"Lato";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/lato-400.woff2") format("woff2")}
@font-face{font-family:"Lato";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/lato-700.woff2") format("woff2")}
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:400 900;font-display:swap;src:url("assets/fonts/playfair-display-roman.woff2") format("woff2")}
@font-face{font-family:"Playfair Display";font-style:italic;font-weight:600;font-display:swap;src:url("assets/fonts/playfair-display-italic-600.woff2") format("woff2")}

:root{
  --pf-sandstone:#e9d8c1;
  --pf-alabaster:#fdfcf8;
  --pf-charcoal:#1a1a1a;
  --pf-terracotta:#c28462;
  --pf-slate:#4a6274;
  --pf-sage:#8a9a86;
  --pf-line:#cdbea9;
  --pf-muted:#625d56;
  --pf-shadow:0 18px 48px rgba(26,26,26,.08);
  --pf-content:760px;
  --pf-wide:1220px;
  --pf-radius:18px;
  --pf-section:clamp(4.5rem,9vw,8rem);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--pf-sandstone);color:var(--pf-charcoal);font-family:"Lato",Arial,sans-serif;font-size:18px;line-height:1.7;text-rendering:optimizeLegibility}
body.admin-bar .site-header{top:32px}
img{max-width:100%;height:auto}
figure{margin:0}
a{color:var(--pf-slate);text-decoration-thickness:.08em;text-underline-offset:.18em}
a:hover{color:var(--pf-charcoal)}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
h1,h2,h3,h4,h5,h6{color:var(--pf-charcoal);font-family:"Playfair Display",Georgia,serif;font-weight:600;line-height:1.08;letter-spacing:-.025em;margin:0 0 .75em}
h1{font-size:clamp(2.8rem,6vw,5.8rem)}
h2{font-size:clamp(2rem,4vw,3.75rem)}
h3{font-size:clamp(1.35rem,2vw,1.8rem)}
p{margin:0 0 1.35em}
blockquote{border-left:4px solid var(--pf-terracotta);font-family:"Playfair Display",Georgia,serif;font-size:1.45em;font-style:italic;margin:2.5rem 0;padding:.4rem 0 .4rem 1.5rem}
hr{border:0;border-top:1px solid var(--pf-line);margin:3rem 0}
::selection{background:var(--pf-terracotta);color:var(--pf-charcoal)}

.screen-reader-text{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute!important;width:1px;word-wrap:normal!important}
.screen-reader-text:focus,.skip-link:focus{clip:auto!important;clip-path:none;background:var(--pf-alabaster);color:var(--pf-charcoal);display:block;height:auto;left:1rem;padding:.8rem 1rem;top:1rem;width:auto;z-index:100000}
:focus-visible{outline:3px solid var(--pf-slate);outline-offset:4px}
.pf-wrap{width:min(var(--pf-wide),calc(100% - 40px));margin-inline:auto}
.pf-narrow{width:min(var(--pf-content),calc(100% - 40px));margin-inline:auto}
.pf-section{padding-block:var(--pf-section)}
.pf-kicker{color:var(--pf-slate);font-size:.75rem;font-weight:700;letter-spacing:.16em;margin:0 0 1rem;text-transform:uppercase}
.pf-section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.55fr);align-items:end;gap:2rem;border-bottom:1px solid var(--pf-line);margin-bottom:2.5rem;padding-bottom:1.4rem}
.pf-section-heading h2,.pf-section-heading p{margin:0}
.pf-section-heading p{color:var(--pf-muted)}

.pf-button,.wp-block-button__link,input[type="submit"]{align-items:center;background:var(--pf-charcoal);border:2px solid var(--pf-charcoal);border-radius:999px;color:var(--pf-alabaster)!important;display:inline-flex;font-size:.92rem;font-weight:700;gap:.5rem;justify-content:center;letter-spacing:.02em;min-height:48px;padding:.72rem 1.25rem;text-decoration:none;transition:background .2s,color .2s,transform .2s}
.pf-button:hover,.wp-block-button__link:hover,input[type="submit"]:hover{background:var(--pf-slate);border-color:var(--pf-slate);color:var(--pf-alabaster);transform:translateY(-2px)}
.pf-button--outline{background:transparent;color:var(--pf-charcoal)!important}
.pf-button--light{background:var(--pf-alabaster);border-color:var(--pf-alabaster);color:var(--pf-charcoal)!important}

.site-header{background:rgba(253,252,248,.96);border-bottom:1px solid var(--pf-line);position:sticky;top:0;z-index:100;backdrop-filter:blur(12px)}
.site-header__inner{align-items:center;display:flex;gap:1.5rem;min-height:86px}
.site-brand,.custom-logo-link{display:block;flex:0 0 auto;line-height:0}
.site-brand img,.custom-logo{display:block;height:auto;width:240px}
.site-nav{margin-left:auto}
.site-nav ul{align-items:center;display:flex;gap:1.2rem;list-style:none;margin:0;padding:0}
.site-nav a{color:var(--pf-charcoal);font-size:.88rem;font-weight:700;text-decoration:none}
.site-nav a:hover,.site-nav .current-menu-item>a,.site-nav .current_page_item>a{color:var(--pf-slate)}
.menu-toggle{align-items:center;background:transparent;border:1px solid var(--pf-line);border-radius:999px;color:var(--pf-charcoal);display:none;gap:.5rem;padding:.55rem .8rem}
.menu-toggle__bars,.menu-toggle__bars::before,.menu-toggle__bars::after{background:currentColor;content:"";display:block;height:2px;width:18px}
.menu-toggle__bars{position:relative}
.menu-toggle__bars::before{position:absolute;top:-6px}
.menu-toggle__bars::after{position:absolute;top:6px}
.site-search{position:relative}
.site-search summary{align-items:center;border:1px solid var(--pf-line);border-radius:999px;color:var(--pf-charcoal);cursor:pointer;display:flex;font-size:.85rem;font-weight:700;min-height:42px;padding:.45rem .85rem;list-style:none}
.site-search summary::-webkit-details-marker{display:none}
.site-search[open] form{background:var(--pf-alabaster);border:1px solid var(--pf-line);box-shadow:var(--pf-shadow);display:flex;gap:.5rem;padding:1rem;position:absolute;right:0;top:calc(100% + 12px);width:min(380px,calc(100vw - 32px))}
.site-search input[type="search"]{min-width:0;width:100%}

input[type="search"],input[type="email"],input[type="text"],textarea,select{background:var(--pf-alabaster);border:1px solid var(--pf-line);border-radius:10px;color:var(--pf-charcoal);min-height:48px;padding:.65rem .8rem;width:100%}

.pf-hero{background:var(--pf-sandstone);padding:clamp(2rem,5vw,4.5rem) 0 var(--pf-section)}
.pf-hero__gallery{background:var(--pf-alabaster);border:1px solid var(--pf-line);display:grid;grid-template-columns:1.05fr .95fr;min-height:650px;padding:14px}
.pf-hero__copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,6vw,5rem)}
.pf-hero__copy h1{font-size:clamp(3.3rem,8vw,7.4rem);font-style:italic;max-width:9ch}
.pf-hero__copy>p:not(.pf-kicker){color:var(--pf-muted);font-size:clamp(1.05rem,2vw,1.3rem);max-width:40ch}
.pf-hero__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}
.pf-hero__media{min-height:480px;overflow:hidden;position:relative}
.pf-hero__media img{height:100%;object-fit:cover;width:100%}
.pf-hero__media::after{border:16px solid var(--pf-terracotta);border-radius:50%;content:"";height:150px;position:absolute;right:-30px;top:-30px;width:150px}

.pf-card-grid{display:grid;gap:1.4rem;grid-template-columns:repeat(12,1fr)}
.pf-card{background:var(--pf-alabaster);border:1px solid var(--pf-line);display:flex;flex-direction:column;grid-column:span 4;min-width:0;transition:transform .2s,box-shadow .2s}
.pf-card:hover{box-shadow:var(--pf-shadow);transform:translateY(-4px)}
.pf-card__media{aspect-ratio:4/3;background:color-mix(in srgb,var(--pf-sage) 24%,var(--pf-alabaster));display:block;overflow:hidden;position:relative}
.pf-card__media img{height:100%;object-fit:cover;transition:transform .4s;width:100%}
.pf-card:hover .pf-card__media img{transform:scale(1.025)}
.pf-card__placeholder{align-items:center;color:var(--pf-slate);display:flex;font-family:"Playfair Display",Georgia,serif;font-size:2rem;height:100%;justify-content:center}
.pf-card__body{display:flex;flex:1;flex-direction:column;padding:1.5rem}
.pf-card__label{color:var(--pf-slate);font-size:.7rem;font-weight:700;letter-spacing:.14em;margin-bottom:.75rem;text-transform:uppercase}
.pf-card[data-pillar="home"] .pf-card__label{color:#596b57}
.pf-card[data-pillar="travel"] .pf-card__label,.pf-card[data-pillar="places-ideas"] .pf-card__label{color:#8b4e32}
.pf-card h3{font-size:clamp(1.4rem,2.2vw,2rem);margin-bottom:.65rem}
.pf-card h3 a{color:var(--pf-charcoal);text-decoration:none}
.pf-card__excerpt{color:var(--pf-muted);font-size:.96rem}
.pf-card__meta{border-top:1px solid var(--pf-line);color:var(--pf-muted);display:flex;font-size:.78rem;gap:.8rem;margin-top:auto;padding-top:1rem}
.pf-card--feature{grid-column:span 8}
.pf-card--feature .pf-card__media{aspect-ratio:16/9}

.pf-needs{background:var(--pf-charcoal);color:var(--pf-alabaster)}
.pf-needs h2,.pf-needs h3{color:var(--pf-alabaster)}
.pf-needs .pf-kicker{color:var(--pf-sandstone)}
.pf-needs__grid{border:1px solid rgba(253,252,248,.24);display:grid;grid-template-columns:repeat(4,1fr)}
.pf-need{border-right:1px solid rgba(253,252,248,.24);color:var(--pf-alabaster);min-height:250px;padding:2rem;position:relative;text-decoration:none}
.pf-need:last-child{border-right:0}
.pf-need::before{background:var(--pf-terracotta);border-radius:999px;content:"";display:block;height:7px;margin-bottom:3rem;width:42px}
.pf-need:nth-child(2n)::before{background:var(--pf-slate)}
.pf-need:nth-child(3n)::before{background:var(--pf-sage)}
.pf-need span{color:var(--pf-sandstone);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.pf-need:hover{background:rgba(253,252,248,.07);color:var(--pf-alabaster)}

.pf-places{background:var(--pf-alabaster)}
.pf-trust{background:var(--pf-sandstone)}
.pf-trust__grid{align-items:start;display:grid;gap:5rem;grid-template-columns:1.15fr .85fr}
.pf-trust__statement{font-family:"Playfair Display",Georgia,serif;font-size:clamp(2.7rem,6vw,5.5rem);font-style:italic;line-height:1.02;margin:0}
.pf-principle{border-top:1px solid var(--pf-line);padding:1.2rem 0}
.pf-principle h3{font-family:"Lato",Arial,sans-serif;font-size:1.05rem;letter-spacing:0;margin-bottom:.35rem}
.pf-principle p{color:var(--pf-muted);font-size:.95rem;margin:0}

.pf-social-cta{background:var(--pf-slate);color:var(--pf-alabaster);padding-block:clamp(3.5rem,7vw,6rem)}
.pf-social-cta__inner{align-items:center;display:flex;gap:3rem;justify-content:space-between}
.pf-social-cta h2{color:var(--pf-alabaster);font-style:italic;margin:0;max-width:16ch}
.pf-social-cta p{color:#f4eee6;margin:.5rem 0 0;max-width:46ch}

.archive-hero{padding:var(--pf-section) 0 clamp(3rem,6vw,5rem)}
.archive-hero__inner{border-bottom:1px solid var(--pf-line);padding-bottom:2rem}
.archive-hero p{color:var(--pf-muted);font-size:1.15rem;max-width:58ch}
.archive-grid{padding-bottom:var(--pf-section)}
.pagination{margin-top:3rem}
.nav-links{display:flex;flex-wrap:wrap;gap:.5rem}
.page-numbers{align-items:center;background:var(--pf-alabaster);border:1px solid var(--pf-line);color:var(--pf-charcoal);display:inline-flex;justify-content:center;min-height:44px;min-width:44px;padding:.4rem;text-decoration:none}
.page-numbers.current{background:var(--pf-charcoal);color:var(--pf-alabaster)}

.article-header{padding:var(--pf-section) 0 3rem}
.article-header__inner{width:min(980px,calc(100% - 40px));margin-inline:auto}
.article-header h1{max-width:15ch}
.article-header__deck{color:var(--pf-muted);font-size:clamp(1.1rem,2vw,1.35rem);max-width:60ch}
.article-meta{align-items:center;border-top:1px solid var(--pf-line);display:flex;flex-wrap:wrap;font-size:.82rem;gap:.75rem 1rem;padding-top:1rem}
.article-hero{background:var(--pf-alabaster);border:14px solid var(--pf-alabaster);margin:0 auto 4rem;width:min(1220px,calc(100% - 40px))}
.article-hero img{display:block;max-height:720px;object-fit:cover;width:100%}
.article-content{background:var(--pf-alabaster);border:1px solid var(--pf-line);margin:0 auto;padding:clamp(2rem,7vw,6rem);width:min(980px,calc(100% - 40px))}
.article-content>*{margin-left:auto;margin-right:auto;max-width:var(--pf-content)}
.article-content>.alignwide{max-width:1050px}
.article-content>.alignfull{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);max-width:none;width:100vw}
.article-content h2{border-top:1px solid var(--pf-line);margin-top:3.5rem;padding-top:2.2rem}
.article-content h3{margin-top:2.3rem}
.article-content ul,.article-content ol{padding-left:1.3rem}
.article-content li+li{margin-top:.55rem}
.article-content table{border-collapse:collapse;display:block;max-width:100%;overflow-x:auto;width:100%}
.article-content th,.article-content td{border-bottom:1px solid var(--pf-line);padding:.8rem;text-align:left}
.article-footer{width:min(980px,calc(100% - 40px));margin:2rem auto var(--pf-section)}
.pf-disclosure{background:color-mix(in srgb,var(--pf-terracotta) 20%,var(--pf-alabaster));border-left:4px solid var(--pf-terracotta);font-size:.9rem;margin-bottom:2rem;padding:1rem 1.2rem}
.pf-author{align-items:start;background:var(--pf-alabaster);border:1px solid var(--pf-line);display:grid;gap:1.2rem;grid-template-columns:auto 1fr;padding:1.5rem}
.pf-author img{border-radius:50%}
.pf-author>div:only-child{grid-column:1/-1}
.pf-author h2{font-family:"Lato",Arial,sans-serif;font-size:1rem;letter-spacing:0;margin-bottom:.35rem}
.pf-author p{color:var(--pf-muted);font-size:.92rem;margin:0}
.pf-related{padding-bottom:var(--pf-section)}

.page-shell{padding:var(--pf-section) 0}
.page-shell__content{background:var(--pf-alabaster);border:1px solid var(--pf-line);margin-inline:auto;padding:clamp(2rem,7vw,6rem);width:min(980px,calc(100% - 40px))}
.page-shell__content>*{max-width:var(--pf-content);margin-left:auto;margin-right:auto}
.page-shell__content>h1{max-width:var(--pf-content)}
.not-found{text-align:center;padding:var(--pf-section) 0}
.not-found p{color:var(--pf-muted);margin-inline:auto;max-width:50ch}

.site-footer{background:var(--pf-charcoal);color:var(--pf-alabaster);padding:clamp(4rem,8vw,7rem) 0 2rem}
.site-footer h2,.site-footer h3{color:var(--pf-alabaster)}
.site-footer__grid{display:grid;gap:4rem;grid-template-columns:1.25fr .75fr .75fr;padding-bottom:4rem}
.site-footer__brand img{height:auto;width:220px}
.site-footer__brand h2{font-style:italic;margin-top:2rem;max-width:12ch}
.site-footer__brand p{color:#ddd5cc;max-width:42ch}
.site-footer__nav h3{color:var(--pf-sandstone);font-family:"Lato",Arial,sans-serif;font-size:.72rem;letter-spacing:.15em;text-transform:uppercase}
.site-footer__nav ul{list-style:none;margin:0;padding:0}
.site-footer__nav li+li{margin-top:.65rem}
.site-footer__nav a{color:var(--pf-alabaster);text-decoration:none}
.site-footer__bottom{border-top:1px solid rgba(253,252,248,.2);color:#bcb5ad;display:flex;font-size:.8rem;gap:2rem;justify-content:space-between;padding-top:1.5rem}
.site-footer__social{display:flex;gap:.8rem;margin-top:1.5rem}
.site-footer__social a{border-bottom:1px solid var(--pf-terracotta);color:var(--pf-alabaster);font-size:.85rem;text-decoration:none}

@media(max-width:980px){
  body.admin-bar .site-header{top:46px}
  .menu-toggle{display:flex;margin-left:auto}
  .site-nav{background:var(--pf-alabaster);border-top:1px solid var(--pf-line);display:none;left:0;margin:0;padding:1.2rem 20px;position:absolute;top:100%;width:100%}
  .site-nav.is-open{display:block}
  .site-nav ul{align-items:stretch;flex-direction:column;gap:0}
  .site-nav li{border-bottom:1px solid var(--pf-line)}
  .site-nav a{display:block;padding:.8rem 0}
  .site-search{margin-left:0}
  .pf-hero__gallery{grid-template-columns:1fr;min-height:0}
  .pf-hero__media{min-height:400px}
  .pf-card{grid-column:span 6}
  .pf-card--feature{grid-column:span 12}
  .pf-needs__grid{grid-template-columns:repeat(2,1fr)}
  .pf-need:nth-child(2){border-right:0}
  .pf-need:nth-child(-n+2){border-bottom:1px solid rgba(253,252,248,.24)}
  .pf-trust__grid{gap:3rem;grid-template-columns:1fr}
  .site-footer__grid{grid-template-columns:1fr 1fr}
  .site-footer__brand{grid-column:1/-1}
}

@media(max-width:680px){
  body{font-size:17px}
  .pf-wrap,.pf-narrow{width:min(100% - 28px,var(--pf-wide))}
  .site-header__inner{min-height:72px}
  .site-brand img{width:190px}
  .site-search{display:none}
  .pf-section-heading{display:block}
  .pf-section-heading p{margin-top:1rem}
  .pf-hero{padding-top:1rem}
  .pf-hero__gallery{padding:8px}
  .pf-hero__copy{padding:2rem 1.2rem 3rem}
  .pf-hero__copy h1{font-size:3.65rem}
  .pf-hero__actions{align-items:stretch;flex-direction:column}
  .pf-button{width:100%}
  .pf-hero__media{min-height:300px}
  .pf-card{grid-column:span 12}
  .pf-needs__grid{grid-template-columns:1fr}
  .pf-need{border-bottom:1px solid rgba(253,252,248,.24)!important;border-right:0;min-height:200px}
  .pf-need:last-child{border-bottom:0!important}
  .pf-social-cta__inner{align-items:flex-start;flex-direction:column}
  .article-content,.page-shell__content{padding:2rem 1.3rem}
  .article-hero{border-width:8px;width:calc(100% - 20px)}
  .pf-author{grid-template-columns:1fr}
  .site-footer__grid{grid-template-columns:1fr;gap:2.5rem}
  .site-footer__brand{grid-column:auto}
  .site-footer__bottom{display:block}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
