/*
Theme Name: Goodwill Dusk
Theme URI: https://goodwill-media.com/
Description: Block theme for the Athan Frame website. The "Dusk" design system of the TV app: dark dusk gradients, glass cards, Figtree and Playfair Display (bundled), large readable text. No jQuery, no outside fonts or scripts, RTL-ready.
Version: 1.0.0
Requires at least: 6.8
Tested up to: 7.1
Requires PHP: 8.1
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: goodwill-dusk
Fonts: Figtree, Playfair Display, Amiri. SIL Open Font License 1.1, see assets/fonts/LICENSE-*.txt
*/

/* ---------------------------------------------------------------- fonts (bundled, same files as the TV app) */
@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:400;src:url(assets/fonts/figtree-latin-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:400;src:url(assets/fonts/figtree-latin-ext-400.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:600;src:url(assets/fonts/figtree-latin-600.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:600;src:url(assets/fonts/figtree-latin-ext-600.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Playfair Display";font-style:normal;font-display:swap;font-weight:400;src:url(assets/fonts/playfair-display-latin-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Playfair Display";font-style:normal;font-display:swap;font-weight:400;src:url(assets/fonts/playfair-display-latin-ext-400.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
/* Arabic script only (unicode-range): never downloaded for English pages */
@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:400;src:url(assets/fonts/amiri-arabic-400.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:700;src:url(assets/fonts/amiri-arabic-700.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}

/* ---------------------------------------------------------------- tokens (from the TV app's :root) */
:root{
	--gd-top:#070b22;--gd-bot:#141c4a;--gd-night:#0b0a12;
	--gd-ink:#fff;--gd-soft:#cfccd6;--gd-muted:#a9a6b2;
	--gd-glass:rgba(255,255,255,.06);--gd-glass2:rgba(255,255,255,.11);--gd-line:rgba(255,255,255,.16);
	--gd-sun:#ffd980;--gd-sand:#ffe3ae;--gd-ember:#f0a53a;--gd-btn-ink:#14110f;
	--gd-radius:1.25rem;--gd-wide:72rem;--gd-gutter:1.25rem;
	--gd-focus:0 0 0 3px var(--gd-night),0 0 0 6px var(--gd-sun);
}

/* ---------------------------------------------------------------- base */
html{background:var(--gd-night);-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:1rem}
body{margin:0;min-height:100vh;color:var(--gd-ink);background:linear-gradient(180deg,var(--gd-top) 0,var(--gd-bot) 34rem,#0e1133 60rem,var(--gd-night) 100rem) no-repeat,var(--gd-night);text-rendering:optimizeLegibility}
body:where([dir=rtl]),html[dir=rtl] body{font-family:var(--wp--preset--font-family--sans),var(--wp--preset--font-family--arabic)}
:lang(ar),:lang(ur),:lang(fa),:lang(ps){font-family:var(--wp--preset--font-family--arabic)}
img{max-width:100%;height:auto}
p,li,dd{max-width:68ch}
h1,h2,h3,h4{text-wrap:balance;margin-block:0 .6em}
h1{letter-spacing:-.01em}
strong,b{font-weight:600}
a{color:var(--gd-sun);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}
a:hover{text-decoration-thickness:2px}
:focus{outline:none}
:focus-visible{outline:3px solid var(--gd-sun);outline-offset:3px;border-radius:.3rem}
.wp-block-button__link:focus-visible,.gd-btn:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:none;box-shadow:var(--gd-focus)}
::selection{background:var(--gd-sun);color:var(--gd-btn-ink)}
hr,.wp-block-separator{border:0;border-top:1px solid var(--gd-line);margin-block:2.5rem}
mark.gd-ph{background:transparent;color:var(--gd-sand);border:1px dashed var(--gd-sand);border-radius:.3rem;padding:0 .3em;font-style:normal;white-space:normal}
.screen-reader-text,.gd-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* skip link */
.gd-skip{position:absolute;inset-inline-start:1rem;top:-10rem;z-index:100;padding:.8rem 1.2rem;background:#fff;color:var(--gd-btn-ink);border-radius:.6rem;font-weight:600}
.gd-skip:focus{top:1rem}

/* ---------------------------------------------------------------- header */
.gd-header{position:relative;z-index:5}
.gd-header__in{max-width:var(--gd-wide);margin:0 auto;padding:1rem var(--gd-gutter);display:flex;align-items:center;justify-content:space-between}
.gd-brand{display:inline-flex;align-items:center;color:var(--gd-ink);text-decoration:none;font-family:var(--wp--preset--font-family--serif);font-size:1.5rem;line-height:1;min-height:44px}
.gd-brand:hover{text-decoration:none}
.gd-brand__sun{flex:none;width:1.6rem;height:1.6rem;border-radius:50%;background:radial-gradient(circle at 38% 32%,#fffbe8 0,#ffd980 45%,#f0a53a 100%);box-shadow:0 0 18px rgba(255,200,110,.45);margin-inline-end:.65rem}
.gd-nav{display:none}
.gd-nav ul,.gd-menu ul{list-style:none;margin:0;padding:0}
.gd-nav ul{display:flex;align-items:center}
.gd-nav li+li{margin-inline-start:.25rem}
.gd-nav a,.gd-menu a{display:flex;align-items:center;min-height:44px;padding:.35rem .8rem;border-radius:999px;color:var(--gd-ink);text-decoration:none;font-weight:600;font-size:1rem}
.gd-nav a:hover,.gd-menu a:hover{background:var(--gd-glass2)}
.gd-nav a[aria-current=page],.gd-menu a[aria-current=page]{background:var(--gd-glass2);box-shadow:inset 0 0 0 1px var(--gd-line)}
.gd-nav a.gd-nav__cta{background:#fff;color:var(--gd-btn-ink);margin-inline-start:.5rem;padding-inline:1.1rem}
.gd-nav a.gd-nav__cta:hover{background:#e9e6ea}
/* phone menu: <details>, works without JavaScript */
.gd-menu{position:relative}
.gd-menu>summary{list-style:none;cursor:pointer;display:flex;align-items:center;min-height:48px;padding:.4rem 1rem;border-radius:999px;border:1px solid var(--gd-line);background:var(--gd-glass);font-weight:600}
.gd-menu>summary::-webkit-details-marker{display:none}
.gd-menu>summary::after{content:"";width:.55rem;height:.55rem;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-.15rem);margin-inline-start:.6rem}
.gd-menu[open]>summary::after{transform:rotate(-135deg) translateY(-.1rem)}
.gd-menu__panel{position:absolute;inset-inline-end:0;top:calc(100% + .5rem);width:min(20rem,calc(100vw - 2.5rem));padding:.5rem;border-radius:var(--gd-radius);background:#181a3c;border:1px solid var(--gd-line);box-shadow:0 1.5rem 3rem rgba(0,0,0,.5)}
.gd-menu__panel a{border-radius:.8rem;font-size:1.125rem;min-height:48px}
/* tv-p-37: 70rem, not 64rem: with "Mosques" in the menu the row needs about 66rem, and wrapped onto two lines at 1024 px */
@media (min-width:70rem){.gd-nav{display:block}.gd-menu{display:none}}

/* ---------------------------------------------------------------- page head */
.gd-main{display:block}
.gd-pagehead{max-width:var(--gd-wide);margin:0 auto;padding:2.5rem var(--gd-gutter) 1rem}
.gd-pagehead h1{margin:0}
.gd-pagehead .wp-block-post-excerpt,.gd-pagehead .gd-lead{margin-top:.8rem;color:var(--gd-soft);font-size:1.25rem}
.gd-pagehead .wp-block-post-excerpt__excerpt{margin:0;max-width:52ch}
.gd-content{padding-bottom:4rem}
.gd-content>*{margin-block-start:1.25rem}
.gd-content h2{margin-block-start:3rem}
.gd-content h3{margin-block-start:2rem}
.gd-lead{font-size:1.25rem;color:var(--gd-soft)}
.gd-soft{color:var(--gd-soft)}
.gd-small,.has-small-font-size{font-size:1rem}

/* ---------------------------------------------------------------- hero (home) */
.gd-hero{position:relative;overflow:hidden;isolation:isolate;min-height:34rem;display:flex;align-items:flex-end;margin-top:-4.75rem;padding-top:4.75rem}
.gd-hero__img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:62% 50%}
.gd-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(7,11,34,.82) 0,rgba(7,11,34,.35) 40%,rgba(16,22,60,.6) 72%,#121941 100%)}
.gd-hero__in{width:100%;max-width:var(--gd-wide);margin:0 auto;padding:3rem var(--gd-gutter) 3.5rem}
.gd-hero h1{font-size:2.6rem;line-height:1.1;max-width:15ch;margin:0;text-shadow:0 2px 18px rgba(0,0,0,.6)}
.gd-hero__lead{font-size:1.25rem;color:#e6e3ec;max-width:34ch;margin:1rem 0 0;text-shadow:0 1px 10px rgba(0,0,0,.7)}
.gd-hero__ctas{display:flex;flex-wrap:wrap;margin:1.75rem 0 0;padding:0;list-style:none}
.gd-hero__ctas>*{margin:0 .75rem .75rem 0}
html[dir=rtl] .gd-hero__ctas>*{margin:0 0 .75rem .75rem}
.gd-hero__trust{margin:.5rem 0 0;color:#e6e3ec;font-size:1rem;text-shadow:0 1px 8px rgba(0,0,0,.8)}
@media (min-width:48rem){.gd-hero{min-height:40rem}.gd-hero h1{font-size:3.6rem}.gd-hero__lead{font-size:1.375rem}}

/* ---------------------------------------------------------------- buttons */
.gd-btn,.wp-block-button__link,.wp-element-button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:.7rem 1.5rem;border-radius:999px;border:1px solid #fff;background:linear-gradient(180deg,#fff,#e9e6ea);color:var(--gd-btn-ink);font-weight:600;font-size:1.125rem;line-height:1.2;text-decoration:none;cursor:pointer}
.gd-btn:hover,.wp-block-button__link:hover{background:#fff;text-decoration:none;color:var(--gd-btn-ink)}
.gd-btn--ghost,.is-style-outline .wp-block-button__link{background:rgba(11,10,18,.35);color:#fff;border-color:rgba(255,255,255,.7)}
.gd-btn--ghost:hover,.is-style-outline .wp-block-button__link:hover{background:rgba(255,255,255,.14);color:#fff}
.gd-btn[aria-disabled=true]{background:var(--gd-glass);border:1px dashed var(--gd-sand);color:var(--gd-sand);cursor:default}
.wp-block-buttons{margin-block:1.5rem}

/* ---------------------------------------------------------------- cards and grids */
.gd-grid{display:grid;grid-template-columns:1fr;gap:1rem;max-width:var(--gd-wide)!important}
@media (min-width:40rem){.gd-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:64rem){.gd-grid--3{grid-template-columns:repeat(3,1fr)}}
.gd-grid>*{margin:0!important}
.gd-card{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03));border:1px solid var(--gd-line);border-radius:var(--gd-radius);padding:1.4rem 1.4rem 1.2rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 .5rem 1.5rem rgba(0,0,0,.18)}
.gd-card>*{margin-block:0}
.gd-card>*+*{margin-block-start:.6rem}
.gd-card h3,.gd-card h2,.gd-content .gd-card h2,.gd-content .gd-card h3{font-size:1.375rem;margin:0}
.gd-content .gd-card>*+*{margin-block-start:.6rem}
.gd-card p{color:var(--gd-soft)}
.gd-card--free{border-color:rgba(255,217,128,.45)}
.gd-kicker{display:inline-block;font-family:var(--wp--preset--font-family--sans);font-size:.875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--gd-sun)}
.gd-section{max-width:var(--gd-wide)!important;margin-inline:auto}
.gd-band{background:var(--gd-glass);border:1px solid var(--gd-line);border-radius:var(--gd-radius);padding:1.5rem}
.gd-band>*{margin-block:0}
.gd-band>*+*{margin-block-start:.75rem}
.gd-content .gd-band>h2{margin-block-start:0}

/* lists with ticks */
.gd-ticks{list-style:none;padding:0}
.gd-ticks li{position:relative;padding-inline-start:1.9rem;margin-block:.45rem}
.gd-ticks li::before{content:"";position:absolute;inset-inline-start:.25rem;top:.45em;width:.45rem;height:.8rem;border:solid var(--gd-sun);border-width:0 2px 2px 0;transform:rotate(45deg)}

/* numbered steps */
.gd-steps{list-style:none;padding:0;counter-reset:gd}
.gd-steps>li{counter-increment:gd;position:relative;padding-inline-start:3.6rem;margin-block:0 1.8rem;min-height:2.6rem}
.gd-steps>li::before{content:counter(gd);position:absolute;inset-inline-start:0;top:0;width:2.6rem;height:2.6rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 38% 32%,#fffbe8 0,#ffd980 45%,#f0a53a 100%);color:var(--gd-btn-ink);font-weight:600}
.gd-steps h3{margin:0 0 .3rem;font-size:1.375rem}
.gd-steps p{margin:.3rem 0;color:var(--gd-soft)}

/* notes */
.gd-note{border-inline-start:4px solid var(--gd-sand);background:rgba(255,227,174,.08);padding:1rem 1.2rem;border-radius:.6rem}
.gd-note>*{margin:0}
.gd-note>*+*{margin-top:.5rem}
.gd-draft{display:inline-block;border:1px solid var(--gd-sand);color:var(--gd-sand);border-radius:999px;padding:.3rem .9rem;font-weight:600;font-size:1rem}

/* gallery of the app's backgrounds */
.gd-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin:0;padding:0;list-style:none}
@media (min-width:48rem){.gd-gallery{grid-template-columns:repeat(4,1fr)}}
.gd-gallery figure{margin:0}
.gd-gallery img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:.8rem;border:1px solid var(--gd-line)}
.gd-gallery figcaption{font-size:1rem;color:var(--gd-soft);margin-top:.3rem}

/* ---------------------------------------------------------------- Mosques: the drawn sample screen (tv-p-37)
   Existing tokens only. It copies the TV app's layout (tv/index.html): the Next athan card top left and,
   under the moon top right, its twin the next-iqamah panel (#next,#iqlist share one rule there too). */
.gwm-sample{margin:1.5rem 0 0;max-width:46rem}
.gwm-tv{position:relative;aspect-ratio:16/9;box-sizing:border-box;display:flex;justify-content:space-between;align-items:flex-start;padding:4% 4.5%;border:.6rem solid #1b1d3a;border-radius:var(--gd-radius);background:linear-gradient(180deg,var(--gd-top),var(--gd-bot) 70%,#2a2350);overflow:hidden}
.gwm-tv::after{content:"";position:absolute;inset:auto -10% -38% -10%;height:60%;border-radius:50%;background:radial-gradient(ellipse at 50% 0,rgba(255,217,128,.28),rgba(240,165,58,.08) 45%,transparent 70%);pointer-events:none}
.gwm-tv__side{display:flex;flex-direction:column;align-items:flex-end}
.gwm-tv__moon{width:3.2rem;height:3.2rem;border-radius:50%;background:radial-gradient(circle at 38% 34%,#fffbe8 0,#ece6d6 55%,#bdb6a6 100%);box-shadow:0 0 18px rgba(255,251,232,.25);margin-bottom:.6rem}
.gwm-tv__panel{position:relative;z-index:1;display:grid;grid-template-columns:auto auto;column-gap:.7rem;align-items:baseline;justify-content:start;min-width:9.5rem;padding:.6rem .85rem;border-radius:.9rem;background:var(--gd-glass2);border:1px solid var(--gd-line)}
.gwm-tv__iq{justify-content:center;text-align:center}
.gwm-tv__panel .lab{grid-column:1/-1;font-size:.8125rem;color:var(--gd-soft)}
.gwm-tv__panel .nm{font-family:var(--wp--preset--font-family--serif);font-size:1.5rem;line-height:1.2}
.gwm-tv__panel .tm{font-size:1.75rem;line-height:1.2;font-weight:600;font-variant-numeric:tabular-nums}
.gwm-tv__panel .cd{grid-column:1/-1;font-size:.875rem;color:var(--gd-soft);margin-top:.15rem}
.gwm-tv__panel .cd b{font-weight:600;color:var(--gd-ink)}
.gwm-sample figcaption{margin-top:.6rem}
@media (max-width:30rem){.gwm-tv{padding:3%;border-width:.4rem}.gwm-tv__panel{min-width:0;padding:.45rem .6rem}.gwm-tv__panel .nm{font-size:1.05rem}.gwm-tv__panel .tm{font-size:1.15rem}.gwm-tv__panel .lab,.gwm-tv__panel .cd{font-size:.75rem}.gwm-tv__moon{width:2rem;height:2rem}}

/* ---------------------------------------------------------------- tables (pricing, TVs) */
.gd-table-wrap{overflow-x:auto;border-radius:var(--gd-radius);border:1px solid var(--gd-line);background:var(--gd-glass)}
.gd-table{width:100%;border-collapse:collapse;font-size:1.0625rem}
.gd-table caption{text-align:start;padding:1rem 1.2rem .4rem;color:var(--gd-soft)}
.gd-table th,.gd-table td{padding:.85rem 1.2rem;text-align:start;vertical-align:top;border-top:1px solid var(--gd-line)}
.gd-table thead th{border-top:0;font-size:1rem;color:var(--gd-soft);font-weight:600}
.gd-table td.gd-num{white-space:nowrap;font-weight:600;font-variant-numeric:tabular-nums}
.gd-price-cards .gd-card .gd-price{font-family:var(--wp--preset--font-family--serif);font-size:2.4rem;line-height:1.1;color:#fff}

/* ---------------------------------------------------------------- FAQ (core/details, no JavaScript) */
.wp-block-details{border:1px solid var(--gd-line);border-radius:1rem;background:var(--gd-glass);padding:0;margin-block:.75rem!important}
.wp-block-details>summary{cursor:pointer;padding:1rem 1.2rem;min-height:48px;font-weight:600;font-size:1.125rem;list-style-position:outside;margin-inline-start:1.2rem}
.wp-block-details[open]>summary{border-bottom:1px solid var(--gd-line)}
.wp-block-details>:not(summary){padding-inline:1.2rem;color:var(--gd-soft)}
.wp-block-details>:not(summary):last-child{padding-bottom:1rem}

/* ---------------------------------------------------------------- forms (feedback) */
.gd-form{max-width:46rem}
.gd-form .gd-field{margin-block:0 1.25rem}
.gd-form label,.gd-form legend{display:block;font-weight:600;margin-bottom:.4rem}
.gd-form .gd-hint{display:block;font-weight:400;color:var(--gd-soft);font-size:1rem;margin-top:.15rem}
.gd-form input[type=text],.gd-form input[type=email],.gd-form select,.gd-form textarea{width:100%;box-sizing:border-box;font:inherit;font-size:1.125rem;color:#fff;background:#151735;border:1px solid #8b88a0;border-radius:.8rem;padding:.75rem .9rem;min-height:52px}
.gd-form textarea{min-height:10rem;resize:vertical}
.gd-form select{appearance:auto}
.gd-form fieldset{border:0;padding:0;margin:0 0 1.25rem}
.gd-form .gd-choice{display:flex;align-items:center;min-height:44px;font-weight:400}
.gd-form .gd-choice input{width:1.3rem;height:1.3rem;margin:0;margin-inline-end:.7rem;accent-color:var(--gd-sun)}
.gd-form .gd-hp{position:absolute!important;inset-inline-start:-9999px;width:1px;height:1px;overflow:hidden}
.gd-form button{font:inherit}
.gd-status{margin-top:1rem;padding:1rem 1.2rem;border-radius:.8rem;border:1px solid var(--gd-line);background:var(--gd-glass)}
.gd-status:empty{display:none}
.gd-status[data-kind=ok]{border-color:#9be3b0}
.gd-status[data-kind=err]{border-color:#ffb4a8}

/* ---------------------------------------------------------------- legal pages */
.gd-legal h2{font-size:1.5rem;margin-top:2.2rem}
.gd-legal p{color:#e6e3ec}
.gd-source{color:var(--gd-soft);font-size:1rem}

/* changelog */
.gd-release h2{margin-top:1rem}
.gd-release h3{font-family:var(--wp--preset--font-family--sans);font-weight:600;font-size:1.125rem;color:var(--gd-sun);margin-top:1.6rem}
.gd-release ul{padding-inline-start:1.2rem}
.gd-release li{margin-block:.5rem}

/* ---------------------------------------------------------------- footer */
.gd-footer{margin-top:2rem;border-top:1px solid var(--gd-line);background:rgba(5,6,14,.6)}
.gd-footer__in{max-width:var(--gd-wide);margin:0 auto;padding:2.5rem var(--gd-gutter) 2rem}
.gd-footer__legal{display:flex;flex-wrap:wrap;margin:0 0 2rem;padding:0 0 1.5rem;list-style:none;border-bottom:1px solid var(--gd-line)}
.gd-footer__legal li{margin-inline-end:.5rem}
.gd-footer__legal a{display:flex;align-items:center;min-height:44px;padding:.3rem .9rem;border-radius:999px;border:1px solid var(--gd-line);color:#fff;text-decoration:none;font-weight:600;margin-block:.25rem}
.gd-footer__legal a:hover{background:var(--gd-glass2)}
.gd-footer__cols{display:grid;grid-template-columns:1fr;gap:1.5rem}
@media (min-width:40rem){.gd-footer__cols{grid-template-columns:repeat(3,1fr)}}
.gd-footer h2{font-family:var(--wp--preset--font-family--sans);font-size:1rem;font-weight:600;color:var(--gd-soft);margin:0 0 .4rem;letter-spacing:.04em;text-transform:uppercase}
.gd-footer ul.gd-footer__list{list-style:none;margin:0;padding:0}
.gd-footer__list a{display:inline-flex;align-items:center;min-height:44px;color:#fff;text-decoration:none}
.gd-footer__list a:hover{text-decoration:underline}
.gd-footer__note{margin:2rem 0 0;color:var(--gd-soft);font-size:1rem}

/* ---------------------------------------------------------------- motion */
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media (forced-colors:active){.gd-btn,.wp-block-button__link,.gd-card,.wp-block-details{border:1px solid CanvasText}}
@media print{body{background:#fff;color:#000}.gd-header,.gd-footer,.gd-hero__img{display:none}a{color:#000}}