/* Composed project stages: artwork remains separate from atmosphere and typography. */
.brand-stage{--mx:0;--my:0;--accent:#a48052;--stage-ink:#293a30;position:relative;isolation:isolate;overflow:hidden;display:grid;place-items:center;aspect-ratio:1.23;background:var(--card,#dbcbb1);color:var(--stage-ink);perspective:1100px;container-type:inline-size}
.brand-stage:before,.brand-stage:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1}.brand-stage:before{background:radial-gradient(ellipse at 75% 15%,#ffffff70,transparent 60%),linear-gradient(135deg,transparent 40%,#00000010);transition:transform .8s}.brand-stage:after{opacity:.07;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.6' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23noise)' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}
.stage-word{position:absolute;top:8%;left:6%;right:6%;font-family:var(--serif);font-size:clamp(48px,16cqw,190px);line-height:.8;letter-spacing:-.065em;opacity:.16;pointer-events:none;white-space:nowrap;transform:translate(calc(var(--mx)*-10px),calc(var(--my)*-7px));transition:transform .4s ease-out}
.brand-stage .stage-object{position:absolute;width:77%;height:77%;padding:0;object-fit:contain;z-index:2;filter:drop-shadow(0 22px 20px #00000022);transform:translate(calc(var(--mx)*14px),calc(var(--my)*9px)) rotate(calc(var(--mx)*2deg));transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .55s;inset:15% auto auto 12%}
.brand-stage .stage-object.secondary{width:35%;height:40%;inset:auto 3% 5% auto;z-index:3;transform:translate(calc(var(--mx)*-20px),calc(var(--my)*-13px)) rotate(-8deg)}
.stage-orbit{position:absolute;width:76%;height:76%;border:1px solid currentColor;border-radius:50%;opacity:.2;transform:rotate(-22deg) scaleX(.83);transition:transform 1s;pointer-events:none}.brand-stage:hover .stage-orbit,.brand-stage:focus-visible .stage-orbit{transform:rotate(15deg) scaleX(1.1)}
.stage-label{position:absolute;left:6%;bottom:6%;font:9px var(--sans);letter-spacing:.2em;text-transform:uppercase;z-index:4}.stage-index{position:absolute;right:6%;top:6%;font:italic 24px var(--serif);z-index:4}.stage-hint{position:absolute;right:5%;bottom:5%;width:44px;height:44px;display:grid;place-items:center;background:var(--paper);color:var(--forest);border-radius:50%;z-index:5;transition:transform .3s}.brand-stage:hover .stage-hint{transform:rotate(-35deg)}
.case-hero.brand-stage{aspect-ratio:auto;height:min(76vw,780px);min-height:420px}.case-hero.brand-stage .stage-object{width:68%;height:78%;left:16%;top:12%}.case-hero.brand-stage .stage-word{font-size:clamp(100px,18vw,300px)}
.brand-stage[data-brand=aguila-mundial]{--stage-ink:#145c61;background:#edbd29}.brand-stage[data-brand=aguila-mundial] .stage-orbit{border-radius:0;width:74%;height:57%;transform:rotate(-12deg);border-width:2px;box-shadow:0 0 0 20px #ffffff12}.brand-stage[data-brand=aguila-mundial]:before{background:repeating-linear-gradient(90deg,transparent 0 8%,#125f5412 8% 16%)}
.brand-stage[data-brand=tribu-studio]{background:#d8c9ad}.brand-stage[data-brand=tribu-studio] .stage-orbit{border-radius:44% 56% 62% 38%/60% 35% 65% 40%;border-width:30px;opacity:.1}.brand-stage[data-brand=tribu-studio]:before{background:radial-gradient(ellipse at 85% 90%,#293a3044,transparent 50%)}
.brand-stage[data-brand=soulforce]{background:#242822;--stage-ink:#e9d9ac}.brand-stage[data-brand=soulforce] .stage-word{font-family:var(--sans);font-weight:900;letter-spacing:-.09em;opacity:.2;top:12%;transform:rotate(-8deg)}.brand-stage[data-brand=soulforce] .stage-orbit{border-radius:0;border-width:1px;transform:rotate(28deg);color:#d7b34f}
.brand-stage[data-brand=dona-sabrosa]{background:#e9b22c;--stage-ink:#942719}.brand-stage[data-brand=dona-sabrosa] .stage-orbit{border-width:36px;opacity:.12;transform:translate(22%,-12%)}.brand-stage[data-brand=dona-sabrosa]:before{background:radial-gradient(circle at 12% 85%,#c4531f55 0 20%,transparent 20.2%)}
.brand-stage[data-brand=zenith]{background:#262b2c;--stage-ink:#ede7d7}.brand-stage[data-brand=zenith]:before{background:repeating-linear-gradient(135deg,transparent 0 12%,#ffffff0c 12% 13%,transparent 13% 25%)}.brand-stage[data-brand=zenith] .stage-word{font-family:var(--sans);font-style:italic;font-weight:900}.brand-stage[data-brand=zenith] .stage-orbit{border-radius:0;width:140%;height:24%;transform:rotate(-28deg);border-color:#dad3b2}
.brand-stage[data-brand=noema]{background:#e4d9c4;--stage-ink:#35372e}.brand-stage[data-brand=noema] .stage-orbit{border-radius:0 50% 50% 50%;width:48%;height:62%;border-width:42px;opacity:.13;transform:rotate(30deg) translate(30%,0)}.brand-stage[data-brand=noema] .stage-word{font-family:var(--sans);font-weight:800;font-size:17cqw;top:12%;opacity:.1}
.brand-stage[data-brand=wapps]{background:#db813e;--stage-ink:#54381f}.brand-stage[data-brand=wapps] .stage-orbit{border:2px dashed currentColor;width:90%;height:90%}.brand-stage[data-brand=viejo-molino]{background:#c9b99b;--stage-ink:#5a4332}.brand-stage[data-brand=viejo-molino]:before{background:repeating-radial-gradient(ellipse at 100% 100%,transparent 0 40px,#644e3310 42px 43px)}
.brand-stage[data-brand=c-dice-q]{background:#212420;--stage-ink:#e6dfd1}.brand-stage[data-brand=c-dice-q]:before{background:radial-gradient(ellipse at 50% 60%,#87907b70,transparent 65%)}.brand-stage[data-brand=c-dice-q] .stage-orbit{filter:blur(5px);border-width:22px;opacity:.12}
.brand-stage[data-brand="5-pa-las-12"]{background:#1e354c;--stage-ink:#f0c49c}.brand-stage[data-brand="5-pa-las-12"] .stage-orbit{width:70%;height:85%;border-width:20px;box-shadow:0 0 0 3px #d5a16c55,0 0 0 28px #00000020}.brand-stage[data-brand=el-ultimo-baile]{background:#c9b88b;--stage-ink:#343823}.brand-stage[data-brand=el-ultimo-baile]:before{background:linear-gradient(95deg,#171e2b33,transparent 65%)}
.brand-stage[data-brand=gamestop-fc24]{background:#1b302c;--stage-ink:#a7e976}.brand-stage[data-brand=gamestop-fc24] .stage-orbit{border-radius:0;transform:rotate(38deg);width:110%;height:28%;border-width:12px;opacity:.18}
.daylight-control{display:flex;align-items:center;gap:16px;width:min(390px,100%);padding:16px 0;color:var(--ink);font-size:11px}.daylight-control input{min-width:80px;flex:1;accent-color:var(--gold);cursor:ew-resize}.daylight-control input:focus-visible{outline:2px solid var(--gold);outline-offset:6px}.daylight-control output{min-width:64px;font-variant-numeric:tabular-nums}.daylight-scene{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,var(--sky-top,#91b7c4),var(--sky-bottom,#f2d8a1));border-radius:48% 48% 3px 3px;min-height:340px}.daylight-sun{position:absolute;width:68px;height:68px;background:#fff1bc;border-radius:50%;left:calc(15% + var(--day-progress,0)*60%);top:calc(20% + var(--day-progress,0)*55%);box-shadow:0 0 70px #fff2bc66}.daylight-scene:after{content:'';position:absolute;inset:50% -5% -5%;background:#293a30;clip-path:polygon(0 65%,15% 35%,26% 51%,45% 0,63% 40%,76% 15%,100% 56%,100% 100%,0 100%)}
.plant-grid article{position:relative}.plant-grid article img{transform-origin:50% 100%;transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .8s}.plant-grid article:hover img,.plant-grid article:focus-within img{transform:scale(1.09) rotate(3deg);filter:drop-shadow(7px 10px 6px #293a3020)}.plant-reference{display:inline-block;font-size:11px;margin-top:15px;border-bottom:1px solid var(--gold);padding-bottom:4px}
.chicken-walk{position:relative;height:190px;overflow:hidden;border-bottom:1px solid var(--line);margin:40px auto;width:min(1392px,calc(100% - 80px))}.chicken-walk img{position:absolute;height:165px;width:170px;object-fit:contain;bottom:0;left:0;transform:translateX(var(--walk-x,0px)) rotate(var(--walk-tilt,0deg));transform-origin:50% 90%;will-change:transform}.chicken-walk span{position:absolute;right:0;top:12px;font:italic 24px var(--serif);color:var(--muted)}
.swap-visual{aspect-ratio:1.25;position:relative;overflow:hidden}.swap-visual .swap-image{width:88%;height:88%;object-fit:contain;align-self:center;justify-self:center}.swap-visual .swap-image[data-state=open]{width:92%;height:92%}
@media(max-width:760px){.case-hero.brand-stage{height:430px;min-height:0}.case-hero.brand-stage .stage-object{width:90%;left:5%;height:76%;top:14%}.stage-word{font-size:17cqw}.stage-label{font-size:8px;max-width:65%}.stage-hint{height:35px;width:35px}.chicken-walk{width:calc(100% - 40px);height:150px}.chicken-walk img{width:130px;height:130px}.chicken-walk span{font-size:19px}}
@media(prefers-reduced-motion:reduce){.brand-stage .stage-object,.stage-word,.brand-stage:hover .stage-orbit,.plant-grid article:hover img,.plant-grid article:focus-within img{transform:none!important}.chicken-walk img{transform:translateX(20px)!important;will-change:auto}html{scroll-behavior:auto}}
