/* assets/portfolio-globe-v1.css */
.hero{position:relative;isolation:isolate;display:grid!important;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center!important;gap:14px!important;min-height:470px;padding:34px 36px!important;margin:26px 0 32px!important;background:linear-gradient(135deg,#141823f7,#171c28f0);border:1px solid #ffffff12;border-radius:24px;overflow:visible}.hero-copy{min-width:0;position:relative;z-index:2}.hero h1{font-size:clamp(40px,4.3vw,67px)!important;line-height:1.06!important;letter-spacing:-2.5px!important;margin-top:17px!important}.hero .intro,.hero .intro strong{color:#c8cbd3!important}.hero .intro{font-size:15px;line-height:1.7;max-width:330px;margin-top:24px!important}.hero .eyebrow{color:#caff80}.hero-hint{font:12px/1.6 'Segoe UI',sans-serif;color:#aeb6c6;margin-top:25px}.hero-hint svg{width:16px;vertical-align:middle;margin-right:8px;color:#d7e6f0}.globe-wrap{position:relative;min-width:0;padding:6px 0}.globe-aura{--aura-rgb:130,171,221;position:absolute;inset:3% -7% 2%;z-index:-1;border-radius:50%;background:radial-gradient(ellipse at 50% 48%,rgba(var(--aura-rgb),.26) 0%,rgba(var(--aura-rgb),.16) 26%,rgba(var(--aura-rgb),.07) 48%,transparent 73%);filter:blur(24px);transition:background 700ms ease;pointer-events:none;animation:aura-breathe 9s ease-in-out infinite}.globe-aura::after{content:'';position:absolute;inset:12% 15%;border-radius:50%;background:radial-gradient(ellipse,rgba(var(--aura-rgb),.14),transparent 72%);filter:blur(28px)}#globe-scene{position:relative;width:100%;height:400px;touch-action:pan-y;outline:none;cursor:grab;border-radius:50%;-webkit-tap-highlight-color:transparent}#globe-scene:focus-visible{outline:2px solid #caff80;outline-offset:7px}#globe-scene:active{cursor:grabbing}#globe-canvas,#globe-markers{position:absolute;inset:0;width:100%;height:100%}#globe-markers{pointer-events:none}#globe-markers button{pointer-events:auto;position:absolute;border:1px solid #ffffff30;background:#182130ee;color:#f4f5f8;padding:9px 13px;border-radius:14px;box-shadow:0 6px 24px #05080e55;font:600 12px/1.2 'Segoe UI',sans-serif;white-space:nowrap;min-height:38px;cursor:pointer;backdrop-filter:blur(12px)}#globe-markers button:hover,#globe-markers button:focus-visible{background:#29364b;border-color:var(--project-color,#caff80);outline:2px solid var(--project-color,#caff80);outline-offset:3px}#globe-markers button::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--project-color,#caff80);margin-right:7px;box-shadow:0 0 11px var(--project-color,#caff80)}.globe-controls{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:0;min-height:38px;color:#aeb8c9;font:12px/1.5 'Segoe UI',sans-serif}.globe-controls button{border:1px solid #ffffff25;background:#ffffff08;color:#eef2f7;border-radius:20px;min-width:95px;min-height:36px;padding:7px 13px;cursor:pointer;font:inherit}.globe-controls button:hover{background:#ffffff15}.project.globe-selected{outline:2px solid var(--selected-color,#caff80);outline-offset:5px;box-shadow:0 0 65px -8px var(--selected-color,#caff80)}#globe-current{color:#d6e2ed;min-width:120px}.globe-skip{display:inline-block;margin-top:18px;color:#caff80;font-size:13px;text-decoration:none}.globe-skip:hover{text-decoration:underline}@keyframes aura-breathe{0%,100%{opacity:.72;transform:scale(.96)}50%{opacity:1;transform:scale(1.035)}}@media(max-width:900px){.hero{padding:28px 23px!important;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);min-height:410px}.hero h1{font-size:44px!important}.hero .intro{font-size:14px}#globe-scene{height:350px}#globe-markers button{font-size:11px;padding:8px 10px}}@media(max-width:600px){.hero{display:flex!important;flex-direction:column;align-items:stretch!important;padding:28px 18px 19px!important;gap:14px!important;min-height:0;margin-top:18px!important;border-radius:20px}.hero h1{font-size:43px!important;letter-spacing:-2px!important}.hero-copy .intro{margin-top:16px!important;max-width:100%;font-size:14px}.hero-hint{margin-top:17px}.globe-wrap{margin-top:-7px}#globe-scene{height:330px}.globe-aura{inset:2% -3%}.globe-controls{gap:8px}.hero .globe-skip{display:none}}@media(prefers-reduced-motion:reduce){.globe-aura{animation:none}.globe-aura,.project{transition:none!important}html{scroll-behavior:auto!important}}

html{scroll-behavior:auto!important}@media(max-width:600px){#globe-markers button{min-height:44px;font-size:12px;padding:10px 12px}.hero h1{font-size:38px!important}.hero .intro{font-size:13px!important}.hero-hint{font-size:11px;margin-top:12px}.hero{padding:22px 18px 16px!important}#globe-scene{height:290px}}

@media(max-width:600px){.globe-controls button{min-height:44px}}


/* assets/portfolio-new-projects-mock-v1.css */
.project-intar,.project-time4art{--ink:#f5f2eb;--muted:#b9c5bd;--line:#647567;color:var(--ink)}.project-intar{--brand:#be6d41;--brand-paper:#f6f5f0;border-color:#be6d4170;background:#151e1c}.project-time4art{--brand:#d8d8cb;--brand-paper:#f5f2eb;border-color:#d8d8cb60;background:#171d17}.new-project-hero{min-height:290px;padding:40px 34px;display:flex;align-items:center;justify-content:space-between;gap:25px;position:relative;overflow:hidden}.project-intar .new-project-hero{background:radial-gradient(ellipse at 85% 40%,#be6d4126,transparent 60%),#193b3440}.project-time4art .new-project-hero{background:radial-gradient(ellipse at 85% 40%,#d8d8cb1a,transparent 60%),#47543b35}.new-project-hero strong{font-size:clamp(33px,4vw,58px);font-weight:750;letter-spacing:-1.5px;line-height:1.1;color:var(--brand-paper)}.project-time4art .new-project-hero strong{font-family:Georgia,serif;font-weight:500}.new-project-hero small{display:block;margin-top:18px;color:var(--brand);font-size:14px;letter-spacing:1px}.new-project-hero svg{flex:0 0 116px;width:116px;height:116px;stroke:var(--brand);stroke-width:1.15;filter:drop-shadow(0 10px 24px #0006)}.project-intar .card-body h2{color:#dfae90}.project-time4art .card-body h2{color:#d8d8cb}.pending-domain{border-style:dashed;opacity:.85}.pending-domain small{color:#dac7a0}.project-intar .destination.primary{background:#c88d68;color:#171e1b;border-color:#c88d68}.project-time4art .destination.primary{background:#d8d8cb;color:#283125;border-color:#d8d8cb}@media(max-width:650px){.new-project-hero{min-height:215px;padding:27px 23px;gap:16px}.new-project-hero svg{flex-basis:82px;width:82px;height:82px}.new-project-hero small{font-size:12px;letter-spacing:.3px}.new-project-hero strong{font-size:36px}}

/* assets/portfolio-new-projects-mock-v2.css */
.nt2-hero{position:relative;width:100%;height:300px;box-sizing:border-box;overflow:hidden;border-radius:14px;display:flex;flex-direction:column;justify-content:flex-end}.nt2-intar{background:radial-gradient(circle at 75% 25%,rgba(190,109,65,.32),transparent 55%),linear-gradient(160deg,#193b34 0%,#122b26 70%,#2a241f 100%);border:1px solid rgba(190,109,65,.55);box-shadow:inset 0 0 28px rgba(0,0,0,.35)}.nt2-intar-stage{position:absolute;inset:10px 12px 64px;display:flex;align-items:center;justify-content:center}.nt2-intar-img{width:100%;height:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 8px 18px rgba(0,0,0,.45))}.nt2-intar-sign,.nt2-t4a-sign{position:relative;z-index:2;margin:0 12px 12px;padding:10px 14px;border-radius:10px;display:flex;align-items:center;gap:12px;backdrop-filter:blur(6px)}.nt2-intar-sign{background:linear-gradient(90deg,rgba(25,59,52,.96),rgba(18,43,38,.9));border:1px solid rgba(190,109,65,.75);box-shadow:0 6px 16px rgba(0,0,0,.4)}.nt2-intar-bar{width:5px;height:34px;border-radius:3px;background:#be6d41;flex-shrink:0}.nt2-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.nt2-title{color:#ffffff;font-size:1.15rem;line-height:1.2;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nt2-cat{color:#f2b48c;font-size:.8rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nt2-t4a{background:radial-gradient(circle at 50% 0%,rgba(212,175,55,.22),transparent 60%),linear-gradient(165deg,#171310 0%,#0e0c0a 100%);border:1px solid rgba(212,175,55,.5)}.nt2-t4a-grid{position:absolute;inset:12px 12px 66px;display:grid;grid-template-columns:1.35fr .85fr .85fr;gap:10px;box-sizing:border-box}.nt2-t4a-frame{position:relative;height:100%;border-radius:8px;overflow:hidden;border:1px solid rgba(212,175,55,.65);background:#1b1612;box-shadow:0 6px 14px rgba(0,0,0,.5)}.nt2-t4a-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.nt2-t4a-art{object-position:center 22%}.nt2-t4a-sign{background:linear-gradient(90deg,rgba(20,16,12,.95),rgba(34,26,18,.9));border:1px solid rgba(212,175,55,.75);box-shadow:0 6px 16px rgba(0,0,0,.5)}.nt2-t4a-bar{width:5px;height:34px;border-radius:3px;background:linear-gradient(180deg,#f3d27a,#b88928);flex-shrink:0}.nt2-cat-gold{color:#efd07b}@media (max-width:768px){.nt2-intar-stage{inset:8px 8px 60px}.nt2-t4a-grid{inset:10px 10px 62px;gap:8px}.nt2-intar-sign,.nt2-t4a-sign{margin:0 8px 8px;padding:8px 12px}.nt2-title{font-size:1.05rem}}@media (max-width:480px){.nt2-t4a-grid{grid-template-columns:1.15fr .9fr .9fr;inset:8px 8px 58px;gap:6px}.nt2-title{font-size:.98rem}.nt2-cat{font-size:.74rem}}
.nt2-hero{border-radius:0;border:0;height:330px}.nt2-title{font-size:30px;font-weight:800}.nt2-t4a .nt2-title{font-family:Georgia,serif;font-size:34px;font-weight:500}.nt2-cat{font-size:12px;letter-spacing:1px}.nt2-intar-stage{inset:0}.nt2-intar-img{object-fit:cover;object-position:center 16%;transform:none}.nt2-intar-sign,.nt2-t4a-sign{padding:13px 18px;margin:0 16px 14px}.nt2-intar-bar,.nt2-t4a-bar{height:40px}.nt2-t4a-grid{inset:14px 14px 86px;gap:9px}.nt2-t4a-frame:nth-child(2){transform:rotate(-3deg) translateY(-2px)}.nt2-t4a-frame:nth-child(3){transform:rotate(3deg) translateY(2px)}@media(max-width:650px){.nt2-hero{height:300px}.nt2-title{font-size:26px}.nt2-t4a .nt2-title{font-size:30px}.nt2-intar-stage{inset:0}.nt2-t4a-grid{inset:12px 12px 83px;gap:7px}.nt2-cat{font-size:11px}}


/* assets/portfolio-three-new-mock-v3.css */
.new-projects-row{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}.new-projects-row:not(:has(>.project:not([hidden]))){display:none}.new-projects-row>.project{min-width:0}.new-projects-row .card-body{padding:24px}.new-projects-row .card-body h2{font-size:29px;line-height:1.1}.new-projects-row .card-top{letter-spacing:1px;font-size:10px}.new-projects-row .description{font-size:14px}.new-projects-row .nt2-t4a-grid{grid-template-columns:1.1fr .9fr .9fr;gap:7px}.project-mikroforma{--ink:#f7eef2;--muted:#c9afb9;--line:#79646d;color:var(--ink);background:#24191f;border-color:#d8a5bb80}.project-mikroforma .card-body h2{color:#edc5d7}.project-mikroforma .destination.primary{background:#edc5d7;color:#291b23;border-color:#edc5d7}.nt3-zuzia{background:#512d3c}.nt3-nail-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 44%}.nt3-nail-sign{position:relative;z-index:1;margin:0 16px 14px;padding:12px 18px;display:flex;gap:12px;align-items:baseline;border:1px solid #d6b48580;border-radius:10px;background:#25151eea;color:#f9e2ec;backdrop-filter:blur(6px)}.nt3-nail-sign strong{font:34px/1.1 Georgia,serif;letter-spacing:1px}.nt3-nail-sign small{font:italic 17px Georgia,serif;white-space:nowrap;color:#d8b88f}@media(max-width:1100px){.new-projects-row{grid-template-columns:repeat(2,minmax(0,1fr))}.new-projects-row>.project:last-child{grid-column:1/-1}}@media(max-width:850px){.new-projects-row{grid-template-columns:minmax(0,1fr)}.new-projects-row>.project:last-child{grid-column:auto}.new-projects-row .card-body{padding:24px}.new-projects-row .card-body h2{font-size:32px}}.project-intar{--cloud-rgb:190,109,65}.project-time4art{--cloud-rgb:216,216,203}.project-mikroforma{--cloud-rgb:232,175,199}.new-projects-row{grid-template-columns:repeat(2,minmax(0,1fr))}.new-projects-row>.project{scroll-margin-top:15px}.new-projects-row>.project-mikroforma{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.project-mikroforma .nt2-hero{height:100%;min-height:330px}.project-mikroforma .card-body{display:flex;flex-direction:column;justify-content:center}.project-mikroforma .nt3-nail-sign{max-width:calc(100% - 32px)}@media(max-width:850px){.new-projects-row{grid-template-columns:minmax(0,1fr)}.new-projects-row>.project-mikroforma{grid-column:auto}}@media(max-width:650px){.new-projects-row>.project-mikroforma{display:block}.project-mikroforma .nt2-hero{height:300px;min-height:0}}

/* assets/no-basic-nailz-mock-v4.css */
.nbn-sign { box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 2px; width: 100%; max-width: 500px; min-height: 76px; padding: 8px 16px; background-color: #25151e; color: #f9e2ec; text-align: center; overflow-wrap: break-word; } .nbn-sign .nbn-title { display: block; color: #f9e2ec; font-size: clamp(1.125rem, 3.6vw, 1.4rem); font-weight: 700; line-height: 1.15; letter-spacing: 0.02em; } .nbn-sign .nbn-sub { display: block; color: #d8b88f; font-size: clamp(0.75rem, 2.2vw, 0.875rem); font-weight: 400; line-height: 1.2; letter-spacing: 0.04em; } @media (max-width: 480px) { .nbn-sign { max-width: 300px; padding: 8px 12px; } }
.project-mikroforma .nt3-nail-photo{object-position:center 53%}.nbn-sign{position:relative;z-index:1;margin:0 16px 14px;width:calc(100% - 32px);max-width:none;min-height:76px;padding:12px 18px;align-items:flex-start;text-align:left;border:1px solid #d6b48580;border-radius:10px;background:#25151eea;backdrop-filter:blur(6px)}.nbn-sign .nbn-title{font:500 32px/1.08 Georgia,serif;letter-spacing:0}.nbn-sign .nbn-sub{font:italic 16px/1.2 Georgia,serif}@media(max-width:650px){.nbn-sign{width:calc(100% - 32px);max-width:none}.nbn-sign .nbn-title{font-size:27px}}


/* assets/offer-slides-v4.css */
.offer-slides {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}
.offer-slides img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}
.offer-slides img.is-active {
  opacity: 1;
}
.euc-visual.has-offer-slides .offer-slides img {
  object-fit: contain;
  padding: 12px 10px 12px 28%;
}
.euc-visual.has-offer-slides .euc-product {
  opacity: 0;
}
.offer-controls {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  z-index: 2;
  display: flex;
  gap: 0.25rem;
}
.offer-controls button {
  appearance: none;
  border: 1px solid rgba(255, 255, 255, 0.35);
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  width: 2rem;
  height: 2rem;
  border-radius: 0.25rem;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  line-height: 1;
  padding: 0;
}
.offer-controls button:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
  .offer-slides img {
    transition: none;
  }
}
#project-time4art .nt2-t4a-grid,#project-mikroforma .nt3-nail-photo{visibility:hidden}.offer-controls button{width:44px;height:44px;font-size:22px}.offer-controls button:hover{background:#14171feb}.globe-marker-icon{width:22px;height:22px;object-fit:contain;vertical-align:middle;margin-right:6px;flex:none}.globe-markers button{display:flex;align-items:center}.offer-slides img{object-position:center 53%}


/* Original interleaved style 1 */
.cinematic-hero{height:auto!important;aspect-ratio:1.65!important;min-height:0!important;display:block!important;background:#08121d!important}.cinematic-cover{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.offer-gallery{margin:0 0 20px;border:1px solid #ffffff22;border-radius:10px;padding:10px;color:inherit}.offer-gallery summary{cursor:pointer;min-height:30px;padding:5px 0}.offer-panel{position:relative;height:240px;margin-top:8px;border-radius:8px;overflow:hidden;background:#111}.new-projects-row>.project-mikroforma{display:grid;grid-template-columns:1fr 1fr}.project-mikroforma .cinematic-hero{align-self:start}.new-projects-row>.project{background:#111923;color:#f1f0ec}.new-projects-row>.project-mikroforma{background:#20171e}@media(max-width:650px){.new-projects-row>.project-mikroforma{display:block}}.preview-banner{padding:13px 20px;background:#d6e89e;color:#17241b;text-align:center;font:600 14px/1.5 system-ui}.preview-banner a{color:inherit} .preview-banner{position:relative;z-index:3}

/* assets/offer-controls-v8.css */
/* Small vertical photo controls, adapted from the existing V4-horizontal reference. */
:is(#project-euc .euc-visual,#project-time4art .offer-panel,#project-mikroforma .offer-panel){position:relative;isolation:isolate}
:is(#project-euc,#project-time4art,#project-mikroforma) .offer-controls{position:absolute;top:50%;left:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);z-index:4;display:flex;flex-direction:column;align-items:center;gap:4px;opacity:0;visibility:visible;pointer-events:auto;transition:opacity .18s ease}
:is(#project-euc,#project-time4art,#project-mikroforma) .offer-controls::before{content:"";position:absolute;z-index:0;left:50%;top:50%;width:68px;height:116px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse at center,rgba(12,17,20,.34),rgba(12,17,20,.12) 48%,transparent 74%);filter:blur(8px);pointer-events:none}
:is(#project-euc,#project-time4art,#project-mikroforma) .offer-controls button{position:relative;z-index:1;appearance:none;width:30px;height:30px;min-width:30px;min-height:30px;padding:0;border:1px solid #ffffff45;border-radius:8px;background:#10141785;color:#fffffff0;box-shadow:0 2px 8px #0002;backdrop-filter:blur(5px);display:inline-flex;align-items:center;justify-content:center;font-size:15px;line-height:1;cursor:pointer;transition:background .16s ease}
:is(#project-euc,#project-time4art,#project-mikroforma) .offer-controls button:hover{background:#101417c2;border-color:#ffffff80}
:is(#project-euc,#project-time4art,#project-mikroforma) .offer-controls button:focus-visible{outline:2px solid white;outline-offset:2px}
:is(#project-euc .euc-visual,#project-time4art .offer-panel,#project-mikroforma .offer-panel):is(:hover,:focus-within) .offer-controls{opacity:1;visibility:visible;pointer-events:auto}
@media(hover:none){:is(#project-euc,#project-time4art,#project-mikroforma) .offer-controls{opacity:.85;visibility:visible;pointer-events:auto}:is(#project-euc,#project-time4art,#project-mikroforma) .offer-controls button{width:40px;height:40px;min-width:40px;min-height:40px}}
@media(prefers-reduced-motion:reduce){:is(#project-euc,#project-time4art,#project-mikroforma) .offer-controls,:is(#project-euc,#project-time4art,#project-mikroforma) .offer-controls button{transition:none}}

/* EUC: photo frame excludes the wordmark; the original advert footer stays outside the visible crop. */
#project-euc .euc-visual.has-offer-slides .offer-slides{left:28%;bottom:12%}
#project-euc .euc-visual.has-offer-slides .offer-slides img{padding:12px 10px;height:113.6364%}

:is(#project-euc,#project-time4art,#project-mikroforma) .offer-controls button{pointer-events:auto}

#project-euc .euc-visual.has-offer-slides .euc-product{pointer-events:none;visibility:hidden}


/* Original interleaved style 2 */
/* Latest direct decision: IN-TAR and T4A vertical at every size. */ .new-projects-row>.project-intar,.new-projects-row>.project-time4art{display:block;grid-column:auto} .new-projects-row>.project-intar>.cinematic-hero,.new-projects-row>.project-time4art>.cinematic-hero{height:auto!important;min-height:0!important;aspect-ratio:1.65!important}

/* Original interleaved style 3 */

/* All cards share the existing grid and its breakpoint; only the last card spans the row. */
.projects>.project-intar,.projects>.project-time4art{display:block;grid-column:auto}
.projects>.project-mikroforma{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
@media(max-width:640px){.projects>.project-mikroforma{display:block}}


/* assets/compact-last-v9.css */
/* Compact last card; first eight cards retain their shared grid. */
#project-mikroforma>.card-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:center;align-items:start;gap:8px 14px;padding:20px;min-width:0;min-height:314px}
#project-mikroforma .card-top,#project-mikroforma h2,#project-mikroforma .description{grid-column:1/-1;margin:0}
#project-mikroforma h2{font-size:28px;line-height:1.1}
#project-mikroforma .description{font-size:13px;line-height:1.45;margin-bottom:4px}
#project-mikroforma .offer-gallery{grid-column:1;margin:0;padding:0;border:0;min-width:0}
#project-mikroforma .offer-panel{height:160px;margin:0}
#project-mikroforma .destinations{grid-column:2;display:grid;gap:8px;margin:0;min-width:0}
#project-mikroforma .destination{padding:12px;min-width:0;gap:8px;min-height:56px}
#project-mikroforma .destination b,#project-mikroforma .destination strong{font-size:13px;line-height:1.3}
#project-mikroforma .destination small{font-size:11px;line-height:1.35;overflow-wrap:anywhere}
#project-mikroforma>.cinematic-hero{height:100%!important;aspect-ratio:auto!important;min-height:0!important;align-self:stretch}
#project-mikroforma .cinematic-cover{position:absolute;inset:0;width:100%;height:100%}
@media(max-width:640px){#project-mikroforma>.cinematic-hero{height:128px!important;min-height:128px!important}#project-mikroforma .cinematic-cover{object-position:center 47%}#project-mikroforma>.card-body{padding:16px;gap:8px 12px;min-height:0}#project-mikroforma h2{font-size:25px}#project-mikroforma .offer-panel{height:140px}#project-mikroforma .destination{padding:10px;min-height:56px}}

/* Direct request: real rotating ZuZ photos replace the illustrated hand in the main area. */
#project-mikroforma>.cinematic-hero>.offer-panel{position:absolute;inset:0;height:100%;width:100%;margin:0;border:0;border-radius:0}
#project-mikroforma>.card-body{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:12px}
#project-mikroforma .description{min-height:0;margin:0}
#project-mikroforma .destinations{grid-template-columns:minmax(0,1fr);margin:0}

#project-time4art>.cinematic-hero>.offer-panel{position:absolute;inset:0;height:100%;width:100%;margin:0;border:0;border-radius:0}


/* assets/offer-cloud-v9.css */
:is(#project-euc, #project-time4art, #project-mikroforma) .offer-controls {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: center;
  gap: 0;
  width: max-content;
  max-width: calc(100% - 16px);
  padding: 0;
  margin: 0;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.56);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.22);
  opacity: 0;
  pointer-events: none;
  isolation: isolate;
  transition: opacity 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}

:is(#project-euc, #project-time4art, #project-mikroforma) .offer-controls::before {
  content: "";
  position: absolute;
  inset: -8px -12px;
  border-radius: inherit;
  background: radial-gradient(
    ellipse at center,
    rgba(0, 0, 0, 0.36) 0%,
    rgba(0, 0, 0, 0) 72%
  );
  filter: blur(8px);
  pointer-events: none;
  z-index: -1;
}

:is(#project-euc, #project-time4art, #project-mikroforma):is(.has-offer-slides:hover, .has-offer-slides:focus-within) .offer-controls,
:is(#project-euc, #project-time4art, #project-mikroforma) .has-offer-slides:is(:hover, :focus-within) .offer-controls,
:is(#project-euc, #project-time4art, #project-mikroforma) .offer-controls:is(:hover, :focus-within) {
  opacity: 1;
  pointer-events: auto;
}

:is(#project-euc, #project-time4art, #project-mikroforma) .offer-controls button {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  min-width: 30px;
  min-height: 30px;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: inherit;
  cursor: pointer;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  transition: background-color 0.15s ease, color 0.15s ease, opacity 0.15s ease;
}

:is(#project-euc, #project-time4art, #project-mikroforma) .offer-controls button + button {
  border-left: 1px solid rgba(255, 255, 255, 0.18);
}

:is(#project-euc, #project-time4art, #project-mikroforma) .offer-controls button:first-of-type {
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
}

:is(#project-euc, #project-time4art, #project-mikroforma) .offer-controls button:last-of-type {
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
}

:is(#project-euc, #project-time4art, #project-mikroforma) .offer-controls button:hover {
  background-color: rgba(255, 255, 255, 0.12);
}

:is(#project-euc, #project-time4art, #project-mikroforma) .offer-controls button:active {
  background-color: rgba(255, 255, 255, 0.2);
}

:is(#project-euc, #project-time4art, #project-mikroforma) .offer-controls button:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.75);
  outline-offset: -2px;
  background-color: rgba(255, 255, 255, 0.14);
}

@media (hover: none), (pointer: coarse) {
  :is(#project-euc, #project-time4art, #project-mikroforma) .offer-controls {
    opacity: 1;
    pointer-events: auto;
  }

  :is(#project-euc, #project-time4art, #project-mikroforma) .offer-controls button {
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
  }
}
/* Integration corrections: reset earlier vertical-mist geometry and separate-button effects. */
:is(#project-euc,#project-time4art,#project-mikroforma) .offer-controls{color:#fff;border-color:#ffffff26;background:#10161d55;visibility:visible}
:is(#project-euc,#project-time4art,#project-mikroforma) .offer-controls::before{width:auto;height:auto;transform:none}
:is(#project-euc,#project-time4art,#project-mikroforma) .offer-controls button{backdrop-filter:none;-webkit-backdrop-filter:none;font-size:14px}
:is(#project-euc,#project-time4art,#project-mikroforma) .offer-controls button:first-of-type{border-radius:999px 0 0 999px}
:is(#project-euc,#project-time4art,#project-mikroforma) .offer-controls button:last-of-type{border-radius:0 999px 999px 0}
@media(prefers-reduced-motion:reduce){:is(#project-euc,#project-time4art,#project-mikroforma) .offer-controls,:is(#project-euc,#project-time4art,#project-mikroforma) .offer-controls button{transition:none}}


/* assets/sondy-v10.css */
/* Approved Sputnik/vertical cards; preserve the existing palette and other eight cards. */
#project-sondy,#project-mikroforma{grid-column:auto;display:flex;flex-direction:column;min-width:0;height:100%}
#project-sondy{background:#1e172a;color:#f8edf9}
#project-sondy>.sondy-art,#project-mikroforma>.cinematic-hero{height:268px!important;min-height:268px!important;aspect-ratio:auto!important;flex:none;position:relative;overflow:hidden}
#project-sondy .sondy-art{background:#090d1b}
#project-sondy .sondy-art img{display:block;width:100%;height:100%;object-fit:contain}
#project-sondy>.card-body,#project-mikroforma>.card-body{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:12px;padding:24px;min-height:0;flex:1}
#project-sondy .card-top{color:#c4acd3}#project-sondy h2{margin:0;font-size:32px}#project-sondy .description,#project-sondy .note{color:#cfc1d6;min-height:0;margin:0}#project-sondy .destinations{margin-top:auto}#project-sondy .destination.primary{background:#d9b6e8;color:#25162d;border-color:#d9b6e8}#project-sondy .destination.primary small{color:#493750}
@media(max-width:640px){#project-sondy>.sondy-art,#project-mikroforma>.cinematic-hero{height:210px!important;min-height:210px!important}#project-sondy>.card-body,#project-mikroforma>.card-body{padding:22px}#project-sondy h2{font-size:28px}}

/* Existing Sondy glow token and previously approved leader image. */
#project-sondy{--cloud-rgb:217,182,232}
.approved-leader img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#111017}.leader-badge{position:absolute;bottom:12px;left:12px;right:12px;padding:8px 12px;border:1px solid #987889;border-radius:12px;background:#17131bea;color:#f3ddec;font:11px/1.4 system-ui;text-align:center}@media(max-width:640px){.leader-badge{font-size:10px}}