/*
Theme Name: Jaskirat Consulting
Theme URI: https://jaskirat-consulting.ca/
Author: Jaskirat Consulting
Description: Editable WordPress theme for Jaskirat Consulting. Includes a starter homepage, responsive design, navigation, contact form and editable Gutenberg content.
Version: 1.0.0
License: GPL-2.0-or-later
Text Domain: jaskirat-consulting
*/

:root{--ink:#20211f;--muted:#66665f;--paper:#f5f1e8;--cream:#ece5d7;--line:#d8d0c1;--accent:#b46d3d;--white:#fffdf8;--max:1240px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.65}
a{color:inherit}
.site-header{position:sticky;top:0;z-index:20;background:rgba(245,241,232,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(32,33,31,.08)}
.header-inner{max-width:var(--max);margin:auto;padding:20px 28px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.site-brand{font-family:Georgia,serif;font-size:25px;font-weight:600;text-decoration:none;letter-spacing:-.02em}
.site-brand span{display:block;font:600 10px/1.2 Inter, sans-serif;text-transform:uppercase;letter-spacing:.2em;color:var(--muted);margin-top:3px}
.primary-nav ul{list-style:none;display:flex;gap:25px;margin:0;padding:0;align-items:center}.primary-nav a{text-decoration:none;font-size:13px;text-transform:uppercase;letter-spacing:.08em}.primary-nav a:hover{color:var(--accent)}
.menu-toggle{display:none;border:1px solid var(--line);background:transparent;padding:8px 11px;border-radius:4px}
.site-main{overflow:hidden}.jsk-shell{max-width:var(--max);margin:auto;padding-left:28px;padding-right:28px}
.jsk-hero{min-height:calc(100vh - 82px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:65px;padding-top:72px;padding-bottom:90px}
.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.2em;color:var(--accent);font-weight:700;margin-bottom:20px}.jsk-hero h1{font:500 clamp(48px,6.3vw,88px)/.98 Georgia,serif;letter-spacing:-.045em;margin:0 0 28px;max-width:720px}.jsk-lead{font-size:19px;line-height:1.65;color:#55544f;max-width:630px}.jsk-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}.jsk-button{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border:1px solid var(--ink);text-decoration:none;font-size:12px;text-transform:uppercase;letter-spacing:.12em;transition:.2s}.jsk-button.primary{background:var(--ink);color:var(--white)}.jsk-button:hover{transform:translateY(-2px)}
.hero-photo{position:relative}.hero-photo img{width:100%;height:690px;object-fit:cover;object-position:center 34%;display:block;filter:saturate(.9)}.hero-photo:after{content:"";position:absolute;inset:18px -18px -18px 18px;border:1px solid var(--accent);z-index:-1}
.jsk-marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;overflow:hidden;white-space:nowrap;text-align:center;color:#6d6a62;font-size:12px;text-transform:uppercase;letter-spacing:.22em}.jsk-marquee span{margin:0 18px}.jsk-section{padding-top:115px;padding-bottom:115px}.jsk-section.alt{background:var(--cream);margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-left:max(28px,calc(50vw - var(--max)/2));padding-right:max(28px,calc(50vw - var(--max)/2))}
.jsk-section-head{display:grid;grid-template-columns:.8fr 1.7fr;gap:80px;margin-bottom:55px}.jsk-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.2em;color:var(--accent);font-weight:700}.jsk-section h2{font:500 clamp(38px,4.5vw,66px)/1.03 Georgia,serif;letter-spacing:-.04em;margin:0}.jsk-copy{font-size:18px;color:#55544f;max-width:760px}.jsk-about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.jsk-about-grid img{width:100%;height:430px;object-fit:cover}.jsk-services{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.jsk-service{padding:30px 28px 30px 0;border-bottom:1px solid var(--line)}.jsk-service+ .jsk-service{padding-left:28px;border-left:1px solid var(--line)}.jsk-number{font:14px Georgia,serif;color:var(--accent)}.jsk-service h3{font:500 28px Georgia,serif;margin:25px 0 12px}.jsk-service p{color:var(--muted);margin:0}
.jsk-process{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.jsk-step{background:var(--paper);padding:38px}.jsk-step .jsk-number{font-size:13px}.jsk-step h3{font:500 30px Georgia,serif;margin:22px 0 12px}.jsk-contact{display:grid;grid-template-columns:.9fr 1.1fr;gap:85px}.jsk-contact h2{margin-bottom:20px}.jsk-contact-details{margin-top:35px;display:grid;gap:13px;color:#55544f}.jsk-contact-details strong{color:var(--ink);font-size:12px;text-transform:uppercase;letter-spacing:.12em;display:block}.jsk-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.jsk-form .full{grid-column:1/-1}.jsk-form label{font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:700}.jsk-form input,.jsk-form textarea,.jsk-form select{width:100%;border:1px solid var(--line);background:rgba(255,255,255,.5);padding:13px 14px;margin-top:7px;font:inherit;color:var(--ink)}.jsk-form textarea{min-height:145px;resize:vertical}.jsk-form button{justify-self:start;border:0;background:var(--ink);color:white;padding:14px 24px;text-transform:uppercase;letter-spacing:.12em;font-size:11px;cursor:pointer}.jsk-notice{padding:13px 15px;background:#e6e1d7;border-left:3px solid var(--accent);margin-bottom:20px;font-size:14px}.site-footer{border-top:1px solid var(--line);padding:26px 0;color:var(--muted);font-size:12px}.footer-inner{max-width:var(--max);margin:auto;padding:0 28px;display:flex;justify-content:space-between;gap:20px}
.wp-block-image{margin:0}.wp-block-image img{height:auto}.wp-block-button__link{border-radius:0}
@media(max-width:900px){.header-inner{padding:16px 20px}.menu-toggle{display:block}.primary-nav{display:none;position:absolute;left:0;right:0;top:69px;background:var(--paper);border-bottom:1px solid var(--line);padding:14px 20px}.primary-nav.is-open{display:block}.primary-nav ul{display:grid;gap:0}.primary-nav li{padding:12px 0;border-bottom:1px solid rgba(0,0,0,.06)}.jsk-shell{padding-left:20px;padding-right:20px}.jsk-hero{grid-template-columns:1fr;gap:45px;padding-top:55px}.hero-photo img{height:600px}.jsk-section{padding-top:80px;padding-bottom:80px}.jsk-section-head,.jsk-about-grid,.jsk-contact{grid-template-columns:1fr;gap:35px}.jsk-services,.jsk-process{grid-template-columns:1fr}.jsk-service,.jsk-service+.jsk-service{padding:28px 0;border-left:0}.jsk-contact{gap:45px}}
@media(max-width:600px){.site-brand{font-size:21px}.jsk-hero h1{font-size:50px}.jsk-lead{font-size:17px}.hero-photo img{height:470px}.hero-photo:after{inset:10px -10px -10px 10px}.jsk-form{grid-template-columns:1fr}.jsk-form .full{grid-column:auto}.footer-inner{display:block}.footer-inner>*{margin:6px 0}}