/*
Theme Name: PSG Estudio Portfolio
Author: PSG Estudio
Description: Portfolio de Pablo Sancho inspirado en PSG DISEÑO WEB.
Version: 1.0.0
Text Domain: psg-estudio
*/
:root{--bg:#f1f0ed}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#080808;background:var(--bg)}button{cursor:pointer;font:inherit}a{color:inherit;text-decoration:none}.hero{height:360px;background:#000;color:white;position:relative;overflow:hidden}.top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2;padding:35px 7%}.monogram{font-size:43px;font-weight:1000;letter-spacing:-9px;line-height:1}.monogram span{font-size:13px;letter-spacing:0;margin-left:8px}.hamb{border:0;background:#000;border-radius:40px;width:64px;height:46px;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center}.hamb i{width:34px;height:3px;background:white;display:block}.hero-title{position:absolute;z-index:1;left:8%;top:125px;font-weight:1000;line-height:.78;letter-spacing:-4px;font-size:clamp(44px,8vw,100px)}.hero-title span{display:block}.hero-title small{font-size:18px;letter-spacing:-1px;display:inline-block;writing-mode:vertical-rl;transform:rotate(180deg)}.hero-title strong{font-size:1.4em}.hero-photo{position:absolute;inset:0 0 0 50%;background:linear-gradient(90deg,#000,transparent 35%),url('assets/pagina-2.jpg') center 36%/cover;filter:grayscale(1) contrast(1.25)}main,.about,.detail{max-width:1200px;margin:auto}.filters{display:flex;gap:6px;justify-content:space-between;padding:12px 5%;flex-wrap:wrap}.filters button{border:0;background:transparent;padding:13px 16px;font-size:12px;font-weight:900;letter-spacing:.7px;text-transform:uppercase}.filters button.active{background:black;color:white}.gallery{padding:0 5% 25px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.tile{border:0;padding:0;aspect-ratio:1.75;position:relative;overflow:hidden;background:#ddd;text-align:left}.tile img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.tile:hover img{transform:scale(1.045)}.tile span{position:absolute;inset:auto 0 0;background:linear-gradient(transparent,rgba(0,0,0,.85));color:#fff;padding:35px 15px 12px;font-size:17px;font-weight:900;opacity:0;transition:opacity .2s}.tile:hover span{opacity:1}footer{background:#000;color:#fff;padding:26px max(6%,calc((100vw - 1080px)/2));display:grid;grid-template-columns:1fr 2fr;gap:20px;align-items:center}.footerlogo{font-size:48px;font-weight:1000;letter-spacing:-9px}.footerlogo small{display:block;font-size:12px;letter-spacing:2px}.contact{text-align:right;font-size:15px}.contact a{display:inline-block;font-weight:900;margin-top:12px;letter-spacing:.5px;text-decoration:underline}.legal{grid-column:1/-1;font-size:9px;font-weight:bold;text-decoration:underline;margin-top:15px}.hidden{display:none!important}.about,.detail{min-height:75vh;padding:0 5% 40px;background:radial-gradient(#ddd 0.5px,transparent 1px) 0 0/8px 8px,#f3f3f1}.inner{padding:30px 0}.inner .hamb{background:black}.about h1,.detail h1{font-size:clamp(52px,9vw,115px);line-height:.85;letter-spacing:-5px;margin:35px 0 20px;font-weight:1000;text-transform:uppercase}.intro{max-width:800px;font-weight:700}.about h2{font-size:23px;margin-top:70px}.timeline{display:flex;justify-content:space-between;border-top:2px solid;margin:35px 0 60px;gap:8px}.timeline span{font-size:12px;padding-top:20px;position:relative}.timeline span:before{content:'';position:absolute;width:12px;height:12px;background:black;border-radius:50%;top:-7px}.aboutcols{display:grid;grid-template-columns:1fr 1fr;gap:14%}.skill{font-size:13px;font-weight:800;letter-spacing:1px;margin:20px 0}.skill b{display:block;background:#111;height:17px;margin-top:7px}.pills{display:flex;gap:8px}.pills span,.prevnext button{background:black;color:white;border:0;border-radius:5px;padding:9px 24px;font-size:11px;font-weight:900}.project-meta{display:flex;justify-content:space-between;margin-top:22px;border-bottom:1px solid;padding-bottom:10px}.detail>p{font-weight:700}.detail>img{display:block;width:100%;margin:30px auto;max-height:850px;object-fit:contain}.prevnext{display:flex;justify-content:space-between;margin:30px 0}.overlay{position:fixed;inset:0;background:#000;color:white;z-index:10;padding:0 6%;overflow:auto}.overlay .top{padding:30px 0 55px}.overlay .top button{background:#fff;color:#000;border:0;border-radius:50%;width:60px;height:60px;font-size:35px;font-weight:bold}.overlay>a{display:block;border-bottom:1px solid #888;padding:10px 0;font-weight:1000;font-size:clamp(23px,4vw,48px);letter-spacing:-1px}.overlay>a:hover{color:#aaa}@media(max-width:650px){.hero{height:310px}.hero-title{top:140px}.hero-photo{left:38%;opacity:.55}.filters{justify-content:center}.filters button{font-size:10px;padding:9px}.gallery{grid-template-columns:1fr}.tile span{opacity:1}.aboutcols{grid-template-columns:1fr;gap:10px}.timeline{overflow:auto}.timeline span{min-width:90px}.contact{font-size:11px}.contact a{font-size:10px}.about h1,.detail h1{letter-spacing:-2px}.prevnext button{font-size:9px;padding:12px}}

.project-copy{padding:20px 0}.project-copy p{max-width:850px}.gallery .tile{border:0;padding:0;cursor:pointer}.detail .project-image{display:block;max-width:100%;height:auto;margin:24px auto}.overlay a{text-decoration:none}.screen-reader-text{position:absolute;left:-9999px}