/* CRAFT ON KC — SPARKLE EDITORIAL, 2026 v2
   Shared visual layer; original functional components remain intact.
   Fonts loaded via Google Fonts; fallback fonts remain available. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Fraunces:ital,wght@0,400;0,600;0,700;1,500&family=Lobster+Two:ital,wght@0,700;1,700&display=swap');
:root{--ck-deep:#1e4b3f;--ck-deeper:#153c33;--ck-coral:#e77768;--ck-coral-dark:#ad463a;--ck-gold:#f4c15f;--ck-lavender:#c8b4e6;--ck-mint:#b7d6c9;--ck-ivory:#fff9f1;--ck-ink:#263b34;--ck-outline:#e4dacc;--craft-ink:var(--ck-ink);--craft-green:var(--ck-deep);--craft-green-deep:var(--ck-deeper);--craft-paper:var(--ck-ivory);--craft-white:#fffefa;--craft-sage:#e1eee5;--craft-coral:var(--ck-coral);--craft-honey:var(--ck-gold);--craft-outline:var(--ck-outline)}
body{color:var(--ck-ink);background:var(--ck-ivory)}
h1,h2,h3{letter-spacing:-.026em}
h1,h2,.project-hero h1,.project-head h2,.project-experience-head h2,.home-video-head h2{font-family:'Fraunces','DM Serif Display',Georgia,serif;font-optical-sizing:auto}
:is(.eyebrow,.project-eyebrow){letter-spacing:.15em;font-weight:800}
.site-header{background:rgba(255,249,241,.98);border-bottom:1px solid var(--ck-outline);box-shadow:0 5px 20px #23483a0d}
.site-header .header-inner{min-height:100px}
.site-header .site-brand{display:inline-flex;align-items:center;gap:3px;line-height:1.2!important;text-decoration:none;white-space:nowrap}
.site-header .sparkle-brand-mark{height:53px;width:65px;object-fit:contain;transform:rotate(-12deg);margin-right:-2px}
.site-header .brand-letters{display:inline-flex;align-items:baseline;gap:5px;font-size:clamp(22px,2.7vw,35px);color:var(--ck-deeper)}
.site-header .brand-craft{font:italic 700 1.31em/1 'Lobster Two',Georgia,serif;letter-spacing:-.06em}
.site-header .brand-on{font:italic 700 .8em/1 'Lobster Two',Georgia,serif;color:var(--ck-coral-dark);transform:rotate(-12deg) translateY(2px)}
.site-header .brand-kc{font:800 1.14em/1 'Fraunces',Georgia,serif;letter-spacing:-.095em}
.site-header .nav-basket{background:var(--ck-deep)!important;border-color:var(--ck-deep)!important;border-radius:12px!important;box-shadow:4px 5px 0 #f4c15f!important}
.site-header .mega-nav summary:hover,.site-header .mega-nav[open] summary{background:#f7ebdb}
.site-header .mega-panel{background:#fffcf6;border-bottom:3px solid var(--ck-gold)}
.site-header .mega-inner{padding-top:37px;padding-bottom:37px}
.site-header .mega-heading{color:var(--ck-coral-dark)}
.site-header .mega-copy strong{color:var(--ck-deeper)}
.site-header .mega-link{transition:background .15s,transform .15s}
.site-header .mega-link:hover{background:#f5eadf;transform:translateX(3px)}
.site-header .mega-symbol{background:#edf1e5;padding:6px;border-radius:9px;font-size:1.12rem;min-width:32px;text-align:center}
.site-header .mega-feature{position:relative;overflow:hidden;background:var(--ck-deep);color:#fff;border:0;isolation:isolate;min-height:265px;box-shadow:7px 7px 0 #e6d9c6}
.site-header .mega-feature:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,45,33,.15) 0%,rgba(16,45,33,.92) 100%),url('https://images.unsplash.com/photo-1703893679650-d3b72e503d96?auto=format&fit=crop&w=550&q=78') center/cover;z-index:-1}
.site-header #mega-learn .mega-feature:before{background-image:linear-gradient(180deg,rgba(16,45,33,.15),rgba(16,45,33,.92)),url('https://images.unsplash.com/photo-1762034654206-e7a385a435f0?auto=format&fit=crop&w=550&q=78')}
.site-header #mega-resources .mega-feature:before{background-image:linear-gradient(180deg,rgba(16,45,33,.15),rgba(16,45,33,.92)),url('https://images.unsplash.com/photo-1728393287642-13bee7126ae8?auto=format&fit=crop&w=550&q=78')}
.site-header .mega-feature img{display:none}
.site-header .mega-feature b{color:white;font:600 1.7rem/1.13 'Fraunces',Georgia,serif}
.site-header .mega-feature span{color:#fbf5eb;font-size:.83rem}
.site-header .mega-feature em{color:#ffdb9c}
.site-header .mega-feature:hover{background:var(--ck-deeper)}
/* Logo system, including light-on-dark footer */
.site-footer{background:var(--ck-deeper)!important}
.site-footer .site-footer-logo{line-height:1.15;display:inline-flex;align-items:center;gap:3px;text-decoration:none}
.site-footer .sparkle-brand-mark{height:43px;width:57px;object-fit:contain}
.site-footer .brand-letters{display:inline-flex;align-items:baseline;gap:4px;color:#fff9ef}
.site-footer .brand-craft{font:italic 700 2rem/1 'Lobster Two',Georgia,serif}
.site-footer .brand-on{font:italic 700 1.3rem/1 'Lobster Two',Georgia,serif;color:#f4a18f;transform:rotate(-12deg)}
.site-footer .brand-kc{font:800 1.9rem/1 'Fraunces',Georgia,serif}
/* Editorial masthead */
.home-hero.maker-hero{background:#213d34;padding:0;min-height:650px;position:relative;isolation:isolate;overflow:hidden}
.maker-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:url('https://images.unsplash.com/photo-1703893679650-d3b72e503d96?auto=format&fit=crop&w=1920&q=83') center 48%/cover no-repeat;transform:scale(1.025)}
.maker-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(12,43,34,.94) 0%,rgba(12,43,34,.82) 38%,rgba(12,43,34,.34) 77%,rgba(12,43,34,.15) 100%)}
.maker-hero .hero-layout{min-height:670px;display:flex;align-items:center;padding:95px 0 85px;position:relative}
.maker-hero .hero-editorial{max-width:770px;position:relative;z-index:2;color:#fffaf2}
.maker-hero .hero-editorial .eyebrow{color:#ffe1a3;font-size:.79rem}
.maker-hero .hero-editorial h1{font:600 clamp(3.6rem,7vw,7.7rem)/.99 'Fraunces',Georgia,serif;color:#fffaf2;margin:15px 0 24px;letter-spacing:-.04em}
.maker-hero .hero-editorial h1 em{color:#ffd17f;font-style:italic;font-weight:500}
.maker-hero .hero-editorial h1 .hero-script{font:italic 700 1.09em/.97 'Lobster Two',Georgia,serif;color:#ffb4a2;letter-spacing:-.035em}
.maker-hero .hero-editorial p{font-size:1.07rem;max-width:530px;color:#f5efe5;line-height:1.75;margin:0 0 28px}
.maker-hero .hero-editorial .actions{display:flex;align-items:center;gap:13px;flex-wrap:wrap}
.maker-hero .button-primary{background:var(--ck-coral)!important;color:#132f27!important;border-color:var(--ck-coral)!important;box-shadow:4px 5px 0 #f4c15f}
.maker-hero .button-link{background:#fffefa!important;color:#153c33!important;border-radius:13px!important;padding:14px 19px!important;font-weight:800}
.maker-hero .hero-stamp{position:absolute;right:7%;top:15%;border:2px solid #fff4dfaa;outline:1px dashed #fff4df99;outline-offset:7px;border-radius:50%;width:152px;height:152px;display:grid;place-items:center;text-align:center;transform:rotate(13deg);color:#fff4df;font:italic 1.38rem/1.19 'Fraunces',Georgia,serif;background:#1b473b66;backdrop-filter:blur(5px)}
.maker-hero .hero-stamp span{font-size:2.7rem;display:block;color:#ffcd75}
.maker-hero .hero-bottom{display:flex;flex-wrap:wrap;gap:25px;align-items:center;padding:18px 0 22px;position:relative;z-index:2;border-top:1px solid #ffffff5c;color:#fff7e9;font-size:.78rem;font-weight:700}
.maker-hero .hero-bottom span{display:inline-flex;align-items:center;gap:10px}
.maker-hero .hero-bottom b{font-size:1.25rem;color:#ffd17f}
.maker-hero .hero-photo-credit{margin-left:auto;font-size:.68rem;font-weight:400;color:#e8eee5}
.maker-hero .hero-photo-credit a{color:inherit;text-decoration:underline;text-underline-offset:2px}
/* Category cards with photography rather than floating emoji */
.explore-section{background:#fffaf3!important;padding-top:95px;padding-bottom:98px}
.explore-section .section-intro h2{font:600 clamp(2.6rem,4.1vw,4.3rem)/1.1 'Fraunces',Georgia,serif}
.explore-section .section-intro h2 em{color:var(--ck-coral-dark)}
.explore-grid{gap:17px}
.explore-grid .explore-tile{border-radius:20px;min-height:355px;position:relative;overflow:hidden;isolation:isolate;justify-content:flex-end;color:white;padding:28px;background:#1d4b3f!important;box-shadow:0 12px 22px #233c3022}
.explore-grid .explore-tile:before{content:"";position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center;transition:transform .3s}
.explore-grid .explore-tile:nth-child(1):before{background-image:url('https://images.unsplash.com/photo-1782576417426-4ae01da20440?auto=format&fit=crop&w=600&q=82')}
.explore-grid .explore-tile:nth-child(2):before{background-image:url('https://images.unsplash.com/photo-1771555739335-95ea325f29d2?auto=format&fit=crop&w=600&q=82')}
.explore-grid .explore-tile:nth-child(3):before{background-image:url('https://images.unsplash.com/photo-1762034654206-e7a385a435f0?auto=format&fit=crop&w=600&q=82')}
.explore-grid .explore-tile:nth-child(4):before{background-image:url('https://images.unsplash.com/photo-1728393287642-13bee7126ae8?auto=format&fit=crop&w=600&q=82')}
.explore-grid .explore-tile:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(12,34,27,0) 22%,rgba(12,34,27,.84) 100%)}
.explore-grid .explore-tile:hover:before{transform:scale(1.06)}
.explore-grid .explore-emoji{background:#fffaf4df;color:#193f36;margin-bottom:auto;width:55px;height:55px;border-radius:50%;font-size:1.95rem;box-shadow:3px 4px 0 #f4c15f}
.explore-grid .explore-tile h3{font:600 1.6rem/1.1 'Fraunces',Georgia,serif;color:#fffaf2}
.explore-grid .explore-tile h3 span{color:#ffd17f}
.explore-grid .explore-tile p{color:#fff8ed;font-size:.84rem;max-width:235px}
/* Elevated featured project and tutorial cards */
.home-projects-spotlight{background:#efe8f4!important;padding:95px 0!important}
.home-projects-spotlight .home-video-grid{gap:22px}
.home-video-section{background:#fff6ed!important}
.home-video-card,.project-experience-card{border-radius:20px!important;overflow:hidden;box-shadow:6px 7px 0 #d9d5c4!important;transition:transform .2s,box-shadow .2s}
.home-video-card:hover,.project-experience-card:hover{transform:translateY(-5px)!important;box-shadow:9px 12px 0 #e6cbb8!important}
.home-video-art{aspect-ratio:4/3!important}
.home-video-art img{object-fit:cover}
.home-video-info{background:#fffefa}
.home-video-info h3,.project-experience-content h3{font:600 1.75rem/1.15 'Fraunces',Georgia,serif}
.home-video-info .eyebrow{color:var(--ck-coral-dark)}
.home-video-bottom .button-primary{background:var(--ck-deep)!important;border-color:var(--ck-deep)!important}
.home-video-head h2{font:600 clamp(2.4rem,4.2vw,4.3rem)/1.12 'Fraunces',Georgia,serif}
/* Updated project listing cards */
.project-experience{background:#fff7ee!important}
.project-experience-art{aspect-ratio:4/3!important}
.project-experience-art img{object-fit:cover}
.project-experience-content{background:#fffefa}
.project-experience-content .label{color:var(--ck-coral-dark)}
.project-experience-content strong{color:var(--ck-deep)}
/* Editorial project template, retaining every interactive control */
.project-detail{background:var(--ck-ivory)}
.project-detail .project-hero{background:#fff4e7!important}
.project-detail .project-hero-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,76px);padding-top:54px;padding-bottom:40px}
.project-detail .project-hero h1{font:600 clamp(3.1rem,6vw,6.3rem)/1.02 'Fraunces',Georgia,serif;letter-spacing:-.045em;color:var(--ck-deeper)}
.project-detail .project-hero h1 em{color:#ad5747;font-style:italic}
.project-detail .project-hero .lede{color:#526f5e}
.project-detail .project-pills span{background:#f8e7d0;border-color:#efd6b6;color:#52634a}
.project-detail .project-hero-art{background:#e8dce1;padding:11px;border:0;border-radius:24px;transform:rotate(1deg);box-shadow:16px 20px 0 #f1d9b6}
.project-detail .project-hero-art:before{background:var(--ck-gold);width:106px;height:21px;left:18%;transform:rotate(-4deg)}
.project-detail .project-hero-art a{aspect-ratio:4/4.2}
.project-detail .project-hero-art a img{object-fit:cover}
.project-detail .project-hero-art .hero-art-label{color:#265144;font-weight:700}
.project-detail .project-hero-art .play-icon{display:none}
.project-detail .project-hero .button-primary{background:var(--ck-coral);color:#183f34;border-color:var(--ck-coral);font-weight:800}
.project-detail .project-save{background:var(--ck-deep);border-color:var(--ck-deep);color:white;border-radius:12px}
.project-detail .project-save[aria-pressed=true]{background:#d65b4c;border-color:#d65b4c}
.project-detail .project-nav{background:#fffefa}
.project-detail .project-nav a{color:var(--ck-deep)}
.project-detail .project-section{background:#fffdfa}
.project-detail .project-section.alt{background:#f4edf4}
.project-detail .project-head h2{font:600 clamp(2.25rem,4vw,3.8rem)/1.13 'Fraunces',Georgia,serif}
.project-detail .project-card{background:#fffdf8;border:1px solid #eadfd5;box-shadow:5px 6px 0 #e5dbd3}
.project-detail .project-card h3{font-family:'Fraunces','DM Serif Display',Georgia,serif}
.project-detail .project-step{box-shadow:4px 5px 0 #e3e5d6;border-color:#e3dacb}
.project-detail .project-step-number{font-family:'Fraunces',Georgia,serif;background:#fff0d7}
.project-detail .project-progress{background:#e4efe6}
.project-detail .project-tips{gap:13px}
.project-detail .project-credit-notice{border-left:5px solid var(--ck-gold)}
.project-detail .project-footer-band{background:var(--ck-deep)}
.photo-credit-note{font-size:.73rem;line-height:1.4;color:#556e61}
.photo-credit-note a{color:inherit;text-decoration:underline;text-underline-offset:2px}
/* general buttons and corners */
.button-primary{box-shadow:3px 4px 0 #f4c15f;font-weight:800}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #a63d36;outline-offset:3px}
@media(max-width:1050px){.site-header .brand-letters{font-size:27px}.site-header .sparkle-brand-mark{width:50px;height:44px}.maker-hero .hero-stamp{right:4%}.explore-grid .explore-tile{min-height:330px}}
@media(max-width:960px){.site-header .header-inner{min-height:78px}.site-header .brand-letters{font-size:28px}.site-header .mega-feature{min-height:210px}.site-header .mega-feature img{display:none}.site-header .mega-feature{display:flex;gap:6px}.maker-hero .hero-stamp{display:none}}
@media(max-width:800px){.project-detail .project-hero-grid{grid-template-columns:1fr}.project-detail .project-hero-art{max-width:540px}}
@media(max-width:740px){.maker-hero .hero-layout{min-height:600px;padding:70px 0 55px}.maker-hero .hero-editorial h1{font-size:clamp(3.3rem,11vw,5rem)}.maker-hero:after{background:linear-gradient(90deg,rgba(12,43,34,.9),rgba(12,43,34,.65))}.maker-hero .hero-bottom{gap:11px;font-size:.71rem}.maker-hero .hero-photo-credit{width:100%;margin:0}.explore-grid .explore-tile{min-height:290px}.home-projects-spotlight{padding:65px 0!important}}
@media(max-width:550px){.site-header .brand-letters{font-size:25px}.site-header .sparkle-brand-mark{width:44px;height:39px}.site-footer .brand-letters{font-size:20px}.site-header .menu-toggle{padding:9px 10px}.maker-hero .hero-editorial h1{font-size:clamp(3.05rem,13.8vw,4.2rem)}.maker-hero .hero-editorial p{font-size:.96rem}.maker-hero .hero-bottom span:nth-child(3){display:none}.explore-grid .explore-tile{min-height:300px}.project-detail .project-hero-art{box-shadow:8px 10px 0 #f1d9b6}}
@media(prefers-reduced-motion:reduce){.explore-grid .explore-tile:before,.home-video-card,.project-experience-card{transition:none!important}}


/* Sparkle Studio details across the deeper pages */
:is(.video-hero,.resources-hero,.path-hero,.basket-hero,.learn-hero,.about-hero,.guide-hero){position:relative;isolation:isolate;background:radial-gradient(circle at 85% 7%,#f4c8bf 0,transparent 34%),radial-gradient(circle at 11% 88%,#d8d8ef 0,transparent 32%),#fff8ee!important;overflow:hidden}
:is(.video-hero,.resources-hero,.path-hero,.basket-hero,.learn-hero,.about-hero,.guide-hero):after{content:"✦";position:absolute;top:32px;right:6%;font-size:clamp(3rem,6vw,6.8rem);line-height:1;color:#edb75d;opacity:.56;pointer-events:none;z-index:-1;transform:rotate(-11deg)}
:is(.video-hero,.resources-hero,.path-hero,.basket-hero,.learn-hero,.about-hero,.guide-hero) h1{font:600 clamp(3.15rem,5.7vw,6.15rem)/1.08 'Fraunces',Georgia,serif;color:var(--ck-deeper);letter-spacing:-.037em}
:is(.video-hero,.resources-hero,.path-hero,.basket-hero,.learn-hero,.about-hero,.guide-hero) h1 em{font-family:'Lobster Two','Fraunces',Georgia,serif;font-style:italic;font-weight:700;color:var(--ck-coral-dark)}
:is(.video-gallery,.resources-section,.path-catalog,.basket-section,.guide-library,.beginner-section){background:#fffdfa}
:is(.video-card,.resource-card,.path-step,.basket-card,.guide-card){border-color:#e9ddcf;box-shadow:4px 5px 0 #e9dfd4}
:is(.video-card,.resource-card,.path-step,.basket-card,.guide-card) h3{font-family:'Fraunces','DM Serif Display',Georgia,serif}
:is(.video-controls,.resources-filters,.resources-selector){background:#e9eee4!important}
:is(.project-hero,.project-featured,.project-next){font-family:'DM Sans',sans-serif}
.project-featured .craft-entry{box-shadow:4px 5px 0 #e9dfd4}
.project-featured .craft-details h3{font-family:'Fraunces',Georgia,serif}
:is(.home-video-grid,.project-experience-grid) img{color:transparent}
.project-experience-head h2 em{color:var(--ck-coral-dark)}
.project-experience-content .label,.home-video-info .eyebrow{color:var(--ck-coral-dark)}
@media(max-width:740px){
:is(.video-hero,.resources-hero,.path-hero,.basket-hero,.learn-hero,.about-hero,.guide-hero) h1{font-size:clamp(2.95rem,10vw,4.8rem)}
:is(.video-hero,.resources-hero,.path-hero,.basket-hero,.learn-hero,.about-hero,.guide-hero):after{top:24px;right:1%;font-size:3.3rem}
}
@media(max-width:380px){.site-header .brand-letters{font-size:21px}.site-header .sparkle-brand-mark{width:32px;height:33px}}