@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:opsz,wght@6..96,500&display=swap');
#karina-cinema .mast{position:absolute;inset:0 0 auto;padding:25px 3.5%;background:transparent;border:0;z-index:6}
#karina-cinema .brand{font-size:31px;letter-spacing:10px;color:#181715}
#karina-cinema .brand small{display:none}
#karina-cinema .nav{gap:50px}
#karina-cinema .nav a,#karina-cinema .nav button{font-family:'Cormorant Garamond',serif;font-size:15px;letter-spacing:0;color:#25231f}
#karina-cinema .nav .reserve{border-radius:40px;padding:12px 27px;margin-left:7vw}
#karina-cinema .hero{height:min(930px,94svh);min-height:760px;background:#ddd8cf}
#karina-cinema .couture-backdrop{position:absolute;inset:0;background-image:url('assets/couture-studio.jpg');background-size:cover;background-position:center;transform:scale(1.025);opacity:1;pointer-events:none}
#karina-cinema .hero:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#eae5db30,transparent 55%);z-index:1}
#karina-cinema .intro-atmosphere{z-index:1}
#karina-cinema .scene{z-index:2}
#karina-cinema .copy{z-index:3;left:3.5%;top:19%;width:46%}
#karina-cinema .copy>.eyebrow{display:none}
#karina-cinema h1{font-family:'Bodoni Moda',serif;font-weight:500;font-size:clamp(100px,11vw,180px);line-height:.86;letter-spacing:-.065em;margin:0 0 28px;max-width:none;width:134%;transform:scaleX(.74);transform-origin:left center}
#karina-cinema .subtitle{font:400 clamp(18px,1.8vw,27px)/1.35 'Cormorant Garamond',serif;max-width:460px;color:#25221d}
#karina-cinema .discover{margin-top:33px;font:400 16px 'Cormorant Garamond',serif;padding:19px 27px;min-width:225px;background:#24221e;color:#f5f0e6}
#karina-cinema .discover span{margin-left:35px}
#karina-cinema .scene-note{top:auto;bottom:95px;right:4%;z-index:3;letter-spacing:2px;font-size:8px}
#karina-cinema .coordinates{left:3.5%;bottom:93px;z-index:3;font-size:8px;line-height:2;letter-spacing:1.5px}
#karina-cinema #kc-shuffle{border:0;background:none;padding:0;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:5px}
#karina-cinema .chapterbar{z-index:4;background:#eee9df70;backdrop-filter:blur(15px);padding:18px 3.5%;border-color:#93857940}
#karina-cinema[data-chapter="2"] .couture-backdrop,#karina-cinema[data-wireframe=true] .couture-backdrop{filter:brightness(.23) saturate(.6)}
#karina-cinema[data-chapter="2"] .subtitle,#karina-cinema[data-wireframe=true] .subtitle{color:#f0e1d7}
#karina-cinema[data-intro=true] .mast{opacity:0;pointer-events:none}
#karina-cinema .mast{transition:opacity 1.2s}
#karina-cinema .design-library-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 30px;font-size:8px;letter-spacing:1px}
#karina-cinema .design-library-actions button{background:none;border:0;border-bottom:1px solid #9d7885;padding:10px 0;color:#5d3549;font-size:9px;letter-spacing:1px}
#karina-cinema .finish-dialog{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;border:0;margin:0;padding:0;background:#eee7de;color:#35252c;overflow:auto}
#karina-cinema .finish-dialog::backdrop{background:#20151ded}
#karina-cinema .finish-close{background:none;border:0;padding:15px;font-size:10px;letter-spacing:1.5px}
#karina-cinema .finish-dialog .look-toolbar{border-color:#98737a44}
#karina-cinema .finish-dialog-body{max-width:1100px;margin:auto;padding:50px 6%}
#karina-cinema .finish-dialog h2{font:400 65px/.95 'Cormorant Garamond',serif;margin:20px 0}
#karina-cinema .finish-dialog h2 em{color:#9a697c}
#karina-cinema .finish-dialog p{font-size:12px;line-height:1.8;color:#795f68}
#karina-cinema .finish-library{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:35px 0}
#karina-cinema .library-design{background:#fff9f233;border:1px solid #baa1a666;padding:25px 15px 15px;color:#412b37;font-size:11px}
#karina-cinema .library-design:hover{border-color:#72495f;background:#f9f3eb}
#karina-cinema .library-design i{display:block;width:38px;height:90px;border-radius:60% 60% 35% 35%;transform:rotate(20deg);margin:0 auto 25px;box-shadow:8px 10px 14px #42263822}
#karina-cinema .library-design small{display:block;margin-top:7px;font-size:8px;text-transform:uppercase;letter-spacing:1.5px;color:#967584}
#karina-cinema .finish-create{border-top:1px solid #b3969d;padding-top:25px}
#karina-cinema .finish-create summary{font:400 25px 'Cormorant Garamond',serif;cursor:pointer}
#karina-cinema #finish-form{display:grid;grid-template-columns:2fr 1.5fr 1fr 1fr;gap:20px;margin:30px 0 20px}
#karina-cinema #finish-form label{display:flex;flex-direction:column;gap:10px;font-size:10px;letter-spacing:1px}
#karina-cinema #finish-form input,#karina-cinema #finish-form select{width:100%;min-height:43px;background:#f8f1e9;border:1px solid #b196a0;padding:9px;font:12px 'DM Sans',sans-serif;color:#42313a}
#karina-cinema #finish-form input[type=color]{padding:5px}
#karina-cinema #finish-form button{grid-column:1/-1;border:0;background:#382431;color:#f8eee1;padding:16px;font-size:10px;letter-spacing:1px}
#karina-cinema #finish-export{background:none;border:0;border-bottom:1px solid currentColor;padding:12px 0;color:#71495e;font-size:10px;letter-spacing:1px}
#karina-cinema .campaign-piece{position:relative}
#karina-cinema .image-window video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:translate3d(0,var(--photo-drift,0px),0) scale(1.055);transition:opacity .8s;pointer-events:none}
#karina-cinema .image-window.is-playing video{opacity:1}
#karina-cinema .image-open{z-index:2;left:auto;bottom:16px;right:16px;padding:11px 13px;max-width:55%}
#karina-cinema .reel-toggle{position:absolute;left:14px;top:14px;z-index:3;border:1px solid #fff6;background:#241a24a6;backdrop-filter:blur(12px);color:white;font-size:8px;letter-spacing:1px;padding:12px 14px;min-height:40px}
#karina-cinema .look-photo video{width:100%;height:calc(100dvh - 155px);min-height:240px;max-height:780px;object-fit:contain}
@media(max-width:1000px){#karina-cinema .nav{gap:25px}#karina-cinema .nav .reserve{margin-left:2vw}#karina-cinema .copy{width:50%}#karina-cinema h1{font-size:13vw}#karina-cinema .hero{min-height:740px}#karina-cinema .subtitle{max-width:320px}}
@media(max-width:650px){#karina-cinema .mast{padding:23px 6%}#karina-cinema .brand{font-size:25px;letter-spacing:6px}#karina-cinema .nav .reserve{font-size:12px;max-width:none;padding:9px 15px;margin:0}#karina-cinema .hero{height:920px;min-height:0}#karina-cinema .couture-backdrop{background-position:65% center}#karina-cinema .hero:after{background:linear-gradient(#eae5dc99,transparent 55%)}#karina-cinema .copy{left:6%;top:105px;width:88%}#karina-cinema h1{font-size:clamp(79px,23vw,136px);line-height:.84;letter-spacing:-.065em;width:130%;margin:0 0 20px;transform:scaleX(.78)}#karina-cinema .subtitle{font-size:19px;max-width:300px}#karina-cinema .discover{margin-top:16px;min-width:190px;padding:14px 20px;font-size:14px}#karina-cinema .coordinates{bottom:125px;left:6%;font-size:7px;letter-spacing:1px}#karina-cinema .chapterbar{padding:16px 6%;gap:8px}#karina-cinema .chapterbar button{font-size:8px}#karina-cinema .chapterbar .play{font-size:8px}#karina-cinema .finish-dialog h2{font-size:48px}#karina-cinema .finish-library{grid-template-columns:repeat(2,1fr)}#karina-cinema #finish-form{grid-template-columns:1fr 1fr}#karina-cinema .look-photo video{height:46dvh;min-height:220px}#karina-cinema .reel-toggle{font-size:7px;padding:9px 11px}#karina-cinema .design-library-actions{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){#karina-cinema .image-window video{transition:none}}
#karina-cinema [data-collection]{border:0;background:none;padding:0 0 0 23px;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:5px}
#karina-cinema .scene-note{writing-mode:horizontal-tb;transform:none}
#karina-cinema .library-design{width:100%}
#karina-cinema .remove-design{background:none;border:0;color:#805367;font-size:10px;padding:10px 0;min-height:36px;text-decoration:underline;text-underline-offset:3px}
#karina-cinema .coordinates{pointer-events:auto;font-size:9px}
#karina-cinema .coordinates button{min-height:36px}
#karina-cinema[data-intro=true] .coordinates{pointer-events:none}
@media(max-width:650px){#karina-cinema .coordinates{font-size:7px}#karina-cinema [data-collection]{padding-left:15px}}
#karina-cinema .scene:focus-visible{outline:1px solid #785468;outline-offset:-10px}
#karina-cinema h1{font-size:clamp(125px,13.3vw,210px);transform:scaleX(.60);width:162%;line-height:.83}
#karina-cinema .copy{top:17%}
@media(max-width:650px){#karina-cinema .copy{top:105px}#karina-cinema h1{font-size:clamp(85px,26vw,150px);transform:scaleX(.69);width:145%}}
/* The same live sculpture leaves the stage and follows native page scroll. */
#karina-cinema{overflow:visible}
body{overflow-x:clip}
#karina-cinema .magic-scene{position:fixed;inset:0 0 auto;z-index:4;pointer-events:none;cursor:default;contain:strict}
#karina-cinema .copy,#karina-cinema .scene-note,#karina-cinema .coordinates{z-index:5}
#karina-cinema .chapterbar{z-index:5}
#karina-cinema .hero{cursor:grab}
#karina-cinema .hero:active{cursor:grabbing}
#karina-cinema[data-intro=false] .copy{opacity:calc(1 - var(--hero-exit,0)*.85)}
#karina-cinema .alchemy-scroll{height:180svh;position:relative;background:#f1eae2}
#karina-cinema .alchemy-sticky{position:sticky;top:0;height:100svh;min-height:650px;overflow:hidden;display:flex;align-items:center;padding:7%;background:radial-gradient(ellipse at 72% 48%,#fffaf2 0%,#ebdfd8 42%,#e6d5d4 100%)}
#karina-cinema .alchemy-halo{position:absolute;width:65vw;height:65vw;border:1px solid #a3897733;border-radius:50%;left:43%;top:50%;transform:translateY(-50%);box-shadow:0 0 0 65px #fffcf21a,0 0 0 130px #fffcf218}
#karina-cinema .alchemy-copy{position:relative;z-index:1;will-change:transform,opacity}
#karina-cinema .alchemy-copy h2{font:400 clamp(80px,10vw,150px)/.86 'Cormorant Garamond',serif;letter-spacing:-6px;margin:34px 0}
#karina-cinema .alchemy-copy h2 em{font-weight:400;color:#946879}
#karina-cinema .alchemy-copy p{font-size:13px;line-height:1.9;color:#7c6269}
#karina-cinema .alchemy-direction{position:absolute;bottom:45px;left:7%;right:7%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:2px;color:#927880}
#karina-cinema .magic-caption{position:fixed;right:22px;top:73%;z-index:5;pointer-events:none;opacity:0;color:#a9808a;display:flex;align-items:center;gap:12px;writing-mode:vertical-rl;font-size:7px;letter-spacing:2px}
#karina-cinema .magic-caption i{display:block;width:1px;height:70px;background:#b59a8a44;position:relative}
#karina-cinema .magic-caption i:after{content:'';position:absolute;inset:0;background:#a57487;transform:scaleY(var(--journey-progress,0));transform-origin:top}
@media(max-width:650px){
#karina-cinema .alchemy-scroll{height:160svh}
#karina-cinema .alchemy-sticky{min-height:0;align-items:flex-start;padding-top:15vh}
#karina-cinema .alchemy-copy h2{font-size:80px;letter-spacing:-3px;margin:20px 0}
#karina-cinema .alchemy-copy .eyebrow{font-size:8px}
#karina-cinema .alchemy-copy p{font-size:11px}
#karina-cinema .alchemy-direction{font-size:7px;bottom:35px}
#karina-cinema .alchemy-halo{width:100vw;height:100vw;left:0;top:65%}
}
@media(prefers-reduced-motion:reduce){#karina-cinema .alchemy-scroll,#karina-cinema .magic-caption{display:none}}
/* Designed landing spaces for each chapter's live sculpture. */
#karina-cinema .nail-cue{height:240px;pointer-events:none;position:relative}
#karina-cinema .campaign-heading{position:relative}
#karina-cinema .cue-edit{position:absolute;right:6%;top:120px;width:25%;height:235px}
#karina-cinema .campaign-heading h2{max-width:76%;font-size:clamp(62px,7vw,108px)}
#karina-cinema .cue-soft{height:235px;margin:15px 0 -35px}
#karina-cinema .cue-whisper{width:360px;margin:40px 6% -50px;height:240px}
#karina-cinema .cue-chrome{width:430px;height:230px;margin:-40px auto 60px}
#karina-cinema .cue-cat{height:235px;margin:-30px 0 25px}
#karina-cinema .cue-ritual{height:215px;max-width:380px}
#karina-cinema .atelier-mark .atelier-monogram{font:inherit;margin:0;opacity:.13;color:inherit}
#karina-cinema .cue-atelier{position:absolute;inset:10% 12% 18%;height:auto}
#karina-cinema .cue-booking{max-width:520px;height:230px;margin:0 auto 25px}
#karina-cinema .magic-caption{display:none}
@media(max-width:650px){
#karina-cinema .cue-edit{position:relative;inset:auto;width:100%;height:185px;margin:15px 0 -15px}
#karina-cinema .campaign-heading h2{max-width:none;font-size:clamp(48px,12.3vw,74px)}
#karina-cinema .cue-soft{height:200px;margin:5px 0 -15px}
#karina-cinema .cue-whisper{width:85%;height:195px;margin:30px auto -30px}
#karina-cinema .cue-chrome{width:90%;height:205px;margin:-15px auto 30px}
#karina-cinema .cue-cat{height:200px;margin:-10px 0 25px}
#karina-cinema .cue-ritual{height:200px}
#karina-cinema .cue-booking{height:205px;margin-top:10px}
}
@media(prefers-reduced-motion:reduce){#karina-cinema .nail-cue{display:none}#karina-cinema .atelier-mark .atelier-monogram{opacity:1}}

@media(max-width:650px){#karina-cinema .cue-whisper{width:65%;margin-left:0;margin-right:auto}#karina-cinema .cue-chrome{width:75%;margin-left:auto;margin-right:0}#karina-cinema .cue-ritual{max-width:75%}}
#karina-cinema .studio-extra-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5%;padding:70px 7%;background:#f4efe8}#karina-cinema .studio-extra-gallery:empty{display:none}@media(max-width:650px){#karina-cinema .studio-extra-gallery{grid-template-columns:1fr;gap:40px;padding:45px 8%}}