/*
Theme Name: Israr Khan Live
Author: Israr Khan
Description: Original portfolio, services and editorial block theme. Native blocks, custom design, no page builder.
Version: 1.0.2
Requires at least: 6.6
Requires PHP: 8.0
Text Domain: israr-khan-live
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: full-site-editing, block-patterns, custom-colors, custom-logo, blog, portfolio
*/
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0}
.wp-site-blocks>*{margin-block-start:0}
.ik-container{width:min(1200px,calc(100% - 64px));margin-inline:auto}
.ik-section{padding-block:88px;margin-block-start:0}
.ik-header{background:#081c2c;color:#fff}
.ik-header-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-block:22px}
.ik-brand{display:flex;align-items:center;gap:12px;flex-shrink:0}
.ik-brand-mark{margin:0;width:52px}
.ik-brand-mark img{display:block;width:52px;height:52px;object-fit:contain}
.ik-brand-text>*{margin:0}
.ik-brand-text .wp-block-site-title{font-size:1.15rem;font-weight:700;line-height:1.4}
.ik-brand-sub{font-size:.7rem;letter-spacing:.12em;color:#a5bac9}
.ik-header a{color:inherit;text-decoration:none}
.ik-header nav{font-size:.95rem}
.ik-header .wp-block-navigation__container{gap:28px}
.ik-header .wp-block-navigation__responsive-container.is-menu-open{background:#081c2c!important;color:#fff!important;padding:32px}
.ik-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
.ik-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{align-items:flex-start}
.ik-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item{padding-block:8px;color:#fff}
.ik-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{color:#fff}
.ik-hero{background:#081c2c;color:#fff;padding-block:94px 100px;border-top:1px solid #284051}
.ik-hero-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:70px;align-items:center}
h1{font-size:clamp(2.75rem,5.7vw,5.4rem);margin:20px 0 28px}
h2{font-size:clamp(2rem,3.4vw,3.15rem);margin:12px 0 26px}
h3{font-size:1.5rem;margin:16px 0}
.ik-accent{color:#37d5e7}
.ik-eyebrow{font-size:.8rem;font-weight:700;letter-spacing:.17em;line-height:1.5;margin:0 0 20px}
.ik-hero .ik-eyebrow,.ik-contact-band .ik-eyebrow{color:#52d6e5}
.ik-lead{font-size:1.2rem;line-height:1.7;max-width:660px}
.ik-hero .ik-lead{color:#b7cbd7}
.wp-block-buttons{gap:14px;margin-top:30px}
.wp-block-button__link{transition:background .15s,transform .15s;text-decoration:none}
.wp-block-button__link:hover{filter:brightness(.94);transform:translateY(-2px)}
.wp-block-button.is-style-outline .wp-block-button__link{background:transparent;color:inherit;border:1px solid currentColor}
.ik-hero-panel{border:1px solid #355062;background:#102b3e;padding:32px;box-shadow:18px 18px 0 #061522}
.ik-hero-panel h2{font-size:2rem}
.ik-system-row{font-size:.95rem;border-top:1px solid #365063;padding:15px 0;margin:0;color:#d6e4ed}
.ik-grid-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:40px}
.ik-card{padding:32px;border:1px solid #d4e0e7;background:#fff;color:#102b3e}
.ik-card p:last-child{margin-bottom:0}
.ik-number{color:#326375;font:600 .9rem ui-monospace,monospace}
.ik-card h3{margin-top:28px}
.ik-card p{font-size:1rem}
.ik-light{background:#f0f5f7}
.ik-split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}
.ik-split>div>:first-child{margin-top:0}
.ik-contact-band{background:#102b3e;color:#fff}
.ik-contact-band h2{font-size:clamp(2.3rem,4vw,3.9rem)}
.ik-footer{padding-block:54px 24px;background:#061522;color:#fff}
.ik-footer h2{font-size:1.6rem}
.ik-footer a{color:#fff}
.ik-footer-grid{display:flex;justify-content:space-between;gap:40px}
.ik-footer-grid p{font-size:.95rem}
.ik-muted{color:#526574}
.ik-footer .ik-muted{color:#a5bac9}
.ik-copyright{border-top:1px solid #284051;padding-top:24px;margin-top:32px;font-size:.8rem;color:#a5bac9}
.ik-page-hero{background:#f0f5f7}
.ik-page-hero h1{max-width:950px}
.ik-page-hero .ik-eyebrow{color:#326375}
.ik-project-notice{max-width:800px;border-left:4px solid #00bdd6;padding:12px 0 12px 36px}
.ik-post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;padding:0}
.ik-post-card{border-top:2px solid #102b3e;padding-top:20px}
.ik-post-card h2{font-size:1.65rem;line-height:1.3}
.ik-post-card h2 a{text-decoration:none}
.wp-block-post-date{font-size:.85rem;color:#526574}
.ik-post-card .wp-block-post-featured-image{margin:0 0 20px}
.ik-post-card .wp-block-post-excerpt{font-size:1rem}
.ik-article .ik-container{max-width:860px}
.ik-article h1{font-size:clamp(2.5rem,5vw,4.5rem)}
.ik-article-end{border-top:1px solid #d4e0e7;margin-top:60px;padding-top:28px}
.ik-main{min-height:55vh}
.wp-block-post-content img{max-width:100%;height:auto}
.wp-block-post-content pre{overflow:auto;padding:24px;background:#f0f5f7}
.wp-block-post-content blockquote{border-left:4px solid #00bdd6;padding-left:24px}
.wp-block-search__input{min-width:0;border:1px solid #526574;padding:12px;font:inherit}
.wp-block-search__button{background:#102b3e;color:#fff;border:0;padding:12px 24px;font:inherit}
a:hover{text-decoration:underline}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #008da5;outline-offset:5px}
.ik-header a:focus-visible,.ik-hero a:focus-visible{outline-color:#52d6e5}
.wp-block-query-pagination{margin-top:36px}
@media(max-width:900px){.ik-hero-grid,.ik-split{gap:36px}.ik-hero-grid{grid-template-columns:1fr}.ik-hero-panel{max-width:650px}.ik-grid-three,.ik-post-grid{grid-template-columns:1fr 1fr}.ik-header-inner{gap:16px}.ik-header .wp-block-navigation__container{gap:16px}}
@media(max-width:600px){.ik-container{width:calc(100% - 36px)}.ik-section{padding-block:56px}.ik-header-inner{padding-block:16px}.ik-grid-three,.ik-post-grid,.ik-split{grid-template-columns:1fr}.ik-footer-grid{display:block}.ik-hero-panel{box-shadow:8px 8px 0 #061522;padding:24px}.ik-card{padding:24px}.ik-brand-sub{font-size:.65rem}.ik-brand-text .wp-block-site-title{font-size:1rem}.wp-block-button{width:100%}.wp-block-button__link{width:100%;text-align:center}.ik-footer-grid>div+div{margin-top:30px}h1{overflow-wrap:break-word}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}