.giraffe-feature{position:relative;overflow:hidden;border-block:1px solid #292529;background:radial-gradient(ellipse 44% 70% at 73% 50%,#3b0b27 0%,#190e16 45%,#0c0c0d 100%)}
.giraffe-feature::before{content:"";position:absolute;inset:0;opacity:.18;background-image:linear-gradient(#fff1 1px,transparent 1px),linear-gradient(90deg,#fff1 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent 20%,#000 100%);pointer-events:none}
.giraffe-inner{min-height:620px;display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.9fr);align-items:center;gap:6%;position:relative}
.giraffe-copy{position:relative;z-index:2;padding:90px 0}.giraffe-copy h2{font:700 clamp(48px,5.6vw,86px)/1.04 'Space Grotesk',sans-serif;letter-spacing:-.068em;margin:18px 0 24px;max-width:670px}.giraffe-copy h2 em{font-style:normal;color:#ff0078}.giraffe-copy p{max-width:480px;color:#c7bbc3;font-size:19px;line-height:1.5;margin:0 0 30px}.giraffe-hint{display:inline-flex;align-items:center;gap:12px;color:#edbdd5;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.giraffe-hint::before{content:"";width:26px;height:1px;background:#ff0078}
.giraffe-stage{height:620px;position:relative;display:grid;place-items:center;isolation:isolate;touch-action:pan-y;cursor:crosshair}.giraffe-stage::before{content:"";position:absolute;width:min(90%,475px);aspect-ratio:1;border:1px solid #ff8dbe37;border-radius:50%;box-shadow:0 0 0 70px #ff8dbe08,0 0 0 140px #ff8dbe05;top:14%;left:50%;transform:translateX(-50%);pointer-events:none}.giraffe-stage::after{content:"DOCA / EM MOVIMENTO";position:absolute;right:0;bottom:28px;color:#e4a9c766;font:700 11px 'Space Grotesk',sans-serif;letter-spacing:.2em;pointer-events:none}
.giraffe-figure{position:relative;width:min(100%,425px);height:570px;display:grid;place-items:center;transform:translate3d(var(--tilt-x,0px),var(--tilt-y,0px),0);transition:transform .35s ease;animation:giraffe-breathe 5s ease-in-out infinite alternate}.giraffe-figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}.giraffe-figure .giraffe-reveal{filter:brightness(1.55) saturate(.25) hue-rotate(290deg) drop-shadow(0 0 18px #ff4fa5);clip-path:circle(var(--reveal,0px) at var(--mx,50%) var(--my,50%));will-change:clip-path}.giraffe-figure canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
@keyframes giraffe-breathe{to{transform:translate3d(var(--tilt-x,0px),calc(var(--tilt-y,0px) - 8px),0)}}
@media(max-width:850px){.giraffe-inner{grid-template-columns:1fr;gap:0}.giraffe-copy{padding:72px 0 0}.giraffe-stage{height:510px}.giraffe-figure{height:500px;width:min(100%,375px)}.giraffe-stage::after{bottom:20px}}
@media(max-width:600px){.giraffe-copy{padding:68px 0 0}.giraffe-copy h2{font-size:clamp(46px,11vw,64px)}.giraffe-copy p{font-size:17px}.giraffe-stage{height:445px}.giraffe-figure{height:430px;width:min(100%,320px)}.giraffe-stage::before{top:12%;width:77%;box-shadow:0 0 0 50px #ff8dbe08}}
@media(prefers-reduced-motion:reduce){.giraffe-figure{animation:none;transition:none}.giraffe-figure .giraffe-reveal,.giraffe-figure canvas{display:none}}