/*
Theme Name: Mamtha — Editorial Portfolio
Theme URI: https://example.com/
Author: OpenAI
Description: A lightweight, editorial fashion portfolio theme for Mamtha Ankam.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: mamtha-editorial
*/
:root{
  --ink:#111;
  --paper:#f5f2ec;
  --muted:#777;
  --line:rgba(17,17,17,.16);
  --max:1440px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.55}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
.site-header{position:fixed;z-index:50;top:0;left:0;width:100%;padding:24px 4vw;display:flex;justify-content:space-between;align-items:center;color:#fff;mix-blend-mode:difference}
.brand{font-family:Georgia,"Times New Roman",serif;font-size:20px;letter-spacing:.08em;text-transform:uppercase}
.nav{display:flex;gap:28px;font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.nav a{opacity:.85}.nav a:hover{opacity:1}
.hero{min-height:100svh;position:relative;background:#222;overflow:hidden;color:#fff}
.hero-media{position:absolute;inset:0;background:
linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.48)),
url('https://images.unsplash.com/photo-1539109136881-3be0616acf4b?auto=format&fit=crop&w=2200&q=85') center/cover}
.hero-content{position:absolute;left:4vw;right:4vw;bottom:7vh}
.eyebrow{font-size:10px;letter-spacing:.25em;text-transform:uppercase;margin-bottom:18px}
.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(70px,14vw,210px);font-weight:400;line-height:.82;letter-spacing:-.06em;margin:0}
.hero-meta{display:flex;justify-content:space-between;gap:20px;margin-top:30px;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.scroll{position:absolute;right:4vw;bottom:28px;font-size:10px;letter-spacing:.2em;text-transform:uppercase;writing-mode:vertical-rl}
.section{padding:120px 4vw}
.section-inner{max-width:var(--max);margin:auto}
.intro{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end}
.kicker{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-bottom:24px}
.statement{font-family:Georgia,"Times New Roman",serif;font-size:clamp(36px,5.2vw,78px);font-weight:400;line-height:.98;letter-spacing:-.035em;margin:0}
.copy{max-width:520px;font-size:16px;color:#444}
.rule{border-top:1px solid var(--line);margin:55px 0}
.editorial-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:22px;align-items:start}
.editorial-grid .portrait{aspect-ratio:4/5;object-fit:cover}
.editorial-grid .portrait.small{margin-top:15vw;aspect-ratio:3/4}
.caption{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:var(--muted);margin-top:10px}
.portfolio-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}
.portfolio-head h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(48px,7vw,105px);font-weight:400;letter-spacing:-.05em;line-height:.85;margin:0}
.portfolio-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.work{margin:0}.work img{width:100%;object-fit:cover;background:#ddd}
.w1{grid-column:span 7}.w1 img{aspect-ratio:4/5}
.w2{grid-column:span 5;margin-top:10vw}.w2 img{aspect-ratio:3/4}
.w3{grid-column:2/span 5;margin-top:8vw}.w3 img{aspect-ratio:4/5}
.w4{grid-column:8/span 5}.w4 img{aspect-ratio:3/4}
.experience{background:#171717;color:#f5f2ec}
.experience .kicker{color:#aaa}
.experience-grid{display:grid;grid-template-columns:1fr 2fr;gap:8vw}
.experience h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(50px,7vw,105px);font-weight:400;line-height:.9;margin:0;letter-spacing:-.05em}
.timeline{border-top:1px solid rgba(245,242,236,.25)}
.timeline-row{display:grid;grid-template-columns:130px 1fr;gap:30px;padding:25px 0;border-bottom:1px solid rgba(245,242,236,.25)}
.timeline-row .year{font-size:10px;letter-spacing:.15em;color:#aaa;text-transform:uppercase}
.timeline-row h3{font-family:Georgia,"Times New Roman",serif;font-size:30px;font-weight:400;margin:0 0 6px}
.timeline-row p{margin:0;color:#bbb;max-width:620px}
.quote{min-height:70vh;display:flex;align-items:center;justify-content:center;text-align:center}
.quote blockquote{max-width:1050px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(42px,6vw,88px);line-height:.98;font-weight:400;letter-spacing:-.04em;margin:0}
.cta{background:#e7e1d7}
.cta-inner{display:flex;justify-content:space-between;align-items:end;gap:40px}
.cta h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(55px,8vw,120px);font-weight:400;line-height:.85;letter-spacing:-.06em;margin:0}
.button{display:inline-block;border:1px solid var(--ink);padding:14px 24px;font-size:10px;letter-spacing:.18em;text-transform:uppercase;transition:.25s}
.button:hover{background:#111;color:#fff}
.site-footer{padding:35px 4vw;display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.page-hero{padding:170px 4vw 80px}.page-hero h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(65px,12vw,170px);line-height:.82;letter-spacing:-.06em;margin:0}
.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.archive-grid img{width:100%;aspect-ratio:3/4;object-fit:cover}
@media(max-width:800px){
 .site-header{padding:18px 5vw}.nav{gap:13px;font-size:9px}.brand{font-size:16px}
 .hero-content{left:5vw;right:5vw}.hero h1{font-size:22vw}.hero-meta{font-size:9px}
 .section{padding:80px 5vw}.intro,.experience-grid{grid-template-columns:1fr;gap:45px}
 .editorial-grid{grid-template-columns:1fr;gap:30px}.editorial-grid .portrait.small{margin-top:0}
 .portfolio-grid{display:block}.work{margin:0 0 35px}.w2,.w3,.w4{margin-top:0}
 .portfolio-head{display:block}.portfolio-head h2{margin-bottom:25px}
 .timeline-row{grid-template-columns:80px 1fr;gap:15px}.timeline-row h3{font-size:24px}
 .cta-inner{display:block}.cta h2{margin-bottom:40px}
 .site-footer{display:block;line-height:2.2}
 .archive-grid{grid-template-columns:1fr 1fr;gap:10px}
}