.BottleOfBeer-module-scss-module__Ql03Mq__bottleImage{aspect-ratio:1;background-image:url("/RESULT/portfolio/beer1/beer with note_RESULT.svg");background-position:50%;background-repeat:no-repeat;background-size:contain;place-self:center;width:80%;position:relative}.BottleOfBeer-module-scss-module__Ql03Mq__noteContainer{top:var(--note-top,0%);left:var(--note-left,0%);width:var(--note-width,0%);height:var(--note-height,0%);box-sizing:border-box;text-align:center;z-index:2;transform-origin:50%;flex-direction:column;justify-content:center;align-items:center;padding:.5rem;display:flex;position:absolute}.BottleOfBeer-module-scss-module__Ql03Mq__projectName{color:#00559c;margin:0;font-family:The Simple Life;font-size:2rem;font-weight:700}.BottleOfBeer-module-scss-module__Ql03Mq__projectDescription{color:#333;margin-top:.5rem;font-family:Arial\, sans-serif;font-size:1.5rem}.BottleOfBeer-module-scss-module__Ql03Mq__floatingBottle{animation:BottleOfBeer-module-scss-module__Ql03Mq__uniqueFloat var(--duration)cubic-bezier(.25,.46,.45,.94)infinite;animation-delay:var(--delay);will-change:transform;backface-visibility:hidden;transform-style:preserve-3d;justify-content:center;align-items:center;animation-fill-mode:both;display:flex}@keyframes BottleOfBeer-module-scss-module__Ql03Mq__uniqueFloat{0%{transform:translateY(0px)translateX(0px)rotate(var(--rotation))}12.5%{transform:translateY(calc(var(--float-y)*.2))translateX(calc(var(--float-x)*.1))rotate(calc(var(--rotation) + var(--rotation-swing)*.3))}25%{transform:translateY(calc(var(--float-y)*.5))translateX(calc(var(--float-x)*.3))rotate(calc(var(--rotation) + var(--rotation-swing)*.7))}37.5%{transform:translateY(calc(var(--float-y)*.8))translateX(calc(var(--float-x)*.6))rotate(calc(var(--rotation) + var(--rotation-swing)*.9))}50%{transform:translateY(var(--float-y))translateX(var(--float-x))rotate(calc(var(--rotation) + var(--rotation-swing)))}62.5%{transform:translateY(calc(var(--float-y)*.8))translateX(calc(var(--float-x)*.6))rotate(calc(var(--rotation) + var(--rotation-swing)*.7))}75%{transform:translateY(calc(var(--float-y)*.5))translateX(calc(var(--float-x)*.3))rotate(calc(var(--rotation) + var(--rotation-swing)*.3))}87.5%{transform:translateY(calc(var(--float-y)*.2))translateX(calc(var(--float-x)*.1))rotate(calc(var(--rotation) + var(--rotation-swing)*.1))}to{transform:translateY(0px)translateX(0px)rotate(var(--rotation))}}@media (max-width:1024px){.BottleOfBeer-module-scss-module__Ql03Mq__bottleImage{width:70%}.BottleOfBeer-module-scss-module__Ql03Mq__projectName{font-size:1.8rem}.BottleOfBeer-module-scss-module__Ql03Mq__projectDescription{font-size:1.3rem}}@media (max-width:768px){.BottleOfBeer-module-scss-module__Ql03Mq__projectName{font-size:1.5rem}.BottleOfBeer-module-scss-module__Ql03Mq__projectDescription{font-size:1.1rem}}@media (max-width:480px){.BottleOfBeer-module-scss-module__Ql03Mq__bottleImage{width:90%}.BottleOfBeer-module-scss-module__Ql03Mq__projectName{font-size:1.2rem}.BottleOfBeer-module-scss-module__Ql03Mq__projectDescription{font-size:.9rem}}
.page-module-scss-module__x0Qqwq__title{text-transform:uppercase;letter-spacing:2px;text-align:center;color:#fff;background-color:#00000080;margin-bottom:2rem;padding:.5rem 1rem;font-size:3rem;font-weight:700;transition:transform .3s,letter-spacing .3s}.page-module-scss-module__x0Qqwq__projectItem{background-color:#ffffff4d;border:1px solid #ffffff14;border-radius:8px;width:100%;min-height:30rem;transition:transform .16s,box-shadow .16s;position:relative;overflow:hidden;box-shadow:0 6px 18px #0000000f}.page-module-scss-module__x0Qqwq__projectsGrid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.page-module-scss-module__x0Qqwq__projectItem:hover .page-module-scss-module__x0Qqwq__infoPanel{opacity:1}.page-module-scss-module__x0Qqwq__portfolioContainer{overflow:hidden}.page-module-scss-module__x0Qqwq__waterBackground{z-index:-1;background-image:url("/RESULT/portfolio/water/sea water_RESULT.jpg");background-repeat:repeat;width:100%;height:100%;position:absolute;top:0;left:0}.page-module-scss-module__x0Qqwq__infoPanel{color:#fff;text-align:center;opacity:0;border-radius:inherit;background-color:#00000080;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:.2rem;transition:opacity .3s;display:flex;position:absolute;inset:0}.page-module-scss-module__x0Qqwq__projectName{color:#fff;flex:none;margin:0 0 .5rem;font-family:The Simple Life;font-size:2rem;font-weight:700}.page-module-scss-module__x0Qqwq__projectImage{flex:none;width:auto;max-width:60%;height:auto;max-height:40vh;margin:.5rem 0;display:block;box-shadow:0 4px 12px #0000004d}.page-module-scss-module__x0Qqwq__projectImage img{object-fit:contain;max-width:100%;height:auto;display:block}.page-module-scss-module__x0Qqwq__projectDescription{color:#fff;flex:none;max-width:90%;margin:.25rem 0 0;font-family:Arial\, sans-serif;font-size:1.1rem}.page-module-scss-module__x0Qqwq__infoPanelContent{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;width:100%;height:100%;padding:.5rem;display:flex;overflow:auto}@media (max-width:768px){.page-module-scss-module__x0Qqwq__projectsGrid{grid-template-columns:1fr}.page-module-scss-module__x0Qqwq__projectItem{box-sizing:border-box;background-color:#fff9;border:1px solid #0000000a;height:auto;min-height:0;margin:.5rem 0 1rem;padding:1.5rem 0;box-shadow:0 6px 16px #0000000f}.page-module-scss-module__x0Qqwq__projectItem>div{height:auto;min-height:18rem}.page-module-scss-module__x0Qqwq__projectsGrid{box-sizing:border-box;padding:0 1rem}}@media (max-width:1024px){.page-module-scss-module__x0Qqwq__projectsGrid{grid-template-columns:1fr}.page-module-scss-module__x0Qqwq__projectItem{box-sizing:border-box;background-color:#fff9;border:1px solid #0000000a;height:auto;min-height:0;margin:.5rem 0 1rem;padding:1.5rem 0;box-shadow:0 6px 16px #0000000f}.page-module-scss-module__x0Qqwq__projectItem>div{height:auto;min-height:18rem}.page-module-scss-module__x0Qqwq__projectsGrid{box-sizing:border-box;padding:0 1rem}}@media (max-width:480px){.page-module-scss-module__x0Qqwq__projectsGrid{grid-template-columns:1fr}.page-module-scss-module__x0Qqwq__projectItem{box-sizing:border-box;background-color:#fff9;border:1px solid #0000000a;height:auto;min-height:0;margin:.5rem 0 1rem;padding:1.5rem 0;box-shadow:0 6px 16px #0000000f}.page-module-scss-module__x0Qqwq__projectItem>div{height:auto;min-height:18rem}.page-module-scss-module__x0Qqwq__projectsGrid{box-sizing:border-box;padding:0 1rem}}