/*
Theme Name: New Latin Wave
Theme URI: https://newlatinwave.com
Author: New Latin Wave
Description: Editorial WordPress theme based on the New Latin Wave poster archive design.
Version: 1.0.0
License: GPL-2.0-or-later
Text Domain: newlatinwave
*/

@font-face{font-family:'Engineering Plot';src:url('assets/fonts/Engplot.TTF') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{--paper:#eeede6;--ink:#030303;--muted:#5f5d57;--line:#9b9991;--green:#00ff16;--logo-blend:multiply;--logo-opacity:1;--logo-contrast:1.65;--logo-brightness:.92;--logo-height:96px}
*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;background:var(--paper);color:var(--ink);font-family:Archivo,Arial,sans-serif;min-height:100vh;overflow-x:hidden;isolation:isolate}a{color:inherit;text-decoration:none}a:hover{font-style:italic}img,video{max-width:100%;height:auto}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.site-nav{position:fixed;left:22px;top:22px;width:210px;z-index:5}.brand{display:block;font:500 22px/1 "Engineering Plot","IBM Plex Mono",monospace;text-transform:uppercase;border-bottom:0;padding-bottom:14px;margin-bottom:10px}.logo-brand{background:transparent;border-bottom:0;line-height:0;padding-bottom:12px;overflow:hidden}.logo-brand span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.nav-logo{display:block;width:100%;height:auto;background:transparent;mix-blend-mode:var(--logo-blend);opacity:var(--logo-opacity);filter:contrast(var(--logo-contrast)) brightness(var(--logo-brightness))}
.nav-group{border-bottom:0;padding:0}.nav-group summary{cursor:pointer;list-style:none;font:1.5rem/.92 "Engineering Plot","IBM Plex Mono",monospace;text-transform:uppercase;padding:8px 0 6px}.nav-group summary::-webkit-details-marker{display:none}.nav-group summary:before{content:"";display:none}.nav-link,.site-nav .menu a{display:block;font:1rem/.94 "Engineering Plot","IBM Plex Mono",monospace;letter-spacing:.01em;text-transform:uppercase;padding:3px 0 4px 0}.current-menu-item>a,.current_page_item>a,.active{color:#008d13}.site-nav .menu{list-style:none;margin:0;padding:0}.site-nav .sub-menu{list-style:none;margin:0;padding:0}.site-nav .menu>li>a{font:1.5rem/.92 "Engineering Plot","IBM Plex Mono",monospace;padding:8px 0 6px}
.home-main,.detail{position:relative;z-index:1}.home-main{min-height:100vh;padding:32px 34px 70px 280px}.detail{padding:32px 48px 80px 300px}.page-head{border-bottom:0;padding-bottom:24px;margin-bottom:30px}.page-head h1{font-family:"Engineering Plot","IBM Plex Mono",monospace;text-transform:uppercase;font-size:clamp(2.4rem,9vw,8.8rem);line-height:.82;letter-spacing:.01em;margin:-2px 0 0;max-width:100%;overflow-wrap:anywhere;word-break:normal;max-height:var(--logo-height);overflow:hidden}.poster-head{position:relative;z-index:1;min-height:92vh;display:flex;flex-direction:column;justify-content:space-between}.mono{font:15px/1 "IBM Plex Mono",monospace;text-transform:uppercase;letter-spacing:.06em}.poster-head h1{font-size:clamp(48px,6.7vw,105px);line-height:1.02;font-weight:500;margin:70px 0 40px;max-width:15ch}.poster-head strong{font-size:clamp(64px,13vw,190px);line-height:.78;font-weight:500;letter-spacing:0}
.poster-list{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-top:1px solid var(--line)}.poster-row{min-height:170px;border-bottom:1px solid var(--line);padding:18px 20px 16px 0;display:flex;flex-direction:column;justify-content:space-between}.poster-row span{font-size:clamp(30px,4vw,70px);line-height:.9}.poster-row small{font-size:16px;line-height:1.2;color:var(--muted);max-width:40em}.entry-content{max-width:980px;font-size:clamp(23px,2.8vw,46px);line-height:1.08}.entry-content h1,.entry-content h2{font-size:clamp(42px,6vw,96px);line-height:.9}.entry-content iframe{width:min(100%,920px);aspect-ratio:16/9;border:0}.entry-content figure{margin:0 0 32px;max-width:920px}.entry-content img{filter:grayscale(1) contrast(1.12)}
.wp-block-gallery,.nlw-carousel{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 16px}.wp-block-gallery .wp-block-image,.nlw-carousel>*{flex:0 0 min(82vw,760px);scroll-snap-align:start}.wp-block-gallery img,.nlw-carousel img{width:100%;height:auto;display:block}.post-tags{font:14px/1.2 "IBM Plex Mono",monospace;text-transform:uppercase;margin:40px 0 0;color:var(--muted)}footer.site-footer{border-top:1px solid var(--line);margin-top:70px;padding-top:18px;font-family:"IBM Plex Mono",monospace}
.home-video{width:min(100%,980px);margin:0 0 40px}.home-video video,.home-video iframe{width:100%;aspect-ratio:16/9;border:0;display:block}.page-graphic{position:fixed;left:var(--graphic-x);top:var(--graphic-y);width:var(--graphic-size);aspect-ratio:1/1;background:var(--graphic-color);mask-image:var(--graphic-image);-webkit-mask-image:var(--graphic-image);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;mask-size:contain;-webkit-mask-size:contain;transform:translate(-50%,-50%) rotate(var(--graphic-rotate));opacity:var(--graphic-opacity);mix-blend-mode:multiply;pointer-events:none;z-index:0}
@media(max-width:860px){.site-nav{position:relative;left:auto;top:auto;width:auto;padding:18px;border-bottom:1px solid var(--line)}.home-main,.detail{padding:24px}.poster-list{grid-template-columns:1fr}.page-graphic{width:115vw;left:70%;top:52%;opacity:.42}}