/*
Theme Name: Isibane Coming Soon
Theme URI: https://isibane.org
Author: Isibane
Description: A tactile, photo-led Coming Soon WordPress theme for Isibane, built in the Rooted Rhythm visual direction.
Version: 1.0.0
Text Domain: isibane-coming-soon
*/

/* ISIBANE — ROOTED RHYTHM
 * Contemporary African editorial warmth: Isibane amber, ink-black photography,
 * tactile grain, expressive serif typography, and restrained rhythmic rings.
 */
:root { --isibane-ink: #1f1e1a; --isibane-amber: #ffb800; --isibane-clay: #be5b3f; --isibane-paper: #fff9ed; }
* { box-sizing: border-box; }
html, body { min-height: 100%; margin: 0; }
body { background: var(--isibane-ink); color: var(--isibane-paper); font-family: "Manrope", Arial, sans-serif; }
body.admin-bar .isibane-coming-soon { min-height: calc(100svh - 32px); }
::selection { background: var(--isibane-amber); color: var(--isibane-ink); }

.isibane-coming-soon { position: relative; isolation: isolate; min-height: 100svh; overflow: hidden; display: flex; flex-direction: column; justify-content: center; padding: 7rem clamp(1.35rem, 9.7vw, 10.6rem) 5rem; background: var(--isibane-ink); color: var(--isibane-paper); }
.isibane-coming-soon__photo { position: absolute; z-index: -4; inset: 0; background: var(--hero-image) center/cover no-repeat; transform: scale(1.015); }
.isibane-coming-soon__shade { position: absolute; z-index: -3; inset: 0; background: linear-gradient(90deg, rgba(24, 23, 20, 0.94) 0%, rgba(24, 23, 20, 0.75) 41%, rgba(24, 23, 20, 0.19) 100%), linear-gradient(0deg, rgba(24, 23, 20, 0.55), transparent 43%); }
.isibane-coming-soon__grain { position: absolute; z-index: -2; inset: 0; pointer-events: none; opacity: 0.16; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.72' numOctaves='4' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.72'/%3E%3C/svg%3E"); mix-blend-mode: soft-light; }
.isibane-coming-soon__header { position: absolute; top: 0; left: 0; right: 0; display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding: 1.45rem clamp(1.35rem, 4vw, 4.4rem); }
.isibane-brand { display: inline-flex; align-items: center; gap: 0.6rem; color: var(--isibane-paper); font-family: "DM Serif Display", Georgia, serif; font-size: clamp(1.65rem, 2.2vw, 2.15rem); line-height: 1; letter-spacing: -0.055em; text-decoration: none; }
.isibane-brand img { width: 2.3rem; height: 2.3rem; object-fit: contain; }
.isibane-coming-soon__header > p { margin: 0; color: rgba(255, 249, 237, 0.75); font-size: 0.67rem; font-weight: 800; letter-spacing: 0.13em; text-transform: uppercase; }
.isibane-coming-soon__content { width: min(720px, 100%); animation: isibane-enter 750ms cubic-bezier(.23,1,.32,1) both; }
.isibane-coming-soon__eyebrow { display: flex; align-items: center; gap: 0.7rem; margin-bottom: 1.35rem; color: var(--isibane-amber); font-size: 0.67rem; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; }
.isibane-coming-soon__eyebrow i { display: block; width: 1.7rem; height: 1px; background: currentColor; }
.isibane-coming-soon h1 { max-width: 700px; margin: 0; color: var(--isibane-paper); font-family: "DM Serif Display", Georgia, serif; font-size: clamp(4rem, 8.5vw, 8.7rem); font-weight: 400; line-height: 0.86; letter-spacing: -0.065em; }
.isibane-coming-soon h1 em { color: var(--isibane-amber); font-style: italic; }
.isibane-coming-soon__intro { max-width: 440px; margin: 2rem 0 0; color: rgba(255, 249, 237, 0.86); font-size: clamp(0.95rem, 1.2vw, 1.08rem); line-height: 1.82; }
.isibane-coming-soon__footer { position: absolute; left: clamp(1.35rem, 4vw, 4.4rem); right: clamp(1.35rem, 4vw, 4.4rem); bottom: 1.4rem; display: flex; justify-content: space-between; align-items: center; color: rgba(255, 249, 237, 0.77); font-size: 0.75rem; letter-spacing: 0.025em; }
.isibane-coming-soon__footer p { margin: 0; }.isibane-coming-soon__footer strong { color: var(--isibane-amber); font-weight: 800; }.isibane-coming-soon__footer em { font-family: "DM Serif Display", Georgia, serif; font-size: 1.08rem; }.isibane-coming-soon__footer-right { display: inline-flex; align-items: center; gap: 0.55rem; }
.isibane-coming-soon__lightline { position: absolute; right: clamp(1.35rem, 4vw, 4.4rem); top: 0; display: flex; flex-direction: column; gap: 0.5rem; }.isibane-coming-soon__lightline i { display: block; width: 2px; height: clamp(2rem, 5.5vw, 5.5rem); background: var(--isibane-amber); box-shadow: 4px 0 rgba(255, 184, 0, 0.12); }.isibane-coming-soon__lightline i:nth-child(2) { background: var(--isibane-clay); box-shadow: 4px 0 rgba(190, 91, 63, 0.12); }.isibane-coming-soon__lightline i:nth-child(3) { background: #2f5548; box-shadow: 4px 0 rgba(47, 85, 72, 0.12); }
.isibane-coming-soon__ring { position: absolute; z-index: -1; border: 1px solid rgba(255, 184, 0, 0.38); border-radius: 48% 52% 50% 50% / 45% 55% 45% 55%; }.isibane-coming-soon__ring--large { right: -17vw; bottom: -37vw; width: min(59vw, 790px); height: min(59vw, 790px); transform: rotate(-12deg); animation: isibane-drift 17s ease-in-out infinite alternate; }.isibane-coming-soon__ring--small { right: -5vw; bottom: -18vw; width: min(35vw, 475px); height: min(35vw, 475px); border-color: rgba(255, 249, 237, 0.25); transform: rotate(7deg); animation: isibane-drift 14s ease-in-out infinite alternate-reverse; }

@keyframes isibane-enter { from { opacity: 0; transform: translateY(17px); } to { opacity: 1; transform: translateY(0); } }
@keyframes isibane-drift { from { translate: 0 0; } to { translate: -1.2% -1.5%; } }
@media (max-width: 782px) { body.admin-bar .isibane-coming-soon { min-height: calc(100svh - 46px); } }
@media (max-width: 700px) { .isibane-coming-soon { justify-content: flex-start; padding: 9.6rem 1.4rem 6.2rem; }.isibane-coming-soon__header { padding: 1.1rem 1.35rem; }.isibane-coming-soon__header > p { display: none; }.isibane-coming-soon h1 { font-size: clamp(3.8rem, 18vw, 5.3rem); }.isibane-coming-soon__shade { background: linear-gradient(90deg, rgba(24, 23, 20, 0.91), rgba(24, 23, 20, 0.45)), linear-gradient(0deg, rgba(24, 23, 20, 0.72), transparent 50%); }.isibane-coming-soon__intro { font-size: 0.95rem; }.isibane-coming-soon__footer { left: 1.35rem; right: 1.35rem; bottom: 1.2rem; }.isibane-coming-soon__footer-right { font-size: 0; }.isibane-coming-soon__lightline { right: 1.35rem; }.isibane-coming-soon__lightline i { height: 2.3rem; }.isibane-coming-soon__ring--large { width: 95vw; height: 95vw; right: -44vw; bottom: -24vw; }.isibane-coming-soon__ring--small { width: 60vw; height: 60vw; right: -30vw; bottom: -7vw; } }
@media (prefers-reduced-motion: reduce) { .isibane-coming-soon__content, .isibane-coming-soon__ring--large, .isibane-coming-soon__ring--small { animation: none; } }