/* An original out-of-screen octopus composition inspired by the supplied references. */
.approach .octopus-wrap{min-width:0;padding:0 25px 35px 12px;perspective:1400px}
.octopus-concept{position:relative;isolation:isolate;background:#e9e8df;color:#2d352d;border-radius:18px;padding:27px 28px 0;box-shadow:0 28px 70px #0005;transform:rotate(-2deg)}
.octopus-concept .sample-nav{font-size:7px;position:relative;z-index:2}
.octopus-concept .sample-nav b{font-size:19px}
.octopus-concept .sample-kicker{font-size:7px;letter-spacing:1.1px;margin:28px 0 13px;position:relative;z-index:2}
.octopus-concept h3{font:51px/.98 Georgia,serif;letter-spacing:-2px;position:relative;z-index:2;margin:0;pointer-events:none}
.octopus-concept h3 em{color:#697756}
.octopus-scene{position:relative;width:calc(100% + 56px);margin:0 -28px -38px;aspect-ratio:1/1.02;perspective:1200px}
.octopus-scene:before{content:'';position:absolute;left:16%;right:5%;height:13%;bottom:1%;background:radial-gradient(ellipse,#0007,transparent 70%);filter:blur(10px);transform:rotate(2deg)}
.octopus-art{position:absolute;left:-7%;top:-4%;width:120%;max-width:none;height:auto;display:block;filter:drop-shadow(4px 18px 12px #07141345);transform:translateY(var(--forma-lift,-6px)) rotate(2deg);transform-origin:50% 65%;transition:transform .7s cubic-bezier(.2,.7,.3,1)}
.octopus-wrap .concept-note{margin:70px -15px 0;text-align:center;font-size:11px;color:#a9b4c2}
@media(hover:hover) and (pointer:fine){.octopus-wrap:hover .octopus-art{transform:translateY(-16px) rotate(2deg) scale(1.035)}}
@media(min-width:768px) and (max-width:1000px){.octopus-concept{padding:22px 20px 0}.octopus-concept h3{font-size:43px}.octopus-scene{width:calc(100% + 40px);margin-left:-20px;margin-right:-20px}.octopus-concept .sample-nav>span{font-size:5px}.octopus-concept .sample-kicker{font-size:6px;letter-spacing:.6px}}
@media(max-width:767px){.approach .octopus-wrap{padding:10px 24px 25px 8px}.octopus-concept{padding:24px 24px 0;border-radius:16px}.octopus-concept h3{font-size:clamp(40px,11vw,57px)}.octopus-concept .sample-kicker{font-size:6px;letter-spacing:.8px;margin-top:25px}.octopus-scene{width:calc(100% + 48px);margin-left:-24px;margin-right:-24px}.octopus-art{left:-5%;width:116%}.octopus-wrap .concept-note{margin-top:65px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.octopus-art{transition:none!important;transform:rotate(2deg)!important}}
/* Separate tentacle deformation preserves the shape of the monitor. */
.octopus-scene{transform-origin:50% 70%}
.octopus-art{transform:rotate(2deg);transition:none}
.octopus-animation{pointer-events:none}
.has-octopus-animation>img.octopus-art{opacity:0}
@media(hover:hover) and (pointer:fine){.octopus-wrap:hover .octopus-art{transform:rotate(2deg)}}

@media(prefers-reduced-motion:reduce){.octopus-animation{display:none}.has-octopus-animation>img.octopus-art{opacity:1}}
/* Trim stray matte pixels and feather the cutout consistently on mobile Safari. */
.octopus-art{filter:url(#octopus-clean-edge) drop-shadow(4px 18px 12px #07141345);image-rendering:auto}