@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500&display=swap";:root{color:#292723;font-synthesis:none;background:#f3f0e9;font-family:Montserrat,sans-serif}*{box-sizing:border-box}html,body{width:100%;max-width:100%;overflow-x:hidden}html{scroll-behavior:smooth}body{background:#f3f0e9;margin:0}button{font:inherit}.lock-screen{text-align:center;background:#f3f0e9;justify-content:center;align-items:center;width:100%;min-height:100svh;padding:40px 24px;display:flex}.lock-content{text-align:center;width:100%;max-width:420px;margin:0 auto}.lock-content .eyebrow{margin:0 0 18px}.lock-content h1{letter-spacing:-.03em;margin:0 0 20px;font-size:clamp(3rem,7vw,5.5rem);font-weight:300;line-height:1.05}.lock-content>p:not(.eyebrow):not(.lock-error){opacity:.65;max-width:340px;margin:0 auto 38px;font-size:14px;font-weight:300;line-height:1.8}.lock-content form{flex-direction:column;align-items:center;gap:14px;width:100%;display:flex}.lock-content input{text-align:center;background:0 0;border:none;border-bottom:1px solid #292723;outline:none;width:280px;max-width:100%;padding:14px 16px;font-family:Montserrat,sans-serif;font-size:16px;font-weight:300}.lock-content input::placeholder{color:#77736c}.lock-content button{color:#292723;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #292723;margin-top:8px;padding:13px 28px;font-family:Montserrat,sans-serif;font-size:11px;font-weight:400;transition:background .25s,color .25s,transform .25s}.lock-content button:hover{color:#f3f0e9;background:#292723;transform:translateY(-1px)}.lock-error{opacity:.7;margin-top:18px;font-size:11px;font-weight:300}.hero{background:#d9d3c8;place-items:center;min-height:100svh;transition:opacity 1.1s,transform 1.1s;display:grid;position:relative;overflow:hidden}.hero-photo{filter:saturate(.8);background:linear-gradient(#1e1c1814,#1e1c1829),url(/fotos/portada.jpg) 50%/cover;transition:transform 1.4s,filter 1.4s;position:absolute;inset:5vw}.hero-content{z-index:1;text-align:center;color:#fff;text-shadow:0 1px 14px #0000002e;flex-direction:column;justify-content:flex-end;align-items:center;width:min(90vw,760px);min-height:78svh;padding:8vh 5vw;transition:opacity .9s,transform .9s;display:flex;position:relative}.eyebrow{text-transform:uppercase;letter-spacing:.2em;opacity:.7;margin:0 0 16px;font-size:.68rem}.hero h1{margin:0;font-size:clamp(5rem,17vw,10rem);font-weight:300;line-height:.82}.hero-names{margin:22px 0 34px;font-size:1.1rem;font-weight:300}.start-button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff14;border:1px solid #ffffffb3;border-radius:999px;padding:12px 21px;transition:background .25s,transform .25s}.start-button:hover{background:#ffffff2e;transform:translateY(-2px)}.hero.is-opening{opacity:0;transform:scale(1.025)}.hero.is-opening .hero-photo{filter:saturate(.65)brightness(.92);transform:scale(1.05)}.hero.is-opening .hero-content{opacity:0;transform:translateY(-15px)}.mini-header{z-index:5;letter-spacing:.16em;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f3f0e9e0;border-bottom:1px solid #29272314;justify-content:space-between;padding:15px 5vw;font-size:.64rem;display:flex;position:sticky;top:0}.reveal{opacity:0;transition:opacity 1s,transform 1s cubic-bezier(.2,.7,.2,1);transform:translateY(35px)}.reveal.visible{opacity:1;transform:translateY(0)}.intro,.interlude,.placeholder-section,.finale{max-width:920px;margin:auto;padding:18vh 6vw}.intro h1{margin:0 0 30px;font-size:clamp(3rem,7vw,6.2rem);font-weight:300;line-height:1}.intro>p:last-child,.placeholder-section>p:last-child{opacity:.65;max-width:560px;font-size:.98rem;line-height:1.85}.year-section{max-width:1200px;margin:0 auto;padding:11vh 5vw 18vh}.year-heading{grid-template-columns:60px 1fr;align-items:start;gap:24px;max-width:760px;margin:0 auto 70px;display:grid}.year-number{letter-spacing:.12em;opacity:.45;padding-top:8px;font-size:.72rem}.year-date{letter-spacing:.18em;opacity:.55;margin:0 0 5px;font-size:.7rem}.year-heading h2{margin:0 0 17px;font-size:clamp(2.6rem,6vw,5rem);font-weight:300;line-height:1}.year-text{opacity:.65;max-width:560px;line-height:1.75}.photo-grid{grid-template-columns:repeat(12,1fr);align-items:start;gap:18px 22px;width:100%;max-width:1050px;margin:0 auto;display:grid}.photo{background:#e4dfd6;margin:0;position:relative;overflow:hidden}.photo:first-child{grid-column:1/9}.photo:nth-child(2){grid-column:9/13;margin-top:70px}.photo:nth-child(3){grid-column:2/7;margin-top:35px}.photo:nth-child(4){grid-column:7/13;margin-top:110px}.photo:nth-child(5){grid-column:1/6;margin-top:80px}.photo:nth-child(6){grid-column:6/12;margin-top:25px}.photo:nth-child(7){grid-column:3/11;margin-top:80px}.photo:nth-child(8){grid-column:1/6;margin-top:40px}.photo:nth-child(9){grid-column:7/13;margin-top:100px}.photo:nth-child(10){grid-column:2/8;margin-top:60px}.photo:nth-child(11){grid-column:8/13;margin-top:120px}.photo figure{width:100%;margin:0;position:relative;overflow:hidden}.photo img{object-fit:contain;filter:saturate(.92);width:100%;height:auto;transition:transform .8s cubic-bezier(.2,.7,.2,1);display:block}.photo:hover img{transform:scale(1.018)}figure{margin:0}figcaption{letter-spacing:.02em;color:#000;text-align:left;margin-top:12px;padding:0;font-family:Montserrat,sans-serif;font-size:12px;font-weight:300;line-height:1.5;display:block;position:static}.interlude{text-align:center;border-top:1px solid #2927231a;border-bottom:1px solid #2927231a}.interlude h2{max-width:760px;margin:auto;font-size:clamp(2.4rem,6vw,5rem);font-weight:300;line-height:1.08}.placeholder-section{text-align:center}.placeholder-section h2{max-width:780px;margin:0 auto 24px;font-size:clamp(2.7rem,7vw,5.5rem);font-weight:300;line-height:1.05}.placeholder-section>p:last-child{margin:auto}.finale{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:82svh;display:flex}.finale h2{max-width:850px;margin:0 auto 28px;font-size:clamp(2.8rem,7vw,6rem);font-weight:300;line-height:1.06}.final-message{opacity:.62;max-width:590px;margin:0 auto 28px;line-height:1.85}.final-heart{opacity:.65;margin:0;font-size:2rem}.final-photo{justify-content:center;width:100%;margin-top:70px;display:flex}.final-photo img{object-fit:contain;display:block;width:35%!important;max-width:350px!important;height:auto!important}@media (width<=850px){.photo-grid{grid-template-columns:repeat(6,1fr);gap:16px}.photo:first-child{grid-column:1/7}.photo:nth-child(2){grid-column:1/4;margin-top:30px}.photo:nth-child(3){grid-column:4/7;margin-top:80px}.photo:nth-child(4){grid-column:1/7;margin-top:60px}.photo:nth-child(5){grid-column:1/4;margin-top:30px}.photo:nth-child(6){grid-column:4/7;margin-top:90px}.photo:nth-child(7){grid-column:1/7;margin-top:60px}.photo:nth-child(8){grid-column:1/4;margin-top:30px}.photo:nth-child(9){grid-column:4/7;margin-top:80px}.photo:nth-child(10){grid-column:1/7;margin-top:60px}.photo:nth-child(11){grid-column:2/6;margin-top:70px}}@media (width<=650px){.hero-photo{background:linear-gradient(#1e1c1814,#1e1c1829),#d9d3c8 url(/fotos/portada.jpg) 50%/contain no-repeat;inset:5vw}.hero-content{justify-content:flex-end;min-height:100svh;padding:8vh 5vw 6vh}.year-heading{grid-template-columns:35px 1fr;gap:12px;margin-bottom:45px}.year-section{padding:8vh 6vw 13vh}.photo-grid{flex-direction:column;gap:24px;display:flex}.photo{width:100%}.photo:nth-child(2),.photo:nth-child(5),.photo:nth-child(8){align-self:flex-end;width:82%;margin-top:15px}.photo:nth-child(3),.photo:nth-child(6),.photo:nth-child(9){align-self:flex-start;width:88%;margin-top:15px}.photo:nth-child(4),.photo:nth-child(7),.photo:nth-child(10),.photo:nth-child(11){margin-top:20px}.mini-header{padding:13px 6vw;font-size:.58rem}.intro,.interlude,.placeholder-section,.finale{padding:14vh 7vw}.final-photo{margin-top:50px}.final-photo img{width:70%!important;max-width:300px!important}.lock-content h1{font-size:clamp(2.6rem,12vw,4rem)}.lock-content>p:not(.eyebrow):not(.lock-error){font-size:13px}.lock-content input{width:250px}}