.page-art-section{border-bottom:1px solid #e1e9ef;background:#fff;padding:32px 0 22px}.page-art{margin:0}.page-art img{width:100%;display:block;border-radius:7px}.page-art-section.photographic .page-art img{height:410px;object-fit:cover;object-position:center}.page-art figcaption{font-size:9px;color:#869bab;text-align:right;line-height:1.7;margin-top:12px}.page-art-section.technical{background:#f7f9fb}.page-art-section.technical .page-art{max-width:1130px;margin:auto}.intro-dialog{padding:0;border:1px solid #31536b;background:#061c34;color:white;border-radius:12px;width:min(730px,calc(100% - 32px));height:440px;max-height:calc(100dvh - 40px);overflow:hidden;box-shadow:0 35px 100px #00132599;transition:opacity .45s ease,transform .45s ease}.intro-dialog::backdrop{background:#03162dbd;backdrop-filter:blur(7px)}.intro-dialog[open]{animation:intro-enter .4s ease both}.intro-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.72}.intro-dialog.intro-closing{opacity:0;transform:scale(1.02)}.intro-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 25px;border-bottom:1px solid #91b7d21c}.intro-top>span{font-size:8px;color:#92b9d0;letter-spacing:.18em}.intro-skip{color:#cae3f2;background:transparent;border:1px solid #3a5b72;font-size:10px;padding:8px 12px;border-radius:4px}.intro-skip:hover{background:#173950}.intro-center{position:relative;z-index:1;text-align:center;padding:29px 20px 18px}.intro-logo{display:inline-block;background:white;padding:10px 17px;border-radius:5px;box-shadow:0 0 45px #38b9d221;animation:intro-logo .8s .2s ease both}.intro-logo img{width:225px;height:84px;object-fit:contain}.intro-center h2{font-size:30px;line-height:1.25;font-weight:500;margin:24px 0 17px;letter-spacing:-.04em;animation:intro-copy .8s .75s ease both}.intro-center h2 span{color:#63d8e8}.intro-fields{display:flex;justify-content:center;gap:27px;color:#a1cadf;font-size:8px;letter-spacing:.17em;animation:intro-copy .6s 1.55s ease both}.intro-fields span+span{position:relative}.intro-fields span+span:before{content:'';position:absolute;left:-14px;top:4px;width:3px;height:3px;border-radius:50%;background:#33c0d4}.intro-center>p{font-size:10px;color:#aac8dc;margin:21px 0 0;animation:intro-copy .65s 2.3s ease both}.intro-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#17374f}.intro-progress span{display:block;width:100%;height:100%;background:#50d1e4;transform:scaleX(0);transform-origin:left;box-shadow:0 0 18px #50d1e4}@keyframes intro-enter{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes intro-logo{from{opacity:0;transform:translateY(12px) scale(.96);filter:blur(5px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes intro-copy{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px){.page-art-section{padding:20px 0 17px}.page-art-section.photographic .page-art img{height:240px}.page-art-section.technical .page-art{max-width:440px}.page-art figcaption{font-size:8px;text-align:left}.intro-dialog{height:430px}.intro-top{padding:18px 18px;gap:10px}.intro-top>span{font-size:7px;letter-spacing:.1em}.intro-skip{font-size:9px;padding:7px 10px}.intro-center{padding:30px 15px 20px}.intro-logo img{width:200px;height:74px}.intro-logo{padding:9px 15px}.intro-center h2{font-size:27px;margin-top:25px}.intro-fields{font-size:7px;gap:23px}.intro-fields span+span:before{left:-12px}.intro-center>p{font-size:9px;margin-top:25px}}@media(prefers-reduced-motion:reduce){.intro-dialog,.intro-center *{animation:none!important;transition:none!important}}