#location-container{padding:var(--spacing-10);color:#fff;border-radius:var(--radius-md);-webkit-user-select:none;user-select:none;width:100%;height:15rem;display:flex;position:relative;overflow:hidden}#location-container .details{z-index:3;padding:var(--spacing-12);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:var(--radius-rounded);background:#ffffff2b;justify-content:space-between;align-items:center;width:100%;height:4.5rem;margin-top:auto;display:flex}#location-container .details :first-child{gap:var(--spacing-8);align-items:center;display:flex}#location-container .details .clock{aspect-ratio:1;border-radius:var(--radius-rounded);border:2px solid #fff;width:clamp(2.5rem,10vw,3.3rem);position:relative}#location-container .details .clock .clock_center{z-index:10;border-radius:var(--radius-rounded);aspect-ratio:1;background:#fff;width:4px;margin:auto;position:absolute;inset:0}#location-container .details .clock .clock_minute,#location-container .details .clock .clock_hour{transform-origin:bottom;width:2px;height:16px;position:absolute;bottom:50%;left:50%;transform:translate(-50%)}#location-container .details .clock .clock_minute{transform:rotate(var(--minute-rotation));background:#fff}#location-container .details .clock .clock_hour{transform:rotate(var(--hour-rotation));background:#ff3737}#location-container .details .today{display:grid}#location-container .details .today p{font-size:clamp(12px,5vw,20px);line-height:1}#location-container .details .today small{color:#c1c1c1;font-size:clamp(10px,5vw,13px)}#location-container .details .weather-temp{font-size:clamp(12px,5vw,20px)}#location-container .cloud{--distance-outside:50px;--item-size:150px;z-index:2;bottom:calc(-150px - var(--distance-outside));left:calc(-150px - var(--distance-outside));animation:50s linear infinite cloud-move;position:absolute}@keyframes cloud-move{0%{transform:translate(0)}50%{transform:translate(calc(500px + var(--item-size) + (var(--distance-outside)*2)),calc(-15rem - var(--item-size) - (var(--distance-outside)*2)))}to{transform:translate(0)}}
#project-card{--badgeColor:var(--black-20);width:100%;height:100%;padding:var(--spacing-18);border-radius:var(--radius-xxl);-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}#project-card:hover figure{height:60%;margin:var(--spacing-18)}#project-card:hover header .description{opacity:1;pointer-events:auto;transform:translate(0)}#project-card:hover header .icon{scale:.8}#project-card-link{color:inherit;height:100%;text-decoration:none;display:block}#project-card-link header{z-index:99;color:#fff;top:var(--spacing-24);right:var(--spacing-24);align-items:center;gap:var(--spacing-14);display:flex;position:absolute}#project-card-link header .description{padding-inline:var(--spacing-20);padding-block:var(--spacing-6);background:var(--badgeColor);opacity:0;transition:var(--transition-standard-default-spatial);color:inherit;pointer-events:none;border-radius:100vmin;font-weight:500;transform:translate(-15px)}#project-card-link header .icon{background:var(--badgeColor);border-radius:var(--radius-rounded);width:3rem;height:3rem;transition:var(--transition-standard-default-spatial);place-content:center;display:grid}#project-card-link figure{z-index:95;height:100%;transition:var(--transition-standard-slow-spatial);position:absolute;inset:0}#project-card-link figure img{border-radius:var(--spacing-32);object-fit:cover;-o-object-fit:cover;position:absolute}#project-card-link section{flex-direction:column;justify-content:end;gap:2rem;height:100%;display:flex;container-type:inline-size}#project-card-link section span{flex:calc(60% + (var(--spacing-18)*2))}#project-card-link section div{flex:35%}#project-card-link section div h2{font-size:clamp(1.5rem,8cqi,3rem)}#project-card-link section div p{font-size:clamp(1rem,3cqi,1.2rem)}@media (max-width:768px){#project-card figure{height:60%;margin:var(--spacing-18)}#project-card header .description{opacity:1;pointer-events:auto;transform:translate(0)}}