.pf-hero{height:100svh;min-height:560px;margin-top:calc(-1 * var(--v2-nav-h,64px));color:var(--v2-text,#efe6d4);isolation:isolate;background:radial-gradient(120% 90% at 70% 20%,#1834788c,#0000 60%),linear-gradient(#03060f,#071230);position:relative;overflow:hidden}.pf-hero:before,.pf-hero:after{content:"";pointer-events:none;z-index:1;position:absolute;left:0;right:0}.pf-hero:before{background:linear-gradient(#02040a80,#02040a00);height:140px;top:0}.pf-hero:after{background:linear-gradient(#04070e00, #04070e8c 55%, var(--v2-bg,#04070e));height:20%;opacity:calc(1 - 4 * var(--pf-dive,0));bottom:0}:where(.pf-hero) a{color:inherit;text-decoration:none}.pf-hero p{max-width:none;margin:0}.pf-hero{z-index:2}.pf-view{z-index:0;pointer-events:none;width:100%;height:100svh;min-height:560px;opacity:calc(1 - (var(--pf-dive,0) - .45) / .33);position:fixed;top:0;left:0}.pf-hero[data-dive=past] .pf-view{visibility:hidden}.pf-hero[data-dive=in]:not(.is-failed){background:0 0}.pf-hero[data-dive] :is(.pf-sub,.pf-links,.pf-credit,.pf-pause){filter:opacity(calc(1 - 14 * var(--pf-dive,0)))}.pf-hero:not([data-dive=in]) .pf-canvas{pointer-events:auto}.pf-canvas{z-index:0;opacity:0;touch-action:pan-y;width:100%;height:100%;transition:opacity .5s;display:block;position:absolute;inset:0}.pf-hero.is-ready .pf-canvas{opacity:1}.pf-name{z-index:2;text-align:center;letter-spacing:.02em;max-width:none;color:var(--v2-text,#efe6d4);text-shadow:0 2px 30px #00040e99;margin:0;font-family:Pretendard Variable,Pretendard,Noto Sans KR,sans-serif;font-size:min(32vw,42vh);font-weight:700;line-height:1;transition:opacity .8s;position:absolute;top:44%;left:0;right:0;transform:translateY(-50%)}.pf-hero.is-ready .pf-name{opacity:0;-webkit-user-select:none;user-select:none;pointer-events:none;transition-duration:.5s}.pf-sub{z-index:2;left:0;right:0;top:var(--pf-sub-top,calc(44% + min(16vw, 21vh) + 28px));text-align:center;pointer-events:none;justify-items:center;gap:6px;font-family:Cormorant Garamond,Noto Serif KR,serif;transition:opacity 1.1s;display:grid;position:absolute}.pf-latin{letter-spacing:.1em;text-shadow:0 1px 12px #00040ecc;font-size:clamp(1.4rem,2.1vw,2rem);font-weight:500}.pf-role{letter-spacing:.16em;color:var(--v2-text,#efe6d4);text-shadow:0 0 14px #00040ef2,0 1px 4px #00040ee6;font-size:clamp(1.0625rem,1.35vw,1.25rem);font-weight:500}.pf-links{z-index:2;left:var(--v2-gutter,32px);right:var(--v2-gutter,32px);flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px 24px;transition:opacity 1.1s;display:flex;position:absolute;bottom:clamp(36px,6.5vh,60px)}.pf-corner{letter-spacing:.08em;text-shadow:0 1px 10px #00040eb3;border-bottom:1px solid #efe6d48c;align-items:center;gap:10px;min-height:44px;padding-bottom:6px;font-family:Cormorant Garamond,serif;font-size:clamp(1.05rem,1.3vw,1.25rem);font-weight:500;transition:border-color .2s,color .2s;display:inline-flex}.pf-corner:last-child{margin-left:auto}.pf-corner:hover{border-color:var(--v2-text,#efe6d4);color:var(--v2-text,#efe6d4)}.pf-credit{z-index:2;right:calc(var(--v2-gutter,32px) + var(--pq-w,0px));max-width:calc(100% - 2 * var(--v2-gutter,32px) - 52px - var(--pq-w,0px));letter-spacing:.24em;text-align:right;margin-block:-11px;padding-block:11px;font-family:Cormorant Garamond,serif;font-size:.8125rem;transition:opacity 1.1s,color .2s;position:absolute;bottom:12px}.pf-hero .pf-credit{color:var(--v2-text-3,#868175)}.pf-hero .pf-credit:hover{color:var(--v2-text,#efe6d4)}@media (width<=520px){.pf-credit{left:calc(var(--v2-gutter,20px) + 30px);max-width:calc(100% - var(--v2-gutter,20px) - 30px - var(--pq-w,0px) - 16px);letter-spacing:.1em;text-align:left;text-overflow:ellipsis;white-space:nowrap;right:auto;overflow:hidden}}.pf-pause{z-index:2;left:calc(var(--v2-gutter,32px) - 14px);width:44px;height:44px;color:var(--v2-text-3,#868175);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;transition:opacity 1.1s,color .2s;display:grid;position:absolute;bottom:0}.pf-pause svg{fill:currentColor;width:11px;height:11px}.pf-pause:hover,.pf-pause[aria-pressed=true]{color:var(--v2-text,#efe6d4)}.pf-hero :focus-visible{box-shadow:0 0 0 5px #04070e99}.pf-hero.is-loading .pf-name{opacity:0}.pf-hero:is(.is-loading,.is-ready):not(.is-revealed) :is(.pf-sub,.pf-links,.pf-credit,.pf-pause):not(:focus-within){opacity:.01;pointer-events:none}.pf-hero :is(.pf-links,.pf-credit,.pf-pause):focus-within,.pf-hero.is-loading.is-revealed :is(.pf-name,.pf-sub,.pf-links,.pf-credit,.pf-pause),.pf-hero[data-still].is-loading .pf-name{opacity:1}html:not([data-pf-cover=past]):has(.pf-hero:not(.is-revealed):not(.is-failed):not([data-still])) .v2-nav:not(:focus-within){opacity:.01;transition:none}html:not([data-pf-cover=past]):has(.pf-hero:not(.is-revealed):not(.is-failed):not([data-still])) .v2-nav:not(:focus-within)>*{pointer-events:none}.pf-hero[data-leaving] :is(.pf-sub,.pf-links,.pf-credit,.pf-pause){opacity:0;transition:opacity .35s}.pf-hero.is-failed{background:linear-gradient(#03060f8c,#03060fbf),url(/assets/projects/flowing-starry-night/stills/alternate-01.webp) 50%/cover}.pf-hero.is-failed :is(.pf-name,.pf-sub,.pf-links,.pf-credit){opacity:1;transition:none}@media (width<=760px){.pf-name{font-size:min(28vw,30vh);top:40%}.pf-corner{font-size:1.05rem}}@media (prefers-reduced-motion:reduce){.pf-canvas,.pf-name,.pf-sub,.pf-links,.pf-credit,.pf-pause{transition:none}}.pf-hero[data-gate=waiting]{cursor:pointer}.pf-gate{z-index:3;color:var(--v2-text,#efe6d4);cursor:pointer;opacity:0;pointer-events:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;justify-items:center;gap:14px;padding:28px 40px;transition:opacity 1.4s .9s,filter .9s;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}.pf-hero[data-gate=waiting] .pf-gate{opacity:1;pointer-events:auto}.pf-gate:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#02040c9e,#02040c47 55%,#02040c00);position:absolute;inset:-10% -20%}.pf-gate-word{letter-spacing:.62em;text-transform:uppercase;text-shadow:0 0 18px #00040ee6;margin-right:-.62em;font-family:Cormorant Garamond,serif;font-size:clamp(1.375rem,1.9vw,1.75rem);font-weight:500;transition:letter-spacing .9s cubic-bezier(.2,.7,.2,1),margin .9s cubic-bezier(.2,.7,.2,1)}.pf-gate-line{transform-origin:50%;background:linear-gradient(90deg,#efe6d400,#efe6d4d9,#efe6d400);width:72px;height:1px;animation:6.5s ease-in-out infinite pf-gate-breathe;display:block}.pf-gate:hover .pf-gate-word,.pf-gate:focus-visible .pf-gate-word{letter-spacing:.72em;margin-right:-.72em}.pf-gate:focus-visible{outline-offset:2px;border-radius:999px;outline:1px solid #efe6d499}@keyframes pf-gate-breathe{0%,to{opacity:.45;transform:scaleX(.35)}50%{opacity:1;transform:scaleX(1)}}.pf-hero[data-nudge] .pf-gate-word{text-shadow:0 0 18px #00040ee6,0 0 22px #efe6d473}.pf-hero[data-nudge] .pf-gate-line{opacity:1;transition:transform .35s,opacity .35s;animation-play-state:paused;transform:scaleX(1.25)}.pf-hero[data-gate=waiting]{overscroll-behavior:none;touch-action:none}.pf-hero[data-gate=opening] .pf-gate{opacity:0;filter:blur(6px);transition:opacity .7s,filter .7s}.pf-hero[data-gate=opening] .pf-gate-word{letter-spacing:1.2em;margin-right:-1.2em}@media (prefers-reduced-motion:reduce){.pf-gate-line{animation:none}}