/*
Theme Name: Nik Patel Portfolio
Theme URI: https://www.nikunjpatel.co.uk/
Author: Nik Patel
Description: An editorial portfolio for IT support and Power BI reporting.
Version: 2.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: nick-portfolio
*/
:root{--paper:#f7f6f2;--ink:#0d2335;--muted:#52616a;--red:#9f3845;--rule:#d8d9d5;--light:#eaeae5;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--sans)}a{color:inherit;text-decoration:none}a:hover{color:var(--red)}img{max-width:100%;height:auto}button{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);line-height:1.1;letter-spacing:-.025em}p{color:var(--muted)}.container{width:min(1120px,calc(100% - 48px));margin:auto}.skip-link{position:absolute;left:10px;top:-100px;z-index:30;background:white;padding:10px}.skip-link:focus{top:10px}.site-header .container{border-bottom:3px solid var(--ink)}.topline{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--rule);padding:12px 0;color:#697177;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase}.masthead{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:86px}.brand,.footer-name{font:bold 1.75rem var(--serif);letter-spacing:-.03em;white-space:nowrap}.site-nav{display:block}.nav-list{display:flex;align-items:center;gap:31px;list-style:none;padding:0;margin:0}.nav-list a{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.menu-toggle{display:none}.eyebrow,.index,.post-meta{font:bold .7rem var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--red)}.intro{text-align:center;padding:76px 0 63px}.intro h1{font-size:clamp(3.2rem,7vw,6.1rem);margin:22px auto 18px;max-width:1020px}.intro p{max-width:650px;margin:0 auto;font-size:1.13rem}.feature{display:grid;grid-template-columns:58% 42%;min-height:485px;background:var(--ink);color:white}.feature-copy{padding:62px 58px}.feature .eyebrow,.closing .eyebrow{color:#d69aa1}.feature h2{font-size:clamp(2.3rem,4vw,3.7rem);margin:21px 0}.feature p{color:#ced6d8;max-width:580px}.button{display:inline-flex;gap:22px;align-items:center;background:var(--ink);color:white;font:bold .76rem var(--sans);letter-spacing:.1em;text-transform:uppercase;padding:15px 19px;margin-top:22px}.button:hover{background:var(--red);color:white}.button-light{background:var(--paper);color:var(--ink)}.button-light:hover{background:white;color:var(--red)}.feature-art{position:relative;overflow:hidden;background:radial-gradient(circle at 51% 50%,#315572 0 17%,#152e47 18% 39%,#0d2335 40%)}.feature-art:before,.feature-art:after{content:'';position:absolute;width:64%;aspect-ratio:1;border:1px solid #65859c;border-radius:50%;top:18%;left:18%;transform:rotate(25deg) scaleX(1.35)}.feature-art:after{transform:rotate(-37deg) scaleX(.7)}.art-frame{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;color:white;font:bold .76rem var(--serif);letter-spacing:.35em;z-index:1}.section{padding:83px 0}.section-rule{border-top:1px solid var(--rule)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:36px}.section-heading h2{max-width:700px;font-size:clamp(2.2rem,4vw,3.25rem);margin:12px 0 0}.section-heading p{max-width:310px;margin:0}.editorial-grid{display:grid;grid-template-columns:1fr 1fr;border-top:2px solid var(--ink)}.service-item{padding:31px 48px 18px 0}.service-item+ .service-item{padding-left:48px;border-left:1px solid var(--rule)}.service-item h3{font-size:2.15rem;margin:18px 0}.service-item p{max-width:440px}.arrow-link{display:inline-flex;gap:18px;align-items:center;font:bold .72rem var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:6px}.arrow-link:hover{color:var(--red);border-color:var(--red)}.work-list{border-top:2px solid var(--ink)}.work-list a{display:grid;grid-template-columns:220px 1fr 110px;gap:25px;align-items:center;padding:29px 0;border-bottom:1px solid var(--rule)}.work-list span,.work-list em{font:bold .67rem var(--sans);letter-spacing:.12em;color:var(--red);font-style:normal}.work-list strong{font:normal 1.6rem var(--serif);line-height:1.2}.work-list em{text-align:right;color:var(--ink)}.posts-grid,.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.post-card{border-top:2px solid var(--ink);padding-top:18px;display:flex;flex-direction:column;min-height:225px}.post-card h3,.post-card h2{font-size:1.55rem;margin:15px 0}.post-card p{font-size:.9rem}.post-card .arrow-link{margin-top:auto;align-self:flex-start}.empty-state{grid-column:1/-1}.closing{background:var(--ink);color:white;padding:75px 0}.closing h2{font-size:clamp(2.5rem,5vw,4.3rem);max-width:780px;margin:17px 0}.closing p{color:#c5d0d3;max-width:650px}.site-footer{background:var(--paper);padding:56px 0 22px}.footer-main{display:grid;grid-template-columns:2fr 1fr 1.4fr;gap:40px}.footer-main p{max-width:330px;font-size:.9rem;margin-top:10px}.footer-main a:not(.footer-name){font-size:.84rem}.footer-links{display:flex;flex-direction:column;gap:8px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--rule);padding-top:19px;margin-top:47px;font-size:.7rem;color:#6e777b;letter-spacing:.08em;text-transform:uppercase}
.inner-hero,.blog-hero{padding:75px 0 65px;text-align:center}.inner-hero h1,.blog-hero h1{font-size:clamp(3rem,6vw,5rem);max-width:900px;margin:18px auto}.inner-hero p,.blog-hero p{max-width:670px;margin:auto;font-size:1.1rem}.service-detail-grid{display:grid;grid-template-columns:150px 1fr;gap:50px;border-top:2px solid var(--ink);padding-top:35px}.detail-icon{font:normal 5rem var(--serif);color:var(--red)}.service-detail-grid h2,.narrow h2,.about-copy h2,.contact-grid h2{font-size:clamp(2.3rem,4vw,3.5rem);margin:14px 0}.service-detail-grid p{max-width:720px}.pill-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.pill-row span{border:1px solid var(--rule);padding:6px 10px;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}.tinted{background:var(--light)}.narrow{max-width:790px}.case-list{border-top:2px solid var(--ink)}.case-card{display:grid;grid-template-columns:90px 1fr;gap:40px;padding:40px 0;border-bottom:1px solid var(--rule)}.case-number{font:normal 2.4rem var(--serif);color:var(--red)}.case-card h2{font-size:2.25rem;margin:13px 0}.case-card p{max-width:740px}.fine-print{font-size:.8rem}.about-grid{display:grid;grid-template-columns:39% 1fr;gap:70px;align-items:center}.portrait-wrap{position:relative}.portrait-wrap img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.portrait-wrap span{display:block;margin-top:12px;font-size:.7rem;letter-spacing:.13em}.about-copy p{max-width:680px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact-email{display:inline-block;font:normal 1.5rem var(--serif);border-bottom:1px solid var(--ink);margin-top:18px}.contact-panel{border-top:2px solid var(--ink);padding-top:25px}.contact-panel strong{font:normal 1.7rem var(--serif)}.contact-panel li{margin:10px 0}.page-wrap{min-height:55vh;padding:80px 0}.page-title{text-align:center;border-bottom:2px solid var(--ink);margin-bottom:40px}.page-title h1{font-size:clamp(3rem,6vw,5rem);margin:20px 0 40px}.page-content{max-width:850px;margin:auto}.blog-hero{border-bottom:2px solid var(--ink)}.blog-grid{grid-template-columns:repeat(3,1fr)}.pagination{margin-top:35px}.pagination .nav-links{display:flex;gap:10px}.pagination a,.pagination span{padding:7px 11px;border:1px solid var(--rule)}.article-wrap{max-width:820px;padding:75px 0 100px}.article-head .eyebrow{display:block;margin:30px 0 16px}.article-head h1{font-size:clamp(2.8rem,5vw,4.8rem)}.back-link{font-size:.77rem;text-transform:uppercase;letter-spacing:.12em}.article-image img{display:block;width:100%}.article-content{font:1.15rem/1.8 var(--serif);margin:40px 0}.article-content h2,.article-content h3{margin-top:35px}.article-content a{text-decoration:underline}.article-content blockquote{border-left:3px solid var(--red);padding-left:20px;margin-left:0}.article-end{border-top:1px solid var(--rule);padding-top:25px}.article-end .button{margin:0}
@media(max-width:800px){.container{width:min(100% - 36px,620px)}.topline span:last-child{display:none}.masthead{min-height:70px}.menu-toggle{display:block;background:none;border:1px solid var(--ink);padding:6px 10px;text-transform:uppercase;font-size:.7rem;letter-spacing:.1em}.site-nav{display:none;position:absolute;top:auto;left:0;right:0;background:var(--paper);z-index:10;padding:18px;border-bottom:2px solid var(--ink)}.site-nav.is-open{display:block}.nav-list{display:block}.nav-list li{padding:8px 0;border-bottom:1px solid var(--rule)}.intro{padding:58px 0}.feature{display:block}.feature-copy{padding:40px 30px}.feature-art{height:250px}.section{padding:60px 0}.section-heading{display:block}.section-heading p,.section-heading .arrow-link{margin-top:20px}.editorial-grid{display:block}.service-item,.service-item+.service-item{padding:28px 0;border-left:0}.service-item+.service-item{border-top:1px solid var(--rule)}.work-list a{grid-template-columns:1fr;gap:10px}.work-list em{text-align:left}.posts-grid,.blog-grid{grid-template-columns:1fr}.post-card{min-height:0;padding-bottom:25px}.footer-main{grid-template-columns:1fr 1fr}.footer-main>div:first-child{grid-column:1/-1}.service-detail-grid,.about-grid,.contact-grid{grid-template-columns:1fr;gap:20px}.detail-icon{font-size:3rem}.case-card{grid-template-columns:1fr;gap:5px}.inner-hero,.blog-hero{padding:65px 0}.article-wrap{padding-top:55px}}
@media(max-width:460px){.intro h1{font-size:3rem}.footer-main{grid-template-columns:1fr}.footer-main>div:first-child{grid-column:auto}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:5px}.feature h2{font-size:2.5rem}}