/* Justice Warriors — deep teal ceramic and abundant warm gold. */
:root{--navy:#062b32;--blue:#093f49;--gold:#e7bc61;--gold-light:#ffe6a6;--cream:#fff8e8;--plum:#71501d;--teal:#12616a;--green:#215c55;--ink:#16363a;--muted:#486368}
body{background:#062b32;color:var(--ink)}
nav{background:#04252bf5;border-bottom:3px solid #e8bb58;box-shadow:0 4px 26px #0004}
.brand{color:#ffe2a0;letter-spacing:.1em}.links a{color:#fff0ce}.links .button{color:#143b40}
section{position:relative;background:#fff8e8;border-bottom:2px solid #cb9b45;padding:84px 24px}
section::before{content:"";position:absolute;left:calc(50% - 62px);top:0;width:124px;height:5px;background:linear-gradient(90deg,#b7832c,#ffe4a0,#b7832c);border-radius:0 0 8px 8px}
.soft,.social,.teal{background:linear-gradient(135deg,#fff9ea,#efe5c8 58%,#e2eee6)}
.eyebrow{color:#725019;font-size:.82rem;letter-spacing:.17em}
.title{color:#173e43;font-weight:600;line-height:1.13;max-width:23ch}
.title::after{content:"";display:block;width:112px;height:4px;margin:25px auto 0;background:linear-gradient(90deg,#a77621,#e8bc63,#a77621);border-radius:5px}
h1,h2,h3{letter-spacing:-.025em}
.hero{position:relative;background-color:#06333d;background-image:linear-gradient(116deg,transparent 13%,#cf9b4650 13.1%,#f6d58a80 13.25%,transparent 13.45%),linear-gradient(65deg,transparent 82%,#f6d58a50 82.1%,transparent 82.35%),radial-gradient(ellipse at 80% 30%,#247d8088,transparent 54%),linear-gradient(140deg,#031c25,#074952);border-bottom:5px solid #e7bc61}
.heroin{padding:78px 28px;gap:48px;grid-template-columns:1fr 1.1fr}
.hero h1{color:#fff8e8}.hero h1 span{color:#ffda82;text-shadow:0 2px 25px #d7ad5326}
.hero .lead{color:#f3eddb}.hero img{aspect-ratio:1.2;object-fit:cover;border:5px solid #e7bc61;border-radius:160px 160px 24px 24px;box-shadow:0 0 0 9px #e7bc6120,0 26px 60px #0006}
.status{border:1px solid #ebc979;background:#022d35;color:#ffe5ab;padding:10px 16px}
.button,.button.amazon,.floating{background:linear-gradient(120deg,#bd8830,#ffe3a0 48%,#d6a243);border:2px solid #f9da91;color:#17373b;box-shadow:0 6px 20px #8d651d26;font-weight:800;border-radius:12px}
.button:hover,.button.amazon:hover{background:linear-gradient(120deg,#e4b457,#fff0c7,#e9bf69);box-shadow:0 9px 24px #bf8e3e4d}
.button.alt,.button.outline-gold{background:#08363c;color:#ffe4a1;border:2px solid #dcb55e}
.card,.role,.lightbox,.notice{background:#fffdf5;border:1px solid #c69b4d;border-top:5px solid #d8ab50;border-radius:18px;box-shadow:0 12px 35px #092f3412,inset 0 0 0 5px #e7bc6110}
.card h3,.role h3{color:#16474d}.card p,.role p{color:#38585c}
.quote,.journey-callout,.volunteer-panel{background:radial-gradient(ellipse at top right,#14737c66,transparent 60%),linear-gradient(135deg,#062832,#0a4650);border:2px solid #dbb465;border-top:6px solid #e7bc61;border-radius:22px;box-shadow:0 18px 42px #042c3520}
.quote h3,.journey-callout h3{color:#ffe0a0}.quote p,.journey-callout p{color:#f8f1de}
.journey-step{border:1px solid #c99b47;border-top:5px solid #e0b559;background:#fffdf5;border-radius:16px;padding:25px 16px}
.journey-step .num{background:linear-gradient(135deg,#b57e23,#f9da8e);color:#09353b;box-shadow:0 0 0 4px #d7ad5320}
.journey-step h3{color:#16474d}
.dark,#refuge-vision{background:radial-gradient(ellipse at top right,#15647080,transparent 50%),linear-gradient(135deg,#041f2a,#0a424a);color:#fcf3dd}
.dark .title,#refuge-vision .title{color:#ffe0a0}.dark .eyebrow,#refuge-vision .eyebrow{color:#f2d18b}.dark p,#refuge-vision> .wrap>p{color:#f4ecd8}
.dark .title::after,#refuge-vision .title::after{background:linear-gradient(90deg,#b78125,#ffe6a6,#b78125)}
.book-card{background:linear-gradient(150deg,#0f4850,#062c38);border:2px solid #d4a64f;border-radius:20px;box-shadow:0 16px 40px #0003;gap:6px}
.book-card h3{color:#ffe0a0}.book-card p{color:#f5ecd9}.book-card img{border:2px solid #e2b75c}
.new-amazon-links{border:2px solid #e2b75c;border-radius:24px;background:#e8c5750a;padding:30px}
.book-promo-grid a{border:2px solid #d8ae5a;background:#062e36}.book-promo-grid span{color:#ffe0a0}
.dark .lightbox{background:#fff8e8}.dark .lightbox p{color:#173e43}.dark .lightbox h3{color:#173e43}.dark .lightbox .eyebrow{color:#76521e}
.dark .lightbox a{background:linear-gradient(120deg,#ce9a3c,#ffe5a7,#d7a74c);color:#163b3f;border:1px solid #b18330;border-radius:12px}
.refuge-gallery figure{border:2px solid #e2b75c;border-radius:20px;background:#fff8e8}.refuge-gallery h3{color:#17494e}.refuge-gallery p{color:#38585c}.refuge-gallery figcaption{padding:28px}
.gallery figure{border:2px solid #cfaa59;background:#fff8e8}.gallery figcaption{color:#16474d}
.wide-image,.feature img{border:3px solid #dcba70;box-shadow:0 16px 36px #082e3424}
.social-card{background:#fffaf0;border:2px solid #b98b35;color:#17494e}.social-card span{color:#75511b}
footer{background:#031e27;border-top:5px solid #e5bb65;color:#f6ecd3;padding:48px 22px 100px}footer a{color:#ffe0a0}
.floating.donate{background:#0a4d55;color:#ffe3a0;border-color:#e7bc61}.floating{border-radius:12px}
a:focus-visible,button:focus-visible{outline:3px solid #c1841e;outline-offset:5px}
@media(max-width:800px){section{padding:56px 18px}.heroin{grid-template-columns:1fr;padding:46px 20px 54px;gap:38px}.hero img{aspect-ratio:1.2;border-radius:100px 100px 20px 20px;border-width:4px}.title{font-size:clamp(2rem,9vw,3rem)}.new-amazon-links{padding:22px 14px}.refuge-gallery figcaption{padding:22px 18px}.nav{flex-wrap:wrap;gap:8px}.nav>.brand{order:0}.nav>a:last-child{order:1}.links{order:2;display:flex;width:100%;justify-content:flex-start;overflow-x:auto;gap:18px;padding:8px 0 10px;white-space:nowrap}.links a{flex:0 0 auto;font-size:.82rem}.links .button{padding:8px 12px;min-height:40px}.logo{width:46px;height:46px}.book-card{padding:22px 16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.button:hover{transform:none}}

/* Navy, deep green and gold: preserve the ceramic-inspired design. */
:root{--navy:#081b38;--blue:#143858;--ink:#172c43;--teal:#12616a;--green:#215c55}
nav{background:linear-gradient(110deg,#06152e,#092b3c 65%,#154d4c)}
.title,.card h3,.role h3,.journey-step h3{color:#102b47}
.hero{background-image:linear-gradient(116deg,transparent 13%,#cf9b4650 13.1%,#f6d58a80 13.25%,transparent 13.45%),linear-gradient(65deg,transparent 82%,#f6d58a50 82.1%,transparent 82.35%),radial-gradient(ellipse at 80% 30%,#247d8088,transparent 54%),linear-gradient(130deg,#06142e,#102c46 48%,#0d514e)}
.dark,#refuge-vision{background:radial-gradient(ellipse at top right,#24766d70,transparent 58%),linear-gradient(130deg,#06152e,#102c45 52%,#0b4646)}
.quote,.journey-callout,.volunteer-panel{background:radial-gradient(ellipse at top right,#23797066,transparent 60%),linear-gradient(130deg,#081b38,#133951 55%,#12504e)}
.book-card{background:linear-gradient(145deg,#174e52,#0b2944 60%,#081b38)}
.button.alt,.button.outline-gold{background:#0b2944}
footer{background:linear-gradient(120deg,#05132c,#0b3340)}
.little-lights-feature{max-width:580px;margin:30px auto;border:2px solid var(--gold);border-radius:20px;overflow:hidden;background:#081b38;box-shadow:0 16px 38px #081b3826}
.little-lights-feature a{text-decoration:none}.little-lights-feature img{width:100%;height:auto}.little-lights-feature span{display:block;padding:16px;color:var(--gold-light);font-weight:800}
.book-promo-grid:has(>a:only-child){grid-template-columns:1fr;max-width:540px;margin:38px auto}
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:32px}
section[id],header[id]{scroll-margin-top:100px}
@media(max-width:800px){.grid-3{grid-template-columns:1fr}.little-lights-feature{max-width:100%}section[id]{scroll-margin-top:145px}}