/* =========================================================================
   JD Skating Rink — Premium "Amethyst" landing (v2)
   Near-black canvas · single amethyst glow · oversized display type ·
   generous negative space · cinematic scroll motion. Scoped to .jd-srr.
   ========================================================================= */

.jd-srr{
	--bg:#07070b;
	--bg-2:#0a0a11;
	--panel:rgba(255,255,255,.035);
	--panel-2:rgba(255,255,255,.06);
	--brd:rgba(255,255,255,.10);
	--brd-soft:rgba(255,255,255,.07);
	--ink:#f5f3fb;
	--muted:#a6a1bb;
	--muted-2:#7d788f;
	--violet:#a855f7;
	--violet-2:#7c3aed;
	--indigo:#6366f1;
	--pink:#ff5db1;
	--amethyst:#8b5cf6;
	--radius:20px;
	--maxw:1160px;

	position:relative;
	width:100vw;margin-left:50%;transform:translateX(-50%);
	background:var(--bg);color:var(--ink);
	font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
	font-size:17px;line-height:1.65;letter-spacing:.1px;
	overflow-x:clip;-webkit-font-smoothing:antialiased;
}
.jd-srr *{box-sizing:border-box;}
.jd-srr h1,.jd-srr h2,.jd-srr h3,.jd-srr h4{
	font-family:'Space Grotesk','Inter',sans-serif;
	font-weight:700;line-height:1.04;letter-spacing:-.5px;margin:0 0 .4em;
}
.jd-srr p{margin:0 0 1em;}
.jd-srr a{color:inherit;text-decoration:none;}
.jd-srr img{max-width:100%;display:block;}
.jd-wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;}
.jd-muted{color:var(--muted);}
.jd-center{text-align:center;}

/* eyebrow */
.jd-eyebrow{
	display:inline-flex;align-items:center;gap:.6em;
	font-family:'Space Grotesk',sans-serif;font-weight:500;
	font-size:.78rem;letter-spacing:3px;text-transform:uppercase;color:var(--violet);
	margin-bottom:1.1rem;
}
.jd-eyebrow::before{content:"";width:26px;height:1px;background:linear-gradient(90deg,var(--violet),transparent);}

/* buttons */
.jd-btn{
	display:inline-flex;align-items:center;justify-content:center;gap:.55em;
	padding:.9em 1.6em;border-radius:999px;border:0;cursor:pointer;
	font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:1rem;letter-spacing:.2px;
	transition:transform .22s cubic-bezier(.2,.7,.2,1),box-shadow .22s,background .22s,opacity .2s;
	will-change:transform;
}
.jd-btn--primary{background:linear-gradient(135deg,var(--violet),var(--indigo));color:#fff;
	box-shadow:0 12px 40px rgba(124,58,237,.4);}
.jd-btn--primary:hover{transform:translateY(-3px);box-shadow:0 18px 50px rgba(124,58,237,.55);}
.jd-btn--light{background:#f5f3fb;color:#0b0b12;}
.jd-btn--light:hover{transform:translateY(-3px);}
.jd-btn--ghost{background:rgba(255,255,255,.04);color:#fff;border:1px solid var(--brd);}
.jd-btn--ghost:hover{background:rgba(255,255,255,.09);transform:translateY(-3px);}
.jd-btn--sm{padding:.6em 1.1em;font-size:.9rem;}
.jd-cta{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.8rem;}
.jd-cta--center{justify-content:center;}

/* =========================================================================
   NAV
   ========================================================================= */
.jd-nav{
	position:fixed;top:0;left:0;right:0;z-index:1000;
	display:flex;align-items:center;justify-content:space-between;gap:20px;
	padding:16px clamp(18px,4vw,40px);
	transition:background .3s,backdrop-filter .3s,border-color .3s,padding .3s;
	border-bottom:1px solid transparent;
}
.jd-nav.jd-scrolled{background:rgba(7,7,11,.72);backdrop-filter:blur(14px);border-bottom-color:var(--brd-soft);padding-top:12px;padding-bottom:12px;}
.jd-nav__logo{height:40px;width:auto;filter:drop-shadow(0 4px 14px rgba(0,0,0,.5));}
.jd-nav__links{display:flex;gap:26px;font-size:.94rem;color:var(--muted);}
.jd-nav__links a{transition:color .2s;}
.jd-nav__links a:hover{color:#fff;}
.jd-nav__cta{display:flex;align-items:center;gap:12px;}

/* admin-bar offset so fixed nav clears the WP toolbar */
.admin-bar .jd-nav{top:32px;}
@media (max-width:782px){.admin-bar .jd-nav{top:46px;}}

/* =========================================================================
   HERO (pinned, scroll-linked)
   ========================================================================= */
.jd-hero{position:relative;height:200vh;}          /* scroll track */
.jd-hero__stage{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.jd-hero__bg{
	position:absolute;inset:-6%;background-size:cover;background-position:60% 40%;
	will-change:transform;z-index:0;transform-origin:60% 45%;
}
.jd-hero__aura{
	position:absolute;z-index:1;width:min(1100px,120vw);height:min(1100px,120vw);
	left:50%;top:42%;transform:translate(-50%,-50%);pointer-events:none;
	background:radial-gradient(circle at center,rgba(139,92,246,.55),rgba(139,92,246,.18) 35%,transparent 62%);
	mix-blend-mode:screen;filter:blur(10px);
}
.jd-hero__scrim{position:absolute;inset:0;z-index:2;pointer-events:none;
	background:
		radial-gradient(90% 70% at 50% 42%,transparent 40%,rgba(7,7,11,.55) 100%),
		linear-gradient(180deg,rgba(7,7,11,.55) 0%,rgba(7,7,11,.25) 34%,rgba(7,7,11,.72) 78%,var(--bg) 100%);
}
.jd-hero__content{position:relative;z-index:3;text-align:center;max-width:960px;padding:0 24px;will-change:transform,opacity;}
.jd-hero h1{
	font-size:clamp(3rem,10.5vw,8.2rem);font-weight:700;letter-spacing:-2px;line-height:.98;
	text-shadow:0 6px 60px rgba(0,0,0,.5);
}
.jd-hero h1 .jd-grad{
	background:linear-gradient(120deg,#e9ddff 0%,#a855f7 45%,#6366f1 100%);
	-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.jd-hero__sub{font-size:clamp(1.05rem,2.1vw,1.3rem);color:#d9d5ea;max-width:620px;margin:1.4rem auto 0;}
.jd-hero .jd-cta{justify-content:center;}
.jd-hero__scrollcue{position:absolute;left:50%;bottom:30px;transform:translateX(-50%);z-index:4;
	font-size:.72rem;letter-spacing:2px;text-transform:uppercase;color:var(--muted-2);
	display:flex;flex-direction:column;align-items:center;gap:10px;will-change:opacity;}
.jd-hero__scrollcue i{width:1px;height:42px;background:linear-gradient(var(--violet),transparent);display:block;animation:jd-cue 2s ease-in-out infinite;}

/* =========================================================================
   SECTIONS
   ========================================================================= */
.jd-sec{position:relative;padding:clamp(96px,13vw,180px) 0;}
.jd-sec--tint{background:linear-gradient(180deg,var(--bg),var(--bg-2) 50%,var(--bg));}
.jd-sechead{max-width:720px;margin:0 auto clamp(48px,6vw,72px);text-align:center;}
.jd-sechead h2{font-size:clamp(2.2rem,5.4vw,3.8rem);}
.jd-lead{font-size:clamp(1.05rem,2vw,1.28rem);color:var(--muted);margin:0;}

/* soft amethyst glow anchored per section */
.jd-glow{position:absolute;z-index:0;width:640px;height:640px;border-radius:50%;pointer-events:none;
	background:radial-gradient(circle,rgba(139,92,246,.20),transparent 66%);filter:blur(20px);}
.jd-glow--tl{left:-160px;top:-120px;}
.jd-glow--br{right:-160px;bottom:-120px;background:radial-gradient(circle,rgba(255,93,177,.14),transparent 66%);}
.jd-sec > .jd-wrap{position:relative;z-index:2;}

/* stat row */
.jd-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:var(--maxw);margin:0 auto;}
.jd-stat{border:1px solid var(--brd-soft);border-radius:var(--radius);padding:30px 26px;background:var(--panel);text-align:center;}
.jd-stat b{display:block;font-family:'Space Grotesk',sans-serif;font-size:clamp(2.4rem,5vw,3.4rem);line-height:1;
	background:linear-gradient(120deg,#f3edff,#a855f7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.jd-stat span{display:block;margin-top:.5rem;color:var(--muted);font-size:.98rem;}

/* split */
.jd-split{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,6vw,80px);align-items:center;max-width:var(--maxw);margin:0 auto;}
.jd-split--rev .jd-split__media{order:2;}
.jd-split__media{position:relative;border-radius:24px;overflow:hidden;border:1px solid var(--brd);
	box-shadow:0 40px 90px rgba(0,0,0,.55);}
.jd-split__media img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/5;will-change:transform;}
.jd-split__body h2{font-size:clamp(2rem,4.4vw,3.2rem);}
.jd-imgtag{position:absolute;left:18px;top:18px;padding:.4em .95em;border-radius:999px;font-family:'Space Grotesk',sans-serif;
	font-weight:600;font-size:.76rem;letter-spacing:1.5px;text-transform:uppercase;
	background:rgba(7,7,11,.6);backdrop-filter:blur(6px);border:1px solid var(--brd);}
.jd-imgtag--new{background:linear-gradient(135deg,var(--violet),var(--indigo));border-color:transparent;color:#fff;
	box-shadow:0 8px 30px rgba(124,58,237,.5);}

/* big price token */
.jd-bigprice{display:flex;align-items:baseline;gap:.5rem;margin:.4rem 0 1.2rem;font-family:'Space Grotesk',sans-serif;}
.jd-bigprice b{font-size:clamp(2.8rem,7vw,4.2rem);line-height:1;
	background:linear-gradient(120deg,#f3edff,#a855f7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.jd-bigprice span{color:var(--muted);font-size:1.05rem;}

/* menu list */
.jd-menu{list-style:none;margin:1.2rem 0 0;padding:0;column-gap:40px;}
.jd-menu li{display:flex;justify-content:space-between;gap:1rem;align-items:baseline;
	padding:.7rem 0;border-bottom:1px solid var(--brd-soft);}
.jd-menu li:last-child{border-bottom:0;}
.jd-menu span{color:#e7e3f2;}
.jd-menu b{font-family:'Space Grotesk',sans-serif;color:#fff;white-space:nowrap;}

/* ticks */
.jd-ticks{list-style:none;margin:0 0 1rem;padding:0;}
.jd-ticks li{position:relative;padding:.4rem 0 .4rem 1.8rem;color:#e7e3f2;}
.jd-ticks li::before{content:"";position:absolute;left:0;top:.85em;width:8px;height:8px;border-radius:50%;
	background:var(--violet);box-shadow:0 0 12px rgba(168,85,247,.8);}

/* cards */
.jd-cards{display:grid;gap:22px;max-width:var(--maxw);margin:0 auto;}
.jd-cards--3{grid-template-columns:repeat(3,1fr);}
.jd-cards--2{grid-template-columns:repeat(2,1fr);}
.jd-card{position:relative;border:1px solid var(--brd-soft);border-radius:var(--radius);padding:32px 30px;
	background:var(--panel);overflow:hidden;transition:border-color .3s,transform .3s,background .3s;}
.jd-card:hover{border-color:rgba(168,85,247,.5);transform:translateY(-4px);background:var(--panel-2);}
.jd-card h3{font-size:1.3rem;margin-bottom:.9rem;}
.jd-card__k{font-family:'Space Grotesk',sans-serif;font-size:.8rem;letter-spacing:2px;text-transform:uppercase;color:var(--violet);margin-bottom:1rem;}

/* pill callout */
.jd-note{color:var(--muted-2);font-size:.9rem;}

/* =========================================================================
   FOOTER
   ========================================================================= */
.jd-foot{position:relative;padding:clamp(90px,12vw,150px) 0 60px;overflow:hidden;background:var(--bg);}
.jd-foot__bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.16;z-index:0;}
.jd-foot__scrim{position:absolute;inset:0;z-index:1;
	background:radial-gradient(70% 60% at 50% 0%,rgba(139,92,246,.22),transparent 60%),
			   linear-gradient(180deg,rgba(7,7,11,.72),var(--bg));}
.jd-foot__inner{position:relative;z-index:2;max-width:var(--maxw);margin:0 auto;padding:0 24px;text-align:center;}
.jd-foot__logo{height:70px;width:auto;margin:0 auto 1rem;}
.jd-foot__tag{font-family:'Space Grotesk',sans-serif;font-size:clamp(1.6rem,4vw,2.6rem);
	background:linear-gradient(120deg,#f3edff,#a855f7,#6366f1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:2rem;}
.jd-foot__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:left;max-width:860px;margin:2.6rem auto 0;
	border-top:1px solid var(--brd-soft);padding-top:2.4rem;}
.jd-foot__grid h4{font-family:'Space Grotesk',sans-serif;font-size:.76rem;letter-spacing:2px;text-transform:uppercase;color:var(--violet);margin-bottom:.4rem;}
.jd-foot__grid p{margin:0;color:#e7e3f2;}
.jd-foot__grid a:hover{color:var(--violet);}
.jd-foot__web{margin-top:2.4rem;}
.jd-foot__web a{font-family:'Space Grotesk',sans-serif;font-size:1.05rem;color:var(--violet);}
.jd-foot__fine{color:var(--muted-2);font-size:.85rem;margin-top:.6rem;}

/* floating dock */
.jd-dock{position:fixed;right:16px;bottom:16px;z-index:1200;display:flex;flex-direction:column;gap:10px;}
.jd-dock a{display:inline-flex;align-items:center;gap:.5em;padding:.7em 1em;border-radius:999px;
	font-family:'Space Grotesk',sans-serif;font-weight:600;color:#fff;box-shadow:0 12px 30px rgba(0,0,0,.5);
	transition:transform .18s;}
.jd-dock a:hover{transform:translateY(-2px) scale(1.03);}
.jd-dock__wa{background:#25D366;color:#053d1c;}
.jd-dock__call{background:linear-gradient(135deg,var(--violet),var(--indigo));}

/* =========================================================================
   Reveal-on-scroll
   ========================================================================= */
.jd-up{opacity:0;transform:translateY(42px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1);}
.jd-up.in{opacity:1;transform:none;}
.jd-up[data-d="1"]{transition-delay:.08s;}
.jd-up[data-d="2"]{transition-delay:.16s;}
.jd-up[data-d="3"]{transition-delay:.24s;}

/* =========================================================================
   Keyframes
   ========================================================================= */
@keyframes jd-cue{0%{transform:scaleY(0);transform-origin:top;}45%{transform:scaleY(1);transform-origin:top;}55%{transform:scaleY(1);transform-origin:bottom;}100%{transform:scaleY(0);transform-origin:bottom;}}

/* =========================================================================
   Responsive
   ========================================================================= */
@media (max-width:920px){
	.jd-nav__links{display:none;}
	.jd-cards--3,.jd-cards--2{grid-template-columns:1fr;}
	.jd-split,.jd-split--rev{grid-template-columns:1fr;}
	.jd-split--rev .jd-split__media{order:0;}
	.jd-stats{grid-template-columns:1fr;}
	.jd-hero{height:auto;}
	.jd-hero__stage{position:relative;height:100svh;}
	.jd-foot__grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:560px){
	.jd-srr{font-size:16px;}
	.jd-foot__grid{grid-template-columns:1fr;text-align:center;}
	.jd-dock a span{display:none;}
	.jd-dock a{padding:.8em;}
}

@media (prefers-reduced-motion:reduce){
	.jd-srr *{animation:none !important;transition:none !important;}
	.jd-up{opacity:1;transform:none;}
	.jd-hero{height:auto;}
	.jd-hero__stage{position:relative;height:100svh;}
	.jd-hero__bg{transform:none !important;}
}