.BottleOfBeer-module-scss-module__Ql03Mq__bottleImage{aspect-ratio:1;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__portfolioContainer{background-image:url("/RESULT/portfolio/water/sea water_RESULT.jpg");background-position:50%;background-repeat:repeat;background-size:clamp(500px,80vw,1000px);background-attachment:fixed;width:100%;min-height:100vh}.page-module-scss-module__x0Qqwq__hero{text-align:center;background:#000f23b8;border-bottom:1px solid #ffffff14;padding:3.5rem 1.5rem 2rem}.page-module-scss-module__x0Qqwq__heroTitle{color:#fff;letter-spacing:-.02em;margin:0 0 .5rem;font-size:3rem;font-weight:800}.page-module-scss-module__x0Qqwq__heroSubtitle{color:#ffffffbf;margin:0;font-size:1.05rem}.page-module-scss-module__x0Qqwq__pageWrapper{box-sizing:border-box;max-width:1400px;margin:0 auto;padding:1rem 1.5rem 5rem}.page-module-scss-module__x0Qqwq__projectsGrid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.page-module-scss-module__x0Qqwq__projectItem{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1f;border:1px solid #fff3;border-radius:16px;flex-direction:column;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 8px 32px #00000038}.page-module-scss-module__x0Qqwq__projectItem:hover{transform:translateY(-6px);box-shadow:0 20px 56px #00000059}.page-module-scss-module__x0Qqwq__bottleWrapper{flex:1;min-height:420px;position:relative;overflow:hidden}.page-module-scss-module__x0Qqwq__infoPanel{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;text-align:center;opacity:0;border-radius:inherit;background:#0000009e;flex-direction:column;justify-content:center;align-items:center;padding:1rem;transition:opacity .25s;display:flex;position:absolute;inset:0}.page-module-scss-module__x0Qqwq__projectItem:hover .page-module-scss-module__x0Qqwq__infoPanel{opacity:1}.page-module-scss-module__x0Qqwq__projectName{color:#fff;margin:0 0 .5rem;font-family:The Simple Life;font-size:2rem;font-weight:700}.page-module-scss-module__x0Qqwq__projectImage{object-fit:contain;border-radius:8px;width:auto;max-width:65%;height:auto;max-height:35vh;margin:.5rem auto;display:block;box-shadow:0 4px 16px #0006}.page-module-scss-module__x0Qqwq__projectDescription{color:#ffffffe6;max-width:90%;margin:.25rem 0 0;font-size:.92rem;line-height:1.5}.page-module-scss-module__x0Qqwq__projectFooter{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b8;border-top:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.page-module-scss-module__x0Qqwq__projectFooterTitle{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;overflow:hidden}.page-module-scss-module__x0Qqwq__projectTags{flex-shrink:0;gap:.3rem;display:flex}.page-module-scss-module__x0Qqwq__projectTag{color:#ffffffe6;background:#ffffff26;border:1px solid #ffffff1a;border-radius:6px;padding:.18rem .55rem;font-size:.73rem;font-weight:500}.page-module-scss-module__x0Qqwq__emptyState{text-align:center;color:#fff;text-shadow:0 1px 4px #0006;padding:6rem 2rem;font-size:1.1rem}.page-module-scss-module__x0Qqwq__emptyState span{background:#000f23b8;border-radius:8px;padding:.6rem 1.4rem;display:inline-block}@media (max-width:1024px){.page-module-scss-module__x0Qqwq__projectsGrid{grid-template-columns:repeat(2,1fr)}.page-module-scss-module__x0Qqwq__heroTitle{font-size:2.3rem}}@media (max-width:768px){.page-module-scss-module__x0Qqwq__projectsGrid{grid-template-columns:1fr}.page-module-scss-module__x0Qqwq__heroTitle{font-size:1.9rem}.page-module-scss-module__x0Qqwq__bottleWrapper{min-height:360px}}