/* SK Beauty Academy - homepage (Phase 3 step 4, Oct 2026). Loaded only on pages using the sk-home layout (see sk-home.php). */
.sk-home{--sk-ink:#2A2A33;--sk-rose:#733A30;--sk-accent:#D99A8E;--sk-sand:#E8D8CB;--sk-ivory:#FBF7F3;--sk-muted:#5E5652;color:var(--sk-ink)}
/* Older Kadence installs wrap every group in an extra div; let its children act as grid/flex items */
.sk-home .wp-block-group__inner-container{display:contents}
/* Kadence spaces every block in post content; this page sets its own spacing */
.sk-home p,.sk-home h1,.sk-home h2,.sk-home h3,.sk-home ul,.sk-home li,.sk-home figure,.sk-home details{margin-block:0}
.sk-home .wp-block-group,.sk-home .wp-block-image,.sk-home .wp-block-buttons,.sk-home .wp-block-button{margin-block:0}
/* Kadence's '.single-content figure.wp-block-image' adds 32px under every image; same strength here, and this file loads later */
.sk-home figure.wp-block-image{margin-block:0}
.sk-home ul{padding:0;list-style:none}
.sk-home .sk-wrap{max-width:1200px;margin-inline:auto;padding-inline:24px;box-sizing:content-box}
.sk-home h1,.sk-home h2,.sk-home h3{font-family:'El Messiri',serif;font-weight:600;color:var(--sk-ink)}
.sk-home h2{font-size:44px;line-height:1.4}
.sk-home figure img{display:block;width:100%;height:auto}
.sk-home .sk-eyebrow{font-size:15px;font-weight:600;color:var(--sk-rose)}
.sk-home .sk-sec{padding-block:104px}
.sk-home .sk-sec-head{display:flex;flex-direction:column;gap:12px;margin-bottom:48px}
.sk-home .sk-sec-sub{font-size:17px;line-height:1.8;color:var(--sk-muted)}
.sk-home a:focus-visible,.sk-home summary:focus-visible,.sk-home button:focus-visible,.sk-home input:focus-visible{outline:2px solid var(--sk-rose);outline-offset:3px}

/* Buttons */
.sk-home .wp-block-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:28px}
.sk-home .sk-btn-dark .wp-block-button__link,.sk-home .sk-btn-accent .wp-block-button__link{display:inline-flex;align-items:center;gap:12px;height:56px;padding:0 30px;border-radius:0;font-size:17px;font-weight:500;transition:background .2s}
.sk-home .sk-btn-dark .wp-block-button__link{background:var(--sk-ink);color:var(--sk-ivory)}
.sk-home .sk-btn-dark .wp-block-button__link:hover,.sk-home .sk-btn-dark .wp-block-button__link:focus{background:var(--sk-rose);color:var(--sk-ivory)}
.sk-home .sk-btn-sm .wp-block-button__link{height:52px;padding:0 26px;font-size:16px;gap:10px}
.sk-home .sk-btn-accent .wp-block-button__link{height:58px;padding:0 34px;background:var(--sk-accent);color:var(--sk-ink);font-weight:600}
.sk-home .sk-btn-accent .wp-block-button__link:hover,.sk-home .sk-btn-accent .wp-block-button__link:focus{background:var(--sk-ivory);color:var(--sk-ink)}
.sk-home .sk-btn-dark .wp-block-button__link::after,.sk-home .sk-btn-accent .wp-block-button__link::after{content:'';flex:none;width:18px;height:18px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 18l-6-6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 18l-6-6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;}
.sk-home .sk-btn-link .wp-block-button__link{padding:0;background:none;border-radius:0;color:var(--sk-ink);font-size:17px;font-weight:500;text-decoration:underline;text-underline-offset:6px}
.sk-home .sk-btn-link .wp-block-button__link:hover{color:var(--sk-rose);background:none}

/* Hero */
.sk-home .sk-hero-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:80px;align-items:center;padding-top:72px}
.sk-home .sk-hero-text{display:flex;flex-direction:column;gap:28px;padding-bottom:72px}
.sk-home .sk-title{font-size:62px;line-height:1.35}
.sk-home .sk-hero-desc{max-width:540px;font-size:20px;line-height:1.9;color:var(--sk-muted)}
.sk-home .sk-hero-text .wp-block-buttons{padding-top:8px}
.sk-home .sk-hero-media{position:relative;display:flex;justify-content:center;align-items:flex-end;align-self:stretch}
.sk-home .sk-arch{width:480px;max-width:100%}
.sk-home .sk-arch img{aspect-ratio:480/610;border-radius:240px 240px 0 0;object-fit:cover}
.sk-home .sk-name-tag{position:absolute;bottom:64px;inset-inline-start:0;display:flex;flex-direction:column;gap:4px;padding:22px 28px;background:#FFFFFF;box-shadow:0 12px 32px rgba(43,43,43,.08)}
.sk-home .sk-name-tag .sk-eyebrow{font-size:13px}
.sk-home .sk-name{font-family:'El Messiri',serif;font-size:24px;font-weight:600}

/* Stats band */
.sk-home .sk-stats{background:var(--sk-sand)}
.sk-home .sk-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;padding-block:44px}
.sk-home .sk-stat{display:flex;flex-direction:column;gap:6px;padding-inline:28px}
.sk-home .sk-stat:first-child{padding-inline-start:0}
.sk-home .sk-stat+.sk-stat{border-inline-start:1px solid #E2D4CA}
.sk-home .sk-stat-num{font-family:'El Messiri',serif;font-size:30px;font-weight:600}
.sk-home .sk-stat-label{font-size:15px;color:var(--sk-muted)}

/* The course card */
.sk-home .sk-course-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;padding:40px;background:#FFFFFF}
.sk-home .sk-cc-body{display:flex;flex-direction:column;gap:18px}
.sk-home .sk-cc-meta{display:flex;align-items:center;gap:12px}
.sk-home .sk-tag{padding:4px 12px;background:var(--sk-sand);color:#6B4238;font-size:13px;font-weight:600}
.sk-home .sk-cc-by{font-size:14px;color:var(--sk-muted)}
.sk-home .sk-course-card h3{font-size:34px;line-height:1.4}
.sk-home .sk-cc-desc{font-size:17px;line-height:1.9;color:var(--sk-muted)}
.sk-home .sk-checks{display:flex;flex-direction:column;gap:10px}
.sk-home .sk-checks li{display:flex;gap:10px;align-items:flex-start;font-size:16px;line-height:1.7}
.sk-home .sk-checks li::before{content:'';flex:none;width:18px;height:18px;background:var(--sk-rose);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat;margin-top:4px}
.sk-home .sk-cc-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-top:auto;padding-top:22px;border-top:1px solid #EFE6DF}
.sk-home .sk-cc-foot .wp-block-buttons{flex:none}
.sk-home .sk-mini-price{display:flex;flex-direction:column;gap:4px}
.sk-home .sk-offer-label{font-size:13px;font-weight:600;color:var(--sk-rose)}
.sk-home .sk-offer-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}
.sk-home .sk-offer-now{font-family:'El Messiri',serif;font-size:32px;font-weight:700;line-height:1.3}
.sk-home .sk-offer-was{font-size:16px;color:#75665F}
.sk-home .sk-offer-installments{font-size:13px;color:var(--sk-muted)}
.sk-home .sk-cc-img{align-self:stretch}
.sk-home .sk-cc-img img{height:100%;min-height:380px;object-fit:cover}

/* How you learn */
.sk-home .sk-how{background:var(--sk-sand)}
.sk-home .sk-how-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.sk-home .sk-how-card{display:flex;flex-direction:column;gap:14px;padding:36px;background:#FFFFFF}
.sk-home .sk-num{font-family:'Cormorant Garamond',Georgia,serif;font-size:44px;font-weight:600;line-height:1;color:var(--sk-rose)}
.sk-home .sk-how-card h3{font-size:22px;line-height:1.5}
.sk-home .sk-how-card p:not([class]){font-size:16px;line-height:1.85;color:var(--sk-muted)}

/* Founder */
.sk-home .sk-founder-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:80px;align-items:start}
.sk-home .sk-founder-img img{height:520px;object-fit:cover}
.sk-home .sk-founder-text{display:flex;flex-direction:column;gap:22px;padding-top:40px}
.sk-home .sk-founder-text h2{font-size:48px;line-height:1.3}
.sk-home .sk-founder-sub{font-family:'El Messiri',serif;font-size:20px;font-weight:600;color:var(--sk-rose)}
.sk-home .sk-founder-text p:not([class]){font-size:17px;line-height:1.9;color:var(--sk-muted)}
.sk-home .sk-more a{font-size:17px;font-weight:500;color:var(--sk-ink);text-decoration:underline;text-underline-offset:6px}
.sk-home .sk-more a:hover{color:var(--sk-rose)}

/* Coming soon, with waitlists */
.sk-home .sk-soon{padding-top:0}
.sk-home .sk-soon-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.sk-home .sk-soon-card{display:flex;flex-direction:column;background:#FFFFFF}
.sk-home .sk-soon-img img,.sk-home .sk-soon-placeholder{height:200px;object-fit:cover}
.sk-home .sk-soon-placeholder{background:#EFE2DA}
.sk-home .sk-soon-body{display:flex;flex-direction:column;flex-grow:1;gap:10px;padding:24px}
.sk-home .sk-soon-cat{font-size:13px;font-weight:600;color:var(--sk-rose)}
.sk-home .sk-soon-card h3{font-size:20px;line-height:1.5}
.sk-home .sk-soon-status{font-size:13px;color:var(--sk-muted)}
.sk-home .sk-wl{margin-top:auto;padding-top:14px}
.sk-home .sk-wl summary{display:flex;align-items:center;justify-content:center;height:44px;border:1px solid var(--sk-ink);font-size:15px;font-weight:500;cursor:pointer;list-style:none;transition:background .2s,color .2s}
.sk-home .sk-wl summary::-webkit-details-marker{display:none}
.sk-home .sk-wl summary:hover,.sk-home .sk-wl[open] summary{background:var(--sk-ink);color:var(--sk-ivory)}
.sk-home .sk-wl-form{display:flex;flex-wrap:wrap;gap:8px;padding-top:10px}
.sk-home .sk-wl-form input[type=email]{flex:1 1 140px;min-width:0;height:44px;padding:0 12px;border:1px solid #D6C3B4;border-radius:0;background:#FFFFFF;font-size:15px;text-align:left}
.sk-home .sk-wl-form button{height:44px;padding:0 16px;border:0;border-radius:0;background:var(--sk-rose);color:#FFFFFF;font-size:15px;font-weight:600;cursor:pointer}
.sk-home .sk-wl-form button:disabled{opacity:.6;cursor:default}
.sk-home .sk-wl-msg{flex-basis:100%;font-size:13px;line-height:1.7}
.sk-home .sk-wl-msg:empty{display:none}
.sk-home .sk-wl-msg.is-ok{color:#2F6B45}
.sk-home .sk-wl-msg.is-error{color:#9B2C2C}
.sk-home .sk-hp{position:absolute;inset-inline-start:-9999px;width:1px;height:1px;overflow:hidden}

/* Testimonials */
.sk-home .sk-quotes{background:var(--sk-sand)}
.sk-home .sk-quotes .sk-sec-head{margin-bottom:40px}
.sk-home .sk-quotes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.sk-home .sk-quote{display:flex;flex-direction:column;justify-content:space-between;gap:24px;min-height:240px;padding:32px;background:#FFFFFF}
.sk-home .sk-quote-text{font-size:17px;line-height:1.9;color:var(--sk-muted)}
.sk-home .sk-quote-name{font-size:14px;font-weight:600}

/* Closing band */
.sk-home .sk-band{background:var(--sk-ink)}
.sk-home .sk-band-inner{display:flex;align-items:center;justify-content:space-between;gap:64px;padding-block:96px}
.sk-home .sk-band-text{display:flex;flex-direction:column;gap:14px}
.sk-home .sk-band h2{font-size:40px;color:var(--sk-ivory)}
.sk-home .sk-band-sub{font-size:18px;line-height:1.8;color:#D8CFC9}
.sk-home .sk-band-note{font-size:14px;color:#B5A9A2}
.sk-home .sk-band .wp-block-buttons{flex:none}

/* Page header (catalog and other listing pages) */
.sk-home .sk-page-head{background:var(--sk-sand)}
.sk-home .sk-page-head .sk-wrap{display:flex;flex-direction:column;gap:12px;padding-block:72px 64px}
.sk-home .sk-page-title{font-size:52px;line-height:1.3}
.sk-home .sk-page-intro{max-width:640px;font-size:18px;line-height:1.8;color:var(--sk-muted)}

/* Tablet */
@media (max-width:1024px){
 .sk-home .sk-sec{padding-block:80px}
 .sk-home .sk-hero-grid{grid-template-columns:minmax(0,1fr);gap:40px;padding-top:48px}
 .sk-home .sk-hero-text{padding-bottom:0}
 .sk-home .sk-title{font-size:48px}
 .sk-home .sk-arch{width:400px}
 .sk-home .sk-course-card{grid-template-columns:minmax(0,1fr);gap:32px}
 .sk-home .sk-cc-img{order:-1}
 .sk-home .sk-cc-img img{height:auto;min-height:0;aspect-ratio:4/3}
 .sk-home .sk-founder-grid{grid-template-columns:minmax(0,1fr);gap:40px}
 .sk-home .sk-founder-img img{height:440px}
 .sk-home .sk-founder-text{padding-top:0}
 .sk-home .sk-soon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sk-home .sk-quotes-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding-bottom:8px}
 .sk-home .sk-quote{flex:0 0 min(420px,85%);scroll-snap-align:start}
 .sk-home .sk-band-inner{flex-direction:column;align-items:stretch;gap:28px;padding-block:64px}
}
/* Phone */
@media (max-width:767px){
 .sk-home .sk-wrap{padding-inline:20px}
 .sk-home .sk-sec{padding-block:64px}
 .sk-home .sk-sec-head{margin-bottom:28px}
 .sk-home h2{font-size:28px}
 .sk-home .sk-hero-grid{padding-top:36px;gap:32px}
 .sk-home .sk-hero-text{gap:20px}
 .sk-home .sk-title{font-size:36px}
 .sk-home .sk-hero-desc{font-size:16px;line-height:1.85}
 .sk-home .sk-hero-text .wp-block-buttons{flex-direction:column;align-items:stretch;gap:16px}
 .sk-home .sk-hero-text .wp-block-button{width:100%;text-align:center}
 .sk-home .sk-btn-dark .wp-block-button__link{width:100%;justify-content:center}
 .sk-home .sk-arch{width:300px}
 .sk-home .sk-name-tag{bottom:28px;padding:14px 18px}
 .sk-home .sk-name{font-size:20px}
 .sk-home .sk-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-block:20px}
 .sk-home .sk-stat,.sk-home .sk-stat:first-child{padding:16px;background:var(--sk-ivory)}
 .sk-home .sk-stat+.sk-stat{border:0}
 .sk-home .sk-stat-num{font-size:22px}
 .sk-home .sk-stat-label{font-size:13px}
 .sk-home .sk-course-card{padding:20px;gap:24px}
 .sk-home .sk-course-card h3{font-size:24px}
 .sk-home .sk-cc-desc{font-size:15px}
 .sk-home .sk-cc-foot{flex-direction:column;align-items:stretch}
 .sk-home .sk-cc-foot .wp-block-button,.sk-home .sk-btn-accent{width:100%}
 .sk-home .sk-btn-accent .wp-block-button__link{width:100%;justify-content:center}
 .sk-home .sk-how-grid{grid-template-columns:minmax(0,1fr);gap:12px}
 .sk-home .sk-how-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 16px;padding:22px 20px}
 .sk-home .sk-num{grid-row:span 2;font-size:34px}
 .sk-home .sk-founder-img img{height:360px}
 .sk-home .sk-founder-text h2{font-size:32px}
 .sk-home .sk-founder-text p:not([class]){font-size:16px}
 .sk-home .sk-soon-grid{grid-template-columns:minmax(0,1fr);gap:12px}
 .sk-home .sk-soon-card{display:grid;grid-template-columns:minmax(0,1fr) 84px;gap:6px 14px;padding:18px}
 .sk-home .sk-soon-body{display:contents}
 .sk-home .sk-soon-card>.sk-soon-img,.sk-home .sk-soon-card .sk-soon-img{grid-column:2;grid-row:1/span 3}
 .sk-home .sk-soon-img img,.sk-home .sk-soon-placeholder{height:84px;width:84px}
 .sk-home .sk-soon-cat,.sk-home .sk-soon-card h3,.sk-home .sk-soon-status{grid-column:1}
 .sk-home .sk-soon-card h3{font-size:17px}
 .sk-home .sk-wl{grid-column:1/-1;padding-top:10px}
 .sk-home .sk-quote{padding:24px;min-height:0}
 .sk-home .sk-quote-text{font-size:16px}
 .sk-home .sk-band h2{font-size:30px}
 .sk-home .sk-band-sub{font-size:16px}
 .sk-home .sk-page-head .sk-wrap{padding-block:40px 36px}
 .sk-home .sk-page-title{font-size:34px}
 .sk-home .sk-page-intro{font-size:16px}
}