:root{--background:#fff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body{background:var(--background);color:var(--foreground);font-family:Arial,Helvetica,sans-serif}.gallery-page{color:#fff1d0;background:#071827;min-height:100vh;padding:55px 0 100px;overflow:hidden}.page-title{text-align:center;letter-spacing:.08em;margin:0;font-size:42px;font-weight:700}.title-decoration{color:#c8a35a}.title-gallery{color:#e6dcc7}.page-title-line{width:min(78%,1050px);height:20px;margin:5px auto 70px;position:relative}.page-title-line:before{content:"";background:#f2d28a;height:3px;position:absolute;top:calc(50% - 1px);left:6px;right:8px}.page-title-line:after{content:"";background:#f2d28a;width:14px;height:14px;position:absolute;top:50%;left:0;transform:translate(-50%,-50%)rotate(45deg)}.page-title-line span:after{content:"";background:#f2d28a;width:14px;height:14px;position:absolute;top:50%;right:0;transform:translate(50%,-50%)rotate(45deg)}.gallery-section{width:100%;max-width:1200px;margin:0 auto;padding:0 30px 50px}.gallery-heading{justify-content:center;align-items:center;width:100vw;height:110px;margin-bottom:25px;margin-left:calc(50% - 50vw);display:flex;position:relative}.heading-frame{justify-content:center;align-items:center;width:540px;height:80px;display:flex;position:relative}.heading-frame h2{letter-spacing:.12em;color:#f7efe1;margin:0;font-size:34px;font-weight:400}.frame-line{background:#fff1d0;height:2px;position:absolute}.frame-top{top:0;left:100px;right:0}.frame-bottom{bottom:0;left:0;right:100px}.corner{box-sizing:border-box;width:40px;height:40px;position:absolute}.corner-tl{border-top:2px solid #fff1d0;border-left:2px solid #fff1d0;top:0;left:0}.corner-br{border-bottom:2px solid #fff1d0;border-right:2px solid #fff1d0;bottom:0;right:0}.side-line{background:#fff1d0;height:2px;position:absolute}.side-line-left{width:calc(50vw - 320px);bottom:calc(50% - 40px);left:0}.side-line-right{width:calc(50vw - 320px);top:calc(50% - 40px);right:0}.gallery-content{grid-template-columns:minmax(80px,1fr) minmax(300px,600px) minmax(80px,1fr);align-items:center;column-gap:40px;width:100%;display:grid}.gallery-image{aspect-ratio:4/3;background:#fff;justify-self:center;width:100%;max-width:600px;position:relative;overflow:hidden}.gallery-arrow{color:#f7efe1;cursor:pointer;background:0 0;border:2px solid #4a6fa5;border-radius:50%;justify-content:center;justify-self:center;align-items:center;width:58px;height:58px;font-size:45px;font-weight:200;line-height:1;transition:background-color .2s,transform .2s;display:flex}.gallery-arrow span{border-top:3px solid #f7efe1;border-right:3px solid #f7efe1;width:14px;height:14px;display:block}.gallery-arrow-left span{position:relative;left:2px;transform:rotate(-135deg)}.gallery-arrow-right span{position:relative;left:-2px;transform:rotate(45deg)}@media (hover:hover) and (pointer:fine){.gallery-arrow:hover{background:#527fc033;transform:scale(1.08)}}.gallery-indicator{justify-content:center;align-items:center;gap:22px;margin-top:15px;display:flex}.indicator{cursor:pointer;background:#e6dcc7;border:none;border-radius:50%;width:12px;height:12px;transition:transform .2s,border-radius .2s}.indicator.active{background:#f2d28a;border-radius:0;transform:rotate(0)}.indicator:hover{transform:scale(1.2)}.gallery-comment{width:75%;margin:30px auto 0}.comment-text{letter-spacing:.05em;margin:0;font-size:18px;line-height:2}@keyframes titleAppear{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes lineAppear{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes sideLineAppear{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes frameLineAppear{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes headingTextAppear{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes cornerAppear{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes diamondAppear{0%{opacity:0;transform:translate(-50%,-50%)rotate(45deg)scale(0)}to{opacity:1;transform:translate(-50%,-50%)rotate(45deg)scale(1)}}@keyframes imageAppear{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media (max-width:767px){.gallery-page{padding-top:35px}.gallery-content{grid-template-columns:35px minmax(0,1fr) 35px;column-gap:10px}.page-title{font-size:25px}.page-title-line{width:75%;margin-bottom:45px}.gallery-section{padding:0 15px 30px}.gallery-heading{height:65px;margin-bottom:20px}.corner{width:30px;height:30px}.frame-top{left:65px}.frame-bottom{right:65px}.side-line-left{width:calc(18% - 10px);bottom:calc(50% - 27.5px)}.side-line-right{width:calc(18% - 10px);top:calc(50% - 27.5px)}.heading-frame{width:55%;height:55px}.heading-frame h2{font-size:19px}.gallery-image{aspect-ratio:4/3;width:100%;max-width:100%}.gallery-arrow{border-width:1.5px;width:30px;height:30px}.gallery-arrow span{border-top:2px solid #f7efe1;border-right:2px solid #f7efe1;width:10px;height:10px}.gallery-indicator{gap:18px;margin-top:10px}.indicator{width:8px;height:8px}.gallery-comment{width:85%;margin-top:15px}.comment-text{font-size:10px}}