
.a27-home-proposal-1 .a27-hero {
    position: relative;
    isolation: isolate;
    background: radial-gradient(ellipse at 85% 90%, #7000c9, transparent 48%), linear-gradient(125deg, #0f121f, #00008f 75%);
}
.a27-home-proposal-1 #a27-shader-canvas {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none;
}
.a27-home-proposal-1 .a27-hero-visual::before { background: none; }
.a27-shader-toggle { color: #fff; background: transparent; border: 1px solid #ffffff80; padding: 8px 12px; cursor: pointer; font: inherit; font-size: 12px; }
.a27-shader-toggle[hidden] { display: none; }
.a27-shader-toggle:focus-visible { outline: 2px solid #00aeef; outline-offset: 4px; }
@media print { .a27-home-proposal-1 #a27-shader-canvas, .a27-shader-toggle { display: none; } }


.a27-home-proposal-1 .a27-hero { overflow: clip; }
.a27-home-proposal-1 .a27-hero-visual--sculpture {
    min-height: 510px;
    padding: 0;
    align-items: center;
    justify-content: center;
}
.a27-home-proposal-1 .a27-print-sculpture {
    position: relative;
    flex: none;
    width: calc(100% + 220px);
    height: 510px;
    margin: 0 -110px;
    pointer-events: none;
    animation: a27-print-float 12s ease-in-out infinite;
}
.a27-home-proposal-1 .a27-print-sculpture img {
    position: absolute;
    display: block;
    top: calc(50% - 24px);
    left: 0;
    width: 100%;
    height: auto;
    max-width: none;
    transform: translateY(-50%);
    object-fit: contain;
    clip-path: none;
}
@keyframes a27-print-float {
    0%, 100% { transform: translate3d(0, 6px, 0) rotate(-.6deg); }
    50% { transform: translate3d(0, -10px, 0) rotate(.6deg); }
}
@media(min-width:1600px) {
    .a27-home-proposal-1 .a27-hero-visual--sculpture { min-height: 560px; }
    .a27-home-proposal-1 .a27-print-sculpture { height: 560px; }
}
@media(max-width:1023px) {
    .a27-home-proposal-1 .a27-hero-visual--sculpture { min-height: 480px; }
    .a27-home-proposal-1 .a27-print-sculpture { width: calc(100% + 60px); margin-inline: -30px; }
}
@media(max-width:767px) {
    .a27-home-proposal-1 .a27-hero-visual--sculpture { min-height: 0; padding: 0; }
    .a27-home-proposal-1 .a27-print-sculpture { width: 100%; height: auto; aspect-ratio: 1.15; margin: 0; }
}
@media(prefers-reduced-motion:reduce) {
    .a27-home-proposal-1 .a27-print-sculpture { animation: none; }
}
