/*
Theme Name: JO LOOK Luxury
Author: JO LOOK Studio
Description: Cinematic photography and videography portfolio with Hebrew, English and French navigation, editable galleries and reels.
Version: 1.0.0
Requires PHP: 7.4
Text Domain: jolook-luxury
*/
:root{--gold:#d7ae67;--cream:#f5f0e8;--bg:#090a0b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--cream);font-family:Montserrat,Arial,sans-serif}a{color:inherit;text-decoration:none}.header{height:104px;position:absolute;z-index:10;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 6%;background:linear-gradient(180deg,rgba(0,0,0,.65),transparent)}.brand{display:flex;flex-direction:column;align-items:center;line-height:1}.wordmark{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(34px,4vw,66px);font-weight:500;letter-spacing:-3px;color:#e7bb72;text-shadow:0 2px 1px #684320,0 0 15px #ab73365e}.aperture{display:inline-block;border:1px solid #b58a4b;border-radius:50%;line-height:.8;padding:0 1px;background:radial-gradient(circle at center,#20180d 20%,#7a5227 22%,#15100b 44%,#d8ad62 48%,transparent 52%)}.brand small{font-size:8px;letter-spacing:2.4px;color:var(--gold);margin-top:5px}.header nav{display:flex;gap:clamp(12px,2.6vw,43px)}nav a{font-size:10px;letter-spacing:1.4px;transition:color .2s}nav a:hover{color:var(--gold)}.menu-toggle{display:none}.hero{height:min(780px,100svh);min-height:600px;position:relative;background:url('assets/hero.jpg') center 47%/cover no-repeat}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.87) 0%,rgba(0,0,0,.62) 30%,rgba(0,0,0,.09) 75%),linear-gradient(0deg,rgba(0,0,0,.38),transparent 38%)}.hero-copy{position:absolute;left:7%;top:50%;transform:translateY(-37%);max-width:650px}.eyebrow{letter-spacing:8px;font-size:13px;font-weight:400}.hero h1,.section h2,.feature h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:300}.hero h1{font-size:clamp(74px,9vw,145px);line-height:.76;letter-spacing:-2px;margin:24px 0 26px}.gold-rule{display:block;width:58px;height:1px;background:var(--gold);margin:22px 0}.subline{font-size:14px;line-height:2;letter-spacing:4px}.outline-button{display:inline-flex;align-items:center;gap:17px;padding:15px 26px;border:1px solid var(--gold);font-size:11px;letter-spacing:2px;margin-top:20px;transition:background .2s,color .2s}.outline-button:hover{background:var(--gold);color:#0a0908}.outline-button span{color:var(--gold)}.side-note{position:absolute;right:2.6%;top:33%;writing-mode:vertical-rl;font-size:9px;letter-spacing:3px}.hero-index{position:absolute;right:7%;bottom:7%;display:flex;align-items:center;gap:20px;font-size:11px}.hero-index i{display:block;width:100px;height:1px;background:var(--gold)}.duo{display:grid;grid-template-columns:1fr 1fr}.feature{height:360px;position:relative;display:flex;align-items:end;padding:6%;overflow:hidden;background-size:cover;background-position:center}.feature:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.86),rgba(0,0,0,.05))}.feature-photo{background-image:url('assets/hero.jpg');background-position:center 70%}.feature-video{background:radial-gradient(ellipse at 80% 10%,#60402a 0%,#1b2027 45%,#050608 100%)}.feature-video:after{content:'▶';position:absolute;right:12%;top:30%;font-size:75px;color:#c89c5666}.feature-content{position:relative;z-index:1}.feature h2{font-size:clamp(36px,4vw,58px);margin:10px 0}.feature p{font-size:10px;letter-spacing:3px}.feature .outline-button{padding:12px 18px}.motto{text-align:center;padding:24px;font-size:10px;letter-spacing:4px;border-bottom:1px solid #222}.motto span,.gold{color:var(--gold)}.section{padding:100px 7%;text-align:center}.section h2{font-size:clamp(55px,7vw,90px);margin:10px}.section-intro{font-size:13px;color:#aaa;line-height:1.8}.gallery{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin-top:45px;height:390px}.gallery img{width:100%;height:100%;object-fit:cover}.placeholder{display:grid;place-items:center;background:linear-gradient(140deg,#413429,#0b0e11);font-family:'Cormorant Garamond',serif;font-size:30px;letter-spacing:2px;color:#d5bc91}.placeholder-2{background:linear-gradient(140deg,#18202a,#403024)}.film-section{background:#101112}.film-panel{height:390px;margin-top:40px;background:linear-gradient(120deg,#0b0b0b99,#0b0b0bcc),url('assets/hero.jpg') center/cover;display:grid;place-items:center}.play{display:inline-grid;place-items:center;border:1px solid var(--gold);border-radius:50%;width:85px;height:85px;color:var(--gold);font-size:22px}.film-panel p{letter-spacing:4px}.film-panel small{color:#ccc}.about{max-width:920px;margin:auto}.about>p:last-child{line-height:2;font-size:15px;color:#c5c0b9}.contact{background:linear-gradient(#0a0b0ce6,#0a0b0cf2),url('assets/hero.jpg') center/cover}.contact-note{font-size:10px;color:#999;margin-top:24px}footer{padding:34px 7%;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;border-top:1px solid #242424}footer>span{font-family:'Cormorant Garamond',serif;font-size:30px;color:var(--gold)}footer small{font-size:9px;color:#aaa}footer a{font-size:10px;color:var(--gold)}@media(max-width:850px){.header{height:88px}.menu-toggle{display:block;color:var(--gold);background:none;border:0;font-size:28px;cursor:pointer}.header nav{display:none;position:absolute;top:88px;left:0;right:0;background:#080809f2;flex-direction:column;padding:25px 7%;gap:25px}.header nav.open{display:flex}.hero{height:730px;min-height:620px;background-position:58% center}.hero-copy{left:7%;top:55%;transform:translateY(-20%)}.hero h1{font-size:clamp(65px,12vw,105px)}.eyebrow{letter-spacing:5px}.subline{font-size:11px;letter-spacing:2px}.side-note{display:none}.duo{grid-template-columns:1fr}.feature{height:330px}.gallery{grid-template-columns:1fr 1fr;height:auto}.gallery img{grid-column:span 2;height:400px}.placeholder{height:250px}.section{padding:80px 5%}footer{flex-wrap:wrap}}@media(max-width:480px){.wordmark{font-size:41px}.brand small{font-size:6px}.hero{background-position:57% center}.hero h1{font-size:69px}.hero-copy{top:58%}.hero-index{display:none}.gallery img{height:280px}.placeholder{height:190px;font-size:20px}.section h2{font-size:58px}}

/* Brand logo and bilingual interface */
.header{gap:22px}.brand{flex:0 0 auto;width:clamp(170px,22vw,335px)}.brand-logo{display:block;width:100%;height:auto;max-height:95px;object-fit:contain;filter:drop-shadow(0 1px 8px rgba(0,0,0,.45))}
.header-actions{order:3;display:flex;align-items:center;gap:14px}.header nav{order:2;margin-left:auto}.language-switch{display:flex;gap:8px;align-items:center;white-space:nowrap;font-size:11px;color:var(--gold)}.lang-btn{border:0;background:transparent;color:#ccc;font:500 11px Montserrat,Arial,sans-serif;cursor:pointer;padding:8px 2px}.lang-btn.active{color:#eac78c;text-decoration:underline;text-underline-offset:6px}.lang-btn:hover{color:white}
body.hebrew .hero-copy,body.hebrew .feature-content,body.hebrew .section,body.hebrew .motto{text-align:right}body.hebrew .hero-copy{left:auto;right:7%}body.hebrew .hero-overlay{background:linear-gradient(270deg,rgba(0,0,0,.87),rgba(0,0,0,.60) 30%,rgba(0,0,0,.09) 75%)}body.hebrew .hero h1{line-height:1.05;font-size:clamp(65px,7.5vw,115px)}body.hebrew .hero-copy .gold-rule{margin-left:auto}body.hebrew .hero .side-note{right:auto;left:2.6%;writing-mode:vertical-lr}body.hebrew .hero-index{right:auto;left:7%}body.hebrew .feature-content .gold-rule{margin-left:auto}body.hebrew .section{direction:rtl}body.hebrew .about{margin:auto}body.hebrew .gallery{direction:ltr}body.hebrew .header nav{direction:rtl}body.hebrew .header nav a{letter-spacing:0;font-size:13px}body.hebrew .subline{letter-spacing:1px}body.hebrew .eyebrow{letter-spacing:2px}body.hebrew .feature p{letter-spacing:1px}body.hebrew .section-intro{letter-spacing:0}body.hebrew .motto{direction:rtl;text-align:center}
@media(max-width:1100px){.header{padding:14px 4%}.brand{width:clamp(150px,20vw,260px)}.header nav{gap:14px}nav a{font-size:9px;letter-spacing:.7px}}
@media(max-width:850px){.header{gap:12px}.brand{width:210px}.header-actions{margin-left:auto}.header nav{order:4;top:88px}.menu-toggle{display:block}.hero-copy{max-width:85%}body.hebrew .hero-copy{right:7%;max-width:84%}}
@media(max-width:480px){.brand{width:175px}.header-actions{gap:8px}.language-switch{gap:5px}.lang-btn{font-size:10px}.header{padding:10px 4%}body.hebrew .hero h1{font-size:60px}}

/* JO LOOK v3 - trilingual, editorial story and portrait reels */
.about-story{max-width:1280px;margin:auto}.about-layout{display:grid;grid-template-columns:minmax(260px,.78fr) 1.22fr;gap:clamp(25px,5vw,80px);align-items:start;margin-top:42px;text-align:left}.about-portrait{position:sticky;top:30px;min-height:560px;background:linear-gradient(155deg,#302518,#101114 55%,#6b4b27);border:1px solid #51422e;display:grid;place-items:center}.portrait-placeholder{border:1px solid #9a774a;padding:22px;color:#e1bf85;font-size:11px;letter-spacing:2px;text-align:center;max-width:70%}.about-copy{max-width:720px}.about-copy p{line-height:1.95;color:#d5d0c8;font-size:15px;margin:0 0 21px}.about-copy .about-lead{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(26px,3vw,39px);line-height:1.2;color:#e5bf83}.reels-section{background:#0b0b0d}.reels-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:1040px;margin:44px auto 0}.reel-card{text-align:left}.reel-poster{aspect-ratio:9/16;display:grid;place-items:center;border:1px solid #55432b;background:linear-gradient(155deg,#55402a 0%,#1a1b1d 45%,#090a0d 100%);position:relative;overflow:hidden}.reel-poster:before{content:'';position:absolute;inset:0;background:linear-gradient(140deg,transparent,#bd8c4740,transparent);transform:translateX(calc((var(--reel-index) - 2)*20%))}.reel-play{border:1px solid #d7ae67;color:#d7ae67;border-radius:50%;width:66px;height:66px;display:grid;place-items:center;font-size:20px;z-index:1}.reel-card p{font-size:10px;letter-spacing:1.5px;color:#d4b27c;line-height:1.6}.brand-logo{max-width:100%}body.hebrew .about-layout{direction:rtl;text-align:right}body.hebrew .about-copy{text-align:right}body.hebrew .reel-card{text-align:right}body.hebrew .reels-grid{direction:rtl}body.hebrew .about-story{text-align:center}body.hebrew .about-story .about-copy{text-align:right}.language-switch{gap:6px}.lang-btn{padding:8px 3px}@media(max-width:850px){.about-layout{grid-template-columns:1fr}.about-portrait{position:static;min-height:350px}.reels-grid{gap:12px}}@media(max-width:520px){.reels-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reel-card p{font-size:9px}.header .brand{width:145px}.header-actions{gap:5px}.language-switch{gap:2px}.lang-btn{font-size:10px}.about-copy p{font-size:14px}}

.hero{background-image:var(--jolook-hero) !important}.feature-photo{background-image:var(--jolook-hero) !important}.film-panel{background-image:linear-gradient(120deg,#0b0b0b99,#0b0b0bcc),var(--jolook-hero)}.contact{background-image:linear-gradient(#0a0b0ce6,#0a0b0cf2),var(--jolook-hero)}.portrait-image{width:100%;height:100%;object-fit:cover;display:block}.reel-video{width:100%;aspect-ratio:9/16;object-fit:cover;background:#111;display:block}.film-panel video{width:100%;height:100%;object-fit:contain;background:#000}.wp-content{color:#f5f0e8}.wp-content a{color:#d7ae67}