/*
Theme Name: UGC Rimsha
Theme URI: https://example.com
Author: Rimsha Iqbal
Description: A soft, editorial UGC creator portfolio theme — hero, about, content pillars, featured video, past collabs, and social links. Edit everything from Appearance > Customize.
Version: 1.0
Requires at least: 5.9
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ugc-rimsha
*/

:root{
  --red:#c9707a; --red-soft:#d99aa1; --gold:#c3986a;
  --bg:#faf3f1; --bg2:#f3e2df; --card:#ffffff;
  --line:rgba(201,112,122,0.25);
  --ink:#3a2a29; --muted:#8f7573;
  --radius:18px;
  --shadow:0 20px 50px rgba(60,40,40,0.08);
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;font-family:'Poppins',sans-serif;color:var(--ink);line-height:1.65;
  background:radial-gradient(circle at 20% 20%, rgba(201,112,122,0.10), transparent 55%), radial-gradient(circle at 85% 80%, rgba(201,112,122,0.08), transparent 50%), linear-gradient(180deg,var(--bg),var(--bg2));
}
h1,h2,h3{font-family:'Playfair Display',serif;margin:0 0 .4em;color:var(--ink);}
p{margin:0 0 1em;}
img{max-width:100%;display:block;}
a{color:var(--red);text-decoration:none;}
a:hover{color:var(--gold);}
.container{max-width:1100px;margin:0 auto;padding:0 24px;}

.site-header{padding:24px 0;}
.site-header .container{display:flex;align-items:center;justify-content:space-between;}
.brand{font-family:'Playfair Display',serif;font-size:26px;font-weight:700;color:var(--ink);}
.site-nav a{margin-left:22px;font-weight:600;font-size:15px;color:var(--ink);}
.site-nav a:hover{color:var(--red);}

.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--gold);letter-spacing:3px;text-transform:uppercase;font-weight:600;font-size:14px;}
.rule{width:60px;height:3px;background:var(--red);border-radius:2px;margin:20px 0;}

.hero{padding:60px 0 90px;}
.hero .container{display:flex;align-items:center;gap:64px;flex-wrap:wrap;}
.hero-text{flex:1 1 380px;}
.hero-text .hook{font-size:56px;line-height:1.08;font-weight:800;}
.hero-text .hook .small{display:block;font-size:0.42em;font-weight:600;font-family:'Poppins',sans-serif;letter-spacing:1px;text-transform:uppercase;color:var(--red);}
.hero-text .hook .big{display:block;}
.hero-text .hook .accent{color:var(--red);}
.type-line.typing-cursor::after{content:'|';margin-left:3px;color:var(--red);animation:hookBlink 0.8s steps(1) infinite;}
@keyframes hookBlink{50%{opacity:0;}}
.hero-tagline{font-size:19px;color:var(--muted);font-style:italic;margin-top:10px;}
.hero-location{font-size:14px;font-weight:600;color:var(--gold);letter-spacing:2px;text-transform:uppercase;margin-top:8px;}
.photo-ring{position:relative;flex:0 0 auto;}
.photo-ring::before{content:"";position:absolute;inset:-12px;border-radius:50%;background:linear-gradient(135deg,var(--red-soft),transparent 60%);opacity:.6;filter:blur(2px);}
.photo-ring .inner{position:relative;width:280px;height:280px;border-radius:50%;overflow:hidden;border:6px solid #fff;box-shadow:var(--shadow);}
.photo-ring img{width:100%;height:100%;object-fit:cover;}

.section{padding:60px 0;}
.section-title{font-size:34px;}
.section-title.center{text-align:center;}

.about-grid{display:flex;gap:56px;align-items:center;flex-wrap:wrap;}
.about-copy p{font-size:18px;font-weight:600;}

.pillars-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:26px;}
.pillar-card{background:var(--card);border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden;}
.pillar-collage{display:grid;grid-template-columns:2fr 1fr;gap:3px;}
.pillar-collage-side{display:grid;grid-template-rows:1fr 1fr;gap:3px;}
.pillar-card img{width:100%;object-fit:cover;object-position:top center;display:block;}
.pillar-card .main-photo{height:200px;}
.pillar-card .side-photo{height:98.5px;}
.pillar-card h3{font-size:22px;text-align:center;padding:18px 10px;}

.video-banner{max-width:900px;margin:0 auto;aspect-ratio:16/9;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);}
.video-banner iframe{width:100%;height:100%;border:0;}
.video-empty{max-width:900px;margin:0 auto;aspect-ratio:16/9;border-radius:var(--radius);border:1.5px dashed rgba(201,112,122,0.4);background:rgba(255,255,255,0.4);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;color:var(--muted);}

.collabs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;}
.collab-box{aspect-ratio:4/3;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--line);}
.collab-box img{width:100%;height:100%;object-fit:cover;}
.collab-empty{aspect-ratio:4/3;border-radius:var(--radius);border:1.5px dashed rgba(201,112,122,0.4);background:rgba(255,255,255,0.4);display:flex;align-items:center;justify-content:center;text-align:center;color:var(--muted);font-weight:500;font-size:14px;padding:16px;}

.social-row{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;}
.pill-link{display:inline-flex;flex-direction:column;align-items:center;gap:6px;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:22px 44px;box-shadow:var(--shadow);font-weight:600;}
.pill-link .handle{font-size:14px;font-weight:400;color:var(--muted);}

.site-footer{padding:40px 0;text-align:center;color:var(--muted);font-size:14px;}

@media(max-width:640px){
  .hero-text .hook{font-size:40px;}
  .hero .container{flex-direction:column;text-align:center;}
  .site-nav a{margin-left:14px;font-size:13px;}
}