/* ==========================================
   THE STANDARD - Page Wrapper & Hero
   ========================================== */
.the-standard{background:var(--color-alabaster);min-height:100vh}
.the-standard__hero{padding:24px 0 32px;text-align:center;background:var(--color-alabaster)}
@media(max-width:768px){.the-standard__hero{padding:20px 0 24px}}
.the-standard__hero-container{max-width:720px;margin:0 auto;padding:0 24px}
.the-standard__title{font-family:var(--font-display);font-size:4rem;font-weight:400;letter-spacing:-.02em;color:var(--color-surface-dark);margin:0 0 16px;line-height:1.1}
@media(max-width:768px){.the-standard__title{font-size:2.75rem}}
@media(max-width:480px){.the-standard__title{font-size:2.25rem}}
.the-standard__subtitle{font-family:var(--font-body);font-size:1.125rem;font-weight:400;color:var(--color-text-tertiary);line-height:1.6;max-width:480px;margin:0 auto}
@media(max-width:480px){.the-standard__subtitle{font-size:1rem}}

/* Explore Trigger */
.the-standard__explore-trigger{display:inline-flex;align-items:center;gap:8px;padding:8px 0;margin-top:20px;font-family:var(--font-body);font-size:.875rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-tertiary);background:none;border:none;cursor:pointer;transition:color .2s ease}
.the-standard__explore-trigger:hover{color:var(--color-gold)}
.the-standard__explore-trigger:focus{outline:2px solid var(--color-gold);outline-offset:4px}
.the-standard__explore-trigger svg,.the-standard__explore-trigger i{font-size:1rem;transition:transform .2s ease}
.the-standard__explore-trigger:hover svg,.the-standard__explore-trigger:hover i{transform:translateX(3px)}











/* Media */



/* Gradient Scrim */


/* Category Pill (Top-Left) */





/* Hover: pill becomes transparent with underline */



/* Content (Bottom) */








/* Animated underline on content */



/* Placeholder (no image) */



/* ==========================================
   VARIANT: FEATURE (Large 2x2 Anchor)
   ========================================== */




/* ==========================================
   VARIANT: FEATURE-RIGHT
   ========================================== */





/* ==========================================
   VARIANT: STANDARD (Small Tile)
   ========================================== */




/* ==========================================
   DESKTOP: 10-CARD CYCLE EXPLICIT PLACEMENT
   ========================================== */


/* ==========================================
   TABLET (3 columns)
   ========================================== */


/* ==========================================
   SMALL TABLET (2 columns)
   ========================================== */


/* ==========================================
   MOBILE (Single Column)
   ========================================== */


/* ==========================================
   LISTING SECTION (Header, Pagination)
   ========================================== */
.the-standard__listing{padding:24px 24px 80px;background:var(--color-alabaster)}
@media(max-width:768px){.the-standard__listing{padding:20px 16px 60px}}
.the-standard__listing-header{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto 32px;padding-bottom:16px;border-bottom:1px solid #e8e6e3}
.the-standard__listing-title{font-family:var(--font-body);font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-tertiary);margin:0}

/* ==========================================
   OFF-CANVAS EXPLORE DRAWER
   ========================================== */
.the-standard__drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.4);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1040;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}
.the-standard__drawer-backdrop--open{opacity:1;visibility:visible}
.the-standard__drawer{position:fixed;top:0;right:0;bottom:0;width:380px;max-width:90vw;background:var(--color-alabaster);z-index:1050;transform:translateX(100%);transition:transform .3s ease;display:flex;flex-direction:column;overflow:hidden}
.the-standard__drawer--open{transform:translateX(0)}
@media(max-width:480px){.the-standard__drawer{width:100%;max-width:100%}}
.the-standard__drawer-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid #e8e6e3;flex-shrink:0}
.the-standard__drawer-title{font-family:var(--font-display);font-size:1.5rem;font-weight:400;color:var(--color-surface-dark);margin:0}
.the-standard__drawer-close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;transition:color .2s ease;font-size:1.5rem}
.the-standard__drawer-close:hover{color:var(--color-surface-dark)}
.the-standard__drawer-close:focus{outline:2px solid var(--color-gold);outline-offset:2px}
.the-standard__drawer-body{flex:1;overflow-y:auto;padding:24px;overscroll-behavior:contain}
.the-standard__drawer-section{margin-bottom:32px}
.the-standard__drawer-section:last-child{margin-bottom:0}
.the-standard__drawer-section-title{font-family:var(--font-body);font-size:.6875rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-tertiary);margin:0 0 16px}
.the-standard__drawer-pills{display:flex;flex-wrap:wrap;gap:8px}
.the-standard__drawer-pill{display:inline-flex;align-items:center;padding:8px 16px;font-family:var(--font-body);font-size:.875rem;font-weight:500;color:var(--color-surface-dark);background:transparent;border:1px solid #e8e6e3;cursor:pointer;transition:color .3s ease,border-color .3s ease,background-color .3s ease;position:relative;text-decoration:none}
.the-standard__drawer-pill::after{content:'';position:absolute;bottom:6px;left:16px;width:0;height:1px;background-color:var(--color-surface-dark);transition:width .3s ease}
.the-standard__drawer-pill:hover{color:var(--color-surface-dark);background-color:transparent;border-color:transparent}
.the-standard__drawer-pill:hover::after{width:calc(100% - 32px)}
.the-standard__drawer-pill:focus{outline:2px solid var(--color-gold);outline-offset:2px}
.the-standard__drawer-pill--active{background:var(--color-charcoal);border-color:var(--color-charcoal);color:var(--color-alabaster)}
.the-standard__drawer-pill--active::after{background-color:var(--color-alabaster)}
.the-standard__drawer-pill--active:hover{background:var(--color-surface-dark);border-color:var(--color-surface-dark);color:var(--color-alabaster)}
.the-standard__drawer-pill--active:hover::after{width:calc(100% - 32px)}
.the-standard__drawer-pill .count{margin-left:6px;font-size:.75rem;color:var(--color-text-tertiary)}
.the-standard__drawer-pill--active .count{color:rgba(248,244,227,.6)}
.the-standard__drawer-footer{padding:16px 24px;border-top:1px solid #e8e6e3;flex-shrink:0}
.the-standard__drawer-clear{display:block;padding:12px 0;font-family:var(--font-body);font-size:.875rem;color:var(--color-text-tertiary);background:none;border:none;cursor:pointer;text-align:center;width:100%;transition:color .2s ease;text-decoration:none}
.the-standard__drawer-clear:hover{color:var(--color-gold)}
.the-standard__drawer-clear:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}

/* ==========================================
   LOADING & EMPTY STATES
   ========================================== */
.the-standard__loading{display:flex;align-items:center;justify-content:center;padding:80px 24px;color:var(--color-text-tertiary);font-family:var(--font-body);font-size:.9375rem}
.the-standard__loading .spinner{width:24px;height:24px;border:2px solid #e8e6e3;border-top-color:var(--color-gold);border-radius:50%;animation:spin .8s linear infinite;margin-right:12px}
.the-standard__empty{text-align:center;padding:80px 24px;max-width:400px;margin:0 auto}
.the-standard__empty h3{font-family:var(--font-display);font-size:1.5rem;font-weight:400;color:var(--color-surface-dark);margin:0 0 12px}
.the-standard__empty p{font-family:var(--font-body);font-size:.9375rem;color:var(--color-text-tertiary);margin:0 0 24px;line-height:1.5}
.the-standard__empty button{padding:12px 24px;font-family:var(--font-body);font-size:.875rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--color-alabaster);background:var(--color-charcoal);border:none;cursor:pointer;transition:background .2s ease}
.the-standard__empty button:hover{background:var(--color-surface-dark)}
.the-standard__empty button:focus{outline:2px solid var(--color-gold);outline-offset:2px}

/* Filtered State Indicator */
.the-standard__filtered-indicator{display:flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:.75rem;color:var(--color-text-tertiary)}
.the-standard__filtered-indicator .dot{width:6px;height:6px;background:var(--color-gold);border-radius:50%}

/* Pagination */
.pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:40px 0 0;max-width:1400px;margin:0 auto}
.pagination a,.pagination span:not(.active){display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 8px;font-family:var(--font-body);font-size:.875rem;color:var(--color-text-tertiary);text-decoration:none;transition:color .2s ease}
.pagination a:hover{color:var(--color-surface-dark)}
.pagination .active{background:var(--color-charcoal);color:#f2f0ed;font-weight:600}
.pagination .page-prev,.pagination .page-next{font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase}

@keyframes spin{to{transform:rotate(360deg)}}
body.drawer-open{overflow:hidden}

/* ==========================================
   BLOG SINGLE - Quote Block Spacing
   ========================================== */
.page-blog .author_quote:first-child{padding-top:3rem}
.page-blog .author_quote:last-child{padding-bottom:3rem}