/* Cemento: la composición y el movimiento son los de Arcada. Sólo cambia la materia y la escala tonal. */
:root{--ink:#202020;--gold:#9d9d9d;--gold-ink:#555;--paper:#e2e2e0;--night:#191919;--mauve:#b7b7b5;--ib-entry-bg:#161616}
html{filter:none}
body>.entry,.hero,.story,.event,.agenda,.details,.rsvp,.closing,footer,dialog{filter:grayscale(1)}
.album-copy,.album-controls,.album .divider{filter:grayscale(1)}
body{background:#171717;color:var(--ink)}
.paper{background:radial-gradient(ellipse at 20% 18%,#f4f4f2b8,transparent 48%),radial-gradient(ellipse at 82% 76%,#bcbcb974,transparent 52%),linear-gradient(145deg,#e9e9e6,#d1d1cd 56%,#e7e7e3)}
.sage{background:radial-gradient(ellipse at 82% 24%,#dededbb0,transparent 54%),linear-gradient(155deg,#bcbcb9,#d0d0cc 49%,#a8a8a5)}
.dark{background:radial-gradient(ellipse at 25% 26%,#5b5b5b45,transparent 56%),linear-gradient(155deg,#151515,#303030 52%,#111);color:#f5f5f2;--gold-ink:#cececa}
.surface:before{opacity:.19;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='c'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.24' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23c)' opacity='.42'/%3E%3C/svg%3E");mix-blend-mode:multiply}
.entry{background:radial-gradient(ellipse at 50% 32%,#4a4a4a66,transparent 63%),linear-gradient(155deg,#151515,#292929 55%,#111);color:#f5f5f3}
.entry-prelude,.entry h1 em,.entry h1 em:before,.entry h1 em:after{color:#d9d9d5;background-color:#d9d9d5}
.entry-prelude,.entry h1 em{background:none}
.entry-date,.entry-message{color:#ddd}
.entry .fine-rule,.fine-rule{background:linear-gradient(90deg,transparent,#aaa,transparent)}
.button{background:#202020;border-color:#202020;color:#f7f7f4}.button-light{background:#ebebe8;border-color:#ebebe8;color:#202020}.button:hover{background:#505050;color:white}.button-light:hover{background:white;color:#202020}.button-outline{background:transparent;color:#202020;border-color:#555}.text-button{border-color:#777}.text-button.light{color:#e3e3e0;border-color:#aaa}
.hero{background:#161616;color:#f8f8f6}.hero-photo,.closing>img{filter:grayscale(1)}.album .slide{filter:none}
.hero-shade{background:linear-gradient(180deg,#0808089c 0%,#15151555 30%,transparent 58%,#11111191 100%)}
.hero>.arch-frame{background:#f0f0ed}.hero h1 em,.scroll-cue i{color:#ededeb}.hero-date span{background:#e0e0dcaa}
.count-grid span,.story-copy>p,.timeline p{color:#4c4c4b}.count-grid i,.tiny-heart,.timeline time,.detail-index{color:#555}
.date-seal{border-color:#7778}.event-details article+article{border-color:#7778}.event-details p:not(.eyebrow):not(.event-time),.detail-grid p{color:#3c3c3b}
.album-stage{box-shadow:0 28px 70px #08080888}.album-copy h2,.rsvp h2{color:#f6f6f4}.album-copy>p,.rsvp-content>p:not(.eyebrow){color:#d0d0cc}.album-controls button{color:#dededb}
.timeline li>div,.notes-row{border-color:#7778}.timeline li>div:before{background:#555}.detail-grid article+article:before{background:linear-gradient(90deg,transparent,#7778 20% 80%,transparent)}
.closing{background:#151515}.closing-shade{background:linear-gradient(#1115,#111b)}.closing-copy .signature{color:#e4e4e0}
footer,footer em{color:#202020}footer p{color:#555}.music-button{background:#1d1d1d;color:#f0f0ed;border-color:#a0a0a077}.music-button[aria-pressed=true]{background:#eee;color:#222}
dialog{background:#e4e4e0;color:#222;border-color:#aaa}dialog::backdrop{background:#111d}.modal-close,input,select{color:#222}.form-note{color:#555}.form-result{background:#d2d2ce;border-color:#777}
@media(max-width:700px){.hero-shade{background:linear-gradient(180deg,#090909a8 0%,#15151559 26%,transparent 56%,#111a 100%)}.hero>.arch-frame{background:#eee}.hero-photo{object-position:center top}}
