/*
Theme Name: Infamous J
Theme URI: https://infamousj.com/
Author: Infamous J
Description: A dark, cinematic WordPress block theme for Infamous J. Native editing, local assets, and no Elementor dependency.
Version: 1.4.0
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: infamous-j
Tags: full-site-editing, block-patterns, portfolio, photography, custom-colors, editor-style, wide-blocks
*/
@font-face{font-family:Anton;src:url('assets/fonts/anton.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{--ij-red:#f04437;--ij-paper:#f0eee9;--ij-muted:#b2b0ae;--ij-line:#343434}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}img{max-width:100%;height:auto}a{text-underline-offset:.22em}a:hover{color:var(--ij-red)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #ffb7ae;outline-offset:5px}::selection{background:var(--ij-red);color:#080808}.wp-site-blocks{padding:0}.wp-site-blocks>header,.wp-site-blocks>footer,.wp-site-blocks>main{margin-block-start:0}p{overflow-wrap:break-word}h1,h2,h3{text-wrap:balance}h1,h2{letter-spacing:-.018em;text-transform:uppercase}h3{letter-spacing:.01em}h1{font-size:clamp(3rem,6.5vw,6.2rem);line-height:1.03}h2{font-size:clamp(2.3rem,4.1vw,4rem);line-height:1.08}h3{font-size:1.65rem;line-height:1.2}.wp-block-button__link{transition:background .15s,color .15s,border-color .15s;border:1px solid transparent;text-decoration:none!important;font-size:.82rem;font-weight:800;letter-spacing:.065em;text-transform:uppercase;padding:1rem 1.45rem!important;border-radius:0!important;background:var(--ij-red);color:#080808}.wp-block-button__link:hover{background:#ff6b5f;color:#080808}.wp-block-button.is-style-outline>.wp-block-button__link{background:transparent;color:var(--ij-paper);border:1px solid #aaa}.wp-block-button.is-style-outline>.wp-block-button__link:hover{border-color:var(--ij-red);color:var(--ij-red)}.wp-block-buttons{gap:12px}.wp-block-columns{gap:32px}.wp-block-group.ij-header{max-width:1320px;margin:auto;padding:19px 40px;gap:24px}.ij-brand{gap:14px!important;flex-wrap:nowrap!important}.ij-logo{width:58px!important;margin:0!important;flex-shrink:0}.ij-logo img{width:58px;height:58px;object-fit:contain}.ij-wordmark{font-family:Anton,sans-serif;font-size:1.5rem;line-height:1.05;margin:0!important;letter-spacing:.025em}.ij-wordmark a{text-decoration:none;color:var(--ij-paper)}.ij-wordmark-sub{display:block;font-family:Arial,sans-serif;font-size:.52rem;letter-spacing:.16em;margin-top:8px;font-weight:bold}.ij-navigation{font-size:.73rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.ij-navigation .wp-block-navigation__container{gap:27px}.ij-navigation .ij-nav-cta a{background:var(--ij-red);color:#080808;padding:14px 19px}.ij-navigation .ij-nav-cta a:hover{background:#ff6b5f;color:#080808}.ij-hero{padding:70px max(40px,calc((100vw - 1240px)/2));overflow:hidden;isolation:isolate}.ij-hero .wp-block-cover__image-background{object-position:65% 48%!important}.ij-hero .wp-block-cover__background{background:linear-gradient(90deg,#080808 2%,rgba(8,8,8,.91) 24%,rgba(8,8,8,.4) 64%,rgba(8,8,8,.2))!important;opacity:1!important}.ij-hero-inner{max-width:1240px!important}.ij-eyebrow{font-size:.68rem;font-weight:800;letter-spacing:.2em;line-height:1.6;color:var(--ij-red);text-transform:uppercase;margin-bottom:22px}.ij-hero .ij-eyebrow{color:#ff9287}.ij-hero-title{font-size:clamp(4.3rem,8vw,7.2rem);line-height:1.06;margin:0 0 25px!important;max-width:800px}.ij-outline{color:transparent;-webkit-text-stroke:1px var(--ij-paper)}.ij-hero-copy{max-width:445px;margin-left:0!important;color:#dedbd7;font-size:1rem;line-height:1.75;margin-bottom:30px}.ij-hero-note{font-size:.62rem;letter-spacing:.24em;color:#c5c2bd;margin-top:45px!important}.ij-marquee{background:var(--ij-red);color:#080808;padding:17px max(40px,calc((100vw - 1240px)/2));gap:12px!important}.ij-marquee p{margin:0}.ij-marquee-text{font-family:Anton,sans-serif;font-size:1.35rem;letter-spacing:.04em}.ij-micro{font-size:.64rem;font-weight:700;letter-spacing:.11em;line-height:1.7}.ij-section{padding:88px max(40px,calc((100vw - 1240px)/2));margin:0!important}.ij-section>*,.ij-standard-page>*{max-width:1240px!important}.ij-section h2{margin-top:0}.ij-section .ij-eyebrow{margin-bottom:16px}.ij-text-link{font-size:.78rem;font-weight:bold;letter-spacing:.03em}.ij-text-link a{text-decoration:none;border-bottom:1px solid var(--ij-red);padding-bottom:9px}.ij-work-grid{margin-top:36px;gap:20px}.ij-work-image{margin:0!important;overflow:hidden;background:#1b1b1b}.ij-work-image img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .35s}.ij-work-image a:hover img{transform:scale(1.035)}.ij-work-grid .ij-micro{color:var(--ij-muted);padding-top:8px}.ij-muted{color:var(--ij-muted);font-size:.88rem;line-height:1.8}.ij-services{background:#151515;border-top:1px solid var(--ij-line);border-bottom:1px solid var(--ij-line)}.ij-service-grid{gap:44px;margin-top:45px}.ij-service-grid .wp-block-column{border-top:1px solid #454545;padding-top:22px}.ij-service-grid p:not(.ij-service-number){color:#bcbab6;font-size:.92rem;line-height:1.85}.ij-service-number{font-family:Anton,sans-serif;font-size:2rem;color:var(--ij-red);margin:0}.ij-service-grid a{color:var(--ij-paper);font-size:.8rem}.ij-about-grid{gap:65px;align-items:center!important}.ij-about-grid p{line-height:1.85}.ij-about-image{margin:0!important}.ij-about-image img{width:100%;aspect-ratio:1.1;object-fit:cover;display:block;filter:saturate(.75)}.ij-cta{background:#eae7e0;color:#111}.ij-cta .ij-eyebrow{color:#a72c24}.ij-cta h2{font-size:clamp(2.8rem,5vw,5rem)}.ij-cta-columns{align-items:center!important;gap:80px}.ij-cta-columns .wp-block-column:last-child{flex-basis:40%!important;flex-grow:.7}.ij-cta-columns p{font-size:1rem;line-height:1.85}.ij-footer{padding:55px max(40px,calc((100vw - 1240px)/2)) 25px;background:#080808}.ij-footer-brand{font-family:Anton,sans-serif;font-size:2rem;margin:0}.ij-footer a{color:var(--ij-paper)}.ij-footer-bottom{border-top:1px solid var(--ij-line);margin-top:35px;padding-top:25px;color:var(--ij-muted)}.ij-footer>.ij-micro{color:#aaa}.ij-page-intro{padding-top:70px;min-height:60vh}.ij-page-intro h1{margin-top:0;margin-bottom:45px}.ij-intro{max-width:680px!important;margin-left:0!important;color:var(--ij-muted);font-size:1.1rem}.ij-film-title{font-size:1.65rem!important;margin-top:24px!important}.ij-page-intro .ij-work-grid{margin-top:50px}.ij-standard-page{padding:70px max(24px,calc((100vw - 920px)/2)) 90px;min-height:65vh}.ij-standard-page>h1{margin:0 auto 40px!important;overflow-wrap:anywhere}.ij-standard-page .wp-block-post-content{line-height:1.85}.ij-standard-page .wp-block-post-content a{color:#ff897f}.ij-post-meta{font-size:.8rem;color:var(--ij-muted)}.ij-post-card{border-bottom:1px solid var(--ij-line);padding-block:32px}.ij-post-card h2{font-size:2rem}.ij-post-card .wp-block-post-date{color:var(--ij-muted);font-size:.8rem}.wp-block-post-template{padding:0}.wp-block-query-pagination{padding-block:30px}.wp-block-search__input,input,textarea,select{font:inherit;border-radius:0}.wp-block-search__input{background:#181818;color:var(--ij-paper);border:1px solid #777;min-width:0;padding:12px}.wp-block-search__button{background:var(--ij-red);color:#080808;font-weight:bold;border:0;padding:12px 20px}.ij-booking-grid{gap:65px}.ij-form-note{padding:32px;border:1px solid #454545;background:#161616}.ij-form-note h2{font-size:2rem}.ij-form-note p{color:#c9c6c0}.ij-form-note .wp-element-button{display:inline-block;background:var(--ij-red);color:#080808;padding:15px 20px;text-decoration:none;font-weight:bold}.ij-demo-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-block:40px}.ij-demo-list li{border:1px solid var(--ij-line);padding:24px}.ij-demo-list a{font-weight:bold;font-size:.9rem;text-decoration:none}.ij-booking-grid .wpforms-container{margin:0!important}.ij-booking-grid .wpforms-container .wpforms-field-label,.ij-booking-grid .wpforms-container .wpforms-field-sublabel,.ij-booking-grid .wpforms-container .wpforms-field-description{color:var(--ij-paper)!important}.ij-booking-grid .wpforms-container input,.ij-booking-grid .wpforms-container textarea,.ij-booking-grid .wpforms-container select{background:#171717!important;color:var(--ij-paper)!important;border:1px solid #777!important}.ij-booking-grid .wpforms-container button[type=submit]{background:var(--ij-red)!important;color:#080808!important;border:0!important;border-radius:0!important;font-weight:bold!important}.ij-booking-grid .wpforms-container em.wpforms-error{color:#ff9e96!important}.wp-block-navigation__responsive-container.is-menu-open{background:#101010!important;color:var(--ij-paper)!important;padding:28px}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{gap:28px;align-items:flex-start}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item{font-size:1.1rem}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{align-items:flex-start;padding-top:65px}.wp-block-navigation__responsive-container-close,.wp-block-navigation__responsive-container-open{min-width:44px;min-height:44px;justify-content:center;align-items:center}.wp-block-embed{margin-inline:0}.wp-block-embed iframe{max-width:100%}.wp-block-post-content pre{overflow:auto}.wp-block-table{overflow-x:auto}.wp-block-table th,.wp-block-table td{border-color:#666}blockquote{border-left:3px solid var(--ij-red);padding-left:24px;margin-left:0}.screen-reader-text:focus{background:#fff;color:#000}
@media(min-width:782px) and (max-width:1000px){.ij-header{padding-inline:24px!important}.ij-navigation .wp-block-navigation__container{gap:14px}.ij-wordmark{font-size:1.2rem}.ij-wordmark-sub{font-size:.45rem}.ij-about-grid{gap:32px}.ij-hero-title{font-size:6rem}}
@media(max-width:781px){.wp-block-group.ij-header{padding:15px 22px}.ij-logo,.ij-logo img{width:46px!important;height:46px}.ij-wordmark{font-size:1.25rem}.ij-navigation .wp-block-navigation__responsive-container:not(.is-menu-open){display:none!important}.ij-navigation .wp-block-navigation__responsive-container-open{display:flex!important}.ij-hero{padding:65px 24px 50px;min-height:640px!important}.ij-hero-title{font-size:clamp(2.9rem,15vw,6rem)}.ij-hero .wp-block-cover__image-background{object-position:60% center!important}.ij-hero .wp-block-cover__background{background:linear-gradient(90deg,rgba(8,8,8,.92),rgba(8,8,8,.65))!important}.ij-hero-copy{font-size:.96rem}.ij-hero-note{margin-top:35px!important}.ij-marquee{padding:16px 24px}.ij-marquee-text{font-size:1.13rem}.ij-marquee>.ij-micro{display:none}.ij-section{padding:58px 24px}.ij-work-grid,.ij-service-grid,.ij-about-grid,.ij-cta-columns,.ij-booking-grid{gap:30px}.ij-work-grid .wp-block-column+.wp-block-column{margin-top:10px}.ij-about-grid{gap:36px}.ij-about-image img{aspect-ratio:4/3}.ij-footer{padding:40px 24px 22px}.ij-footer-bottom{gap:8px}.ij-page-intro h1{font-size:clamp(2.8rem,10vw,4.8rem)}.ij-demo-list{grid-template-columns:1fr}.ij-standard-page{padding-top:45px}.ij-standard-page h1{font-size:clamp(2.4rem,10vw,4rem)}.ij-cta-columns .wp-block-column:last-child{flex-basis:100%!important}.ij-text-link{margin-block:10px}.ij-eyebrow{font-size:.61rem}.ij-form-note{padding:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Keep full-width sections outside the reading-width constraint. */
.ij-footer>*{max-width:1240px!important}.ij-nav-cta .wp-block-navigation-item__label{color:#080808}.ij-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{align-items:stretch!important;text-align:left}.ij-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{width:100%;align-items:stretch!important;justify-content:flex-start!important;margin:0!important}.ij-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item{width:100%;align-items:stretch!important}.ij-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item a{padding:14px 18px!important;display:block;width:100%}

/* Hero slideshow: backgrounds rotate; content stays stationary. */
.ij-hero .ij-hero-frame{opacity:0;transition:opacity 900ms ease;pointer-events:none;z-index:0}
.ij-hero .ij-hero-frame.ij-active{opacity:1}
.ij-hero .wp-block-cover__background{z-index:1}
.ij-hero .wp-block-cover__inner-container{position:relative;z-index:2}
.ij-hero-controls{position:absolute;right:40px;bottom:24px;z-index:3;display:flex;align-items:center;gap:8px;color:#fff}
.ij-hero-controls button{min-width:44px;min-height:44px;border:1px solid #b5b5b5;background:rgba(8,8,8,.8);color:#fff;font:700 14px Arial,sans-serif;cursor:pointer;padding:10px 14px}
.ij-hero-controls button:hover{background:#f04437;color:#080808;border-color:#f04437}
.ij-hero-count{font:700 11px Arial,sans-serif;letter-spacing:.1em;padding:0 8px}
@media(max-width:781px){.ij-hero{padding-bottom:100px}.ij-hero-controls{left:24px;right:auto;bottom:24px}}
@media(prefers-reduced-motion:reduce){.ij-hero .ij-hero-frame{transition:none}}

.ij-reel{background:#101010;border-bottom:1px solid #343434}.ij-reel .wp-block-embed{margin-block:32px}.ij-reel .wp-block-embed__wrapper iframe{width:100%;aspect-ratio:16/9;height:auto;display:block}

/* Video stays invisible until playback succeeds; images remain underneath. */
.ij-video-layer{position:absolute;inset:0;z-index:0;opacity:0;overflow:hidden;pointer-events:none;container-type:size;transition:opacity 800ms ease}
.ij-video-layer iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:max(100cqw,177.78cqh);height:max(100cqh,56.25cqw);min-width:100%;min-height:100%;border:0;max-width:none}
.ij-hero[data-ij-video-active="true"] .ij-video-layer{opacity:1}
.ij-hero[data-ij-video-active="true"] .ij-hero-controls{display:none}
.ij-video-controls{position:absolute;bottom:24px;right:40px;z-index:3;display:flex;gap:8px;flex-wrap:wrap}
.ij-video-controls[hidden]{display:none}
.ij-video-controls button{min-height:44px;border:1px solid #b5b5b5;background:rgba(8,8,8,.85);color:#fff;font:700 13px Arial,sans-serif;padding:10px 14px;cursor:pointer}
.ij-video-controls button:hover{background:#f04437;color:#080808}
@media(max-width:781px){.ij-video-controls{left:24px;right:24px;bottom:20px;gap:6px}.ij-video-controls button{font-size:11px;padding:10px}.ij-hero{padding-bottom:110px}}
@media(prefers-reduced-motion:reduce){.ij-video-layer{transition:none}}

/* Mixing demo popup. */
html.ij-popup-open{overflow:hidden}
.ij-video-dialog{width:min(1000px,calc(100vw - 32px));max-width:none;max-height:90dvh;margin:auto;padding:20px;background:#111;color:#f0eee9;border:1px solid #555;overflow:auto;box-shadow:0 24px 100px #000}
.ij-video-dialog::backdrop{background:rgba(0,0,0,.88)}
.ij-popup-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}
.ij-popup-header h2{font:400 clamp(1.1rem,2.5vw,1.7rem)/1.25 Anton,Arial,sans-serif;margin:0;overflow-wrap:anywhere}
.ij-popup-header button{flex-shrink:0;min-height:44px;background:#f04437;color:#080808;border:0;padding:10px 16px;font:700 14px Arial,sans-serif;cursor:pointer}
.ij-popup-player{aspect-ratio:16/9;background:#080808}
.ij-popup-player iframe{display:block;width:100%;height:100%;border:0}
.ij-popup-fallback{display:inline-block;margin-top:16px;font-size:.8rem;color:#d1cfca}
@media(max-width:600px){.ij-video-dialog{padding:12px}.ij-popup-header{gap:12px}.ij-popup-header button{padding:10px}}