/* MIXCI landing page styles.
   Extracted from source/mixci_landing_v25.html. The blocks below are kept in
   their original cascade order because later blocks deliberately override
   earlier ones with !important (V9 -> V22 -> V24). Do not reorder them. */

/* ---- V25 base ---- */
:root{--cream:#fbf7ef;--paper:#fffdfa;--ink:#24211d;--muted:#6d675f;--gold:#d79a31;--coral:#e77767;--line:#eadfce;--dark:#1f2321;--green:#12835d}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,"Helvetica Neue",sans-serif;background:var(--paper);color:var(--ink);line-height:1.55}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}.wrap{max-width:1180px;margin:auto;padding:0 24px}
header{height:72px;position:sticky;top:0;z-index:30;background:rgba(255,253,250,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}header .in{height:100%;max-width:1180px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand{font-size:26px;font-weight:900;letter-spacing:4px}.brand small{display:block;font-size:9px;letter-spacing:2px;color:#777}nav{display:flex;gap:22px;font-size:14px}.wa{padding:10px 16px;background:var(--green);color:#fff;border-radius:999px;font-weight:800}
.hero{padding:46px 0 34px;background:linear-gradient(135deg,#fffdfa,#f9f1e5)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;min-height:570px}.eyebrow{font-size:12px;letter-spacing:3px;color:#a36d18;font-weight:800}h1{font-size:60px;line-height:1.02;margin:15px 0 18px;letter-spacing:-1px}h1 span{color:#c88721}.lead{font-size:20px;color:#4f4b45;max-width:600px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.btn{padding:14px 20px;border:1px solid #2c2a26;border-radius:999px;font-weight:800}.btn.primary{background:var(--gold);border-color:var(--gold);color:#fff}.hero-media{height:560px;border-radius:34px;overflow:hidden;box-shadow:0 24px 60px rgba(76,48,18,.15);position:relative}.hero-tag{position:absolute;right:18px;bottom:18px;background:rgba(255,253,250,.92);padding:11px 14px;border-radius:14px;font-size:13px}
section{padding:82px 0}.head{max-width:790px;margin:0 auto 34px;text-align:center}.head h2{font-size:42px;line-height:1.12;margin:0 0 12px}.head p{margin:0;color:var(--muted);font-size:18px}
.real{background:var(--cream)}.realgrid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.bigpic{height:580px;border-radius:28px;overflow:hidden}.stack{display:grid;grid-template-rows:1fr 1fr;gap:18px}.stack .pic{border-radius:24px;overflow:hidden;min-height:0}.caption{margin-top:14px;color:var(--muted);font-size:15px}
.workshops{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden}.card .pic{height:265px}.card .body{padding:18px}.card h3{margin:0 0 6px;font-size:22px}.card p{margin:0;color:var(--muted);font-size:14px}.pill{display:inline-block;padding:5px 9px;border-radius:999px;background:#f6ead6;color:#7d551a;font-size:11px;font-weight:800;margin-bottom:10px}
.variety{background:#1f2321;color:#fff}.variety .head p{color:#cdd0cd}.gallery{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:250px;gap:12px}.gallery .g{overflow:hidden;border-radius:20px}.gallery .wide{grid-column:span 2}.gallery .tall{grid-row:span 2}
.process{display:grid;grid-template-columns:1fr .85fr;gap:26px;align-items:stretch}.process-copy{border:1px solid var(--line);border-radius:26px;padding:30px;background:#fff}.process-copy h3{font-size:32px;margin:0 0 12px}.process-copy p{color:var(--muted)}.steps{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.step{padding:16px;border-top:2px solid var(--gold);background:#fffaf2}.step b{display:block;margin-bottom:4px}.video-slot{border-radius:26px;background:linear-gradient(135deg,#2d312f,#1d201f);color:white;display:flex;align-items:center;justify-content:center;min-height:430px;text-align:center;padding:34px}.play{width:70px;height:70px;border-radius:50%;border:1px solid #aaa;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:28px}.video-slot small{display:block;color:#c8cbc8;max-width:390px}
.aud{display:grid;grid-template-columns:1fr 1fr;gap:18px}.audcard{border:1px solid var(--line);border-radius:26px;padding:30px;background:white}.audcard h3{font-size:30px;margin:0 0 10px}.audcard p{color:var(--muted)}.bullets{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;font-size:14px}
.cta{background:var(--dark);color:white}.cta-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px}.cta h2{font-size:44px;line-height:1.1;margin:0 0 12px}.cta p{color:#d0d4d1;font-size:18px}.form{display:grid;grid-template-columns:1fr 1fr;gap:12px}input,select,textarea{width:100%;padding:14px 15px;border:1px solid #555b57;border-radius:12px;background:#2b2f2d;color:#fff;font:inherit}.full{grid-column:1/-1}button{border:0;background:var(--gold);color:#fff;border-radius:12px;padding:15px;font-weight:900;font-size:16px}footer{padding:26px;text-align:center;color:#777;font-size:13px}.floating{position:fixed;left:18px;bottom:18px;background:var(--green);color:#fff;padding:13px 18px;border-radius:999px;font-weight:900;box-shadow:0 10px 28px rgba(0,0,0,.18)}
@media(max-width:900px){nav{display:none}.hero-grid,.realgrid,.process,.cta-grid{grid-template-columns:1fr}.hero-media{order:-1;height:430px}h1{font-size:46px}.workshops{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr 1fr}.aud{grid-template-columns:1fr}}
@media(max-width:560px){section{padding:58px 0}.hero-media{height:330px}h1{font-size:39px}.head h2{font-size:33px}.workshops{grid-template-columns:1fr}.gallery{display:flex;overflow-x:auto}.gallery .g{min-width:78%;height:260px}.gallery .wide,.gallery .tall{grid-column:auto;grid-row:auto}.steps,.bullets,.form{grid-template-columns:1fr}.full{grid-column:auto}}

.experience{background:var(--cream);padding:88px 0}.experience-intro{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:end;margin-bottom:34px}.experience-intro h2{font-size:44px;line-height:1.08;margin:12px 0 0}.experience-copy{font-size:18px;color:var(--muted)}.experience-copy p{margin:0 0 14px}.experience-copy strong{color:var(--ink)}.experience-mosaic{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:250px;gap:14px}.mosaic-item{margin:0;border-radius:22px;overflow:hidden;position:relative;background:#eee}.mosaic-item img{width:100%;height:100%;object-fit:cover}.mosaic-item.mosaic-contain{background:#f3ede3}.mosaic-item.mosaic-contain img{object-fit:contain;padding:10px}.mosaic-wide{grid-column:span 2}.mosaic-item figcaption{position:absolute;right:14px;bottom:14px;left:14px;background:rgba(255,253,250,.9);padding:9px 12px;border-radius:12px;font-size:13px;font-weight:700}.hero-media img{object-position:center center}@media(max-width:900px){.experience-intro{grid-template-columns:1fr;gap:18px}.experience-intro h2{font-size:34px}.experience-mosaic{grid-template-columns:1fr 1fr;grid-auto-rows:190px}.mosaic-wide{grid-column:span 2}}

.mosaic-item.mosaic-contain{display:flex;align-items:center;justify-content:center;background:#f5efe6}.mosaic-item.mosaic-contain img{object-fit:contain!important;object-position:center center!important;width:100%!important;height:100%!important;padding:12px!important;}

.workshop-mosaic{grid-template-columns:1.25fr .75fr .75fr;grid-auto-rows:245px}
.workshop-mosaic .mosaic-wide{grid-column:span 2}
.workshop-mosaic .mosaic-item:nth-child(1){grid-row:span 2}
.workshop-mosaic .mosaic-item:nth-child(4),.workshop-mosaic .mosaic-item:nth-child(5){background:#f6f0e6}
.workshop-mosaic .mosaic-item:nth-child(4) img,.workshop-mosaic .mosaic-item:nth-child(5) img{object-fit:contain;padding:8px}
.process-photo{position:relative;border-radius:26px;overflow:hidden;min-height:430px;background:#222}
.process-photo img{width:100%;height:100%;object-fit:cover;object-position:center}
.process-photo-label{position:absolute;right:18px;bottom:18px;left:18px;background:rgba(255,253,250,.92);color:#2a2723;padding:12px 14px;border-radius:14px;font-weight:800}
@media(max-width:800px){.workshop-mosaic{grid-template-columns:1fr 1fr;grid-auto-rows:180px}.workshop-mosaic .mosaic-item:nth-child(1){grid-row:span 1}.workshop-mosaic .mosaic-wide{grid-column:span 2}.process-photo{min-height:360px}}

.contact-person{background:#f4eadc;border-top:1px solid rgba(87,67,42,.08);padding:34px 0}.contact-person .wrap{display:flex;align-items:center;justify-content:space-between;gap:28px}.person-main{display:flex;align-items:center;gap:20px}.person-photo{width:96px;height:96px;border-radius:24px;object-fit:cover;object-position:70% 30%;box-shadow:0 8px 24px rgba(0,0,0,.12);flex:0 0 auto}.person-text h3{margin:0 0 6px;font-size:28px;color:var(--dark)}.person-text p{margin:2px 0;color:#6f685f;font-size:15px}.person-phone{font-size:22px;font-weight:900;color:var(--dark);direction:ltr;display:inline-block;margin-top:7px}.person-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.person-actions a{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:999px;font-weight:900;text-decoration:none}.person-actions .wa2{background:var(--green);color:white}.person-actions .call{border:1px solid rgba(40,44,42,.18);color:var(--dark);background:white}@media(max-width:760px){.contact-person .wrap{flex-direction:column;align-items:flex-start}.person-main{align-items:flex-start}.person-photo{width:82px;height:82px;border-radius:20px}.person-text h3{font-size:24px}.person-actions{width:100%}.person-actions a{flex:1}}

/* Fine tune product gallery framing */
.collection-showcase figure:nth-child(1) img{transform:scale(.94);transform-origin:center center;}
.collection-showcase figure:nth-child(2) img{transform:translateY(-4%);}
.collection-showcase figure:nth-child(4) img{transform:translateY(-5%);}

/* ---- experience / product gallery / contact ---- */
#experience .wrap{display:grid;grid-template-columns:.82fr 1.18fr;gap:42px;align-items:center}
.experience-copy h2{font-size:clamp(32px,4vw,54px);line-height:1.05;margin:10px 0 18px}.experience-copy p{font-size:18px;line-height:1.8;color:#625b52;margin:0 0 12px}
.experience-gallery{display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:235px 235px;gap:14px}.experience-gallery figure{position:relative;margin:0;border-radius:24px;overflow:hidden;background:#f5efe5}.experience-gallery .xp-wide{grid-row:span 2}.experience-gallery img{width:100%;height:100%;object-fit:cover}.experience-gallery figcaption{position:absolute;right:12px;bottom:12px;left:12px;background:rgba(255,252,247,.9);padding:9px 12px;border-radius:12px;font-weight:800;color:#2a2723}
.variety{background:#fbf8f2}.collection-showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1040px;margin:30px auto 0}.collection-showcase figure{margin:0;aspect-ratio:1/1;border-radius:24px;background:#f3ede4;overflow:hidden;display:flex;align-items:center;justify-content:center}.collection-showcase img{width:100%;height:100%;object-fit:contain;padding:10px}.collection-showcase figure:nth-child(1) img,.collection-showcase figure:nth-child(5) img{object-fit:cover;padding:0}.collection-showcase figure:nth-child(2){background:#e9e4dd}
@media(max-width:800px){#experience .wrap{grid-template-columns:1fr}.experience-gallery{grid-template-columns:1fr 1fr;grid-template-rows:220px 220px}.experience-gallery .xp-wide{grid-column:span 2;grid-row:auto}.collection-showcase{grid-template-columns:1fr 1fr}.collection-showcase figure{border-radius:18px}}

/* ---- V9 visual corrections ---- */
/* V9 visual corrections */
.variety{color:var(--ink)!important;background:#fbf8f2!important}
.variety .head h2{color:var(--ink)!important}
.variety .head p{color:var(--muted)!important}
.collection-showcase figure{background:#f3ede4}
.collection-showcase figure img{object-fit:contain!important;padding:10px!important}
/* Normalize the apparent size of the box/light-object photos in the product gallery.
   The last tile is intentionally different and keeps the original framing. */
.collection-showcase figure:not(:last-child) img{
  object-fit:cover!important;
  object-position:center!important;
  padding:0!important;
  width:100%!important;
  height:100%!important;
}
.collection-showcase figure:not(:last-child){background:#eee8df}
#experience .experience-gallery{grid-template-columns:1.18fr .82fr;grid-template-rows:235px 235px}
#experience .experience-gallery .xp-wide{grid-row:span 2}
#experience .experience-gallery .xp-wide img{object-fit:cover;object-position:center 38%}
@media(max-width:800px){
  #experience .experience-gallery{grid-template-columns:1fr 1fr;grid-template-rows:220px 220px}
  #experience .experience-gallery .xp-wide{grid-column:span 2;grid-row:auto}
}

/* ---- audience section ---- */
.audience-section{background:linear-gradient(180deg,#fffdfa 0%,#fbf3e8 100%)}
.audience-head{margin-bottom:28px}.aud-visual{gap:22px}
.audcard-rich{position:relative;overflow:hidden;border:0;padding:34px;background:linear-gradient(145deg,#fffaf2,#f8ead4);box-shadow:0 18px 45px rgba(97,66,30,.08)}
.audcard-rich.kids{background:linear-gradient(145deg,#fff8f5,#f8dfda)}
.audcard-rich:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;left:-70px;top:-70px;background:rgba(215,154,49,.10)}
.audcard-rich.kids:after{background:rgba(231,119,103,.12)}
.aud-top{position:relative;z-index:1}.aud-badge{display:inline-flex;padding:6px 11px;border-radius:999px;background:rgba(255,255,255,.72);font-size:12px;font-weight:900;color:#80591d;margin-bottom:12px}.kids .aud-badge{color:#a65246}
.audcard-rich h3{font-size:34px;line-height:1.1;margin:0 0 10px}.audcard-rich p{font-size:17px;line-height:1.7;margin:0;color:#625b52;max-width:560px}
.aud-features{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.aud-feature{display:flex;align-items:center;gap:11px;background:rgba(255,255,255,.72);border:1px solid rgba(126,91,45,.10);border-radius:16px;padding:12px 13px;min-height:72px}.aud-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#f3d9ab;color:#7e5417;font-size:19px;font-weight:900;flex:0 0 auto}.kids .aud-icon{background:#f5c8c2;color:#9a4d42}.aud-feature b{display:block;font-size:14px}.aud-feature small{display:block;color:#7a736a;font-size:12px;margin-top:2px}
.aud-footer{margin-top:22px;padding-top:18px;border-top:1px solid rgba(87,67,42,.12)}.aud-label{display:block;font-size:12px;font-weight:900;color:#7c7367;margin-bottom:9px}.aud-chips{display:flex;gap:8px;flex-wrap:wrap}.aud-chips span{padding:7px 11px;border-radius:999px;background:#fff;border:1px solid rgba(90,70,46,.12);font-size:13px;font-weight:800}
@media(max-width:700px){.aud-features{grid-template-columns:1fr}.audcard-rich{padding:26px}.audcard-rich h3{font-size:29px}}

/* ---- V22 product-gallery crops ---- */
/* V22 — manual per-image crops: preserve original photographic background,
   but give the five round products the same apparent scale and true center. */
.collection-showcase figure{background:#f3ede4;overflow:hidden}
.collection-showcase figure:nth-child(-n+5) img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;padding:0!important;transform:none!important}
.collection-showcase figure:last-child img{object-fit:contain!important;object-position:center center!important;padding:10px!important;transform:none!important}

/* ---- V24 per-image adjustments (must stay last) ---- */
/* V24 — effective per-image adjustments. This block is intentionally last so it overrides V22 normalisation. */
.collection-showcase figure:nth-child(1) img{
  transform:scale(.89)!important;
  transform-origin:center center!important;
  object-position:center center!important;
}
.collection-showcase figure:nth-child(2) img{
  transform:translateY(-5%) scale(1.00)!important;
  transform-origin:center center!important;
}
.collection-showcase figure:nth-child(4) img{
  transform:translateY(-6%) scale(1.00)!important;
  transform-origin:center center!important;
}

/* ---- Production additions (not in V25) ---- */
/* Honeypot: visually removed but still in the DOM for bots. Uses clip, not an
   off-screen left offset: in RTL a negative left offset becomes scrollable width. */
.hp{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Chrome's UA stylesheet forces direction:ltr on type=tel; V25 used a plain text input. */
.form input[type="tel"]{direction:rtl}
.form button[disabled]{opacity:.7;cursor:progress}
.form-status{grid-column:1/-1;margin:0;font-size:15px;color:#f4c8c0;display:none}
.form-status.is-visible{display:block}
.form-success{display:none;background:#2b2f2d;border:1px solid #555b57;border-radius:18px;padding:28px;text-align:center}
.form-success.is-visible{display:block}
.form-success p{font-size:20px;font-weight:800;margin:0 0 16px;color:#fff}
.form-success a{display:inline-block;background:var(--green);color:#fff;padding:12px 18px;border-radius:999px;font-weight:900}
.form-success a:focus-visible,.form button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.form.is-hidden{display:none}
footer a{color:inherit}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}