.scenes{position:relative}.scene-block{--brand-ink:var(--color-orange);--ink:#242424;--accent:var(--ink);--muted:color-mix(in srgb, var(--ink) 62%, transparent);--light:#d9dad4;--measure:clamp(360px, 38vw, 560px);--col-gap:clamp(100px, 22vw, 380px);--desc-size:24px;width:100%;position:relative}.scene-block:not(:first-child){margin-top:-100vh}.scene-block[data-scene=facilitare]{--bg:#676b4a}.scene-block[data-scene=sprint]{--bg:#6b5a45}.scene-block[data-scene=complex]{--bg:#3e5650}.scene-block[data-scene=partener]{--bg:#464b67}.scene-block[data-scene=cercetare]{--bg:#586269}.scene-block[data-scene=strategie]{--bg:#5f4b52}.scene-block[data-scene=design]{--bg:#4a5c4f}.scene-block[data-scene=web]{--bg:#55606b}.scene{background:var(--bg);height:100vh;color:var(--ink);--pill-ink:var(--ink);position:sticky;top:0;overflow:hidden}.scene-header{inset:0 var(--gutter) auto var(--gutter);padding-top:32px;position:absolute}.scene-title{text-indent:var(--rail);font-family:var(--font-serif);font-size:var(--text-display);letter-spacing:-.01em;margin:0 0 4vh;padding-right:clamp(95px,8vw,190px);line-height:1.07}.scene-title__lead{color:var(--brand-ink);font-weight:700}.scene-title__sub{color:var(--accent);font-weight:400}.scene-title__word{opacity:clamp(0, calc((var(--reveal,999) - var(--i)) / .9), 1)}.scene-title__num{vertical-align:.9em;color:var(--muted);margin-left:.06em;font-size:.4em;font-weight:700}.scene-title__cat{font-family:var(--font-sans);color:var(--ink);white-space:nowrap;font-size:16px;font-weight:700}.scenes[data-live] :is(.scene-meta,.scene-description,.scene-body .checklist li,.scene-body .cta-block){transition:opacity .22s var(--ease-out), translate .22s var(--ease-out)}.scenes[data-live] .scene-postits .postit{transition:opacity .22s var(--ease-out), translate .22s var(--ease-out), scale .22s var(--ease-out)}.scenes[data-live] .scene-block:not(.is-body) :is(.scene-meta,.scene-description,.scene-body .checklist li,.scene-body .cta-block){opacity:0;translate:0 12px}.scenes[data-live] .scene-block:not(.is-body) .scene-postits .postit{opacity:0;translate:0 6px;scale:1.08}.scenes[data-live] .scene-block.is-body :is(.scene-meta,.scene-description,.scene-body .checklist li,.scene-body .cta-block,.scene-postits .postit){transition-duration:.5s;transition-delay:var(--ad,0s)}.scenes[data-live] .scene-block.is-body .scene-meta{--ad:0s}.scenes[data-live] .scene-block.is-body .scene-description{--ad:60ms}.scenes[data-live] .scene-block.is-body .scene-body .checklist li{--ad:calc(.13s + var(--ci,0) * 45ms)}.scenes[data-live] .scene-block.is-body .scene-body .cta-block{--ad:.4s}.scenes[data-live] .scene-block.is-body .scene-postits .postit:first-child{--ad:.2s}.scenes[data-live] .scene-block.is-body .scene-postits .postit:nth-child(2){--ad:.28s}.scenes[data-live] .scene-block.is-body .scene-postits .postit:nth-child(3){--ad:.36s}.scene-body{grid-template-columns:var(--measure) minmax(0, 1fr);align-items:start;gap:2.8vh clamp(40px,6vw,150px);display:grid;position:relative}.scene-meta{grid-area:1/1}.scene-description{grid-area:2/1}.scene-checks{grid-area:2/2}.scene-cta__a{grid-area:3/1}.scene-cta__b{grid-area:3/2}.scene-meta{font-family:var(--font-sans);flex-wrap:wrap;gap:4px 22px;margin:0;display:flex}.scene-meta__row{gap:6px;font-size:16px;line-height:1.3;display:flex}.scene-meta dt{color:var(--ink);font-weight:400}.scene-meta dt:after{content:":"}.scene-meta dd{color:var(--ink);white-space:nowrap;margin:0;font-weight:700}.scene-description{font-family:var(--font-serif);font-size:var(--desc-size);color:var(--light);margin:-.18em 0 0;line-height:1.42}.checklist-title{font-family:var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:0 0 12px;font-size:11px;font-weight:700}.checklist{margin:0;padding:0;list-style:none}.checklist:has(li:nth-child(5)){grid-template-columns:repeat(2,max-content);column-gap:clamp(18px,2vw,32px);display:grid}.checklist li:first-child{--ci:0}.checklist li:nth-child(2){--ci:1}.checklist li:nth-child(3){--ci:2}.checklist li:nth-child(4){--ci:3}.checklist li:nth-child(5){--ci:4}.checklist li:nth-child(6){--ci:5}.checklist li:nth-child(7){--ci:6}.checklist li:nth-child(8){--ci:7}.checklist li{font-family:var(--font-sans);color:var(--light);align-items:flex-start;gap:9px;padding:3px 0;font-size:16px;display:flex}.checklist li:before{content:"";background:var(--ink);--check-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M2.5 7 L5.5 10 L11 4'/></svg>");width:12px;height:12px;-webkit-mask:var(--check-mask) center / contain no-repeat;-webkit-mask:var(--check-mask) center / contain no-repeat;mask:var(--check-mask) center / contain no-repeat;flex-shrink:0;margin-top:3px}.cta-block{flex-direction:column;align-items:flex-start;margin-top:1.4vh;display:flex}.scene-block .scene-toggle{--accent:var(--ink);--pill-ink:var(--light)}.scene-block .scene-toggle .kort-toggle__opt{color:var(--pill-ink)}.scene-block .scene-toggle .kort-toggle__opt[data-active=true]{color:var(--accent)}.scene-block .scene-toggle .kort-toggle__line--base{color:var(--pill-ink)}.scene-block .cta-block{--accent:var(--ink);--pill-ink:var(--light)}.scene-meta,.scene-description,.scene-checks,.scene-cta__a,.scene-cta__b{animation:scene-swap-in .38s var(--ease-out) backwards}.scene-meta{animation-delay:20ms}.scene-description,.scene-checks{animation-delay:70ms}.scene-cta__a,.scene-cta__b{animation-delay:.12s}@keyframes scene-swap-in{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}.cards-area{left:var(--gutter);right:var(--gutter);height:34vh;position:absolute;bottom:12vh}.project-card{appearance:none;font:inherit;text-align:left;background:var(--color-cream);color:#1a1a1a;transform-origin:top;pointer-events:auto;border:none;text-decoration:none;transition:none;display:flex;position:absolute;inset:0;overflow:hidden;transform:translateY(150%)}.project-card[data-level=next]{z-index:1;transform:translateY(108%)}.project-card[data-level="0"]{z-index:30;pointer-events:auto;transform:translateY(0)scale(1);box-shadow:0 26px 50px -22px #0000008c,0 6px 16px -10px #00000052}.project-card[data-level="1"]{z-index:29;transform:translateY(22px)scale(.97);box-shadow:0 16px 30px -20px #0000006b}.project-card[data-level="2"]{z-index:28;transform:translateY(44px)scale(.94);box-shadow:0 12px 24px -20px #00000052}.project-card[data-level="3"]{z-index:27;transform:translateY(64px)scale(.91);box-shadow:0 10px 20px -20px #0000003d}.card-content{flex-direction:column;flex:0 0 clamp(230px,26%,360px);justify-content:space-between;min-width:0;padding:3vh 1.6vw;display:flex}.card-brand{font-family:var(--font-sans);color:var(--color-teal);font-size:15px;font-weight:700}.card-title{font-family:var(--font-sans);color:#1a1a1a;margin:0;font-size:clamp(17px,1.6vw,26px);font-weight:700;line-height:1.15}.card-tag{font-family:var(--font-sans);color:#1a1a1a;font-size:13px}.card-media{background:var(--accent);flex:1;position:relative;overflow:hidden}.card-brand-row{flex-direction:column;align-items:flex-start;gap:5px;display:flex}.card-badge{font-family:var(--font-sans);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:5px;padding:3px 8px 3px 7px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.card-badge:before{content:"";background:currentColor;border-radius:999px;width:5px;height:5px}.card-badge--studiu{background:var(--color-teal);color:var(--color-cream)}.card-badge--apare{background:var(--color-orange);color:var(--color-cream)}.card-badge--lucru{color:#1a1a1aa3;background:#1a1a1a1f}.card-state{z-index:40;text-align:center;opacity:0;pointer-events:none;transition:opacity .4s var(--ease-out);background:#121212d1;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:16px;display:flex;position:absolute;inset:0}.project-card--apare.is-revealed .card-state,.project-card--lucru.is-revealed .card-state{opacity:1}.card-state__big{font-family:var(--font-serif);color:var(--color-cream);font-size:clamp(22px,3vw,40px);font-weight:700;line-height:1.02}.card-state__when{font-family:var(--font-serif);color:var(--color-orange);font-size:clamp(26px,3.8vw,50px);font-weight:800;line-height:1}@media (prefers-reduced-motion:reduce){.card-state{transition:none}}.scene-progress{z-index:50;flex-direction:column;gap:10px;display:flex;position:absolute;top:50%;right:24px;transform:translateY(-50%)}.scene-dot{background:color-mix(in srgb, var(--ink) 30%, transparent);border-radius:50%;width:6px;height:6px;transition:background .3s,transform .3s}.scene-dot[data-active]{background:var(--ink);transform:scale(1.4)}.scene-num{bottom:5vh;right:var(--gutter);z-index:40;font-family:var(--font-sans);letter-spacing:.08em;color:var(--muted);font-variant-numeric:tabular-nums;font-size:14px;font-weight:700;position:absolute}.proj-strip{left:var(--gutter);right:var(--gutter);gap:6px;height:34vh;display:flex;position:absolute;bottom:12vh}.proj-tile{min-width:0;transition:flex-grow .45s var(--ease-out);border-radius:4px;flex:1 1 0;text-decoration:none;position:relative;overflow:hidden}.proj-tile__media{background:var(--accent);position:absolute;inset:0}.proj-tile__desc{background:var(--color-cream);width:clamp(200px,20vw,320px);max-width:72%;transition:transform .45s var(--ease-out);flex-direction:column;justify-content:space-between;gap:12px;padding:3vh clamp(16px,1.8vw,32px);display:flex;position:absolute;inset:0 auto 0 0;transform:translate(-100%)}.proj-tile__brand{font-family:var(--font-sans);color:var(--color-teal);font-size:15px;font-weight:700}.proj-tile__q{font-family:var(--font-sans);color:#1a1a1a;font-size:clamp(16px,1.4vw,24px);font-weight:700;line-height:1.15}@media (hover:hover){.proj-tile:hover{flex-grow:2.6}.proj-tile:hover .proj-tile__desc{transform:translate(0)}}.proj-rail{height:44vh;position:absolute;bottom:8vh;left:0;right:0;overflow:hidden}.rail-card{transform-origin:50%;will-change:transform, opacity;border-radius:6px;width:clamp(340px,42vw,680px);height:100%;text-decoration:none;position:absolute;top:0;left:clamp(280px,30vw,480px);box-shadow:0 30px 60px -28px #00000080}.rail-card__media{background:var(--accent);border-radius:6px;position:absolute;inset:0;overflow:hidden}.rail-card__panel{background:var(--color-cream);width:clamp(220px,22vw,340px);height:100%;opacity:var(--rail-active,0);border-radius:6px;flex-direction:column;justify-content:center;gap:14px;padding:clamp(20px,2vw,40px);display:flex;position:absolute;top:0;right:100%}.rail-card__brand{font-family:var(--font-sans);color:var(--color-teal);font-size:15px;font-weight:700}.rail-card__q{font-family:var(--font-sans);color:#1a1a1a;font-size:clamp(18px,1.6vw,28px);font-weight:700;line-height:1.18}@media (prefers-reduced-motion:reduce){.project-card{transition:none}.scene-meta,.scene-description,.scene-checks,.scene-cta__a,.scene-cta__b{animation:none}}@media (max-width:820px){.scene-block{--rail:0px;--desc-size:17px}.scene-block:not(:first-child){margin-top:0}.scene{height:100svh;padding-bottom:0;position:sticky;top:0;overflow:hidden}.scene-header{padding:var(--band-top-m) var(--gutter) 0;will-change:transform;position:static;inset:auto}.scene-title{text-indent:var(--rail-m);margin-bottom:20px;padding-right:0;font-size:clamp(25px,7.2vw,34px);line-height:1.12}.scene-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 14px}.scene-body .scene-toggle,.scene-meta,.scene-description,.scene-checks{grid-area:auto/1/auto/-1}.scene-cta__a{grid-area:auto/1}.scene-cta__b{grid-area:auto/2}.scene-meta{gap:4px 24px}.scene-meta dd{white-space:normal}.scene-description{margin-top:0}.checklist{grid-template-columns:1fr 1fr;gap:4px 12px;display:grid}.checklist li{padding:0;font-size:13.5px}.cta-block{margin-top:clamp(8px,2.2vh,20px)}.cards-area{top:auto;left:0;right:0;bottom:max(10px, env(safe-area-inset-bottom));height:auto;padding:4px var(--gutter) 12px;opacity:0;will-change:transform;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:14px;margin:0;display:flex;position:absolute;overflow:auto visible;transform:translateY(112%)}.cards-area::-webkit-scrollbar{display:none}.project-card{scroll-snap-align:start;border-radius:5px;flex-direction:column-reverse;flex:0 0 min(80vw,75svh - 240px);height:auto;position:static;inset:auto;transform:none;box-shadow:0 14px 30px -22px #00000080}.card-media{aspect-ratio:3/4;flex:none;width:100%}.card-content{flex:none;gap:10px;min-height:0;padding:16px 18px}.card-title{font-size:18px}}.scene-postits{z-index:3;pointer-events:none;height:clamp(230px,40vh,430px);position:absolute;top:-4px;left:64%;right:0}.scene-postits>*{pointer-events:auto;position:absolute}@media (max-width:820px){.scene-postits{flex-wrap:nowrap;order:-1;grid-column:1/-1;gap:8px;height:auto;margin:0 0 4px;display:flex;position:static;overflow:visible}.scene-postits>*{flex:none;position:static}.scene-postits .postit__paper{white-space:nowrap;min-width:0;min-height:0;padding:7px 10px;font-size:11.5px}}@media (min-width:1700px){.cards-area{height:46vh;bottom:9vh}}@media (min-width:2100px){.cards-area{height:54vh;bottom:8vh}}