/*
Theme Name: Abu Naim — Impact
Theme URI: https://abunaim.com
Author: Abu Naim Ahmad
Description: A bold, editorial portfolio theme with oversized type, acid-yellow accents and native WordPress block editing.
Version: 2.0.0
Requires at least: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: abunaim-impact
Tags: portfolio, blog, full-site-editing, block-patterns, custom-colors, editor-style, wide-blocks
*/
:root{--impact-line:color-mix(in srgb,var(--wp--preset--color--paper) 25%,transparent)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0}::selection{background:var(--wp--preset--color--signal);color:var(--wp--preset--color--ink)}
a{text-underline-offset:.22em}a:hover{color:var(--wp--preset--color--signal)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--wp--preset--color--signal);outline-offset:5px}
.wp-site-blocks{overflow:clip}.frame{max-width:1480px;margin-inline:auto;padding-inline:clamp(1.25rem,5vw,5rem)}
.masthead{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding-block:1.6rem;border-bottom:1px solid var(--impact-line)}
.masthead .wp-block-site-title{font-size:1.25rem;font-weight:900;letter-spacing:-.055em;text-transform:uppercase}.masthead a{text-decoration:none}
.wp-block-navigation{font-size:.875rem;text-transform:uppercase;font-weight:700;letter-spacing:.05em}.wp-block-navigation__responsive-container.is-menu-open{padding:2rem;background:var(--wp--preset--color--ink);color:var(--wp--preset--color--paper)}
.hero{padding-block:3rem 4rem}.eyebrow{font-family:var(--wp--preset--font-family--mono);font-size:.8rem;letter-spacing:.11em;text-transform:uppercase;line-height:1.6}
.hero-meta{display:flex;justify-content:space-between;gap:1rem;color:var(--wp--preset--color--muted)}.hero-meta p{margin:0}
.hero-title{font-family:var(--wp--preset--font-family--display);font-size:clamp(5rem,16.2vw,15rem);font-weight:900;line-height:.8;letter-spacing:-.065em;margin:3.6rem 0 2.5rem;text-transform:uppercase}.hero-title mark{background:none;color:var(--wp--preset--color--signal)}
.hero-bottom{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:2rem}.hero-intro{font-size:clamp(1.2rem,2vw,1.75rem);max-width:34rem;line-height:1.4;margin:0}.hero-bottom .wp-block-buttons{justify-content:flex-end}
.wp-block-button__link{transition:background .18s,color .18s,transform .18s;border:1px solid var(--wp--preset--color--signal);border-radius:0;padding:1rem 1.3rem;font-size:.875rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.wp-block-button__link:hover{background:var(--wp--preset--color--paper);border-color:var(--wp--preset--color--paper);color:var(--wp--preset--color--ink);transform:translateY(-3px)}
.is-style-outline .wp-block-button__link{border-color:var(--impact-line);color:var(--wp--preset--color--paper);background:transparent}
.signal-strip{background:var(--wp--preset--color--signal);color:var(--wp--preset--color--ink);padding:1.1rem 1.25rem;text-align:center;text-transform:uppercase;font-weight:900;font-size:clamp(.9rem,1.7vw,1.6rem);letter-spacing:-.025em}.signal-strip p{margin:0}
.section{padding-block:5rem;border-bottom:1px solid var(--impact-line);scroll-margin-top:1rem}.section-head{display:grid;grid-template-columns:1fr 3fr;gap:2rem;margin-bottom:3rem}.section-head .eyebrow{color:var(--wp--preset--color--signal)}.section-title{font-size:clamp(2.7rem,6vw,6rem);line-height:.98;letter-spacing:-.06em;text-transform:uppercase;margin:0;font-weight:900}
.about-body{margin-left:25%;padding-left:.5rem}.about-body>.wp-block-paragraph,.about-body>p{font-size:1.25rem;max-width:48rem}.credentials{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--impact-line);margin-top:2.5rem;gap:2rem;padding-top:1.5rem}.credentials h3{font-size:1.5rem;letter-spacing:-.03em}.credentials p{color:var(--wp--preset--color--muted);font-size:1rem}
.work-query .wp-block-post-template{gap:0}.work-query .wp-block-post{border-top:1px solid var(--impact-line);padding:2rem 0}.work-query .wp-block-post-title{font-size:clamp(1.75rem,3vw,3rem);letter-spacing:-.04em;line-height:1.15}.wp-block-post-title a{text-decoration:none}.wp-block-post-date,.wp-block-post-terms{font-family:var(--wp--preset--font-family--mono);font-size:.8rem;color:var(--wp--preset--color--muted)}.wp-block-post-excerpt{max-width:46rem;color:var(--wp--preset--color--muted)}.wp-block-read-more{display:inline-block;color:var(--wp--preset--color--signal);font-size:.875rem;text-transform:uppercase;font-weight:800}.wp-block-post-featured-image img{max-height:32rem;object-fit:cover}.wp-block-query-pagination{padding-block:2rem}
.focus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--impact-line);border:1px solid var(--impact-line)}.focus-item{background:var(--wp--preset--color--ink);padding:2rem;min-width:0}.focus-item h3{font-size:clamp(1.4rem,2.5vw,2.4rem);line-height:1.1;letter-spacing:-.045em}.focus-item .eyebrow{color:var(--wp--preset--color--signal)}.focus-item>p:last-child{color:var(--wp--preset--color--muted)}
.contact{padding-block:5rem}.contact-title{font-size:clamp(3rem,9vw,8rem);text-transform:uppercase;line-height:.93;letter-spacing:-.06em;margin:1.5rem 0 2.5rem}.contact .eyebrow{color:var(--wp--preset--color--signal)}.footer-bottom{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--impact-line);padding-block:1.5rem;color:var(--wp--preset--color--muted);font-size:.875rem}
.article-shell{max-width:900px;margin-inline:auto;padding:4rem 1.25rem 6rem}.article-shell>.wp-block-post-title{font-size:clamp(2.5rem,6vw,5rem);line-height:1.05;letter-spacing:-.05em}.wp-block-post-content{overflow-wrap:anywhere}.wp-block-post-content p,.wp-block-post-content li{line-height:1.75}.wp-block-post-content img{height:auto;max-width:100%}.wp-block-post-content pre{overflow:auto;padding:1rem;border:1px solid var(--impact-line)}.wp-block-post-content blockquote{border-left:4px solid var(--wp--preset--color--signal);padding-left:1.5rem;margin-inline:0}.wp-block-search__input{padding:1rem;min-width:0;background:var(--wp--preset--color--paper);color:var(--wp--preset--color--ink);border:0}.wp-block-search__button{border:0;padding:1rem;background:var(--wp--preset--color--signal);color:var(--wp--preset--color--ink)}
@media(max-width:700px){.hero{padding-block:2rem 3rem}.hero-title{font-size:clamp(4rem,19vw,8rem);margin-block:3rem 2rem}.hero-meta{display:block}.hero-meta p+p{margin-top:.5rem}.hero-bottom,.section-head,.credentials,.focus-grid{grid-template-columns:1fr}.hero-bottom .wp-block-buttons{justify-content:flex-start}.section{padding-block:3rem}.section-head{gap:.5rem;margin-bottom:2rem}.about-body{margin-left:0;padding-left:0}.focus-item{padding:1.5rem}.footer-bottom{display:block}.masthead{gap:1rem}.contact{padding-block:3rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Impact 2: an information-rich editorial portfolio. */
.hero{padding-block:2rem 3rem}.hero-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(2rem,5vw,5rem);margin-top:2rem;align-items:stretch}.hero-name{border-left:10px solid var(--wp--preset--color--signal);padding-left:1.25rem}.hero-title{font-family:Arial,Helvetica,sans-serif;font-size:clamp(5rem,12.5vw,12rem);font-weight:900;line-height:.78;letter-spacing:-.095em;margin:1rem 0 2rem}.hero-deck{font-size:clamp(2rem,4vw,4rem);line-height:1;letter-spacing:-.065em;font-weight:900;text-transform:uppercase;margin:0}.dossier{border-top:8px solid var(--wp--preset--color--signal);padding-top:1rem}.dossier>.eyebrow{color:var(--wp--preset--color--signal)}.dossier-title{font-size:clamp(2rem,4vw,3.5rem);text-transform:uppercase;letter-spacing:-.055em;line-height:1.02;margin:1rem 0}.dossier>p:not(.eyebrow){max-width:40rem;color:var(--wp--preset--color--muted)}.hero-facts{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--impact-line);border-bottom:1px solid var(--impact-line);gap:1rem 1.5rem;padding-block:1rem;margin-block:1.5rem}.fact p{margin:0}.fact .eyebrow{color:var(--wp--preset--color--muted);font-size:.75rem}.fact-value{font-weight:700;font-size:.9375rem}.dossier .wp-block-buttons{gap:.75rem}.dossier .wp-block-button__link{padding:.85rem 1rem;font-size:.8125rem}.section-index{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;max-width:1320px;margin-inline:auto!important;font-family:var(--wp--preset--font-family--mono);font-size:.8rem;letter-spacing:0}.section-index a{color:var(--wp--preset--color--ink);text-decoration:none}.section-index a:hover{text-decoration:underline}.section-index a:focus-visible{outline-color:var(--wp--preset--color--ink)}.section{padding-block:3.5rem}.section-head{grid-template-columns:1fr 3fr;margin-bottom:2rem}.section-title{font-size:clamp(2.3rem,5.4vw,5rem);font-weight:900;letter-spacing:-.065em}.lead-copy{font-size:clamp(1.125rem,1.8vw,1.5rem);line-height:1.5}.about-body>p{font-size:1.0625rem;line-height:1.7}.about-body>.lead-copy{font-size:1.4rem;color:var(--wp--preset--color--paper)}.about-body{color:var(--wp--preset--color--muted)}.education-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.degree{background:var(--wp--preset--color--paper);color:var(--wp--preset--color--ink);padding:clamp(1.5rem,3vw,3rem);border-top:10px solid var(--wp--preset--color--signal)}.degree-title{font-size:clamp(2.2rem,4vw,4rem);line-height:.98;letter-spacing:-.06em;text-transform:uppercase}.degree h4{font-size:.85rem;text-transform:uppercase;letter-spacing:.07em;margin-bottom:.5rem}.degree>p:last-child{font-size:1rem;line-height:1.8}.experience-org{font-size:1rem;text-transform:uppercase;font-weight:800;background:var(--wp--preset--color--signal);color:var(--wp--preset--color--ink);padding:.85rem 1rem}.record{display:grid;grid-template-columns:1fr 3fr;gap:2rem;border-top:1px solid var(--impact-line);padding-block:1.5rem}.record>.eyebrow{color:var(--wp--preset--color--muted)}.record h3{font-size:clamp(1.5rem,3vw,2.5rem);line-height:1.1;letter-spacing:-.045em;margin:0}.record-body>p{color:var(--wp--preset--color--muted);max-width:55rem;margin-bottom:0}.event-band{border-left:5px solid var(--wp--preset--color--signal);padding:.5rem 1.5rem;margin-block:1rem 2rem}.event-band p{margin:.25rem 0}.event-band .eyebrow{color:var(--wp--preset--color--signal)}.topic-tags{font-family:var(--wp--preset--font-family--mono);font-size:.8rem;border-top:1px solid var(--impact-line);padding-top:1rem}.focus-item>p:last-child{font-size:.8rem}.work-query .wp-block-post-template{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.work-query .wp-block-post-title{font-size:clamp(1.5rem,2.5vw,2.5rem)}.work-query .wp-block-post-featured-image img{aspect-ratio:16/10;object-fit:cover}.contact-title{font-size:clamp(2.6rem,8vw,7rem)}
@media(min-width:701px) and (max-width:1000px){.hero-layout{grid-template-columns:1fr 1fr;gap:1.5rem}.hero-facts{grid-template-columns:1fr}.hero-title{font-size:12vw}.hero-deck{font-size:3.7vw}}
@media(max-width:700px){.hero-layout{grid-template-columns:1fr;gap:2rem}.hero-title{font-size:clamp(5rem,26vw,10rem)}.hero-deck{font-size:2.7rem}.hero-name{padding-left:1rem}.hero-facts{grid-template-columns:1fr 1fr}.section-index{justify-content:flex-start;gap:.8rem 1.5rem}.section-head,.education-grid,.record,.work-query .wp-block-post-template{grid-template-columns:1fr}.section-head{gap:.5rem}.record{gap:.25rem;padding-block:1.25rem}.record>.eyebrow{margin-bottom:.5rem}.section{padding-block:2.75rem}.degree-title{font-size:2.8rem}.dossier-title{font-size:2.25rem}}
@media(max-width:360px){.hero-facts{grid-template-columns:1fr}.wp-block-buttons>.wp-block-button{max-width:100%}.hero-deck{font-size:2.2rem}}
