@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap";:root{color:#050505;font-synthesis:none;text-rendering:optimizelegibility;background:#ededed;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0;overflow-x:hidden}.portfolio{background:#ededed;place-items:center;min-height:100vh;padding:4rem 1.5rem 11rem;display:grid;position:relative;overflow:hidden}.intro{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:min(100%,900px);min-width:0;display:flex;position:relative}h1,p{margin:0}.statement{letter-spacing:-2px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;font-size:clamp(28px,5vw,60px);font-weight:400;line-height:1.2;display:flex}.status{max-width:390px;margin:40px auto 0;font-size:18px;line-height:24px}.portfolio-links{justify-content:center;gap:.75rem;margin-top:.9rem;display:flex}.ripple-button{isolation:isolate;appearance:none;font:inherit;color:#050505;cursor:pointer;background:0 0;border:1px solid #050505;border-radius:999px;min-height:44px;padding:.65rem 1.2rem;font-size:18px;font-weight:400;line-height:24px;text-decoration:none;transition:color .25s;position:relative;overflow:hidden}.ripple-button--green{background:#fff84e;border-color:#050505}.ripple-button:hover,.ripple-button:active,.ripple-button:focus-visible{color:#fff}.ripple-button:focus-visible{outline-offset:3px;outline:2px solid #050505}.ripple-button-label{z-index:1;position:relative}.ripple-button-fill{aspect-ratio:1;pointer-events:none;background:#000;border-radius:50%;width:220%;transition:transform .25s ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.ripple-button:hover .ripple-button-fill,.ripple-button:active .ripple-button-fill,.ripple-button:focus-visible .ripple-button-fill{transform:translate(-50%,-50%)scale(1)}.media-between-text{white-space:normal;flex-wrap:wrap;justify-content:center;align-items:center;gap:.25em;max-width:100%;display:inline-flex}.media-frame{align-items:center;gap:.1em;height:.6em;display:inline-flex}.media-image{opacity:0;transform-origin:50%;width:auto;max-width:0;height:1.6em;transition:max-width .42s cubic-bezier(.22,1,.36,1),opacity .22s,transform .42s cubic-bezier(.22,1,.36,1);display:inline-flex;overflow:hidden;transform:scaleX(.4)}.media-image img{object-fit:contain;object-position:center;width:auto;max-width:none;height:100%;transform:scale(var(--image-zoom));transition:transform .24s}.media-between-text.is-active .media-frame,.media-between-text:focus-within .media-frame{width:auto}.media-between-text.is-active .media-image,.media-between-text:focus-within .media-image{opacity:1;max-width:2.25em;transform:scaleX(1)}.construction-tape{color:#050505;z-index:2;background:#fff84e;width:120%;padding:.75rem 0;font-size:18px;font-weight:700;line-height:24px;position:absolute;bottom:4.5rem;left:-10%;right:auto;overflow:hidden;transform:rotate(-7deg);box-shadow:0 5px 3px #0003}.construction-tape--lower{z-index:1;bottom:calc(1.9rem + 40px);transform:rotate(1deg)}.construction-tape--lower .construction-tape-track{animation-duration:60s}.construction-tape-track{will-change:transform;width:max-content;animation:40s linear infinite announcement-scroll;display:flex}.construction-tape-group{flex-shrink:0;justify-content:space-around;min-width:120vw;display:flex}.construction-tape-message{white-space:nowrap;align-items:center;gap:1rem;padding-inline:.5rem;display:flex}.construction-tape.is-paused .construction-tape-track{animation-play-state:paused}@keyframes announcement-scroll{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.ripple-button,.ripple-button-fill{transition:none}.construction-tape-track{animation:none}}@media (width<=560px){.portfolio-page{padding:3rem 1rem 10rem}.portfolio-page .intro{width:100%;max-width:390px}.portfolio-page .statement{line-height:1}.portfolio-page .media-between-text{white-space:normal;flex-wrap:wrap;max-width:100%}.portfolio-page .status{max-width:18rem}.portfolio-page .construction-tape{bottom:4rem}}