.media-section{padding:90px 0;background:linear-gradient(#370b0ce8,#240909ed),url('assets/red-damask.webp') center/cover;color:#e9dcc0;border-block:1px solid #b48c48}
.media-section .eyebrow{color:#c8ab70}.media-section h2 em{color:#d0af6a}.media-intro p{font-size:14px;color:#cbb997;margin-bottom:20px}.media-intro .button{font-size:12px}.media-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #b8924b44;padding-top:20px;margin-bottom:23px}.media-toolbar p,.media-note{font-size:11px;color:#c1ac89}.media-toolbar>div{display:flex;gap:8px}.media-toolbar button{width:40px;height:38px;background:#1f0d0a88;color:#e4c788;border:1px solid #b18a4655;font-size:20px}.media-gallery{display:flex;gap:23px;overflow-x:auto;scroll-snap-type:x mandatory;padding:5px 2px 19px;scrollbar-width:thin;scrollbar-color:#b38b45 #2b0c0c;overscroll-behavior-x:contain}.media-card{flex:0 0 calc((100% - 46px)/3);scroll-snap-align:start;min-width:0}.media-card>button{display:block;width:100%;padding:0;background:#0f120f;border:1px solid #b2904d66;overflow:hidden;position:relative}.media-card img{display:block;width:100%;aspect-ratio:1.65;object-fit:cover;transition:transform .4s}.media-card>button:hover img{transform:scale(1.04)}.media-card>button>span{position:absolute;right:12px;bottom:10px;color:#edd39c;background:#140c09aa;border:1px solid #b2904d66;width:25px;height:25px;display:grid;place-items:center}.media-card h3{font:22px/1.3 var(--serif);margin-top:15px;color:#eadbb9;overflow-wrap:anywhere}.media-card p{font-size:10px;margin-top:5px;color:#bda781}.media-note{margin-top:20px}.profile-dialog{width:min(820px,calc(100% - 30px));background:linear-gradient(#eadcbd99,#eadcbd99),url('assets/paper.webp') center/180% auto;padding:45px 38px;color:#48351f}.profile-dialog h2{font-size:40px}.profile-dialog .eyebrow{color:#8c6933;font-size:9px}.profile-dialog form{margin-top:25px}.profile-dialog label:not(.checkbox-label){display:block;font-size:12px;margin-bottom:16px}.profile-dialog input:not([type=checkbox]){display:block;width:100%;padding:11px;margin-top:6px;border:1px solid #96734466;background:#fff5df77;font-size:13px;color:#3e2f1b}.upload-zone{border:1px dashed #8f693c88;padding:17px 20px;background:#ceb68022}.upload-zone small{display:block;font-size:10px;color:#806c4b;margin-top:10px}.profile-dialog .checkbox-label{display:flex;align-items:center;gap:8px;font-size:12px}.profile-heading{display:flex;align-items:center;justify-content:space-between;margin-top:35px;padding-top:23px;border-top:1px solid #94703a55}.profile-heading h3{font:25px var(--serif)}.profile-heading span{font-size:11px;color:#8b704c}.profile-images{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}.profile-images .media-card{min-width:0}.profile-images .media-card h3{font-size:17px;color:#51361e}.profile-images .media-card p{color:#89683e}.delete-image{background:none;color:#8c342a;font-size:11px;border-bottom:1px solid #8c342a55;padding:4px 0;margin-top:8px}.profile-empty{font-size:12px;color:#806a47;grid-column:1/-1}.image-dialog{width:min(1100px,calc(100% - 30px));background:#161510;color:#e7d4af;max-height:92svh}.image-dialog>.dialog-close{background:#100d09cc;color:#f5e7ca;z-index:1}.image-dialog>img{width:100%;max-height:73svh;object-fit:contain;background:#100e0c}.image-detail{padding:20px 28px}.image-detail h3{font:27px var(--serif)}.image-detail p{font-size:12px;color:#b4a07c;margin-top:8px}
@media(max-width:800px){.media-section{padding:60px 0}.media-card{flex-basis:70%}.media-section .section-top{flex-direction:column}.media-toolbar p{max-width:65%;font-size:10px}.media-note{font-size:10px}.profile-dialog{padding:42px 24px 28px}.profile-dialog h2{font-size:32px}.profile-images{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.media-card{flex-basis:88%}.media-card h3{font-size:23px}.profile-dialog .form-two{grid-template-columns:1fr}.profile-dialog h2{font-size:29px}.profile-images{gap:12px}.profile-images .media-card h3{font-size:16px}.image-detail h3{font-size:23px}}