/*
Theme Name: Cool People
Author: ptinouye
Description: A friendly, accessible starter theme for family, friends, and everyday memories. Uses native WordPress content and menus without a page builder.
Version: 1.1.0
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 8.2
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cool-people
Tags: blog, custom-logo, custom-menu, featured-images, translation-ready
*/
:root{--paper:#fffaf2;--ink:#302e29;--rust:#a83f2c;--soft:#f4e8d8;--line:#d9c8b3}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:1.125rem/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-wrap:anywhere}
a{color:var(--rust);text-underline-offset:.2em}
a:hover{text-decoration-thickness:.15em}
:focus-visible{outline:3px solid #174d65;outline-offset:5px}
.wrap{width:min(1120px,calc(100% - 3rem));margin-inline:auto}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding-block:1.8rem;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:.8rem}.site-title{font-weight:850;font-size:1.35rem;letter-spacing:.03em;text-decoration:none;color:var(--rust)}
.custom-logo{display:block;max-width:72px;height:auto}.custom-logo-link{flex-shrink:0}
.menu{display:flex;flex-wrap:wrap;gap:.6rem 1.5rem;margin:0;padding:0;list-style:none}
.menu a{font-size:1rem;color:var(--ink);text-decoration:none}.menu a:hover,.current-menu-item>a{text-decoration:underline}
.sub-menu{list-style:none;padding-left:1rem;margin-block:.5rem}.sub-menu a{font-size:.95rem}
.home-main{padding-block:5.5rem 4rem}.welcome{max-width:850px}.eyebrow{font-size:.78rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase;color:var(--rust);margin:0 0 1rem}
h1,h2,h3{line-height:1.12;letter-spacing:-.035em}h1{font-size:clamp(2.6rem,6.8vw,5.5rem);font-weight:780;margin:0 0 1.8rem}h2{font-size:clamp(1.7rem,3vw,2.4rem);margin:0 0 1rem}
p{margin:0 0 1.3rem}.intro{max-width:650px;font-size:clamp(1.1rem,2.4vw,1.35rem)}
.coming-soon{display:flex;align-items:center;gap:2rem;margin-top:4rem;padding:2.5rem;background:var(--soft);border:1px solid var(--line);border-radius:1.25rem}.coming-soon p:last-child{margin-bottom:0}.little-sun{font-size:5rem;line-height:1;color:var(--rust)}
.site-footer{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);padding-block:1.8rem;font-size:.9rem}.site-footer p{margin:0}
.content-main{padding-block:4rem;min-height:60vh}.entry{margin-bottom:3rem}.entry-content{max-width:75ch}.entry-content:after{content:"";display:table;clear:both}.post-date{font-size:.9rem}
img,video{max-width:100%;height:auto}iframe{max-width:100%}figure{max-width:100%;margin-inline:0}.wp-caption-text,.gallery-caption{font-size:.9rem}.alignleft{float:left;margin:0 1.5rem 1rem 0}.alignright{float:right;margin:0 0 1rem 1.5rem}.aligncenter{display:block;margin-inline:auto}.sticky{border-left:3px solid var(--rust);padding-left:1.5rem}.bypostauthor{border-left:2px solid var(--line);padding-left:1rem}
input,textarea,select,button{font:inherit;max-width:100%}input:not([type=checkbox]):not([type=radio]),textarea,select{padding:.6rem;border:1px solid #756756;border-radius:.3rem}textarea{width:100%}button,input[type=submit],.wp-block-button__link{background:var(--rust);color:white;padding:.7rem 1.2rem;border:0;border-radius:.35rem;cursor:pointer}.comment-form label{display:block}.comment-form-cookies-consent label{display:inline}.comment-list{padding-left:1.5rem}.comment-body{margin-bottom:2rem}table{border-collapse:collapse;display:block;overflow-x:auto}td,th{border:1px solid var(--line);padding:.6rem}pre{overflow-x:auto;padding:1rem;background:var(--soft)}
.screen-reader-text{border:0;clip-path:inset(50%);height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}.skip-link:focus{clip-path:none;width:auto;height:auto;margin:1rem;padding:.7rem 1rem;background:var(--paper);z-index:100000;color:var(--ink)}
@media(max-width:600px){.wrap{width:calc(100% - 2rem)}.site-header{align-items:flex-start;flex-direction:column;gap:1rem;padding-block:1.3rem}.menu{gap:.6rem 1.2rem}.home-main{padding-block:3rem}.coming-soon{align-items:flex-start;gap:1rem;padding:1.5rem;margin-top:2.5rem}.little-sun{font-size:2.5rem}.site-footer{flex-wrap:wrap}.alignleft,.alignright{float:none;margin-inline:0}}

/* Homepage friends share the existing cream and terracotta palette. */
.friends-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin-top:3rem}
.friend-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);border-radius:1rem;overflow:hidden;background:var(--paper)}
.friend-media{aspect-ratio:4/3;background:var(--soft);overflow:hidden}
.friend-media .friend-photo{display:block;width:100%;height:100%;object-fit:cover}
.friend-placeholder{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:1rem;color:var(--rust)}
.friend-placeholder span{font-size:3rem;line-height:1.2}.friend-placeholder p{font-size:.9rem;margin:.6rem 0 0}
.friend-copy{display:flex;flex-direction:column;flex:1;padding:1.5rem}.friend-copy h2{font-size:1.8rem}.friend-copy p{font-size:1rem}
.friend-copy .friend-future,.friend-stories{margin-top:auto;margin-bottom:0;padding-top:.5rem;font-size:.9rem}.friend-future{color:#635b50}
.home-content{margin-top:3rem}.home-content .entry-content:empty{display:none}
@media(max-width:900px){.friends-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.friends-grid{grid-template-columns:minmax(0,1fr);gap:1.5rem;margin-top:2rem}}