.wed-page{--wed-brass:#b58d45;--wed-brass-light:#ffecbebf;--wed-brass-dark:#5a3c1473;--wed-silver:#a9aeb5;--wed-silver-light:#ffffffd9;--wed-silver-dark:#373c4466;--wed-gutter:clamp(16px, 3vw, 48px)}.wed-shell{max-width:1536px;padding-inline:var(--wed-gutter);margin-inline:auto}.wed-page .occ-shell{--occ-gutter:var(--wed-gutter)}.wed-hero{gap:28px;display:grid}@media (min-width:1024px){.wed-hero{grid-template-columns:minmax(0,.335fr) minmax(0,.665fr);align-items:start;column-gap:clamp(10px,1vw,16px)}}.wed-hero-text{container-type:inline-size}.wed-h1{font-size:min(clamp(48px, 5.75vw, 88px), calc(98cqw / var(--wed-h1-em,6.1)));letter-spacing:-.025em;margin-top:clamp(14px,2.6vw,40px);line-height:1.16}.wed-subtitle{margin-top:clamp(12px,1.5vw,24px);font-size:clamp(18px,1.43vw,22px);line-height:1.38}.wed-cta{--cta-cloth-width:clamp(280px, 29.8vw, 458px);margin-top:clamp(18px,2.2vw,30px);margin-bottom:clamp(4px,.8vw,12px)}.wed-hero-art{padding-top:clamp(6px,.9vw,14px)}.wed-then-now{width:100%;max-width:980px;margin-inline:auto;position:relative;container-type:inline-size}.wed-scene{aspect-ratio:964/536;position:relative}.wed-frame{background:var(--color-paper);border:.42cqw solid var(--wed-brass);box-shadow:inset 0 0 0 1px var(--wed-brass-light), 0 0 0 1px var(--wed-brass-dark), .6cqw 1.6cqw 2.2cqw -1.2cqw #3a24188c, 0 .3cqw .6cqw #3a24181f;margin:0;padding:2.6cqw 2.6cqw 6.8cqw;position:absolute}.wed-frame--then{z-index:1;width:37.6%;top:0;left:.6%;rotate:-2.2deg}.wed-frame--now{z-index:1;border-color:var(--wed-silver);width:39.4%;box-shadow:inset 0 0 0 1px var(--wed-silver-light), 0 0 0 1px var(--wed-silver-dark), -.6cqw 1.6cqw 2.2cqw -1.2cqw #3a241880, 0 .3cqw .6cqw #3a24181f;top:1.4%;left:60.4%;rotate:2.8deg}.wed-frame-photo{aspect-ratio:314/386;background:#efe7d6;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #1a14101f}.wed-frame--now .wed-frame-photo{aspect-ratio:332/394}.wed-frame-img{object-fit:cover;opacity:0;transition:opacity .32s cubic-bezier(.25,1,.5,1)}.wed-frame-img.is-on{opacity:1}.wed-frame-year{text-align:center;font-family:var(--font-fraunces), Georgia, serif;color:var(--color-plum);font-size:3.2cqw;font-style:italic;line-height:1;position:absolute;bottom:1.7cqw;left:0;right:0}.wed-book{z-index:2;width:35.2%;position:absolute;top:15%;left:31.2%}.wed-thread{--cord-h:3.6cqw;--knot:max(38px, 5.2cqw);min-width:0;height:calc(var(--cord-h) + max(44px, 4.6cqw));margin:0;border:0;margin-top:-.4cqw;padding:0;position:relative}.wed-thread-cord{width:97.5%;height:var(--cord-h);pointer-events:none;background:url(/images/regalos/boda/cordel-hilo.png) 0 0/100% 100% no-repeat;position:absolute;top:0;left:2.5%}.wed-knot{cursor:pointer;-webkit-tap-highlight-color:transparent;width:11%;min-width:40px;position:absolute;top:0;bottom:0;translate:-50%}.wed-knot input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.wed-knot-tie{left:50%;top:calc(var(--knot-y,.6) * var(--cord-h));width:calc(var(--knot) * .42);aspect-ratio:1;pointer-events:none;border-radius:50%;display:block;position:absolute;translate:-50% -50%}.wed-knot-tie:before{content:"";width:var(--knot);aspect-ratio:1;background:url(/images/regalos/boda/nudo-hilo.png) 50%/contain no-repeat;transition:scale .15s cubic-bezier(.25,1,.5,1);position:absolute;top:50%;left:50%;translate:-50% -50%}.wed-knot-year{left:50%;top:calc(var(--cord-h) + max(8px, 1.1cqw));white-space:nowrap;pointer-events:none;font-family:var(--font-fraunces), Georgia, serif;letter-spacing:-.01em;color:var(--color-plum);font-size:max(12.5px,2cqw);font-style:italic;line-height:1;transition:color .15s cubic-bezier(.25,1,.5,1);position:absolute;translate:-50%}@media (hover:hover) and (pointer:fine){.wed-knot:hover .wed-knot-tie:before{scale:1.12}}.wed-knot input:checked~.wed-knot-tie:before{background-image:url(/images/regalos/boda/nudo-hilo-elegido.png);scale:1.2}.wed-knot input:checked~.wed-knot-year{color:var(--color-ink);font-weight:600}.wed-knot input:focus-visible~.wed-knot-tie{outline:2px solid var(--color-ink);outline-offset:4px}.wed-knot--now{cursor:default}.wed-knot-bead{left:50%;top:calc(var(--knot-y,.5) * var(--cord-h));width:calc(var(--knot) * 1.3);aspect-ratio:1;background:url(/images/regalos/boda/cuenta-hilo.png) 50%/contain no-repeat;display:block;position:absolute;translate:-50% -50%}.wed-thread-caption{text-align:center;min-height:1.35em;font-family:var(--font-fraunces), Georgia, serif;color:var(--color-muted-warm);text-wrap:balance;margin:0;padding-inline:4%;font-size:max(15px,2cqw);line-height:1.35}.wed-thread-hint,.wed-thread-quote{font-style:italic}.wed-thread-quote{color:var(--color-ink)}.wed-thread-moment{color:var(--color-muted-warm);white-space:nowrap;margin-left:.6em;font-size:.86em}@media (max-width:639px){.wed-scene{aspect-ratio:358/330}.wed-frame{border-width:.8cqw;padding:2.4cqw 2.4cqw 7.6cqw}.wed-frame--then{width:51%;top:1%;left:0}.wed-frame--now{width:51%;top:4%;left:49%}.wed-frame-year{font-size:5cqw;bottom:2cqw}.wed-book{width:36%;top:34%;left:32%}.wed-thread{--cord-h:7cqw}.wed-thread-cord{background-image:url(/images/regalos/boda/cordel-hilo-movil.png)}}@media (prefers-reduced-motion:reduce){.wed-frame-img,.wed-knot-tie:before,.wed-knot-year{transition:none}.wed-knot input:checked~.wed-knot-tie:before,.wed-knot:hover .wed-knot-tie:before{scale:1}}