.portfolio-experience{isolation:isolate;background:#fafaf7;position:relative}.entrance-page{transform-origin:50% 0;outline:none}.entrance-checking .entrance-page,.entrance-loading .entrance-page,.entrance-ready .entrance-page{visibility:hidden;opacity:0}.entrance-checking .mansion-scene,.entrance-loading .mansion-scene{visibility:hidden}.entrance-checking .mansion-frame i:first-child,.entrance-checking .mansion-frame i:last-child,.entrance-loading .mansion-frame i:first-child,.entrance-loading .mansion-frame i:last-child{transform:translateY(0)}.entrance-checking .mansion-progress,.entrance-loading .mansion-progress{transform:scaleX(0)}.entrance-checking .mansion-entrance{animation:0s 8s forwards entrance-cover-fallback}.entrance-checking .entrance-page{animation:0s 8s forwards entrance-page-fallback}@keyframes entrance-cover-fallback{to{visibility:hidden;pointer-events:none}}@keyframes entrance-page-fallback{to{visibility:visible;opacity:1}}.mansion-entrance{z-index:100;height:100vh;color:#fff;background:#0e1c20;height:100dvh;position:fixed;inset:0;overflow:hidden}.mansion-scene{transform-origin:56% 58%;will-change:transform,opacity;position:absolute;inset:0}.mansion-scene>img{object-fit:cover;object-position:56% 55%;width:100%;height:100%;display:block;transform:scale(1.035)}.mansion-shade{background:linear-gradient(#06100c4d 0%,#0000 38%,#06100c20 55%,#06100cbd 100%);position:absolute;inset:0}.mansion-brand{align-items:center;gap:20px;display:flex;position:absolute;top:clamp(24px,4vw,56px);left:clamp(24px,4vw,72px)}.mansion-brand img{border-radius:4px;width:82px;height:82px;box-shadow:0 8px 28px #0002}.mansion-brand span{letter-spacing:.2em;text-shadow:0 1px 12px #0009;font-size:14px}.mansion-title{max-width:85vw;position:absolute;bottom:19vh;left:clamp(24px,4vw,72px)}.mansion-title p{letter-spacing:-.025em;text-shadow:0 3px 28px #0006;font-family:Georgia,Times New Roman,serif;font-size:clamp(44px,6.5vw,104px);font-weight:400;line-height:1.08}.mansion-title>span{letter-spacing:.1em;margin-top:22px;font-size:16px;display:block}.mansion-entering{left:clamp(24px,4vw,72px);bottom:max(34px,env(safe-area-inset-bottom));letter-spacing:.06em;align-items:center;gap:16px;font-size:14px;display:flex;position:absolute}.mansion-entering svg{animation:1.1s ease-in-out infinite mansion-arrow}.mansion-skip{right:clamp(24px,4vw,72px);bottom:max(28px,env(safe-area-inset-bottom));color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#07150e66;border:1px solid #ffffff70;border-radius:999px;align-items:center;gap:12px;min-height:46px;padding:13px 18px;font-size:14px;display:flex;position:absolute}.mansion-skip:hover{background:#07150ea8;border-color:#fff}.entrance-falling .mansion-title,.entrance-falling .mansion-brand,.entrance-falling .mansion-entering{animation:.45s ease-in forwards mansion-type-away}@keyframes mansion-approach{0%{transform:scale(1)}to{transform:scale(1.045)}}@keyframes mansion-dive{0%{filter:blur();transform:scale(1.03)translateY(0)}50%{filter:blur();transform:scale(1.28)translateY(-4%)}to{filter:blur(7px);transform:scale(2.15)translateY(-20%)}}@keyframes mansion-exit{0%,45%{opacity:1}to{opacity:0;visibility:hidden}}@keyframes mansion-landing{0%,35%{opacity:0;transform:translateY(50vh)scale(.92)}65%{opacity:.65}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes mansion-type-away{to{opacity:0;transform:translateY(-40px)}}@keyframes mansion-arrow{0%,to{transform:translateY(-3px)}50%{transform:translateY(3px)}}@media (max-width:767px){.mansion-brand img{width:64px;height:64px}.mansion-brand{gap:12px}.mansion-brand span{letter-spacing:.14em;font-size:12px}.mansion-scene>img{object-position:62% 50%}.mansion-title{bottom:24vh}.mansion-title>span{letter-spacing:.04em;font-size:14px}.mansion-entering{font-size:13px}.mansion-skip{padding:11px 15px}}@media (prefers-reduced-motion:reduce){.mansion-entrance{display:none!important}.entrance-page{opacity:1!important;animation:none!important;transform:none!important}}.mansion-entrance{perspective:1100px;background:#090b0c}.mansion-scene{transform-origin:56% 60%}.mansion-shade{background:linear-gradient(90deg,#0009,#0000 78%),linear-gradient(#0000 35%,#000b)}.mansion-title{z-index:2;bottom:21vh;left:8vw}.mansion-title p{letter-spacing:-.065em;perspective:700px;margin:20px 0 28px;font-family:Arial,Helvetica,sans-serif;font-size:clamp(64px,12vw,190px);font-weight:800;line-height:.84}.mansion-title p>span{transform-origin:50% 100%;display:block}.mansion-title p>span:nth-child(2){color:#0000;-webkit-text-stroke:1px #fff9}.mansion-title .mansion-period{color:#d8ba79;-webkit-text-stroke:0}.mansion-title .mansion-kicker{letter-spacing:.25em;color:#e2c995;margin:0;font-size:14px}.mansion-title>span:last-child{letter-spacing:.02em;max-width:440px;font-size:16px;line-height:1.6}.mansion-brand{z-index:3}.mansion-brand img{width:64px;height:64px}.mansion-frame{pointer-events:none;z-index:4;position:absolute;inset:0}.mansion-frame i{will-change:transform;background:#090b0c;height:50%;position:absolute;left:0;right:0}.mansion-frame i:first-child{top:0;transform:translateY(-100%)}.mansion-frame i:last-child{bottom:0;transform:translateY(100%)}.entrance-ready .mansion-frame i:first-child{animation:1.1s cubic-bezier(.76,0,.24,1) both aperture-top}.entrance-ready .mansion-frame i:last-child{animation:1.1s cubic-bezier(.76,0,.24,1) both aperture-bottom}.entrance-ready .mansion-title p>span{animation:1.2s cubic-bezier(.2,.8,.2,1) .25s both brand-unfold}.entrance-ready .mansion-title p>span:nth-child(2){animation-delay:.4s}.entrance-ready .mansion-scene{animation:1.8s cubic-bezier(.2,.65,.3,1) both cinema-approach}.mansion-horizon{pointer-events:none;z-index:1;opacity:0;border:1px solid #ebd19b40;position:absolute;inset:10%}.entrance-falling .mansion-horizon{animation:1.4s cubic-bezier(.5,0,.2,1) both frame-flight}.entrance-falling .mansion-scene{animation:2.05s cubic-bezier(.55,0,.2,1) both cinema-dive}.entrance-falling .mansion-entrance{animation:2.05s ease-in both cinema-exit}.entrance-falling .mansion-title{animation:.8s cubic-bezier(.6,0,.3,1) both brand-flight}.entrance-falling .entrance-page{animation:2.05s cubic-bezier(.16,1,.3,1) both cinema-land}.mansion-skip,.mansion-entering{z-index:5}.mansion-skip:focus-visible{outline-offset:5px;outline:2px solid #e2c995}.mansion-progress{transform-origin:0;z-index:6;background:#d8ba79;width:100%;height:3px;position:absolute;bottom:0;left:0}.entrance-ready .mansion-progress,.entrance-falling .mansion-progress{animation:3.85s linear both entrance-progress}@keyframes aperture-top{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes aperture-bottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes brand-unfold{0%{opacity:0;transform:translateY(35px)rotateX(-45deg)}to{opacity:1;transform:none}}@keyframes cinema-approach{0%{filter:brightness(.6);transform:scale(1.2)}to{filter:brightness();transform:scale(1.04)}}@keyframes cinema-dive{0%{filter:blur();transform:scale(1.04)}45%{filter:blur(1px);transform:scale(1.65)translateY(-6%)rotate(-1deg)}to{filter:blur(10px);transform:scale(3.8)translateY(-18%)rotate(-3deg)}}@keyframes cinema-exit{0%,48%{opacity:1}to{opacity:0;visibility:hidden}}@keyframes cinema-land{0%,30%{opacity:0;transform:translateY(48px)scale(.985)}65%{opacity:.8}to{opacity:1;transform:none}}@keyframes brand-flight{to{opacity:0;filter:blur(4px);transform:translateZ(300px)translateY(-90px)scale(1.3)}}@keyframes frame-flight{0%{opacity:0;transform:scale(.65)}20%{opacity:1}to{opacity:0;transform:scale(2.6)}}@keyframes entrance-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (max-width:767px){.mansion-title{bottom:25vh;left:7vw}.mansion-title p{font-size:clamp(64px,18vw,130px)}.mansion-title .mansion-kicker{letter-spacing:.15em;font-size:12px}.mansion-title>span:last-child{max-width:280px;font-size:14px}.mansion-brand span{font-size:12px}.mansion-brand img{width:50px;height:50px}.mansion-entering{gap:8px;font-size:12px}.mansion-horizon{inset:15% 6%}}@media (prefers-reduced-motion:reduce){.mansion-entrance{display:none!important}.entrance-page{opacity:1!important;visibility:visible!important;animation:none!important;transform:none!important}}