/* Kunstzicht Journal — luxury editorial photography stories */

.kz-journal{
  --kz-black:#020302;
  --kz-cream:#f1e8d8;
  --kz-gold:#b98d57;
  --kz-white:#f4efe7;
  position:relative;
  background:var(--kz-black);
  color:var(--kz-white);
  overflow:visible;
}
.kz-journal>.section_inner,.kz-journal>.full_section_inner,.kz-journal .section_inner_margin{position:relative;z-index:2}
.kz-journal .vc_column-inner{box-sizing:border-box}
.kz-journal p{font-size:17px;line-height:1.85;color:#d8d2c8}
.kz-journal img{display:block;width:100%;height:auto;max-width:100%}

/* HERO */
.kz-journal-hero{min-height:760px;padding:70px 0 95px;background:#020302;isolation:isolate;overflow:hidden}
.kz-journal-hero:before{content:"";position:absolute;left:7%;top:64px;width:1px;height:78%;background:linear-gradient(to bottom,transparent,rgba(185,141,87,.75) 18%,rgba(185,141,87,.18) 82%,transparent);z-index:1}
.kz-journal-hero:after{content:"KZ";position:absolute;left:1.5%;bottom:-55px;font-size:240px;line-height:1;font-weight:700;letter-spacing:-.08em;color:rgba(255,255,255,.018);z-index:0;pointer-events:none}
.kz-journal-hero .section_inner_margin,.kz-journal-hero .full_section_inner{display:flex;align-items:center}
.kz-journal-hero-copy{z-index:5}
.kz-journal-hero-copy>.vc_column-inner{padding:80px 7% 70px 11%!important}
.kz-journal-kicker{margin-bottom:38px;color:var(--kz-gold);font-size:10px;font-weight:700;letter-spacing:.28em;text-transform:uppercase}
.kz-journal-kicker span{display:inline-block;margin:0 12px;color:rgba(241,232,216,.45)}
.kz-journal-hero h1{position:relative;z-index:5;margin:0;color:var(--kz-white);font-size:clamp(52px,6vw,94px);font-weight:300;line-height:.96;letter-spacing:-.045em}
.kz-journal-hero h1 em{position:relative;display:inline-block;margin-left:8%;color:var(--kz-cream);font-weight:300;font-style:italic;white-space:nowrap}
.kz-journal-hero h1 em:after{content:"";position:absolute;left:72%;top:56%;width:210px;height:1px;background:var(--kz-gold);opacity:.75}
.kz-journal-hero-rule{display:flex;align-items:center;gap:18px;width:72%;margin:42px 0 26px;color:var(--kz-gold);font-size:9px;letter-spacing:.2em}
.kz-journal-hero-rule:after{content:"";display:block;height:1px;flex:1;background:rgba(185,141,87,.42)}
.kz-journal-lead{max-width:430px!important;margin:0!important;font-size:18px!important;line-height:1.7!important;color:#aaa49a!important}

/* Hero image: layered frame like a gallery object */
.kz-journal-hero-image{position:relative;z-index:3}
.kz-journal-hero-image>.vc_column-inner{padding:25px 8% 25px 2%!important}
.kz-journal-photo{position:relative;z-index:2;overflow:visible}
.kz-journal-photo-hero{max-width:510px;margin:0 auto;transform:rotate(.45deg)}
.kz-journal-photo-hero:before{content:"";position:absolute;z-index:-2;top:-24px;left:-25px;right:24px;bottom:25px;border:1px solid rgba(185,141,87,.82)}
.kz-journal-photo-hero:after{content:"";position:absolute;z-index:-1;top:27px;left:30px;right:-28px;bottom:-29px;border:1px solid rgba(241,232,216,.28)}
.kz-journal-photo-hero img{position:relative;z-index:2;box-shadow:0 35px 90px rgba(0,0,0,.55)}
.kz-journal-hero-image:before{content:"01";position:absolute;z-index:6;right:4%;top:1%;font-size:78px;font-weight:300;line-height:1;color:rgba(185,141,87,.18);letter-spacing:-.05em}
.kz-journal-hero-image:after{content:"ARTISTIEK NAAKT";position:absolute;z-index:6;right:-28px;top:50%;transform:rotate(90deg) translateY(-50%);font-size:8px;letter-spacing:.34em;color:rgba(241,232,216,.5)}

/* EDITORIAL STORY */
.kz-journal-editorial{padding:150px 0 130px;background:var(--kz-cream);color:#171613;overflow:hidden}
.kz-journal-editorial:before{content:"";position:absolute;top:84px;left:0;width:42%;height:1px;background:rgba(65,51,36,.25)}
.kz-journal-editorial:after{content:"STORY";position:absolute;right:-28px;bottom:-48px;font-size:190px;font-weight:700;letter-spacing:-.06em;color:rgba(20,18,15,.035);pointer-events:none}
.kz-journal-editorial .section_inner_margin,.kz-journal-editorial .full_section_inner{display:flex;align-items:center}
.kz-journal-editorial-image>.vc_column-inner{padding:0 5% 0 8%!important}
.kz-journal-photo-left{max-width:430px;margin-left:auto;transform:translateY(-28px) rotate(-.7deg)}
.kz-journal-photo-left:before{content:"";position:absolute;z-index:-1;left:-22px;top:24px;right:22px;bottom:-24px;border:1px solid rgba(79,59,38,.52)}
.kz-journal-photo-left:after{content:"";position:absolute;z-index:3;left:-45px;top:17%;width:88px;height:1px;background:var(--kz-gold)}
.kz-journal-image-no{position:absolute;z-index:5;right:-26px;bottom:25px;padding:9px 11px;background:var(--kz-black);color:var(--kz-gold);font-size:9px;letter-spacing:.18em}
.kz-journal-editorial-copy>.vc_column-inner{padding:20px 12% 20px 8%!important}
.kz-journal-eyebrow{margin:0 0 35px;color:#6f573b;font-size:10px;font-weight:700;letter-spacing:.25em;text-transform:uppercase}
.kz-journal-copy-frame{position:relative;max-width:650px;padding:52px 58px 48px;border-left:1px solid rgba(79,59,38,.55);border-bottom:1px solid rgba(79,59,38,.32)}
.kz-journal-copy-frame:before{content:"";position:absolute;left:0;top:0;width:125%;height:1px;background:rgba(79,59,38,.42)}
.kz-journal-copy-frame:after{content:"";position:absolute;right:-26%;top:-35px;width:1px;height:115px;background:var(--kz-gold);opacity:.72}
.kz-journal-copy-frame p{position:relative;z-index:2;color:#38332d!important;font-size:17px;line-height:1.9}
.kz-journal-copy-frame p:first-child:first-letter{float:left;margin:7px 10px 0 0;color:#8d6a43;font-size:62px;line-height:.72;font-weight:300}

/* FINALE */
.kz-journal-finale{min-height:700px;padding:130px 0 150px;background:#020302;overflow:hidden}
.kz-journal-finale:before{content:"";position:absolute;left:10%;bottom:88px;width:68%;height:1px;background:linear-gradient(to right,rgba(185,141,87,.7),rgba(185,141,87,.05))}
.kz-journal-finale .section_inner_margin,.kz-journal-finale .full_section_inner{display:flex;align-items:center}
.kz-journal-finale-copy{position:relative;z-index:4}
.kz-journal-finale-copy>.vc_column-inner{padding:30px 3% 30px 10%!important}
.kz-journal-bigword{position:relative;z-index:5;margin-right:-18%;font-size:clamp(90px,14vw,215px);font-weight:700;line-height:.78;letter-spacing:-.075em;color:rgba(241,232,216,.075);white-space:nowrap;pointer-events:none}
.kz-journal-finale-line{width:78%;height:1px;margin:55px 0 20px;background:var(--kz-gold);opacity:.7}
.kz-journal-smallmark{color:var(--kz-gold);font-size:9px;font-weight:700;letter-spacing:.28em;text-transform:uppercase}
.kz-journal-finale-image{position:relative;z-index:3}
.kz-journal-finale-image>.vc_column-inner{padding:20px 11% 20px 0!important}
.kz-journal-photo-right{max-width:430px;margin:0 auto;transform:translateY(20px) rotate(.7deg)}
.kz-journal-photo-right:before{content:"";position:absolute;z-index:-1;top:-25px;left:25px;right:-26px;bottom:26px;border:1px solid rgba(185,141,87,.75)}
.kz-journal-photo-right:after{content:"";position:absolute;z-index:4;left:-65px;bottom:17%;width:110px;height:1px;background:rgba(241,232,216,.5)}
.kz-journal-photo-right .kz-journal-image-no{right:auto;left:-23px;bottom:auto;top:30px}

/* Keep ordinary links restrained */
.kz-journal a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(185,141,87,.55)}
.kz-journal a:hover{color:var(--kz-gold)}

/* =========================================================
   SUPER STYLING PASS — only Journal classes
   Adds depth, overlap and gallery-like finishing without
   changing markup, images, text or other site components.
   ========================================================= */

.kz-journal-hero-copy .wpb_text_column,
.kz-journal-editorial-copy .wpb_text_column,
.kz-journal-finale-copy .wpb_text_column{position:relative;overflow:visible}

/* Fine corner architecture around the hero copy */
.kz-journal-hero-copy .wpb_text_column:before{content:"";position:absolute;z-index:0;left:-34px;top:-42px;width:105px;height:105px;border-left:1px solid rgba(185,141,87,.5);border-top:1px solid rgba(185,141,87,.5);pointer-events:none}
.kz-journal-hero-copy .wpb_text_column:after{content:"";position:absolute;z-index:0;right:-11%;bottom:-34px;width:46%;height:76px;border-right:1px solid rgba(241,232,216,.16);border-bottom:1px solid rgba(241,232,216,.16);pointer-events:none}
.kz-journal-hero-copy .wpb_text_column>.wpb_wrapper{position:relative;z-index:2}

/* Museum mount behind hero image */
.kz-journal-photo-hero img{outline:1px solid rgba(255,255,255,.08);outline-offset:-10px}
.kz-journal-photo-hero{filter:drop-shadow(0 28px 45px rgba(0,0,0,.3))}
.kz-journal-photo-hero:before{box-shadow:-18px -18px 0 -17px rgba(185,141,87,.32)}
.kz-journal-photo-hero:after{box-shadow:18px 18px 0 -17px rgba(241,232,216,.16)}

/* Long crossing lines make the two hero halves one composition */
.kz-journal-hero-copy:after{content:"";position:absolute;z-index:2;right:-15%;top:27%;width:31%;height:1px;background:linear-gradient(to right,rgba(185,141,87,.9),rgba(185,141,87,.08));pointer-events:none}
.kz-journal-hero-image .wpb_text_column:after{content:"";position:absolute;z-index:7;left:-7%;bottom:12%;width:26%;height:1px;background:var(--kz-gold);opacity:.72;pointer-events:none}

/* Editorial image gets an offset museum mat */
.kz-journal-photo-left img{outline:1px solid rgba(255,255,255,.34);outline-offset:-9px;box-shadow:0 28px 60px rgba(52,39,25,.17)}
.kz-journal-photo-left:before{box-shadow:-15px 15px 0 -14px rgba(86,62,37,.24)}
.kz-journal-editorial-image:before{content:"";position:absolute;left:10%;top:-45px;width:70px;height:135px;border-left:1px solid rgba(90,66,41,.35);border-top:1px solid rgba(90,66,41,.35);pointer-events:none}

/* Stronger editorial text architecture */
.kz-journal-copy-frame{background:rgba(255,255,255,.08)}
.kz-journal-copy-frame:before{width:138%;background:linear-gradient(to right,rgba(79,59,38,.62),rgba(79,59,38,.12),transparent)}
.kz-journal-copy-frame:after{height:155px;top:-62px;background:linear-gradient(to bottom,transparent,var(--kz-gold),rgba(185,141,87,.18))}
.kz-journal-editorial-copy:after{content:"";position:absolute;z-index:1;right:5%;bottom:-62px;width:46%;height:92px;border-right:1px solid rgba(82,60,37,.26);border-bottom:1px solid rgba(82,60,37,.26);pointer-events:none}
.kz-journal-eyebrow:before{content:"";display:inline-block;width:34px;height:1px;margin:0 14px 3px 0;background:var(--kz-gold);vertical-align:middle}

/* Finale becomes a stronger poster-like composition */
.kz-journal-finale-copy:before{content:"";position:absolute;left:7%;top:-35px;width:1px;height:120px;background:linear-gradient(to bottom,transparent,rgba(185,141,87,.75));pointer-events:none}
.kz-journal-finale-copy:after{content:"";position:absolute;right:-13%;top:44%;width:29%;height:1px;background:rgba(185,141,87,.65);z-index:6;pointer-events:none}
.kz-journal-bigword{-webkit-text-stroke:1px rgba(241,232,216,.09);text-shadow:0 18px 50px rgba(0,0,0,.25)}
.kz-journal-photo-right img{outline:1px solid rgba(255,255,255,.09);outline-offset:-10px;box-shadow:0 35px 85px rgba(0,0,0,.52)}
.kz-journal-photo-right:before{box-shadow:17px -17px 0 -16px rgba(185,141,87,.28)}
.kz-journal-finale-image:after{content:"";position:absolute;right:5%;bottom:-38px;width:90px;height:90px;border-right:1px solid rgba(185,141,87,.48);border-bottom:1px solid rgba(185,141,87,.48);pointer-events:none}

/* Small typographic refinements */
.kz-journal-smallmark:after{content:"";display:inline-block;width:75px;height:1px;margin:0 0 3px 18px;background:rgba(185,141,87,.5);vertical-align:middle}
.kz-journal-image-no{box-shadow:0 10px 30px rgba(0,0,0,.2)}

@media(max-width:900px){
 .kz-journal-hero .section_inner_margin,.kz-journal-hero .full_section_inner,.kz-journal-editorial .section_inner_margin,.kz-journal-editorial .full_section_inner,.kz-journal-finale .section_inner_margin,.kz-journal-finale .full_section_inner{display:block}
 .kz-journal-hero{min-height:0;padding:40px 0 90px}
 .kz-journal-hero-copy>.vc_column-inner{padding:70px 8% 75px!important}
 .kz-journal-hero-image>.vc_column-inner{padding:20px 12%!important}
 .kz-journal-hero h1 em{margin-left:0;white-space:normal}
 .kz-journal-hero h1 em:after{display:none}
 .kz-journal-hero-image:after{display:none}
 .kz-journal-hero-copy:after,.kz-journal-finale-copy:after{display:none}
 .kz-journal-editorial{padding:100px 0}
 .kz-journal-editorial-image>.vc_column-inner{padding:0 14% 80px!important}
 .kz-journal-editorial-copy>.vc_column-inner{padding:0 8%!important}
 .kz-journal-copy-frame{padding:40px 35px}
 .kz-journal-copy-frame:before{width:100%}
 .kz-journal-copy-frame:after{display:none}
 .kz-journal-editorial-copy:after{display:none}
 .kz-journal-finale{min-height:0;padding:100px 0}
 .kz-journal-finale-copy>.vc_column-inner{padding:20px 8% 70px!important}
 .kz-journal-bigword{margin:0;font-size:clamp(75px,23vw,150px)}
 .kz-journal-finale-image>.vc_column-inner{padding:0 14%!important}
}

@media(max-width:600px){
 .kz-journal p{font-size:16px}
 .kz-journal-hero:before{left:20px}
 .kz-journal-hero:after{font-size:140px}
 .kz-journal-hero-copy>.vc_column-inner{padding:65px 30px 60px!important}
 .kz-journal-hero-copy .wpb_text_column:before{left:-10px;top:-28px;width:60px;height:60px}
 .kz-journal-hero-copy .wpb_text_column:after{display:none}
 .kz-journal-kicker{font-size:8px;letter-spacing:.2em}
 .kz-journal-kicker span{margin:0 6px}
 .kz-journal-hero h1{font-size:48px}
 .kz-journal-lead{font-size:16px!important}
 .kz-journal-hero-image>.vc_column-inner{padding:15px 38px!important}
 .kz-journal-photo-hero:before{top:-12px;left:-12px;right:12px;bottom:12px}
 .kz-journal-photo-hero:after{top:13px;left:15px;right:-14px;bottom:-15px}
 .kz-journal-hero-image:before{font-size:48px;right:18px}
 .kz-journal-editorial{padding:80px 0}
 .kz-journal-editorial-image>.vc_column-inner{padding:0 42px 65px!important}
 .kz-journal-editorial-image:before{left:22px;top:-25px;width:45px;height:75px}
 .kz-journal-photo-left:after{left:-24px;width:48px}
 .kz-journal-editorial-copy>.vc_column-inner{padding:0 24px!important}
 .kz-journal-copy-frame{padding:32px 24px}
 .kz-journal-copy-frame p:first-child:first-letter{font-size:48px}
 .kz-journal-finale{padding:80px 0 100px}
 .kz-journal-finale-copy>.vc_column-inner{padding:20px 24px 60px!important}
 .kz-journal-finale-copy:before{left:18px;height:70px}
 .kz-journal-finale-image>.vc_column-inner{padding:0 42px!important}
 .kz-journal-photo-right:after{left:-30px;width:55px}
 .kz-journal-finale-image:after{right:20px;bottom:-25px;width:55px;height:55px}
 .kz-journal-smallmark:after{width:35px;margin-left:10px}
}