/*
Theme Name: Qween Portfolio
Theme URI: https://example.com/
Author: Amine KHALED
Description: Dark editorial portfolio theme for Qween Projects.
Version: 1.0.0
Requires at least: 6.0
Text Domain: qween-portfolio
*/
:root{--bg:#0e0e10;--panel:#16161a;--ink:#f4f0e8;--muted:#8a8a90;--accent:#e4d44a;--line:rgba(244,240,232,.12);--sans:Inter,Arial,sans-serif;--display:Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-weight:300;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%}.site-header{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:1.4rem 3rem;background:linear-gradient(180deg,rgba(14,14,16,.8),transparent);mix-blend-mode:screen}.site-brand{font-size:1.25rem;font-weight:700;letter-spacing:.04em}.site-brand span{color:var(--accent)}.site-nav{display:flex;gap:1.5rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.15em}.site-nav a:hover{color:var(--accent)}.hero{min-height:76vh;padding:10rem 3rem 5rem;display:grid;align-items:end;background:radial-gradient(circle at 72% 25%,rgba(228,212,74,.12),transparent 28%),linear-gradient(135deg,#17171b,var(--bg) 58%)}.hero-inner,.work-inner,.site-footer-inner{width:min(1400px,100%);margin:auto}.eyebrow,.section-label{color:var(--muted);font-size:.7rem;letter-spacing:.3em;text-transform:uppercase}.hero h1{max-width:950px;margin:1rem 0;font-size:clamp(3.5rem,9vw,9rem);line-height:.88;letter-spacing:-.05em;text-transform:uppercase}.hero h1 em{color:var(--accent);font-family:var(--display);font-weight:400}.hero-copy{max-width:430px;color:var(--muted);font-size:1.05rem}.work{padding:7rem 3rem}.work-head{display:flex;flex-direction:column;gap:2rem;margin-bottom:3rem}.work-head h2{margin:0;font-size:clamp(2.8rem,6vw,6rem);line-height:.9;letter-spacing:-.04em;text-transform:uppercase}.work-head h2 em{color:var(--accent);font-family:var(--display);font-weight:400}.project-filters{display:flex;flex-wrap:wrap;gap:.5rem}.project-filter{padding:.65rem 1.1rem;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--ink);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.project-filter:hover,.project-filter.is-active{border-color:var(--accent);background:var(--accent);color:var(--bg)}.project-grid{columns:3 280px;column-gap:1.5rem}.project-card{position:relative;break-inside:avoid;margin:0 0 1.5rem;overflow:hidden;background:var(--panel);cursor:pointer}.project-card img{width:100%;aspect-ratio:4/5;object-fit:cover;transition:transform .8s cubic-bezier(.19,1,.22,1)}.project-card:nth-child(3n) img{aspect-ratio:16/11}.project-card:hover img{transform:scale(1.06)}.project-card-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:1.5rem;background:linear-gradient(transparent 35%,rgba(14,14,16,.9));opacity:0;transition:opacity .4s}.project-card:hover .project-card-content{opacity:1}.project-card-content h3{margin:.4rem 0 0;font-size:1.5rem;line-height:1}.project-card-category{color:var(--accent);font-size:.68rem;letter-spacing:.2em;text-transform:uppercase}.load-more-wrap{text-align:center;margin:2rem 0}.load-more{padding:.8rem 1.5rem;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--ink);font-size:.72rem;letter-spacing:.15em;text-transform:uppercase}.load-more:hover{background:var(--accent);color:var(--bg)}.load-more[hidden]{display:none}.site-footer{padding:3rem;background:var(--panel);border-top:1px solid var(--line)}.site-footer-inner{display:flex;justify-content:space-between;gap:2rem;color:var(--muted);font-size:.8rem}.viewer{position:fixed;inset:0;z-index:50;display:none;background:rgba(5,5,6,.92);overflow:auto}.viewer.is-open{display:block}.viewer-inner{min-height:100%;padding:5rem clamp(1.25rem,5vw,5rem) 2rem}.viewer-top{display:flex;justify-content:space-between;gap:2rem}.viewer-title{margin:.5rem 0 0;max-width:800px;font-size:clamp(2rem,6vw,6rem);line-height:.9;text-transform:uppercase}.viewer-category{color:var(--accent);font-size:.7rem;letter-spacing:.25em;text-transform:uppercase}.viewer-close{width:46px;height:46px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);font-size:1.4rem}.viewer-close:hover{background:var(--accent);color:var(--bg)}.viewer-main{max-width:1200px;margin:2rem auto}.viewer-main img{width:100%;max-height:70vh;object-fit:contain}.viewer-gallery{display:flex;gap:.7rem;overflow:auto;margin-top:1rem}.viewer-gallery button{flex:0 0 88px;padding:0;border:1px solid transparent;background:transparent;opacity:.55}.viewer-gallery button.is-active,.viewer-gallery button:hover{border-color:var(--accent);opacity:1}.viewer-gallery img{width:88px;height:60px;object-fit:cover}.viewer-return{display:block;margin:2rem auto 0;padding:.75rem 1.2rem;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--ink);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.viewer-return:hover{background:var(--accent);color:var(--bg)}@media(max-width:700px){.site-header{padding:1rem 1.25rem}.site-nav{gap:.7rem;font-size:.62rem}.hero,.work{padding-left:1.25rem;padding-right:1.25rem}.hero{min-height:72vh}.project-grid{columns:1}.site-footer-inner{flex-direction:column}.viewer-title{font-size:3rem}}