/* The editorial gallery keeps Karina's original imagery and native scrolling. */
#karina-cinema{overflow:clip}
#karina-cinema a:focus-visible{outline:2px solid #a95476;outline-offset:6px}
#karina-cinema .campaign{background:#f4efe8}
#karina-cinema .campaign-heading{padding:115px 7% 80px;max-width:1500px;margin:auto}
#karina-cinema .campaign-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:2px}
#karina-cinema .campaign h2{font:400 clamp(62px,7.8vw,120px)/.92 'Cormorant Garamond',serif;letter-spacing:-4px;margin:55px 0 40px}
#karina-cinema .campaign h2 em{color:#956c79;font-weight:400}
#karina-cinema .campaign-intro{display:flex;align-items:center;gap:30px}
#karina-cinema .campaign-intro p{font-size:13px;line-height:1.9;color:#75635f;margin:0}
#karina-cinema .little-star{font-size:35px;color:#946977}
#karina-cinema .text-link{display:inline-flex;justify-content:space-between;gap:35px;align-items:center;font-size:9px;letter-spacing:1.6px;padding:15px 0;border-bottom:1px solid currentColor;text-decoration:none;line-height:1.6}
#karina-cinema .campaign-intro .text-link{margin-left:auto}
#karina-cinema .campaign-chapter{padding:0 7%;position:relative}
#karina-cinema .chapter-label{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #8a6c6a44;padding:20px 0 50px;letter-spacing:1.7px;font-size:9px;position:relative;z-index:1}
#karina-cinema .campaign-composition{max-width:1150px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;gap:12%;align-items:start}
#karina-cinema .campaign-piece{margin:0;min-width:0}
#karina-cinema .piece-leading{max-width:465px}
#karina-cinema .artwork{display:block;text-decoration:none}
#karina-cinema .image-window{position:relative;overflow:hidden;aspect-ratio:9/16;background:#d5c7be;isolation:isolate;box-shadow:0 20px 45px -30px #37262650}
#karina-cinema .image-window img{width:100%;height:100%;display:block;object-fit:cover;transform:translate3d(0,var(--photo-drift,0px),0) scale(1.055);will-change:transform}
#karina-cinema .image-open{position:absolute;bottom:18px;left:18px;right:18px;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;background:#f4efe8ec;backdrop-filter:blur(12px);color:#35282c;font-size:8px;letter-spacing:1.5px;transform:translateY(7px);opacity:0;transition:opacity .4s,transform .5s}
#karina-cinema .image-open b{font-size:17px;font-weight:400}
#karina-cinema .artwork:hover .image-open,#karina-cinema .artwork:focus-visible .image-open{opacity:1;transform:translateY(0)}
#karina-cinema figcaption{display:flex;flex-direction:column;gap:10px;padding:20px 0}
#karina-cinema figcaption>span{font:400 clamp(26px,2.5vw,38px)/1.1 'Cormorant Garamond',serif}
#karina-cinema figcaption small{font-size:8px;letter-spacing:1.7px;color:#816c67;line-height:1.7}
#karina-cinema .campaign-story{padding:30px 0 65px}
#karina-cinema .campaign-story h3{font:400 clamp(52px,5.4vw,82px)/.94 'Cormorant Garamond',serif;letter-spacing:-2px;margin:27px 0}
#karina-cinema .campaign-story h3 em{color:#946977;font-weight:400}
#karina-cinema .campaign-story p{font-size:12px;line-height:1.9;color:#75635f}
#karina-cinema .story-line{display:block;height:1px;width:60px;background:#9c7582;margin-top:30px}
#karina-cinema .piece-secondary{max-width:330px;margin-left:auto}
#karina-cinema .campaign-whisper{font:400 clamp(46px,5.8vw,84px)/1 'Cormorant Garamond',serif;letter-spacing:-2px;text-align:center;padding:90px 0 115px}
#karina-cinema .campaign-whisper em{color:#987380}
#karina-cinema .light-chapter{background:#21171f;color:#eee3d9;padding-top:35px;padding-bottom:60px;overflow:hidden}
#karina-cinema .light-chapter .chapter-label{border-color:#ccb4b333;color:#c8abb3}
#karina-cinema .light-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;position:relative;z-index:1;margin:25px 0 70px}
#karina-cinema .light-heading h3{font:400 clamp(53px,6.6vw,100px)/.94 'Cormorant Garamond',serif;letter-spacing:-3px;margin:0}
#karina-cinema .light-heading h3 em{color:#c49dac}
#karina-cinema .light-heading p{font-size:12px;line-height:1.9;color:#c4acb7;margin:0 0 5px}
#karina-cinema .light-composition{display:grid;grid-template-columns:1fr 1fr;gap:17%;max-width:980px;margin:auto;position:relative;z-index:1}
#karina-cinema .chrome-piece{max-width:380px}
#karina-cinema .cat-eye-piece{max-width:330px}
#karina-cinema .light-quote{display:block;font:400 clamp(40px,4vw,62px)/.96 'Cormorant Garamond',serif;color:#bf95a6;margin:20px 0 75px}
#karina-cinema .light-chapter figcaption small{color:#bda1ad}
#karina-cinema .light-chapter .image-window{background:#382833;box-shadow:0 30px 70px -30px #05010680}
#karina-cinema .campaign-end{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:2px;border-top:1px solid #cdb5b233;padding-top:30px;margin-top:80px;position:relative;z-index:1}
#karina-cinema .campaign-aura{pointer-events:none;position:absolute;inset:0;background:radial-gradient(ellipse at 70% 58%,#9b5a7333,transparent 60%);transform:translateY(var(--aura-drift,0px))}
#karina-cinema .ritual{padding-top:110px;padding-bottom:110px;background:linear-gradient(135deg,#eee5dd,#eadde1);border-bottom:1px solid #aa8c7d44}
#karina-cinema .finish{border-color:#bfa5a8;transition:background .4s,transform .4s,border-color .4s}
#karina-cinema .finish:hover{transform:translateY(-4px)}
#karina-cinema .atelier{padding-top:130px;padding-bottom:130px;background:#ece5dc}
#karina-cinema .atelier-mark{background:radial-gradient(ellipse at 30% 25%,#fbf6ec,#d7babe 45%,#a58c9555 68%,#eee4dc);border-color:#c0a2a5;box-shadow:inset 0 0 60px #fff6e780,0 30px 60px -40px #81586699;color:#715965;text-shadow:1px 2px #fff1dc;transform:rotate(-7deg)}
#karina-cinema .booking{padding-top:110px;padding-bottom:100px;background:radial-gradient(ellipse at 50% 35%,#513144,#241820 65%)}
#karina-cinema .booking>a{transition:background .4s,color .4s}
#karina-cinema .booking>a:hover{background:#f1e7dc;color:#382530}
#karina-cinema .booking-shine{transform:translateY(var(--booking-drift,0px)) rotate(-32deg)}
/* JS adds motion only after observers are ready; without JS everything stays visible. */
#karina-cinema[data-scroll-motion=true] [data-reveal]{opacity:0;transform:translateY(34px);transition:opacity 1.1s ease,transform 1.35s cubic-bezier(.16,1,.3,1)}
#karina-cinema[data-scroll-motion=true] [data-reveal].is-visible{opacity:1;transform:translateY(0)}
#karina-cinema[data-scroll-motion=true] .campaign-piece .image-window{clip-path:inset(7% 0 0 0);transition:clip-path 1.5s cubic-bezier(.16,1,.3,1)}
#karina-cinema[data-scroll-motion=true] .campaign-piece.is-visible .image-window{clip-path:inset(0)}
#karina-cinema .look-dialog{position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;padding:0;margin:0;background:#1e171dcc;color:#f1e6dc;border:0;backdrop-filter:blur(28px);overflow:auto}
#karina-cinema .look-dialog::backdrop{background:#1c131df2}
#karina-cinema .look-toolbar{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;font-size:10px;letter-spacing:2px;border-bottom:1px solid #dbc4cb22}
#karina-cinema .look-close{display:flex;align-items:center;gap:25px;color:inherit;background:none;border:0;font-size:10px;letter-spacing:2px;min-height:44px}
#karina-cinema .look-close span{font-size:30px;font-weight:400}
#karina-cinema .look-layout{display:grid;grid-template-columns:1fr 1fr;gap:9%;max-width:1200px;margin:auto;padding:35px 6%;align-items:center;min-height:calc(100dvh - 80px)}
#karina-cinema .look-photo{text-align:center;min-width:0}
#karina-cinema .look-photo img{display:block;width:100%;height:calc(100dvh - 155px);min-height:240px;max-height:780px;object-fit:contain}
#karina-cinema .look-details h2{font:400 clamp(42px,5vw,78px)/1 'Cormorant Garamond',serif;letter-spacing:-2px;margin:30px 0}
#karina-cinema .look-details p{font-size:13px;line-height:1.9;color:#c8b3bd;max-width:340px}
#karina-cinema .look-details .text-link{font-size:8px;margin-top:15px}
#karina-cinema .look-controls{display:flex;align-items:center;gap:24px;margin-top:45px;font-size:10px;letter-spacing:2px}
#karina-cinema .look-controls button{background:transparent;color:inherit;border:1px solid #a3808d88;width:48px;height:48px;font-size:20px;transition:background .3s}
#karina-cinema .look-controls button:hover{background:#765569}
#karina-cinema .look-book{display:block;margin-top:32px;font-size:8px;letter-spacing:1.4px;line-height:1.8;text-underline-offset:6px}
@media(hover:none){#karina-cinema .image-open{opacity:1;transform:none}}
@media(min-width:1500px){#karina-cinema .campaign-chapter{padding-left:max(7%,calc((100% - 1290px)/2));padding-right:max(7%,calc((100% - 1290px)/2))}}
@media(max-width:850px){#karina-cinema .campaign-heading{padding-top:80px}#karina-cinema .campaign h2{letter-spacing:-2px}#karina-cinema .campaign-composition{gap:8%}#karina-cinema .campaign-story{padding-top:10px;padding-bottom:40px}#karina-cinema .campaign-story h3{font-size:52px}#karina-cinema .light-heading{display:block}#karina-cinema .light-heading p{margin-top:25px}#karina-cinema .light-composition{gap:10%}#karina-cinema .light-quote{margin-bottom:50px}}
@media(max-width:600px){
#karina-cinema .campaign-heading{padding:70px 6% 45px}#karina-cinema .campaign-topline{font-size:7px;letter-spacing:1px}#karina-cinema .campaign-topline .eyebrow{font-size:8px;letter-spacing:1.4px}#karina-cinema .campaign h2{font-size:clamp(48px,12.3vw,74px);margin:38px 0 30px;letter-spacing:-2px}#karina-cinema .campaign-intro{gap:15px;flex-wrap:wrap}#karina-cinema .campaign-intro p{font-size:11px}#karina-cinema .little-star{font-size:28px}#karina-cinema .campaign-intro .text-link{margin-left:43px;font-size:8px;padding:7px 0}#karina-cinema .campaign-chapter{padding-left:6%;padding-right:6%}#karina-cinema .chapter-label{font-size:7px;letter-spacing:1px;padding-bottom:30px}#karina-cinema .campaign-composition{display:block}#karina-cinema .piece-leading{width:89%}#karina-cinema .campaign-story{padding:38px 0 32px 13%}#karina-cinema .campaign-story h3{font-size:61px;margin:20px 0}#karina-cinema .campaign-story p{font-size:11px}#karina-cinema .story-line{margin-top:22px}#karina-cinema .piece-secondary{width:73%}#karina-cinema figcaption>span{font-size:28px}#karina-cinema figcaption small{font-size:7px;letter-spacing:1.2px}#karina-cinema .image-open{opacity:1;transform:none;font-size:7px;bottom:12px;left:12px;right:12px;padding:11px 13px}#karina-cinema .campaign-whisper{font-size:43px;padding:60px 0 70px;letter-spacing:-1.2px}#karina-cinema .light-chapter{padding-top:25px;padding-bottom:35px}#karina-cinema .light-heading{margin:15px 0 40px}#karina-cinema .light-heading h3{font-size:clamp(43px,11vw,66px);letter-spacing:-1.5px}#karina-cinema .light-heading p{font-size:11px}#karina-cinema .light-composition{display:block}#karina-cinema .chrome-piece{width:86%}#karina-cinema .light-aside{padding-top:20px}#karina-cinema .light-quote{font-size:48px;margin:15px 0 32px;text-align:right;padding-right:4%}#karina-cinema .cat-eye-piece{width:75%;margin-left:auto}#karina-cinema .campaign-end{margin-top:40px;font-size:7px;letter-spacing:1px;gap:15px}#karina-cinema .campaign-end .text-link{font-size:7px;letter-spacing:1px;gap:10px}#karina-cinema .ritual{padding-top:65px;padding-bottom:65px}#karina-cinema .atelier{padding-top:75px;padding-bottom:75px}#karina-cinema .booking{padding-top:80px;padding-bottom:75px}
#karina-cinema .look-toolbar{height:60px;font-size:8px}#karina-cinema .look-layout{display:block;padding:20px 7% 40px;min-height:0}#karina-cinema .look-photo img{height:46dvh;min-height:220px}#karina-cinema .look-details{padding-top:24px}#karina-cinema .look-details h2{font-size:40px;margin:15px 0}#karina-cinema .look-details p{font-size:11px;margin:10px 0}#karina-cinema .look-details .text-link{font-size:7px;margin-top:5px}#karina-cinema .look-controls{margin-top:22px;justify-content:space-between}#karina-cinema .look-book{margin-top:20px}#karina-cinema .look-details .eyebrow{font-size:8px;letter-spacing:1.5px}}
@media(prefers-reduced-motion:reduce){#karina-cinema [data-reveal]{opacity:1!important;transform:none!important}#karina-cinema .image-window img{transform:none!important}#karina-cinema .campaign-piece .image-window{clip-path:none!important}}