.t-azulejo{--bg:#f8f5ee;--paper:#fbf9f4;--paper-2:#eef2f6;--ink:#1b2738;--ink-soft:#56627a;--accent:#1f4f8b;--accent-ink:#fbf9f4;--ochre:#c48a1f;--metal:#b07b18;--rule:rgba(31,79,139,.26);--f-display:Fraunces,Georgia,serif;--f-body:"DM Sans",system-ui,sans-serif;--radius:12px;--field:#fff;--ph-a:#c9d6e6;--ph-b:#7f9dc4;--ph-c:#f0d9a4;--ph-d:#d3a052;--tile:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'80'%20height%3D'80'%20viewBox%3D'0%200%2080%2080'%3E%3Crect%20width%3D'80'%20height%3D'80'%20fill%3D'%23f8f5ee'%2F%3E%3Cpath%20d%3D'M40%203L77%2040L40%2077L3%2040Z'%20fill%3D'none'%20stroke%3D'%236e9acb'%20stroke-width%3D'1.3'%2F%3E%3Cg%20fill%3D'%231f4f8b'%3E%3Cpath%20d%3D'M0%200h17a17%2017%200%200%201-17%2017z'%2F%3E%3Cpath%20d%3D'M80%200v17a17%2017%200%200%201-17-17z'%2F%3E%3Cpath%20d%3D'M0%2080v-17a17%2017%200%200%201%2017%2017z'%2F%3E%3Cpath%20d%3D'M80%2080h-17a17%2017%200%200%201%2017-17z'%2F%3E%3Cpath%20d%3D'M40%2015C42.5%2028%2052%2037.5%2065%2040C52%2042.5%2042.5%2052%2040%2065C37.5%2052%2028%2042.5%2015%2040C28%2037.5%2037.5%2028%2040%2015Z'%2F%3E%3C%2Fg%3E%3Cg%20fill%3D'%236e9acb'%3E%3Cpath%20d%3D'M40%200c3.5%203.5%203.5%207%200%2010.5-3.5-3.5-3.5-7%200-10.5z'%2F%3E%3Cpath%20d%3D'M40%2080c3.5-3.5%203.5-7%200-10.5-3.5%203.5-3.5%207%200%2010.5z'%2F%3E%3Cpath%20d%3D'M0%2040c3.5-3.5%207-3.5%2010.5%200-3.5%203.5-7%203.5-10.5%200z'%2F%3E%3Cpath%20d%3D'M80%2040c-3.5-3.5-7-3.5-10.5%200%203.5%203.5%207%203.5%2010.5%200z'%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D'40'%20cy%3D'40'%20r%3D'5.5'%20fill%3D'%23e2ad3b'%2F%3E%3Ccircle%20cx%3D'40'%20cy%3D'40'%20r%3D'2'%20fill%3D'%23f8f5ee'%2F%3E%3Cg%20fill%3D'%23e2ad3b'%3E%3Ccircle%20cx%3D'0'%20cy%3D'0'%20r%3D'4.5'%2F%3E%3Ccircle%20cx%3D'80'%20cy%3D'0'%20r%3D'4.5'%2F%3E%3Ccircle%20cx%3D'0'%20cy%3D'80'%20r%3D'4.5'%2F%3E%3Ccircle%20cx%3D'80'%20cy%3D'80'%20r%3D'4.5'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.t-azulejo .page{background:var(--tile) center top/88px 88px,var(--bg)}.t-azulejo .sec__title{font-weight:350;letter-spacing:-.01em}.t-azulejo .btn,.t-azulejo .btn-line{border-radius:999px}.t-azulejo .btn{box-shadow:inset 0 0 0 3px var(--accent),inset 0 0 0 4px #fbf9f466}.t-azulejo .btn-line{border-color:#1f4f8b66;color:var(--accent)}.t-azulejo .opener{perspective:1500px;background:none}.door{position:absolute;top:0;bottom:0;width:50%;overflow:hidden;transition:transform 1.9s cubic-bezier(.55,.05,.2,1) .3s,filter 1.9s .3s}.door--l{left:0;transform-origin:0 50%}.door--r{right:0;transform-origin:100% 50%}.door__art{position:absolute;top:0;bottom:0;width:100vw;display:grid;place-items:center;padding-bottom:16svh;background:var(--tile) center center/72px 72px,var(--bg)}.door--l .door__art{left:0}.door--r .door__art{right:0}.door--l:after,.door--r:after{content:"";position:absolute;top:0;bottom:0;width:7px;pointer-events:none}.door--l:after{right:0;background:linear-gradient(90deg,transparent,rgba(12,32,62,.22));border-right:1px solid rgba(12,32,62,.35)}.door--r:after{left:0;background:linear-gradient(270deg,transparent,rgba(12,32,62,.16))}.az-plaque{width:min(80vw,330px);padding:26px 18px 34px;background:#fbf9f4;border-radius:200px 200px 8px 8px/190px 190px 8px 8px;box-shadow:0 0 0 6px #fbf9f4,0 0 0 7px var(--accent),0 0 0 11px #fbf9f4,0 0 0 12px #1f4f8b73,0 34px 50px -24px #0a1e3c99;text-align:center;display:flex;flex-direction:column;align-items:center}.az-lemons{width:min(64%,200px);height:auto;margin:0 auto 6px}.az-plaque__k{font:500 .64rem/1.2 var(--f-body);letter-spacing:.34em;text-transform:uppercase;color:var(--metal);margin:4px 0 10px}.az-plaque__n{display:flex;flex-direction:column;font:italic 350 clamp(2.7rem,13vw,3.4rem)/.95 var(--f-display);color:var(--accent);margin:0 0 14px}.az-plaque__n[style*=--L]{font-size:min(clamp(2.7rem,13vw,3.4rem),calc(min(80vw,330px) * .78 / (var(--L) * .5)));text-wrap:balance}.az-plaque__n span{font-size:.5em;color:var(--ochre);margin:.15em 0}.az-plaque__d{font:500 .66rem/1 var(--f-body);letter-spacing:.32em;color:var(--ink-soft);margin:0}.medal{position:absolute;z-index:3;left:50%;top:calc(50% + 9svh);translate:-50% 0;width:86px;height:86px;border-radius:50%;border:0;padding:0;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#3a6fae,#1f4f8b 55%,#16396a);box-shadow:0 0 0 3px #fbf9f4,0 0 0 4px var(--accent),0 14px 26px -8px #0a1e3c99;transition:scale .6s var(--ease),opacity .5s;-webkit-tap-highlight-color:transparent}.medal__in{font:italic 400 1.45rem/1 var(--f-display);color:#fbf9f4;letter-spacing:.02em}.medal:before{content:"";position:absolute;inset:8px;border-radius:50%;border:1px dashed rgba(226,173,59,.8)}.medal__ring{position:absolute;inset:-12px;border-radius:50%;border:1px solid rgba(251,249,244,.95);box-shadow:0 0 0 1px #1f4f8b59;animation:azring 2.6s var(--ease) infinite}@keyframes azring{0%{scale:.85;opacity:1}to{scale:1.5;opacity:0}}.medal:focus-visible{outline:none;box-shadow:0 0 0 3px #fbf9f4,0 0 0 6px var(--ochre)}.az-hint{position:absolute;z-index:3;left:0;right:0;bottom:max(7svh,30px);text-align:center;padding:12px 16px}.az-hint .op-hint{display:inline-block;padding:8px 20px;background:#fbf9f4f0;border-radius:999px;color:var(--accent);font-family:var(--f-display);font-weight:350;box-shadow:0 0 0 1px var(--rule)}.az-hint .op-sub{color:var(--ink);background:#fbf9f4d9;display:block;width:max-content;margin:8px auto 0;padding:2px 12px;border-radius:999px}html.opening .medal{scale:.4;opacity:0}html.opening .az-hint{opacity:0;transition:opacity .4s}html.opening .door--l{transform:rotateY(-104deg);filter:brightness(.8)}html.opening .door--r{transform:rotateY(104deg);filter:brightness(.8)}.t-azulejo .hero{text-align:center;background:radial-gradient(110% 70% at 50% 30%,#fffefa,#f5f1e7 75%)}.az-band{height:40px;background:var(--tile) 0 0/40px 40px;border-bottom:3px solid var(--accent);box-shadow:0 3px #fbf9f4,0 4px 0 var(--rule)}.t-azulejo .hero__top{min-height:calc(100svh - 40px);padding:56px 20px 120px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.az-arch{position:relative;width:min(84vw,340px);padding:34px 20px;margin-bottom:38px;background:#fffdf8;border:1px solid var(--accent);border-bottom:0;border-radius:200px 200px 0 0/180px 180px 0 0;outline:1px solid var(--rule);outline-offset:6px;display:flex;flex-direction:column;align-items:center}.az-arch:after{content:"";position:absolute;left:-8px;right:-8px;bottom:-38px;height:38px;background:var(--tile) 0 0/38px 38px;border:1px solid var(--accent);box-shadow:0 0 0 3px #fbf9f4,0 0 0 4px var(--rule)}.az-arch .az-lemons{width:min(70%,210px);margin-bottom:10px}.t-azulejo .hero__kicker{font:500 .68rem/1.2 var(--f-body);letter-spacing:.34em;text-transform:uppercase;color:var(--metal);margin:0 0 12px}.t-azulejo .hero__names{display:flex;flex-direction:column;align-items:center;font:italic 350 clamp(3.2rem,16vw,4.3rem)/.92 var(--f-display);color:var(--accent);letter-spacing:-.015em}.t-azulejo .hero__names .amp{font-size:.48em;color:var(--ochre);margin:.18em 0 .1em}.t-azulejo .hero__date{display:flex;flex-direction:column;align-items:center;gap:6px;margin:22px 0 12px}.t-azulejo .hero__date span{font:500 .64rem/1 var(--f-body);letter-spacing:.32em;text-transform:uppercase;color:var(--ink-soft)}.t-azulejo .hero__date b{font:400 1.55rem/1.1 var(--f-display);color:var(--ink);padding:8px 18px;border-block:1px solid var(--rule)}.t-azulejo .hero__place{font:italic 350 1.2rem/1.3 var(--f-display);color:var(--ink-soft);margin:0}.t-azulejo .hero__scroll{color:var(--accent)}.t-azulejo .hero__scroll i{background:linear-gradient(var(--accent),transparent)}.t-azulejo .hero__photo{margin:0 auto 20px;width:min(80vw,340px);aspect-ratio:4/5;padding:9px;background:var(--tile) 0 0/30px 30px;box-shadow:0 0 0 1px var(--accent),0 30px 50px -30px #0a1e3c80}.t-azulejo .hero__photo .ph,.t-azulejo .hero__photo img{border:3px solid #fbf9f4}.t-azulejo .sec:nth-of-type(2n){background:var(--paper-2)}.t-azulejo .sec:nth-of-type(2n):before,.t-azulejo .sec:nth-of-type(2n):after{content:"";position:absolute;left:0;right:0;height:18px;background:var(--tile) 0 0/18px 18px}.t-azulejo .sec:nth-of-type(2n):before{top:0;border-bottom:1px solid var(--accent)}.t-azulejo .sec:nth-of-type(2n):after{bottom:0;border-top:1px solid var(--accent)}.t-azulejo .kicker{color:var(--metal)}.t-azulejo .sec__orn svg{height:24px}.t-azulejo .wording__intro{font-weight:350;color:var(--accent)}.t-azulejo .wording__text p{font:350 1.22rem/1.6 var(--f-display);color:var(--ink)}.t-azulejo .wording__sign{color:var(--ochre)}.t-azulejo .cd{border:0;gap:8px}.t-azulejo .cd__u{background:#fff;border:1px solid var(--rule);border-radius:10px;padding:16px 2px 12px}.t-azulejo .cd__u+.cd__u:before{display:none}.t-azulejo .cd__u b{font-weight:350}.t-azulejo .ev{border-radius:10px;padding-top:56px;overflow:hidden;background:#fff}.t-azulejo .ev:before{content:"";position:absolute;left:0;right:0;top:0;height:24px;background:var(--tile) 0 0/24px 24px;border-bottom:1px solid var(--accent)}.t-azulejo .ev__time{font-weight:300}.t-azulejo .ev__venue{font-weight:400}.t-azulejo .tl__dot{background:var(--accent);border-color:var(--accent);color:#fbf9f4;box-shadow:0 0 0 4px var(--paper-2)}.t-azulejo .tl__t{font-weight:350}.t-azulejo .info{border-radius:10px;background:#fff}.t-azulejo .info__ic{background:var(--accent);color:#fbf9f4;border-color:var(--accent)}.t-azulejo .dress__t{color:var(--accent);font-weight:350}.t-azulejo .gal{gap:10px}.t-azulejo .gal__b{aspect-ratio:1;padding:6px;background:var(--tile) 0 0/22px 22px;box-shadow:0 0 0 1px var(--accent)}.t-azulejo .gal__b .ph,.t-azulejo .gal__b img{border:2px solid #fbf9f4}.t-azulejo .gift{border-radius:10px;background:#fff}.t-azulejo .gift summary{font-weight:350}.t-azulejo .rsvp__ok{border-radius:12px;background:#fff}.t-azulejo .closing{background:linear-gradient(#163968ed,#163968ed),var(--tile) 0 0/64px 64px;color:#fbf9f4}.t-azulejo .closing__orn{display:flex;justify-content:center;margin-bottom:20px}.t-azulejo .closing__orn svg{height:24px;width:auto}.t-azulejo .closing__line{color:#f0c463}.t-azulejo .closing__names{font-style:italic;font-weight:350}.t-azulejo .closing__names .amp{color:#f0c463}.t-azulejo .closing__tag{color:#c9d6e6}.t-azulejo .made a{color:#fbf9f4}@media (min-width:700px){.t-azulejo .inv{box-shadow:0 0 0 10px #fbf9f4,0 0 0 11px var(--accent),0 50px 90px -30px #0a1e3c73;margin:0 auto}.t-azulejo .page{padding:40px 0}.t-azulejo .gal{grid-template-columns:repeat(3,1fr)}}
