main.experience-home{overflow:visible;margin:0;padding:0;max-width:none}
.eye-journey{height:250svh;position:relative;background:#000}
.eye-sticky{position:sticky;top:84px;height:calc(100svh - 84px);min-height:0;overflow:hidden;background:#000;isolation:isolate}
.eye-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.eye-copy{position:absolute;left:6%;bottom:15%;z-index:2;filter:opacity(var(--eye-copy-opacity,1));pointer-events:none}
.eye-copy h1{font-size:clamp(50px,5vw,80px);font-weight:450;line-height:1.08;letter-spacing:-.055em;margin:0;color:#f2f2f2}
.eye-copy h1 span{display:block}.eye-copy p{font-size:16px;line-height:1.6;color:#ababab;margin:24px 0 0;max-width:480px}
.eye-explore{position:absolute;right:6%;bottom:15%;z-index:3;display:flex;align-items:center;gap:28px;border:0;padding:0;background:none;color:#eee;font-size:16px;cursor:pointer;filter:opacity(var(--eye-copy-opacity,1))}
.eye-explore>span{width:60px;height:60px;display:grid;place-items:center;background:#eee;color:#080808;border-radius:50%;font-size:28px;transition:transform .25s,background .25s}
.eye-explore:hover>span{transform:rotate(45deg);background:#fff}.eye-explore:active>span{transform:scale(.92)}
.eye-footer{position:absolute;left:6%;right:6%;bottom:28px;z-index:3;display:flex;align-items:center;justify-content:space-between;color:#888;font-size:13px}
.eye-footer>span{display:flex;gap:22px;align-items:center}.eye-footer button{background:none;border:0;color:#999;font-size:13px;padding:10px 0 10px 12px;cursor:pointer;transition:color .2s}.eye-footer button:hover{color:#fff}.eye-footer button>span{display:inline-block;margin-left:8px}
.eye-tear-layer{position:fixed;inset:0;width:100vw;height:100dvh;pointer-events:none;z-index:8}
.eye-opening .header,.eye-opening .eye-explore{pointer-events:none}.eye-sticky button:focus-visible{outline:2px solid #eee;outline-offset:8px}
.experience-home>.exp-section{position:relative;z-index:2;background-color:#000}.experience-home .subject-section{padding-top:100px}.exp-section{scroll-margin-top:108px}
.experience-home .exp-section h2{font-size:clamp(28px,3vw,44px);letter-spacing:-.03em;margin-top:0}.experience-home .exp-section-head>p{font-size:16px;max-width:370px}
.experience-home .pose-home-section{border:0}.experience-home .light-entry-section{background:#0b0b0b}.experience-home .topic-meta strong{margin:0}
.experience-home .pose-card{background:transparent;border:0}.experience-home .pal-check-progress>span{font-family:inherit;color:#ccc;font-size:13px}.experience-home .pal-reset{font-size:13px}.experience-home .pose-card-copy>span,.experience-home .pose-card-copy>small{font-size:13px}
.experience-home .light-entry-art span{font-family:inherit;line-height:1.05}
@media(min-width:1700px){.eye-copy{left:max(6%,calc((100vw - 1500px)/2))}.eye-explore{right:max(6%,calc((100vw - 1500px)/2))}}
@media(max-width:1000px){.eye-copy h1{font-size:58px}.eye-copy p{max-width:360px}.eye-explore{gap:18px}}
@media(max-width:780px){.eye-journey{height:210svh}.eye-sticky{top:108px;height:calc(100svh - 108px)}.eye-copy{left:7%;bottom:23%;right:7%}.eye-copy h1{font-size:44px;line-height:1.12;letter-spacing:-.055em}.eye-copy p{font-size:14px;line-height:1.6;margin-top:18px;max-width:310px}.eye-explore{left:7%;right:auto;bottom:10%;font-size:14px;gap:20px}.eye-explore>span{width:44px;height:44px;font-size:23px}.eye-footer{left:7%;right:7%;bottom:12px;font-size:11px}.eye-footer button{font-size:11px;min-height:38px}.eye-footer>span{gap:8px}.experience-home .subject-section{padding-top:66px}.experience-home .exp-section-head>p{font-size:14px;line-height:1.7}.eye-copy h1:lang(ja),.eye-copy h1:lang(ko){font-size:38px}}
@media(max-width:350px){.eye-copy h1{font-size:38px}.eye-copy p{font-size:13px}.eye-footer{font-size:10px}.eye-footer button{font-size:10px}.eye-copy h1:lang(ja),.eye-copy h1:lang(ko){font-size:32px}}
@media(max-height:650px){.eye-copy{bottom:22%}.eye-copy h1{font-size:40px}.eye-copy p{margin-top:10px}.eye-explore{bottom:10%}.eye-footer>span{max-width:65%}}
@media(max-height:600px) and (min-width:781px){.eye-copy{bottom:30%;max-width:38%}.eye-copy p{display:none}.eye-explore{bottom:14%;font-size:14px}.eye-explore>span{width:44px;height:44px}.eye-footer{bottom:5px}}
@media(prefers-reduced-motion:reduce){.eye-journey{height:calc(100svh - 84px)}.eye-sticky{position:relative;top:0}.eye-tear-layer{display:none}.eye-explore>span{transition:none}.eye-footer>span{visibility:hidden}}
@media(prefers-reduced-motion:reduce) and (max-width:780px){.eye-journey{height:calc(100svh - 108px)}}
