@import url('/fonts/app-subsets/noto-tc.css');
@font-face{font-family:RenmoryMincho;src:url('/fonts/SatsukiGendaiMincho-M-subset.woff2') format('woff2');font-display:swap}
@font-face{font-family:RenmoryHand;src:url('/fonts/ChenYuluoyan-Thin.woff2') format('woff2');font-display:swap}
.wall{--wall-ink:#4a4a4a;--wall-paper:#fff;--wall-serif:RenmoryMincho,RenmorySerif,serif;position:relative;aspect-ratio:16/9;width:100%;overflow:hidden;isolation:isolate;background:var(--wall-paper) url('/wedding_theme_elements/watercolor_background.webp') center/cover;container-type:size;--photo-font:3.05cqw;--author-font:1.6cqw;color:var(--wall-ink)}
.wall *{box-sizing:border-box}
.wall .wash{position:absolute;pointer-events:none;background:url('/wedding_theme_elements/watercolor_blue_ink_splash.webp') center/contain no-repeat;z-index:-1;width:60%;height:90%;opacity:.17}
.wall .wash-1{left:-32%;top:-34%;transform:rotate(40deg)}
.wall .wash-2{right:-34%;bottom:-40%;transform:rotate(215deg)}
.wall .composition{position:absolute;inset:5% 6%;margin:0;display:flex;flex-direction:column;align-items:center;gap:3cqh;opacity:1}
.wall .photo-area{flex:1;min-height:0;min-width:0;width:100%;display:flex;align-items:center;justify-content:center}
.wall .photo-area img{width:100%;height:100%;object-fit:contain;display:block;border-radius:0}
.wall figcaption{text-align:center;max-width:100%;flex-shrink:0;font-family:var(--wall-serif)}
.wall .wall-caption{font-family:var(--wall-serif);font-weight:400;font-size:var(--photo-font);line-height:1.65;letter-spacing:.035em;margin:0;white-space:pre-line;overflow-wrap:anywhere;text-wrap:pretty}
.wall .wall-author{display:block;font-size:var(--author-font);letter-spacing:.09em;line-height:1.8;margin-top:1.2cqh}
.wall .wall-author::before{content:'- '}
.wall[data-layout=portrait] .composition{flex-direction:row;gap:6%;inset:7% 10%}
.wall[data-layout=portrait] .photo-area{flex:1.15;height:100%}
.wall[data-layout=portrait] figcaption{flex:1;text-align:left}
.wall[data-layout=portrait] .wall-caption{font-size:3.5cqw}
.wall[data-layout=portrait] .wall-author{margin-top:3.5cqh}
.wall[data-layout=bare] .composition{inset:4%}
.wall[data-layout=bare] figcaption,.wall[data-layout=empty] .composition{display:none}
.wall[data-style=B]{--photo-font:4cqw;--author-font:1.65cqw}
.wall[data-style=B] .wall-caption{font-family:RenmoryHand,RenmorySerif,serif;line-height:1.25;letter-spacing:.025em}
.wall[data-style=B][data-layout=portrait] .wall-caption{font-size:5.4cqw;line-height:1.4}
.wall[data-style=B] .wall-author{font-family:RenmoryHand,RenmorySerif,serif;text-align:right}
.wall[data-style=B] .wash-1{width:90%;height:130%;left:-45%;top:0;opacity:.21}
.wall[data-style=B] .wash-2{width:85%;height:90%;right:-25%;bottom:-48%;opacity:.15}
.wall[data-long=true]{--photo-font:2.7cqw}
.wall[data-style=B][data-long=true]{--photo-font:3.55cqw}
.wall[data-author-only=true] .wall-author{margin:0;font-size:2cqw}
.wall [hidden]{display:none}