/*
Theme Name: Rise & Reign
Theme URI: https://riseandreigncoffeebar.com/
Author: Rise & Reign Coffee Bar
Author URI: https://riseandreigncoffeebar.com/
Description: A boutique magazine-style theme for Rise & Reign Coffee Bar — a mobile wellness coffee cart in Metro Atlanta. Editorial layout, brand palette (magenta/coral/burgundy on white), Syne + Plus Jakarta Sans + Fraunces typography, and a Web3Forms-powered inquiry form.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rise-and-reign
Tags: one-column, custom-colors, custom-menu, editor-style, featured-images, threaded-comments, translation-ready
*/

/* ============================================================
   RISE & REIGN — BRAND TOKENS
   ============================================================ */
:root{
  --magenta:#C2185B;
  --coral:#E84B3A;
  --burgundy:#7B1E47;
  --yellow-green:#CADB4D;
  --blush:#F8D7DA;
  --blush-burgundy:#F5E6EE;
  --white:#FFFFFF;
  --ink:#1A0A0A;

  --font-display:"Syne", ui-sans-serif, system-ui, sans-serif;
  --font-sans:"Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;
  --font-serif-italic:"Fraunces", ui-serif, Georgia, serif;

  --ease-out-expo:cubic-bezier(0.19,1,0.22,1);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--white);
  color:var(--ink);
  font-family:var(--font-sans);
  font-feature-settings:"ss01","cv11";
  -webkit-font-smoothing:antialiased;
  line-height:1.5;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
::selection{background:var(--magenta);color:var(--white)}

.font-display{font-family:var(--font-display);font-weight:700;letter-spacing:-0.02em}
.font-italic{font-family:var(--font-serif-italic);font-style:italic;font-weight:400}

/* Utility */
.container{max-width:92rem;margin:0 auto;padding:0 1.5rem}
@media(min-width:768px){.container{padding:0 3.5rem}}
.eyebrow{display:flex;align-items:center;gap:.75rem;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.4em}
.eyebrow .rule{height:1px;width:2rem;display:inline-block}
.eyebrow.lime{color:var(--yellow-green)} .eyebrow.lime .rule{background:var(--yellow-green)}
.eyebrow.magenta{color:var(--magenta)} .eyebrow.magenta .rule{background:var(--magenta)}
.eyebrow.coral{color:var(--coral)} .eyebrow.coral .rule{background:var(--coral)}

.pill{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:9999px;padding:.9rem 2rem;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.28em;transition:all .3s var(--ease-out-expo);cursor:pointer;border:none}
.pill.solid{background:var(--magenta);color:var(--white)}
.pill.solid:hover{background:var(--burgundy)}
.pill.outline{border:1px solid var(--coral);color:var(--coral);background:transparent}
.pill.outline:hover{background:var(--coral);color:var(--white)}

/* ============================================================
   NAV
   ============================================================ */
.rr-nav{position:sticky;top:0;z-index:50;transition:all .3s var(--ease-out-expo);border-bottom:1px solid transparent}
.rr-nav.scrolled{border-bottom-color:rgba(194,24,91,.1);background:rgba(255,255,255,.85);backdrop-filter:blur(10px)}
.rr-nav .inner{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem}
@media(min-width:768px){.rr-nav .inner{padding:1.25rem 2.5rem}}
.rr-brand{display:flex;align-items:center;gap:.75rem}
.rr-brand img{width:48px;height:48px}
@media(min-width:768px){.rr-brand img{width:56px;height:56px}}
.rr-brand .name{display:block;font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--magenta);line-height:1}
.rr-brand .amp{font-family:var(--font-serif-italic);font-style:italic;font-weight:400;color:var(--coral)}
.rr-brand .tag{display:block;margin-top:.35rem;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.4em;color:rgba(26,10,10,.6)}
.rr-menu{display:none;align-items:center;gap:2.25rem}
@media(min-width:768px){.rr-menu{display:flex}}
.rr-menu a{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.32em;color:rgba(26,10,10,.8);transition:color .2s}
.rr-menu a:hover{color:var(--magenta)}

/* ============================================================
   HERO
   ============================================================ */
.rr-hero{background:var(--white);overflow:hidden}
.rr-hero .meta{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(194,24,91,.1);padding:1rem 1.5rem;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.4em;color:rgba(26,10,10,.5)}
@media(min-width:768px){.rr-hero .meta{padding:1rem 3.5rem}}
.rr-hero .meta .dot{display:inline-block;width:6px;height:6px;border-radius:9999px;background:var(--yellow-green);margin-right:.75rem;vertical-align:middle}
.rr-hero .body{padding:3.5rem 1.5rem 2.5rem;max-width:92rem;margin:0 auto}
@media(min-width:768px){.rr-hero .body{padding:5rem 3.5rem 2.5rem}}
.rr-hero h1{font-family:var(--font-display);font-weight:700;line-height:.85;letter-spacing:-.035em;font-size:clamp(3.2rem,10vw,10rem);margin:2rem 0 0}
.rr-hero h1 .line{display:block}
.rr-hero h1 .ink{color:var(--ink)}
.rr-hero h1 .mg{color:var(--magenta)}
.rr-hero h1 .amp{font-family:var(--font-serif-italic);font-style:italic;font-weight:400;color:var(--coral)}
.rr-hero .lede{margin-top:3rem;display:grid;grid-template-columns:repeat(12,1fr);gap:1.5rem;border-top:1px solid rgba(26,10,10,.1);padding-top:2rem}
.rr-hero .lede .text{grid-column:span 12;max-width:42rem}
@media(min-width:768px){.rr-hero .lede .text{grid-column:span 7}}
.rr-hero .lede .mission{font-family:var(--font-serif-italic);font-style:italic;font-size:17px;line-height:1.6;color:var(--magenta)}
.rr-hero .lede .desc{margin-top:1.25rem;font-size:16px;line-height:1.65;color:rgba(26,10,10,.75)}
.rr-hero .lede .ctas{grid-column:span 12;display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}
@media(min-width:768px){.rr-hero .lede .ctas{grid-column:span 5;justify-content:flex-end}}
.rr-hero figure{position:relative;max-width:92rem;margin:3.5rem auto 0;padding:0 1.5rem}
@media(min-width:768px){.rr-hero figure{margin-top:5rem;padding:0 3.5rem}}
.rr-hero figure img{aspect-ratio:16/9;width:100%;object-fit:cover}
@media(min-width:768px){.rr-hero figure img{aspect-ratio:21/9}}
.rr-hero figcaption{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem;pointer-events:none}
@media(min-width:768px){.rr-hero figcaption{padding:2.5rem}}
.rr-hero .chip{display:inline-flex;background:rgba(255,255,255,.9);backdrop-filter:blur(8px);padding:.5rem 1rem;border-radius:9999px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.35em;color:var(--magenta)}
.rr-hero .chip.desktop{display:none}
@media(min-width:768px){.rr-hero .chip.desktop{display:inline-flex}}
.rr-hero .cap-headline{max-width:42rem;font-family:var(--font-display);font-weight:700;line-height:.95;letter-spacing:-.02em;color:var(--white);text-shadow:0 2px 20px rgba(0,0,0,.35);font-size:clamp(1.4rem,2.8vw,2.5rem)}
.rr-hero .cap-headline .em{font-family:var(--font-serif-italic);font-style:italic;font-weight:400}

/* ============================================================
   MARQUEE
   ============================================================ */
.rr-marquee{border-top:1px solid rgba(194,24,91,.15);border-bottom:1px solid rgba(194,24,91,.15);background:var(--white);padding:1.25rem 0;overflow:hidden}
.rr-marquee-track{display:flex;white-space:nowrap;animation:rr-marquee 42s linear infinite}
.rr-marquee-track > div{display:flex;flex-shrink:0;align-items:center}
.rr-marquee .item{margin:0 1.5rem;display:inline-flex;align-items:center;gap:1.5rem}
.rr-marquee .word{font-family:var(--font-display);font-size:1.5rem;letter-spacing:-.02em;color:var(--ink)}
@media(min-width:768px){.rr-marquee .word{font-size:1.875rem}}
.rr-marquee .star{color:var(--coral)}
@keyframes rr-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ============================================================
   SECTIONS
   ============================================================ */
.rr-section{position:relative;background:var(--white);padding:7rem 1.5rem}
@media(min-width:768px){.rr-section{padding:9rem 3.5rem}}
.rr-section h2{font-family:var(--font-display);font-weight:700;line-height:.95;letter-spacing:-.02em;color:var(--ink);margin:2rem 0 0;font-size:clamp(2.5rem,5vw,4.75rem)}
.rr-section h2 .em{font-family:var(--font-serif-italic);font-style:italic;font-weight:400;color:var(--magenta)}
.rr-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:2.5rem}
@media(min-width:768px){.rr-grid{gap:4rem}}

/* Story */
.rr-story .col-h{grid-column:span 12}
.rr-story .col-t{grid-column:span 12;display:flex;flex-direction:column;gap:1.5rem}
.rr-story .col-i{grid-column:span 12}
@media(min-width:768px){
  .rr-story .col-h{grid-column:span 5}
  .rr-story .col-t{grid-column:span 4;padding-top:4rem}
  .rr-story .col-i{grid-column:span 3}
}
.rr-story p{font-size:15px;line-height:1.65;color:rgba(26,10,10,.75);margin:0}
.rr-boosts{margin-top:1rem;border-top:1px solid rgba(26,10,10,.1);border-bottom:1px solid rgba(26,10,10,.1);list-style:none;padding:0}
.rr-boosts li{display:flex;align-items:baseline;gap:1rem;padding:.75rem 0;border-bottom:1px solid rgba(26,10,10,.1)}
.rr-boosts li:last-child{border-bottom:none}
.rr-boosts .tag{min-width:9rem;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.28em;color:var(--magenta)}
.rr-boosts .note{font-size:13px;line-height:1.45;color:rgba(26,10,10,.7)}
.rr-story .img-wrap{position:relative}
.rr-story .img-wrap img{aspect-ratio:3/4;width:100%;object-fit:cover}
.rr-story .note-card{position:absolute;bottom:-1rem;left:-1rem;background:var(--yellow-green);padding:.75rem 1rem}
.rr-story .note-card .k{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.32em;color:var(--burgundy)}
.rr-story .note-card .v{margin-top:.25rem;font-family:var(--font-serif-italic);font-style:italic;font-size:1rem;color:var(--burgundy)}

/* Menu */
.rr-menu-sec .head{margin-bottom:3rem;max-width:56rem}
.rr-menu-sec .desc{margin-top:1.5rem;max-width:42rem;font-size:15px;line-height:1.65;color:rgba(26,10,10,.7)}
.rr-tabs{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem;border-top:1px solid rgba(194,24,91,.2);border-bottom:1px solid rgba(194,24,91,.2);padding:1.5rem 0;margin-bottom:2.5rem}
.rr-tab{display:inline-flex;align-items:center;gap:.5rem;border-radius:9999px;padding:.6rem 1.5rem;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.26em;transition:all .2s;border:1px solid rgba(194,24,91,.25);color:rgba(26,10,10,.75);background:transparent;cursor:pointer;font-family:inherit}
.rr-tab:hover{border-color:var(--magenta);color:var(--magenta);background:rgba(194,24,91,.04)}
.rr-tab.active{background:var(--magenta);color:var(--white);border-color:var(--magenta);box-shadow:0 10px 30px -12px rgba(194,24,91,.6)}
.rr-tab .no{font-family:var(--font-serif-italic);font-style:italic;font-size:10px;font-weight:400;text-transform:none;letter-spacing:normal;color:rgba(194,24,91,.6)}
.rr-tab.active .no{color:rgba(255,255,255,.7)}
.rr-menu-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}
@media(min-width:768px){.rr-menu-grid{gap:1.5rem}}
.rr-menu-feat{grid-column:span 12;display:grid;grid-template-columns:1fr;gap:2rem;border:1px solid rgba(194,24,91,.15);background:var(--white);padding:1.5rem}
@media(min-width:768px){.rr-menu-feat{grid-column:span 7;grid-template-columns:260px 1fr;padding:2.5rem}}
.rr-menu-feat img{aspect-ratio:1;width:100%;object-fit:cover}
.rr-menu-feat .cat{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.35em;color:var(--magenta)}
.rr-menu-feat .no{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3em;color:rgba(26,10,10,.5)}
.rr-menu-feat .top{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}
.rr-menu-feat h3{margin:1rem 0 0;font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;color:var(--ink);line-height:.95;font-size:clamp(1.75rem,3vw,2.75rem)}
.rr-menu-feat .meta{margin-top:1rem;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.28em;color:rgba(26,10,10,.6)}
.rr-menu-feat .blurb{margin-top:1.5rem;font-size:13px;line-height:1.65;color:rgba(26,10,10,.7)}
.rr-items{grid-column:span 12;list-style:none;padding:0;margin:0}
@media(min-width:768px){.rr-items{grid-column:span 5}}
.rr-items-head{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.35em;color:var(--magenta)}
.rr-items-list{margin-top:1rem;border-top:1px solid rgba(26,10,10,.1);border-bottom:1px solid rgba(26,10,10,.1);list-style:none;padding:0}
.rr-items-list li{padding:1rem 0;border-bottom:1px solid rgba(26,10,10,.1)}
.rr-items-list li:last-child{border-bottom:none}
.rr-items-list .row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}
.rr-items-list .left{display:flex;align-items:baseline;gap:.75rem}
.rr-items-list .name{font-family:var(--font-display);font-size:1.125rem;letter-spacing:-.02em;color:var(--ink)}
.rr-items-list .price{white-space:nowrap;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.24em;color:var(--coral)}
.rr-items-list .desc{margin-top:.35rem;font-size:13px;line-height:1.4;color:rgba(26,10,10,.7)}
.rr-items-list .tag{background:var(--yellow-green);color:var(--burgundy);padding:.125rem .5rem;border-radius:9999px;font-size:8px;font-weight:600;text-transform:uppercase;letter-spacing:.28em}
.rr-fine{margin-top:1.5rem;font-size:12px;color:rgba(26,10,10,.5)}

/* Offerings */
.rr-offer-head{margin-bottom:3.5rem;max-width:48rem}
.rr-offer-head h2 .amp{font-family:var(--font-serif-italic);font-style:italic;font-weight:400;color:var(--magenta)}
.rr-offer-cards{grid-column:span 12;display:grid;grid-template-columns:1fr;gap:1rem}
@media(min-width:768px){.rr-offer-cards{grid-column:span 8;grid-template-columns:1fr 1fr;gap:1.5rem}}
.rr-card{display:flex;flex-direction:column;border:1px solid rgba(194,24,91,.15);background:var(--white);padding:2rem;transition:all .3s}
@media(min-width:768px){.rr-card{padding:2.5rem}}
.rr-card:hover{border-color:var(--magenta);box-shadow:0 20px 50px -30px rgba(194,24,91,.4)}
.rr-card .head{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.32em}
.rr-card .no{font-family:var(--font-serif-italic);font-style:italic;font-weight:400;text-transform:none;letter-spacing:normal;color:rgba(194,24,91,.5)}
.rr-card .price{color:var(--yellow-green);background:var(--burgundy);padding:.35rem .6rem;border-radius:2px}
.rr-card h3{margin:1.5rem 0 0;font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;color:var(--ink);line-height:1.05;font-size:clamp(1.5rem,2.2vw,2rem)}
.rr-card .sub{margin-top:.75rem;font-family:var(--font-serif-italic);font-style:italic;font-size:15px;line-height:1.35;color:var(--magenta)}
.rr-card .copy{margin-top:1rem;font-size:14px;line-height:1.6;color:rgba(26,10,10,.7)}
.rr-card ul{margin:1.5rem 0 0;padding:0;list-style:none;border-top:1px solid rgba(194,24,91,.15)}
.rr-card ul li{padding:.65rem 0;border-bottom:1px solid rgba(194,24,91,.1);font-size:13px;color:rgba(26,10,10,.7)}
.rr-book-rail{grid-column:span 12}
@media(min-width:768px){.rr-book-rail{grid-column:span 4}}
.rr-book-rail .box{position:sticky;top:6rem;display:flex;flex-direction:column;border:1px solid rgba(194,24,91,.2);background:var(--blush-burgundy);padding:2rem}
@media(min-width:768px){.rr-book-rail .box{padding:2.5rem}}
.rr-book-rail .k{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.35em;color:var(--magenta)}
.rr-book-rail h3{margin:1.5rem 0 0;font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;line-height:.95;color:var(--ink);font-size:clamp(2rem,3vw,3rem)}
.rr-book-rail h3 .em{font-family:var(--font-serif-italic);font-style:italic;font-weight:400;color:var(--magenta)}
.rr-book-rail .p{margin-top:1.5rem;font-size:14px;line-height:1.65;color:rgba(26,10,10,.75)}
.rr-book-rail .cta{margin-top:2rem;text-align:center}
.rr-book-rail ul{margin:2rem 0 0;padding:1.5rem 0 0;border-top:1px solid rgba(194,24,91,.2);list-style:none;font-size:12px;line-height:1.6;color:rgba(26,10,10,.7)}
.rr-book-rail ul li{margin-bottom:.75rem}

.rr-strip{position:relative;margin-top:2rem;overflow:hidden}
.rr-strip img{height:420px;width:100%;object-fit:cover}
@media(min-width:768px){.rr-strip img{height:520px}}
.rr-strip figcaption{position:absolute;inset:auto 0 0 0;background:linear-gradient(to top,rgba(0,0,0,.6),transparent);padding:2rem}
@media(min-width:768px){.rr-strip figcaption{padding:3rem}}
.rr-strip .k{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.35em;color:var(--yellow-green)}
.rr-strip .h{margin-top:.75rem;max-width:48rem;font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;color:var(--white);line-height:1.02;font-size:clamp(1.75rem,3.5vw,3.25rem)}
.rr-strip .h .em{font-family:var(--font-serif-italic);font-style:italic;font-weight:400}

/* Testimonial */
.rr-test{background:var(--white);overflow:hidden}
.rr-test .grid{max-width:92rem;margin:0 auto;display:grid;grid-template-columns:repeat(12,1fr)}
.rr-test .img{grid-column:span 12}
.rr-test .img img{width:100%;min-height:420px;height:100%;object-fit:cover}
.rr-test .body{grid-column:span 12;padding:5rem 1.5rem;display:flex;flex-direction:column;justify-content:center}
@media(min-width:768px){
  .rr-test .img{grid-column:span 5}
  .rr-test .body{grid-column:span 7;padding:5rem 4rem}
}
.rr-test blockquote{margin:2rem 0 0;font-family:var(--font-display);font-weight:700;line-height:1.05;letter-spacing:-.02em;color:var(--ink);font-size:clamp(1.75rem,3vw,2.75rem)}
.rr-test blockquote .em{font-family:var(--font-serif-italic);font-style:italic;font-weight:400;color:var(--magenta)}
.rr-test footer{margin-top:2.5rem;display:flex;align-items:center;gap:1rem}
.rr-test footer .rule{height:1px;width:3rem;background:rgba(194,24,91,.4)}
.rr-test footer .who{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.32em;color:var(--magenta)}
.rr-test footer .when{margin-top:.25rem;font-size:10px;text-transform:uppercase;letter-spacing:.28em;color:rgba(26,10,10,.5)}

/* Mission */
.rr-mission{padding:8rem 1.5rem;background:var(--white)}
@media(min-width:768px){.rr-mission{padding:8rem 3.5rem}}
.rr-mission .wrap{max-width:64rem;margin:0 auto;text-align:center}
.rr-mission .verse-k{margin-top:2.5rem;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.4em;color:var(--coral)}
.rr-mission .verse{margin-top:1rem;font-family:var(--font-serif-italic);font-style:italic;font-size:1.125rem;color:rgba(194,24,91,.7)}
.rr-mission h2{margin-top:2.5rem;font-family:var(--font-display);font-weight:700;line-height:.95;letter-spacing:-.02em;font-size:clamp(2.75rem,6vw,6rem)}
.rr-mission h2 .mg{color:var(--magenta)}
.rr-mission h2 .amp{font-family:var(--font-serif-italic);font-style:italic;font-weight:400;color:var(--coral)}
.rr-mission h2 .bg{color:var(--burgundy)}
.rr-mission p{margin:2.5rem auto 0;max-width:34rem;font-size:14px;line-height:1.65;color:rgba(26,10,10,.7)}
.rr-mission .chip{display:inline-flex;align-items:center;gap:.75rem;margin-top:3rem;border:1px solid rgba(194,24,91,.3);background:var(--white);padding:.75rem 1.5rem;border-radius:9999px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.32em;color:var(--magenta)}
.rr-mission .chip .star{color:var(--coral)}

/* Book (form) */
.rr-book{background:var(--magenta);color:var(--white);padding:7rem 1.5rem}
@media(min-width:768px){.rr-book{padding:9rem 3.5rem}}
.rr-book .grid{max-width:92rem;margin:0 auto;display:grid;grid-template-columns:repeat(12,1fr);gap:2.5rem}
.rr-book .lhs{grid-column:span 12}
@media(min-width:768px){.rr-book .lhs{grid-column:span 5}}
.rr-book h2{margin:2rem 0 0;font-family:var(--font-display);font-weight:700;line-height:.9;letter-spacing:-.02em;color:var(--white);font-size:clamp(3rem,6vw,6rem)}
.rr-book h2 .em{font-family:var(--font-serif-italic);font-style:italic;font-weight:400;color:var(--blush)}
.rr-book .lhs p{margin-top:2rem;max-width:28rem;font-size:14px;line-height:1.65;color:rgba(255,255,255,.75)}
.rr-book dl{margin:3rem 0 0;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:1.5rem;font-size:14px}
.rr-book dt{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.32em;color:var(--yellow-green)}
.rr-book dd{margin:.5rem 0 0;font-family:var(--font-display);font-size:1.5rem}
.rr-form{grid-column:span 12;display:grid;grid-template-columns:1fr;gap:1.5rem;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);padding:2rem}
@media(min-width:768px){.rr-form{grid-column:span 7;grid-template-columns:1fr 1fr;padding:2.5rem}}
.rr-field{display:block}
.rr-field.full{grid-column:1/-1}
.rr-field .label{display:block;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.32em;color:rgba(255,255,255,.6)}
.rr-field input,.rr-field select,.rr-field textarea{margin-top:.5rem;width:100%;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.2);padding:.5rem 0;font-family:var(--font-sans);font-size:14px;color:var(--white);outline:none;transition:border-color .2s;-webkit-appearance:none;appearance:none}
.rr-field textarea{resize:none}
.rr-field select option{background:var(--magenta);color:var(--white)}
.rr-field input:focus,.rr-field select:focus,.rr-field textarea:focus{border-bottom-color:var(--yellow-green)}
.rr-field input[type="file"]{border:none;padding:0;margin-top:.75rem;font-size:14px;color:rgba(255,255,255,.8);cursor:pointer}
.rr-field input[type="file"]::file-selector-button{margin-right:1rem;cursor:pointer;border:0;background:var(--yellow-green);color:var(--burgundy);padding:.5rem 1rem;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.28em;font-family:inherit}
.rr-field input[type="file"]::file-selector-button:hover{background:var(--white)}
.rr-field .hint{margin-top:.75rem;font-size:11px;line-height:1.6;color:rgba(255,255,255,.6)}
.rr-field .hint a{color:var(--yellow-green);text-decoration:underline;text-underline-offset:4px}
.rr-form .actions{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid rgba(255,255,255,.1);padding-top:1.5rem}
.rr-form .msg{font-size:10px;text-transform:uppercase;letter-spacing:.28em;color:rgba(255,255,255,.6);min-height:14px}
.rr-form button{display:inline-flex;align-items:center;gap:.75rem;background:var(--yellow-green);color:var(--burgundy);padding:1rem 2rem;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.32em;border-radius:9999px;border:none;cursor:pointer;transition:background .2s;font-family:inherit}
.rr-form button:hover{background:var(--white)}
.rr-form button:disabled{opacity:.6;cursor:not-allowed}

/* Footer */
.rr-footer{background:var(--white);padding:6rem 1.5rem 3rem}
@media(min-width:768px){.rr-footer{padding:6rem 3.5rem 3rem}}
.rr-footer .inner{max-width:92rem;margin:0 auto}
.rr-footer .top{display:grid;grid-template-columns:repeat(12,1fr);gap:2.5rem;border-top:1px solid rgba(194,24,91,.15);padding-top:4rem}
.rr-footer .col-brand{grid-column:span 12}
.rr-footer .col-links{grid-column:span 6}
.rr-footer .col-field{grid-column:span 12}
@media(min-width:768px){
  .rr-footer .col-brand{grid-column:span 5}
  .rr-footer .col-links{grid-column:span 3}
  .rr-footer .col-field{grid-column:span 4}
}
.rr-footer .brand-row{display:flex;align-items:center;gap:1rem}
.rr-footer .brand-row img{width:64px;height:64px}
.rr-footer .brand-row .name{font-family:var(--font-display);font-weight:700;font-size:1.5rem;color:var(--magenta)}
.rr-footer .brand-row .amp{font-family:var(--font-serif-italic);font-style:italic;font-weight:400;color:var(--coral)}
.rr-footer .about{margin-top:1.5rem;max-width:24rem;font-size:14px;line-height:1.65;color:rgba(26,10,10,.7)}
.rr-footer .socials{margin-top:2rem;display:flex;flex-wrap:wrap;gap:.75rem}
.rr-footer .socials a{border:1px solid rgba(194,24,91,.2);padding:.5rem 1rem;border-radius:9999px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.28em;color:var(--ink);transition:all .2s}
.rr-footer .socials a:hover{border-color:var(--magenta);color:var(--magenta)}
.rr-footer h5{margin:0;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.32em;color:var(--magenta)}
.rr-footer ul{margin:1.25rem 0 0;padding:0;list-style:none}
.rr-footer ul li{margin-bottom:.75rem;font-size:14px;color:rgba(26,10,10,.75)}
.rr-footer ul li a:hover{color:var(--magenta)}
.rr-footer .field-copy{margin-top:1.25rem;font-size:14px;color:rgba(26,10,10,.7)}
.rr-footer .newsletter{margin-top:1.25rem;display:flex;align-items:center;gap:.75rem;border-bottom:1px solid rgba(194,24,91,.2);padding-bottom:.5rem}
.rr-footer .newsletter input{flex:1;background:transparent;border:none;padding:.5rem 0;font-size:14px;color:var(--ink);outline:none}
.rr-footer .newsletter input::placeholder{color:rgba(26,10,10,.4)}
.rr-footer .newsletter button{background:none;border:none;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.32em;color:var(--magenta);cursor:pointer}
.rr-footer .newsletter button:hover{color:var(--burgundy)}
.rr-footer .legal{margin-top:5rem;display:flex;flex-direction:column;gap:1rem;border-top:1px solid rgba(194,24,91,.1);padding-top:2rem;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.35em;color:rgba(26,10,10,.5)}
@media(min-width:768px){.rr-footer .legal{flex-direction:row;justify-content:space-between;align-items:center}}
.rr-footer .legal .motto{color:var(--magenta)}

/* Fade-in animation */
.rr-fade{opacity:0;transform:translateY(24px);animation:rr-fade .9s var(--ease-out-expo) both}
@keyframes rr-fade{to{opacity:1;transform:translateY(0)}}