/* Skarnix Cobalt & Bone: homepage styles (scoped to .skx-home sections) */
:root{--skx-bg:#F4F2EC;--skx-surface:#FFFFFF;--skx-ink:#15171C;--skx-muted:#5B5F6B;--skx-line:#DEDAD0;--skx-accent:#1F3FD1;--skx-deep:#0F1430;--skx-tint:#E6EAFB;--skx-head:'Cabinet Grotesk',system-ui,sans-serif;--skx-body:'General Sans',system-ui,sans-serif}
body.home{background:var(--skx-bg)}
.skx-home{font-family:var(--skx-body);color:var(--skx-ink);-webkit-font-smoothing:antialiased}
.skx-home p,.skx-home li{font-family:var(--skx-body);line-height:1.6}
.skx-home h1,.skx-home h2,.skx-home h3,.skx-home h4{font-family:var(--skx-head);font-weight:800;letter-spacing:-0.02em;line-height:1.04;color:inherit;margin-top:0}
.skx-home h3{font-weight:700;letter-spacing:-0.01em;line-height:1.12}
.skx-home .skx-label{font-family:var(--skx-body);font-weight:600;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--skx-accent);margin:0}
.skx-home .skx-lead{font-size:1.15rem;color:var(--skx-muted);max-width:34em;margin-left:0 !important;margin-right:auto !important}
.skx-home .skx-muted{color:var(--skx-muted)}
.skx-home .skx-measure{max-width:38em;margin-left:0 !important}
/* buttons */
.skx-home .wp-block-button__link{font-family:var(--skx-body);font-weight:600;border-radius:6px;padding:.95em 1.6em;line-height:1.2;transition:transform .15s ease,background-color .15s ease}
.skx-home .wp-block-button__link:active{transform:translateY(1px)}
.skx-home .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover{background-color:#1832A8 !important}
.skx-home .wp-block-button.is-style-outline .wp-block-button__link{border:1.5px solid var(--skx-ink);color:var(--skx-ink);background:transparent}
.skx-home .wp-block-button.is-style-outline .wp-block-button__link:hover{background:var(--skx-ink);color:#fff}
.skx-home a:focus-visible,.skx-home .wp-block-button__link:focus-visible{outline:2px solid var(--skx-accent);outline-offset:3px}
.skx-home .wp-block-button__link,.skx-home .latepoint-book-button,.skx-form .ff-btn-submit{text-transform:none !important;letter-spacing:0 !important;font-size:1rem !important}
.skx-home .wp-block-button.is-style-outline .wp-block-button__link{color:var(--skx-ink) !important;border-color:var(--skx-ink) !important}
.skx-home .wp-block-button.is-style-outline .wp-block-button__link:hover{color:#fff !important}
.skx-home blockquote,.skx-home blockquote p{font-style:normal !important}
.skx-platform h3{margin-bottom:6px}
@media (min-width:782px){.skx-home .wp-block-columns{column-gap:clamp(48px,6vw,96px) !important}}
/* hero image stack */
.skx-hero-media{position:relative;padding-bottom:64px}
.skx-hero-media .skx-img-main{margin:0}
.skx-hero-media .skx-img-main img{width:100%;height:auto;aspect-ratio:869/1024;object-fit:cover;border-radius:14px;display:block}
.skx-hero-media .skx-img-float{position:absolute;left:-64px;bottom:0;width:54%;margin:0}
.skx-hero-media .skx-img-float img{width:100%;height:auto;border-radius:14px;border:8px solid var(--skx-bg);display:block}
/* logo strip */
.skx-logos{gap:clamp(24px,5vw,72px) !important}
.skx-logos .wp-block-image{margin:0}
.skx-logos img{height:44px !important;width:auto !important;max-width:170px;object-fit:contain;filter:grayscale(1);opacity:.72;transition:opacity .2s ease,filter .2s ease}
.skx-logos a:hover img{filter:none;opacity:1}
/* bento */
.skx-bento>.wp-block-group{border-radius:14px;margin:0 !important}
.skx-bento .skx-cell-img .wp-block-image{margin:0 0 24px}
.skx-bento .skx-cell-img img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;display:block}
.skx-bento p{margin-bottom:0}
/* platforms */
.skx-platform{border-top:1px solid rgba(244,242,236,.2)}
.skx-platform:last-child{border-bottom:1px solid rgba(244,242,236,.2)}
.skx-platform p{color:rgba(244,242,236,.78);margin:0}
/* process */
.skx-process .wp-block-columns{align-items:center !important}
.skx-bleed .wp-block-image{margin:0}
.skx-bleed img{width:100%;height:auto;aspect-ratio:6/5;object-fit:cover;object-position:center;border-radius:14px;display:block}
.skx-step{border-top:2px solid var(--skx-ink)}
.skx-step p{margin:0}
/* quote */
.skx-quote{border:0 !important;padding:0 !important;margin:0}
.skx-quote p{font-family:var(--skx-head) !important;font-weight:700;font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.2 !important;letter-spacing:-0.015em}
.skx-quote cite{display:block;margin-top:28px;font-style:normal;font-family:var(--skx-body);color:var(--skx-muted);font-size:1rem}
.skx-quote cite strong{color:var(--skx-ink)}
/* contact */
.skx-contact a{color:var(--skx-ink);text-decoration-color:var(--skx-accent);text-underline-offset:3px}
.skx-form .ff-el-input--label label{font-family:var(--skx-body);font-weight:600;color:var(--skx-ink)}
.skx-form .ff-el-form-control{border:1px solid var(--skx-line) !important;border-radius:6px !important;background:#fff;font-family:var(--skx-body);padding:12px 14px !important}
.skx-form .ff-el-form-control:focus{border-color:var(--skx-accent) !important;box-shadow:0 0 0 3px rgba(31,63,209,.15) !important}
.skx-form .ff-btn-submit{background:var(--skx-accent) !important;border-radius:6px !important;font-family:var(--skx-body);font-weight:600;padding:14px 28px !important;border:0 !important}
.skx-form .ff-btn-submit:hover{background:#1832A8 !important}
/* mobile */
@media (max-width:781px){
 .skx-hero-media{padding-bottom:48px;margin-top:16px}
 .skx-hero-media .skx-img-float{left:-8px;width:58%}
 .skx-bento{grid-template-columns:1fr !important}
 .skx-bento>*{grid-column:auto !important;grid-row:auto !important}
 .skx-bleed img{aspect-ratio:4/3}
 .skx-steps{grid-template-columns:1fr !important}
 .skx-logos img{height:34px !important}
}
@media (prefers-reduced-motion:reduce){.skx-home *{transition:none !important}}

/* contact page */
.skx-cp-hero img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:14px;display:block}
.skx-cp-hero .wp-block-image{margin:0}
.skx-cp-aside a{color:var(--skx-ink);text-decoration-color:var(--skx-accent);text-underline-offset:3px}
.skx-cp-aside .skx-cp-item{border-top:1px solid var(--skx-line);padding-top:20px}
.skx-cp-aside .skx-cp-item p{margin:0}
.skx-cp-next ol{margin:0;padding-left:1.2em}
.skx-cp-next li{margin:0 0 12px;color:var(--skx-muted)}
.skx-cp-next li strong{color:var(--skx-ink)}
@media (min-width:782px){.skx-cp-main .wp-block-column:last-child{position:sticky;top:32px;align-self:flex-start}}
@media (max-width:781px){.skx-cp-hero .wp-block-column:last-child{display:none}}
/* work */
.skx-work .skx-project .wp-block-image{margin:0 0 24px}
.skx-work .skx-project img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top;border-radius:14px;border:1px solid var(--skx-line);display:block;transition:transform .25s ease}
.skx-work .skx-project a:hover img{transform:translateY(-4px)}
.skx-work .skx-project p{margin:0}
.skx-work .skx-visit a{font-weight:600;color:var(--skx-ink);text-decoration:none;border-bottom:1.5px solid var(--skx-accent);padding-bottom:2px}
.skx-work .skx-visit a:hover{color:var(--skx-accent)}
@media (min-width:782px){.skx-work .skx-project-offset{margin-top:96px !important}}
/* packages */
.skx-pack ul{list-style:none;margin:0;padding:0}
.skx-pack li{position:relative;padding:10px 0 10px 28px;border-top:1px solid var(--skx-line);line-height:1.45}
.skx-pack li:before{content:'';position:absolute;left:2px;top:17px;width:12px;height:7px;border-left:2px solid var(--skx-accent);border-bottom:2px solid var(--skx-accent);transform:rotate(-45deg)}
.skx-pack-dark li{border-top-color:rgba(244,242,236,.18);color:#C9CCD8}
.skx-pack-dark li:before{border-color:#F4F2EC}
.skx-pack .wp-block-buttons{margin-top:auto !important}
.skx-packs>.wp-block-group{height:100%}
@media (min-width:782px){.skx-pack-care ul{columns:2;column-gap:40px}.skx-pack-care li{break-inside:avoid}}
.skx-pack-dark .wp-block-button__link{background:#F4F2EC !important;color:#0F1430 !important}
.skx-pack-dark .wp-block-button__link:hover{background:#fff !important}
/* about */
.skx-monogram{aspect-ratio:4/5;border-radius:14px;display:flex !important;align-items:center;justify-content:center}
.skx-monogram p{font-family:var(--skx-head) !important;font-weight:800;font-size:clamp(6rem,14vw,11rem);line-height:1;color:#F4F2EC;margin:0}
.skx-values>.wp-block-group{border-top:2px solid var(--skx-ink);padding-top:20px}
.skx-values p{margin:0}
.skx-about-img img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:14px;display:block}
.skx-about-img .wp-block-image{margin:0}
@media (max-width:781px){.skx-values{grid-template-columns:1fr !important}.skx-packs{grid-template-columns:1fr !important}}/* lead align */
.skx-home.is-layout-constrained > .skx-lead,.skx-home.is-layout-constrained > .skx-measure{margin-left:max(0px, calc((100% - 1200px) / 2)) !important}
/* mobile grids */
@media (max-width:781px){.skx-home .wp-block-group.skx-packs.is-layout-grid,.skx-home .wp-block-group.skx-values.is-layout-grid,.skx-home .wp-block-group.skx-steps.is-layout-grid{grid-template-columns:1fr !important}.skx-home .skx-packs.is-layout-grid > *,.skx-home .skx-values.is-layout-grid > *{grid-column:auto !important}}
