/*
Theme Name: James Melo
Description: Portfólio de direção de arte baseado no layout fornecido. Home, Work, Awards e cases editáveis.
Version: 1.0.5
Requires at least: 6.6
Requires PHP: 8.0
Text Domain: james-melo
*/
@font-face{font-family:Britanica;src:url('assets/fonts/britanica-bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Britanica;src:url('assets/fonts/britanica-heavy.ttf') format('truetype');font-weight:900;font-display:swap}
@font-face{font-family:BritanicaExpanded;src:url('assets/fonts/britanica-expanded.ttf') format('truetype');font-weight:900;font-display:swap}
:root{--yellow:#ffe600;--orange:#ff8700;--cyan:#00c6e6;--ink:#fff;--body:Britanica,Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--body);font-size:16px;font-weight:700;background:var(--yellow)}
.site-surface{min-height:100vh;background:radial-gradient(ellipse at 8% 76%,#00bfee 0,transparent 45%),radial-gradient(ellipse at 63% 48%,#68e900 0,transparent 44%),radial-gradient(ellipse at 52% 0%,#ffe500 0,transparent 38%),linear-gradient(103deg,#0759ff 0%,#00bdf1 24%,#bcc400 63%,#ff8700 100%);padding-top:1px}
body.work-view .site-surface{background:radial-gradient(ellipse at 43% 78%,#d4f000 0,transparent 37%),radial-gradient(ellipse at 47% 44%,#1cdd50 0,transparent 42%),radial-gradient(ellipse at 76% 48%,#00c5dc 0,transparent 44%),linear-gradient(102deg,#ff7900,#ffd300 28%,#0585ff 86%,#0051ed)}
a{color:inherit;text-decoration:none}button,input{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #14224b;outline-offset:5px}img{display:block;max-width:100%;height:auto}.skip-link{position:fixed;top:-100px;left:20px;background:#fff;color:#111;padding:14px;z-index:100}.skip-link:focus{top:15px}
.site-header{width:90%;max-width:1728px;margin:0 auto;min-height:150px;display:flex;align-items:center;gap:32px}.brand{display:flex;gap:20px;align-items:center;margin-right:auto;flex-shrink:0}.brand-mark,.footer-mark{width:45px;height:40px;background:var(--yellow);flex:none}.work-view .brand-mark{background:var(--cyan)}.awards-view .brand-mark,.awards-view .footer-mark{background:var(--orange)}.brand-name{font:900 25px/1 BritanicaExpanded,sans-serif;display:block;letter-spacing:.025em}.brand-role{display:block;font:700 14px/1.4 Britanica,sans-serif;letter-spacing:.09em}.site-nav{display:flex;align-items:center;gap:clamp(20px,4vw,80px);font:700 16px/1.2 Britanica,sans-serif;letter-spacing:.04em;text-transform:uppercase}.site-nav a{padding:10px 0}.site-nav a[aria-current=page]{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:8px}.socials{display:flex;gap:6px;margin-left:12px;flex-shrink:0}.social-icon{display:block;width:32px;height:32px;flex:none;background-image:url('assets/images/social-icons.png');background-repeat:no-repeat;background-size:555.947% 156.828%;background-position-y:48.062%}.social-behance{background-position-x:15.74879%}.social-linkedin{background-position-x:42.02899%}.social-instagram{background-position-x:68.30918%}.social-whatsapp{background-position-x:94.68599%}

.content-shell{width:77.2%;max-width:1482px;margin:0 auto}.portrait-column{width:56.3%;max-width:840px}.home-portrait{position:relative;margin:0}.home-title{position:absolute;z-index:1;right:-4px;top:-60px;margin:0;text-align:left;font:900 clamp(55px,5.1vw,98px)/.88 BritanicaExpanded,sans-serif;letter-spacing:-.035em}.home-portrait > img{width:100%;aspect-ratio:3/4;object-fit:cover}.portrait-strip{height:58px;background:var(--yellow)}.biography{font:700 16px/1.55 var(--body);padding-top:8px;text-shadow:none}.biography p{margin:18px 0}.site-footer{display:flex;gap:110px;align-items:center;width:90%;max-width:1728px;margin:110px auto 0;padding-bottom:85px}.back-top{font:700 14px Britanica,sans-serif}.back-top span{color:var(--yellow);font-size:20px}.bottom-band{height:28px;background:var(--yellow)}
.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 30px}.project-card{display:block;background:var(--yellow);padding:58px 0;position:relative;overflow:hidden}.project-card img{width:100%;aspect-ratio:1.4;object-fit:cover;transition:transform .3s}.project-card .card-title{position:absolute;bottom:0;left:0;right:0;min-height:48px;display:flex;align-items:center;padding:10px 16px;color:#14224b;font:700 15px Britanica,sans-serif;opacity:0;transition:opacity .2s}.project-card:hover img{transform:scale(1.025)}.project-card:hover .card-title,.project-card:focus-visible .card-title{opacity:1}.section-heading{display:flex;align-items:center;gap:18px;margin:45px 0 25px;font:700 17px Britanica,sans-serif;letter-spacing:.07em;text-transform:uppercase}.section-heading:before{content:'';width:44px;height:36px;background:var(--cyan)}.work-main{padding-bottom:40px}.empty-state{padding:40px 0;font-size:18px}.awards-photo{width:100%;aspect-ratio:1.3;object-fit:cover;object-position:center 30%}.awards-title{margin:0;padding:14px 22px;background:var(--orange);font:900 30px/1 BritanicaExpanded,sans-serif}.awards-content{padding-top:12px;min-height:1050px}.awards-content h2{color:#642600;font:900 20px/1.2 Britanica,sans-serif;letter-spacing:.04em;text-transform:uppercase;margin:22px 0 5px}.awards-content p{font-size:16px;line-height:1.5;margin:0;text-transform:uppercase;text-shadow:0 1px 2px #174c6855}.case-header{max-width:1000px;margin:10px 0 36px}.eyebrow{font:700 14px Britanica,sans-serif;letter-spacing:.09em;text-transform:uppercase}.case-title,.page-title{font:900 clamp(40px,6vw,100px)/1 BritanicaExpanded,sans-serif;margin:25px 0;overflow-wrap:anywhere}.case-cover{width:100%;max-height:800px;object-fit:contain;background:#ffffff12}.case-body{margin:45px auto;max-width:1080px;font-size:18px;line-height:1.65;overflow-wrap:anywhere}.case-body img{margin:auto}.case-body figure{margin:28px 0}.case-body iframe,.case-body video{max-width:100%}.case-body .wp-block-embed__wrapper{position:relative}.case-body .wp-block-embed.is-type-video iframe{width:100%;aspect-ratio:16/9;height:auto}.case-body a{text-decoration:underline}.case-body .alignwide{width:100%}.case-nav{border-top:1px solid #ffffff88;padding:24px 0;display:flex;justify-content:space-between;gap:25px;font:700 16px Britanica,sans-serif}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(min-width:1800px){.site-header{min-height:210px}.portrait-strip{height:72px}.biography{font-size:18px}.project-card{padding:72px 0}}
@media(max-width:1000px){.site-header{gap:18px;min-height:130px;flex-wrap:wrap;padding:28px 0 40px}.brand-role{font-size:12px}.brand-name{font-size:22px}.brand-mark{width:32px;height:32px}.site-nav{gap:24px;font-size:14px}.socials{margin-left:0}.content-shell{width:85%}.portrait-column{width:70%}.home-title{font-size:68px;top:-45px}.project-card{padding:30px 0}.work-grid{gap:22px}.awards-content{min-height:750px}.site-footer{gap:65px}}
@media(max-width:650px){.site-header{width:88%;padding:24px 0 55px;gap:24px 12px}.brand{width:100%;gap:14px}.brand-name{font-size:23px}.brand-role{font-size:12px}.site-nav{gap:16px;font-size:14px}.socials{gap:5px;margin-left:auto}.social-icon{width:25px;height:25px}.content-shell{width:88%}.portrait-column{width:100%;max-width:none}.home-title{font-size:clamp(46px,12vw,72px);top:-39px;right:0}.portrait-strip{height:35px}.biography{font-size:16px;line-height:1.65}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}.project-card{padding:22px 0 33px}.project-card .card-title{opacity:1;min-height:30px;font-size:12px;padding:5px 8px}.section-heading{font-size:14px;gap:12px}.section-heading:before{width:28px;height:25px}.awards-content{min-height:650px}.awards-content h2{font-size:19px}.awards-content p{font-size:15px}.site-footer{margin-top:65px;gap:45px;padding-bottom:50px}.footer-mark{width:30px;height:28px}.bottom-band{height:18px}.case-body{font-size:17px}.case-nav{flex-wrap:wrap}.case-title{font-size:42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Original gradient extracted from the supplied PDF. */
.site-surface{background:#00b5ef url("assets/images/background-home.webp") center top/100% 100% no-repeat}body.work-view .site-surface{background:#00b5ef url("assets/images/background-work.webp") center top/100% 100% no-repeat}

@media(max-width:370px){.site-nav{gap:10px;font-size:13px}.socials{gap:4px}.social-icon{width:22px;height:22px}}

/* Keep the supplied animation intact; frame only its visible logo. */
.home-title{width:clamp(190px,19vw,365px)}
.home-logo-window{display:block;position:relative;overflow:hidden;aspect-ratio:418 / 147}
.home-portrait .home-logo{position:absolute;width:459.330144%;max-width:none;height:auto;left:-154.784689%;top:-97.959184%;aspect-ratio:auto}
@media(max-width:1000px){.home-title{width:275px}}
@media(max-width:650px){.home-title{width:clamp(170px,48vw,260px);top:-32px}}