@font-face{font-family:Kalam;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/wedding/kalam-latin.woff2) format("woff2")}
.host-notes{--ink:#0a1e50;--ink-80:#33436b;--paper:#fbf8f3;--line:#ebe3d5;--white:#fffdfa;--blue:#eaf0f6;font-family:"Hanken Grotesk",sans-serif;color:var(--ink)}
.host-notes .section-head{max-width:760px;margin:0 auto 22px;text-align:center}.host-notes .section-head h2{margin:0 0 10px;font:800 clamp(32px,3.5vw,46px)/1.04 "Hanken Grotesk",sans-serif;letter-spacing:-.03em;text-wrap:balance}.host-notes .eyebrow{margin:0;font:700 16px/1.55 "Hanken Grotesk",sans-serif;letter-spacing:.18em;text-transform:uppercase}.host-notes :focus-visible{outline:3px solid #fb5a57;outline-offset:4px}
    .host-notes{padding:64px 24px 52px;background:var(--paper);border-bottom:1px solid var(--line)}
    .host-notes-inner{max-width:1120px;margin:auto}
    .host-notes .section-head{margin-bottom:22px}
    .host-notes .eyebrow{color:var(--ink-80)}
    .host-notes-rail{display:flex;gap:24px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:22px 12px 34px}
    .host-notes-rail::-webkit-scrollbar{display:none}
    .host-note-slot{flex:0 0 calc((100% - 48px)/3);min-width:0;display:flex;scroll-snap-align:start;scroll-margin-inline:12px}
    .host-note{--note-angle:-1.2deg;position:relative;isolation:isolate;flex:1;min-width:0;margin:0;padding:30px 28px 25px;display:flex;flex-direction:column;background:#f7e2e7;border-radius:3px 5px 4px 6px;box-shadow:0 14px 24px -17px rgba(10,30,80,.24);transform:rotate(var(--note-angle));transform-origin:50% 50%}
    .host-note::before{position:absolute;inset:0;z-index:-1;border-radius:inherit;background:url("/assets/host-note-paper.webp") center/420px 420px;mix-blend-mode:multiply;filter:grayscale(1);opacity:.42;pointer-events:none;content:""}
    .host-note-slot:nth-child(4n+2) .host-note{--note-angle:1.1deg}
    .host-note-slot:nth-child(4n+3) .host-note{--note-angle:-.65deg}
    .host-note-slot:nth-child(4n+4) .host-note{--note-angle:1.35deg}
    .host-note-slot:nth-child(8n+2) .host-note{background:#e2edf7}
    .host-note-slot:nth-child(8n+3) .host-note{background:#e6efdf}
    .host-note-slot:nth-child(8n+4) .host-note{background:#ece5f7}
    .host-note-slot:nth-child(8n+5) .host-note{background:#fae7da}
    .host-note-slot:nth-child(8n+6) .host-note{background:#f8f1d8}
    .host-note-slot:nth-child(8n+7) .host-note{background:#dff0e9}
    .host-note-slot:nth-child(8n+8) .host-note{background:#f3e4ee}
    .host-note h3{margin:0 0 15px;font-size:17px;line-height:1.3;font-weight:700;letter-spacing:0}
    .host-note blockquote{margin:0 0 24px;color:var(--ink-80);font:500 23px/1.4 "Cormorant Garamond",Georgia,serif}
    .host-note-location{display:block;margin-top:4px;color:var(--ink-80);font:400 14px/1.5 "Hanken Grotesk",sans-serif}
    .host-note figcaption{margin-top:auto;padding-top:16px;border-top:1px solid rgba(10,30,80,.14);color:var(--ink);font:400 22px/1.4 "Kalam",cursive}
    .host-notes-footer{display:flex;align-items:center;justify-content:flex-end;gap:20px;margin-top:2px}
    .host-notes-controls{display:flex;flex:none;gap:10px}
    .host-notes-controls[hidden]{display:none}
    .host-notes-arrow{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--line);border-radius:50%;background:var(--white);color:var(--ink);cursor:pointer}
    .host-notes-arrow:hover{background:var(--blue)}
    .host-notes-arrow svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
    @media(max-width:1024px){.host-note-slot{flex-basis:calc((100% - 24px)/2)}}
    @media(max-width:760px){.host-notes{padding:46px 18px 38px}.host-notes-rail{gap:16px;margin-right:-18px;padding-right:18px}.host-note-slot{flex-basis:86%}.host-note{padding:26px 24px 22px}.host-note blockquote{font-size:22px}.host-notes-footer{align-items:flex-start;gap:16px}.host-notes-controls{gap:8px}}