.cs-info,.frame-info{background:linear-gradient(#0000 0%,#00000014 22%,#0000004d 48%,#0009 76%,#000000d1 100%)}html.cool-page,html.cool-page body{overscroll-behavior:none;height:100%;overflow:clip}html.cool-page body{flex-direction:column;height:100dvh;display:flex;container:screen/size}.cs-page{z-index:2;clip-path:inset(-100dvh 0);flex:1;min-height:0;position:relative;overflow:visible}.cs-content{flex-direction:column;flex:1;min-height:0;display:flex}.cs-content>.content-footer,.cs-page-info{flex:none}.cs-page-info:empty,.cs-content-phone{display:none}.cs-content[data-info~=desktop]{overflow:clip auto}.cs-content[data-info~=desktop]>.cs-page,.page-grid>.cs-editor-mosaic{flex:none;height:max(320px,100cqh - 66px)}.cs-editor-mosaic{--bg:#000;--fg:#fff;background:var(--bg);color:var(--fg)}.ed-cool-screen>.cs-content>.cs-page{clip-path:inset(-100cqh 0)}@container screen (width<=720px){.cs-content-desktop{display:none}.cs-content-phone{display:block}.cs-content[data-info]{overflow:visible}.cs-content[data-info]>.cs-page{flex:1;height:auto}.cs-content[data-info~=phone]{overflow:clip auto}.cs-content[data-info~=phone]>.cs-page,.page-grid>.cs-editor-mosaic{flex:none;height:max(320px,100cqh - 54px)}}:is(.cool-page,.ed-cool-screen) .page-bar{--edge:#fff;--ink:#fff;justify-content:space-between;align-items:center;min-height:66px}:is(.cool-page,.ed-cool-screen) .page-bar .back{line-height:1}.cool-stuff{--cs-gap:12px;flex-direction:column;height:100%;min-height:0;display:flex}.cs-window{touch-action:pan-y pinch-zoom;cursor:grab;isolation:isolate;flex:1;min-height:0;position:relative;overflow:visible}.cs-window.is-dragging{cursor:grabbing;user-select:none}.cs-window:focus-visible{outline:1px solid var(--fg);outline-offset:-2px}.cs-track{align-items:flex-start;gap:var(--cs-gap);will-change:transform;height:100%;display:flex;position:relative}.cs-track.is-laid-out{display:block}.cs-piece{z-index:0;transform-origin:50%;width:300px;min-width:0;transition:scale .25s var(--ease-out), translate .25s var(--ease-out);flex:none;position:relative}.cs-track.is-laid-out .cs-piece{position:absolute}.cs-piece.is-active{z-index:5;scale:var(--cs-hover-scale,1.5);translate:var(--cs-hover-shift-x,0px) var(--cs-hover-shift-y,0px)}.cs-media{width:100%;height:100%;color:inherit;cursor:inherit;background:0 0;border:0;padding:0;display:block;overflow:hidden}.cs-media img,.cs-media video{object-fit:contain;user-select:none;-webkit-user-drag:none;width:100%;height:100%}.cs-media:focus-visible{outline-offset:-3px;outline:2px solid #fff}.cs-info{width:calc(100% * var(--cs-info-zoom,1));scale:calc(1 / var(--cs-info-zoom,1));transform-origin:0 100%;padding:var(--cs-info-fade,36px) var(--cs-info-pad,12px) var(--cs-info-pad,12px);font-size:var(--cs-info-font,12px);color:#fff;visibility:hidden;opacity:0;transition:opacity .3s var(--ease-out);pointer-events:none;line-height:1.35;position:absolute;bottom:0;left:0}.cs-piece.is-active .cs-info{visibility:visible;opacity:1}.cs-info-content{white-space:nowrap;pointer-events:auto;text-shadow:0 .07em .28em #000c}.cs-project-title{font-size:var(--cs-title-font,18.9px);margin:0 0 .55em;line-height:1.15}.cs-details{font-size:inherit;line-height:inherit;margin:0}.cs-info-row{grid-template-columns:minmax(0,1fr);gap:.12em;margin-top:.5em;display:grid}.cs-info-row dt{opacity:.65}.cs-info-row dd{margin:0}.cs-info a{color:inherit;pointer-events:auto;text-underline-offset:.16em;text-decoration-thickness:.06em}.cs-project-link{font-size:inherit;margin-top:.7em;display:inline-block}.cs-empty{text-align:center;place-content:center;display:grid;position:absolute;inset:0}.cs-empty>span{font-size:80px}@container screen (width<=720px){:is(.cool-page,.ed-cool-screen) .page-links{gap:8px}:is(.cool-page,.ed-cool-screen) .page-links .frame-button{letter-spacing:.035em;padding:6px 8px;font-size:10px}:is(.cool-page,.ed-cool-screen) .page-bar{min-height:54px;padding-top:12px;padding-bottom:12px}:is(.cool-page,.ed-cool-screen) .content-footer{padding:12px max(14px, env(safe-area-inset-right,0px)) max(12px, env(safe-area-inset-bottom,0px) + 8px) max(14px, env(safe-area-inset-left,0px))}:is(.cool-page,.ed-cool-screen) .footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}:is(.cool-page,.ed-cool-screen) .footer-identity{grid-column:1/-1}:is(.cool-page,.ed-cool-screen) .footer-label{margin-bottom:8px}:is(.cool-page,.ed-cool-screen) .footer-contact dl{gap:8px}:is(.cool-page,.ed-cool-screen) .footer-navigation ul{gap:6px;display:grid}:is(.cool-page,.ed-cool-screen) .footer-bottom{margin-top:12px;padding-top:8px}:is(.cool-page,.ed-cool-screen) .footer-invitation .footer-main{grid-template-columns:minmax(0,1fr) auto;gap:12px}:is(.cool-page,.ed-cool-screen) .footer-invitation .footer-identity{grid-column:auto}:is(.cool-page,.ed-cool-screen) .footer-invitation .footer-name{font-size:20px}:is(.cool-page,.ed-cool-screen) .footer-invitation .footer-copy{font-size:12px}:is(.cool-page,.ed-cool-screen) .footer-invitation-link{justify-self:end;font-size:clamp(24px,7cqw,30px)}}@media (prefers-reduced-motion:reduce){.cs-piece,.cs-info{transition:none}.cs-piece.is-active{translate:0;scale:1}}