.record-article{color:#111;background:#f5f5f2;width:100%;position:relative}.record-stage{background:#f5f5f2;width:100%;min-height:100vh;position:relative}.record-screen{background:#f5f5f2;width:100%;height:100vh;position:sticky;top:0;overflow:hidden}.record-article-top{z-index:50;box-sizing:border-box;pointer-events:none;justify-content:flex-end;align-items:flex-start;padding:82px 4vw 40px;display:flex;position:absolute;top:0;left:0;right:0}.record-article-meta{pointer-events:auto;text-align:right;max-width:420px}.record-article-meta h1{letter-spacing:-.04em;word-break:keep-all;margin:0;font-size:18px;font-weight:500;line-height:1.15}.record-article-meta>div{color:#11111157;justify-content:flex-end;align-items:center;gap:7px;margin-top:8px;font-family:Courier New,monospace;font-size:9px;line-height:1;display:flex}.record-text-viewport{z-index:5;width:min(100% - 48px,750px);transition:opacity 80ms linear;position:absolute;top:24vh;bottom:8vh;left:50%;overflow:hidden;transform:translate(-50%)}.record-markdown{box-sizing:border-box;text-align:center;width:100%;padding-bottom:20vh;position:relative}.record-markdown>:first-child{margin-top:0}.record-markdown p{color:#111111c2;letter-spacing:-.02em;word-break:keep-all;margin:0 0 24px;font-size:16px;font-weight:400;line-height:1.75}.record-markdown h2{letter-spacing:-.045em;word-break:keep-all;margin:110px 0 42px;font-size:24px;font-weight:500;line-height:1.3}.record-markdown h3{letter-spacing:-.04em;word-break:keep-all;margin:74px 0 28px;font-size:17px;font-weight:600;line-height:1.4}.record-markdown blockquote{color:#111;word-break:keep-all;border:0;width:min(100%,500px);margin:85px auto;padding:0;font-size:17px;line-height:1.6}.record-markdown strong{font-weight:600}.record-gallery-overlay{z-index:30;visibility:hidden;will-change:transform;pointer-events:none;background:0 0;width:100%;height:100vh;position:absolute;inset:0;transform:translateY(100vh)}.record-gallery-inner{pointer-events:auto;width:100%;height:100%;position:relative}.record-gallery-item{width:min(30vw,430px);margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.record-gallery-item img{object-fit:cover;width:100%;height:auto;display:block}.record-gallery-item-2{width:min(22vw,340px);top:43%;left:25%}.record-gallery-item-3{width:min(24vw,370px);top:57%;left:75%}.record-gallery-item-4{width:min(19vw,300px);top:31%;left:70%}.record-gallery-item-5{width:min(21vw,330px);top:70%;left:32%}@media (max-width:1100px){.record-article-top{padding:78px 4vw 36px}.record-article-meta{max-width:360px}.record-article-meta h1{font-size:17px}.record-text-viewport{width:min(100% - 64px,680px);top:23vh;bottom:8vh}.record-markdown{padding-bottom:18vh}.record-markdown p{font-size:15px;line-height:1.8}.record-markdown h2{margin:96px 0 38px;font-size:23px}.record-markdown h3{margin:66px 0 26px;font-size:17px}.record-markdown blockquote{width:min(100%,470px);margin:74px auto;font-size:16px}.record-gallery-item{width:min(36vw,400px)}.record-gallery-item-2{width:min(27vw,300px);top:40%;left:22%}.record-gallery-item-3{width:min(29vw,320px);top:60%;left:78%}.record-gallery-item-4{width:min(23vw,270px);top:29%;left:72%}.record-gallery-item-5{width:min(25vw,290px);top:72%;left:30%}}@media (max-width:700px){.record-article-top{padding:64px 20px 24px}.record-article-meta{max-width:70%}.record-article-meta h1{font-size:15px;line-height:1.2}.record-article-meta>div{gap:5px;margin-top:6px;font-size:8px}.record-text-viewport{width:calc(100% - 40px);max-width:560px;top:22vh;bottom:7vh}.record-markdown{padding-bottom:16vh}.record-markdown p{margin-bottom:20px;font-size:14px;line-height:1.8}.record-markdown h2{margin:76px 0 32px;font-size:20px;line-height:1.35}.record-markdown h3{margin:52px 0 24px;font-size:16px}.record-markdown blockquote{width:min(100%,360px);margin:62px auto;font-size:15px;line-height:1.65}.record-gallery-item{width:min(64vw,320px);top:50%;left:50%}.record-gallery-item-2{width:min(44vw,220px);top:34%;left:26%}.record-gallery-item-3{width:min(46vw,230px);top:65%;left:73%}.record-gallery-item-4{width:min(37vw,190px);top:27%;left:72%}.record-gallery-item-5{width:min(40vw,210px);top:74%;left:29%}}@media (max-width:480px){.record-article-top{padding-left:16px;padding-right:16px}.record-article-meta{max-width:64%}.record-article-meta h1{font-size:14px}.record-text-viewport{width:calc(100% - 32px);top:21vh;bottom:6vh}.record-markdown p{font-size:13px;line-height:1.85}.record-markdown h2{margin-top:68px;font-size:19px}.record-markdown h3{margin-top:48px;font-size:15px}.record-markdown blockquote{font-size:14px}}@media (prefers-reduced-motion:reduce){.record-gallery-overlay,.record-text-viewport{transition:none}}
.record-album{color:#111;background:#f5f5f2;width:100%;position:relative}.record-album-stage{background:#f5f5f2;width:100%;min-height:100vh;position:relative}.record-album-screen{background:#f5f5f2;width:100%;height:100vh;position:sticky;top:0;overflow:hidden}.record-album-top{z-index:50;box-sizing:border-box;pointer-events:none;justify-content:flex-end;align-items:flex-start;padding:82px 4vw 40px;display:flex;position:absolute;top:0;left:0;right:0}.record-album-meta{text-align:right;pointer-events:auto;max-width:420px}.record-album-meta h1{letter-spacing:-.04em;word-break:keep-all;margin:0;font-size:18px;font-weight:500;line-height:1.15}.record-album-meta>div{color:#11111157;justify-content:flex-end;align-items:center;gap:7px;margin-top:8px;font-family:Courier New,monospace;font-size:9px;line-height:1;display:flex}.record-album-viewport{z-index:5;align-items:center;width:100%;height:100%;display:flex;position:absolute;inset:0;overflow:hidden}.record-album-track{box-sizing:border-box;will-change:transform;flex:none;align-items:center;gap:clamp(24px,3vw,54px);width:max-content;padding:12vh 12vw 8vh;display:flex;transform:translate(0,0)}.record-album-photo{flex:none;margin:0;position:relative}.record-album-photo img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:auto;max-width:none;height:auto;display:block}.record-album-photo>span{color:#1111114d;margin-top:10px;font-family:Courier New,monospace;font-size:8px;line-height:1;display:block}.record-album-photo-1 img{height:min(58vh,620px)}.record-album-photo-2 img{height:min(42vh,470px)}.record-album-photo-3 img{height:min(64vh,680px)}.record-album-photo-4 img{height:min(48vh,520px)}.record-album-photo-5 img{height:min(55vh,590px)}.record-album-photo-1{transform:translateY(1vh)}.record-album-photo-2{transform:translateY(7vh)}.record-album-photo-3{transform:translateY(-2vh)}.record-album-photo-4{transform:translateY(6vh)}.record-album-photo-5{transform:translateY(0)}.record-album-bottom{z-index:40;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:30px;left:4vw;right:4vw}.record-album-count{color:#1116;align-items:center;gap:6px;font-family:Courier New,monospace;font-size:9px;line-height:1;display:flex}.record-album-count span:first-child{color:#111}.record-album-count i{color:#1113;font-style:normal}.record-album-scroll-label{color:#11111147;letter-spacing:.12em;font-size:8px;font-weight:600;line-height:1}@media (max-width:1100px){.record-album-top{padding:78px 4vw 36px}.record-album-meta{max-width:360px}.record-album-meta h1{font-size:17px}.record-album-track{gap:34px;padding-left:10vw;padding-right:10vw}.record-album-photo-1 img{height:min(54vh,560px)}.record-album-photo-2 img{height:min(40vh,430px)}.record-album-photo-3 img{height:min(58vh,610px)}.record-album-photo-4 img{height:min(45vh,480px)}.record-album-photo-5 img{height:min(51vh,540px)}}@media (max-width:700px){.record-album-top{padding:64px 20px 24px}.record-album-meta{max-width:70%}.record-album-meta h1{font-size:15px;line-height:1.2}.record-album-meta>div{gap:5px;margin-top:6px;font-size:8px}.record-album-track{gap:20px;padding:16vh 20px 10vh}.record-album-photo-1 img{height:51vh}.record-album-photo-2 img{height:39vh}.record-album-photo-3 img{height:56vh}.record-album-photo-4 img{height:43vh}.record-album-photo-5 img{height:48vh}.record-album-photo-1{transform:translateY(1vh)}.record-album-photo-2{transform:translateY(5vh)}.record-album-photo-3{transform:translateY(-1vh)}.record-album-photo-4{transform:translateY(4vh)}.record-album-photo-5{transform:none}.record-album-bottom{bottom:22px;left:20px;right:20px}.record-album-scroll-label{font-size:7px}}@media (prefers-reduced-motion:reduce){.record-album-track{will-change:auto}}
