/* From Afar & Little Luxuries — online and gifting, kept apart from in-person dates */
.jl .fa-open{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,5vw,80px);align-items:center;max-width:1240px;margin:0 auto;padding:64px clamp(20px,4vw,56px) 64px}
.jl .fa-photo{margin:0;position:relative;background:#FBF9F8;padding:12px 12px 16px;box-shadow:0 1px 2px rgba(50,15,22,.14),0 14px 30px rgba(50,15,22,.14);transform:rotate(-1.2deg)}
.jl .fa-photo img{display:block;width:100%;height:auto}
.jl .fa-photo figcaption{position:absolute;right:10px;bottom:-30px;font-size:30px;transform:rotate(-4deg)}
.jl .fa-intro h1{font-size:clamp(48px,5vw,76px);line-height:.95;margin-top:14px}
.jl .fa-intro h1 .scr{display:block;font-size:1.1em;margin-top:6px}
.jl .fa-lede{font-size:21px;line-height:1.55;color:#2F2522;margin-top:22px}
.jl .fa-jump{display:flex;flex-wrap:wrap;gap:4px 24px;margin-top:22px}
.jl .fa-list{max-width:980px;margin:0 auto;padding:56px clamp(20px,4vw,56px) 72px}
.jl .fa-list h2,.jl .fa-gifts h2{font-size:clamp(42px,4.4vw,62px);line-height:1}
.jl .fa-items{list-style:none;padding:0;margin:26px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px;border-top:1px solid rgba(90,15,29,.2)}
.jl .fa-items li{padding:24px 0 26px;border-bottom:1px solid rgba(90,15,29,.2)}
.jl .fa-k{font:600 11.5px/1.5 "Instrument Sans",sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#7A2B3A}
.jl .fa-items h3{font-size:34px;line-height:1.05;margin-top:6px}
.jl .fa-items p:not(.fa-k){font-size:17.5px;line-height:1.55;color:#2F2522;margin-top:10px}
.jl .fa-go{display:inline-block;margin-top:12px;padding:10px 0;font:600 12.5px/1.3 "Instrument Sans",sans-serif;letter-spacing:.11em;text-transform:uppercase;color:#5A0F1D;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
.jl .fa-note{margin-top:18px;font-size:16px;color:#4A3631}
.jl .fa-note a,.jl .fa-fine a{color:#5A0F1D}
.jl .fa-gifts{position:relative;max-width:980px;margin:0 auto 88px;padding:64px clamp(22px,5vw,72px) 52px;background:#F6EEF0;border:1px solid rgba(201,154,165,.6)}
.jl .fa-gifts::before{content:"";position:absolute;inset:10px;border:1px solid rgba(122,43,58,.18);pointer-events:none}
.jl .fa-ribbon{position:absolute;right:-30px;top:-34px;width:150px;transform:rotate(16deg);pointer-events:none;filter:drop-shadow(1px 2px 1px rgba(50,15,22,.16))}
.jl .fa-gifts h2{margin-top:12px}
.jl .fa-heart{font-family:"Instrument Sans",sans-serif;font-size:.45em;color:#A55A6A;vertical-align:middle}
.jl .fa-gl{font-size:19px;line-height:1.6;color:#2F2522;margin-top:16px;max-width:36em}
.jl .fa-tags{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:30px}
.jl .fa-tag{position:relative;display:grid;gap:6px;padding:26px 24px 22px;background:#FBF9F8;border:1px solid rgba(90,15,29,.28);text-decoration:none;color:#2F2522;box-shadow:0 1px 2px rgba(50,15,22,.1),0 8px 16px rgba(50,15,22,.08)}
.jl .fa-tag:nth-child(odd){transform:rotate(-1deg)}
.jl .fa-tag:nth-child(even){transform:rotate(.8deg)}
.jl .fa-tag::before{content:"";position:absolute;left:50%;top:-11px;width:76px;height:22px;margin-left:-38px;background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(246,238,240,.55));box-shadow:0 1px 1.5px rgba(40,10,20,.12)}
.jl .fa-tag-n{font:400 30px/1.05 "True Fate Serif",Didot,serif;color:#5A0F1D}
.jl .fa-tag-n span{font-family:"Instrument Sans",sans-serif;font-size:.55em;color:#A55A6A}
.jl .fa-tag-d{font-size:17px;font-style:italic;color:#4A3631}
.jl .fa-tag-go{margin-top:8px;font:600 12px/1.3 "Instrument Sans",sans-serif;letter-spacing:.11em;text-transform:uppercase;color:#5A0F1D;text-decoration:underline;text-underline-offset:5px}
.jl .fa-tag:hover .fa-tag-n{color:#9E1B2A}
.jl .fa-fine{margin-top:28px;font-size:15.5px;line-height:1.55;color:#4A3631;border-top:1px solid rgba(90,15,29,.18);padding-top:16px}
.jl .fa a:focus-visible{outline:2px solid #5A0F1D;outline-offset:4px}
@container jl (max-width:760px){
  .jl .fa-open{grid-template-columns:minmax(0,1fr);padding:24px 14px 40px;gap:40px}
  .jl .fa-photo{transform:none;padding:8px}
  .jl .fa-lede{font-size:18.5px}
  .jl .fa-list{padding:32px 16px 48px}
  .jl .fa-items{grid-template-columns:minmax(0,1fr)}
  .jl .fa-gifts{margin:0 10px 56px;padding:48px 20px 36px}
  .jl .fa-ribbon{right:-6px;top:-30px;width:104px}
  .jl .fa-gl{font-size:17.5px}
}
.jl .fa-gifts{background:#EEF1E8 url(img/wallpaper-trellis.svg) 0 0/96px 96px;border-color:rgba(143,162,127,.55)}
.jl .fa-gifts::before{background:#FBF9F8;border:1px solid rgba(122,43,58,.16);inset:22px;z-index:0;box-shadow:0 1px 2px rgba(50,15,22,.1),0 10px 22px rgba(50,15,22,.1)}
.jl .fa-gifts>*{position:relative;z-index:1}
.jl .fa-gifts{padding:76px clamp(40px,7vw,96px) 64px}
.jl .fa-locket{position:absolute!important;left:-22px;top:-40px;width:74px;transform:rotate(-12deg);pointer-events:none;filter:drop-shadow(1px 2px 1px rgba(50,15,22,.18))}
.jl .fa-btc{grid-column:1 / -1;display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;align-items:center;transform:rotate(-.4deg)!important}
.jl .fa-btc-qr{width:148px;height:148px;display:block;border:1px solid rgba(90,15,29,.2);background:#FBF9F8}
.jl .fa-btc-body{display:grid;gap:6px;min-width:0}
.jl .fa-btc-net{font-size:15px;line-height:1.5;color:#2F2522;margin-top:4px}
.jl .fa-btc-addr{display:block;font:500 14.5px/1.5 ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;color:#2F2522;background:#F3EFEC;border:1px dashed rgba(90,15,29,.3);padding:8px 10px;word-break:break-all;user-select:all}
.jl .fa-copy{justify-self:start;min-height:46px;padding:0 20px;border:0;background:#5A0F1D;color:#F9F7F6;font:600 12px/1 "Instrument Sans",sans-serif;letter-spacing:.11em;text-transform:uppercase;cursor:pointer}
.jl .fa-copy:hover{background:#7A2B3A}
.jl .fa-copy:focus-visible{outline:2px solid #5A0F1D;outline-offset:3px}
.jl .fa-copied{font:500 14px/1.4 "Instrument Sans",sans-serif;color:#5A0F1D;min-height:1.4em}
@container jl (max-width:760px){
  .jl .fa-gifts{padding:60px 30px 44px}
  .jl .fa-gifts::before{inset:12px}
  .jl .fa-btc{grid-template-columns:minmax(0,1fr);justify-items:start}
  .jl .fa-btc-qr{width:168px;height:168px}
  .jl .fa-locket{left:-6px;top:-34px;width:58px}
}