/*
Theme Name: Shehroz Midnight
Description: Shehroz Arif portfolio with editable WordPress content, Seattle rain and green binary effects.
Version: 1.0.2
Author: Shehroz Arif
Text Domain: shehroz-midnight
Requires at least: 6.6
Requires PHP: 8.0
License: GPL-2.0-or-later
*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');*{box-sizing:border-box}body{margin:0;color:#101e43;background:#fff;font:16px/1.65 Inter,system-ui,sans-serif}aside{position:fixed;inset:0 auto 0 0;width:82px;background:linear-gradient(#f1fbfe,#fff);border-right:1px solid #d5e6f4;display:flex;align-items:center;flex-direction:column;z-index:10}.logo{font:bold 37px Georgia;margin:25px 0;color:#101e43;text-decoration:none}nav{display:flex;flex-direction:column;gap:18px}nav a{width:48px;height:54px;display:grid;place-items:center;color:#101e43;border:2px solid transparent;border-radius:20px;position:relative;text-decoration:none}nav svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8}nav a.active{background:#d8f7ff;border-color:#08cde9;color:#0086d7;box-shadow:0 0 0 4px #f0fbff}nav a:hover:after{content:attr(aria-label);position:absolute;left:58px;background:#101e43;color:white;padding:5px 12px;border-radius:6px;font-size:13px}.social{margin-top:auto;padding:25px 0;display:grid;gap:18px}.social a{color:#087dc4;text-decoration:none;font-weight:800}main{margin-left:82px;padding:45px 48px 70px;max-width:1600px}.eyebrow{color:#0087d9;font-size:14px;font-weight:800;letter-spacing:2px;margin:0 0 16px}h1{font-size:clamp(36px,4.7vw,68px);line-height:1.12;letter-spacing:-2px;margin:0 0 20px;font-weight:800}h2{font-size:27px;line-height:1.3;margin:30px 0 24px}h3{font-size:22px;margin:0 0 8px;line-height:1.35}p{color:#60708c;margin:0 0 20px}.lead{font-size:21px;max-width:1100px}.hero{position:relative;min-height:460px;padding-top:10px;background:linear-gradient(90deg,#ffffffec,#ffffff50),url('assets/seattle.png') right bottom/cover no-repeat}.hero>*{position:relative}.hero h2{margin:0 0 22px;font-size:27px}.hero .lead{max-width:740px;margin-top:28px}.location{color:#60708c}.actions{display:flex;flex-wrap:wrap;gap:16px;margin:26px 0}.btn{display:inline-block;padding:13px 24px;border:2px solid #0087d9;border-radius:14px;color:#101e43;background:#fff;text-decoration:none;font:700 16px Inter;cursor:pointer}.primary{border-color:#08cde9;background:linear-gradient(120deg,#22dbee,#06bce9);box-shadow:0 12px 28px #00bee72b}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.card{overflow:hidden;border:1px solid #d5e6f4;border-radius:20px;background:#fff;box-shadow:0 15px 35px #122d5b0a}.card .body{padding:24px}.card p{margin-bottom:14px}.art{height:185px;display:flex;align-items:center;justify-content:center;background:linear-gradient(140deg,#2c103d,#641181);color:#dcb6ff;font-size:76px;font-weight:700}.art.cloud{background:linear-gradient(140deg,#542060,#270633)}.art.code{font:30px/1.4 monospace;letter-spacing:4px}.art.travel{background:linear-gradient(#c5ddff,#f0ccff)}.art img{width:100%;height:100%;object-fit:cover}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid #d5e6f4;border-radius:7px;background:#ecf8ff;color:#0085d5;padding:2px 10px;font-size:13px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:30px 0}.stat{padding:24px;border:1px solid #d5e6f4;border-radius:20px}.stat b{display:block;font-size:36px;color:#0087d9}.timeline{border-left:3px solid #18d3ed;padding-left:24px;margin-left:12px}.role{padding:28px;margin-bottom:25px}.period{color:#0087d9;font-weight:600}.role ul{padding-left:21px}.role li{margin:9px 0}.blog-card{display:grid;grid-template-columns:180px 1fr;margin:22px 0}.blog-card .art{height:100%;min-height:180px}.photo{width:280px;height:330px;background:#f2edf9;border:1px solid #ddcff0;border-radius:20px;display:grid;place-items:center;color:#755891;margin:30px 0}.banner{height:310px;position:relative;overflow:hidden;border-radius:20px;margin:25px 0;background:#eaf5fd}.banner img{width:100%;height:100%;object-fit:cover}.banner span{position:absolute;bottom:20px;left:24px;background:#ffffffdb;padding:10px 20px;border-radius:10px}.note{font-size:13px;color:#78849a}dialog{width:min(700px,92vw);border:1px solid #d5e6f4;border-radius:20px;padding:32px;color:#101e43;max-height:85vh}dialog::backdrop{background:#101e4370}#close{float:right;border:0;background:#ecf8ff;border-radius:50%;width:35px;height:35px;font-size:25px;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #0087d9;outline-offset:4px}@media(max-width:800px){main{padding:30px 24px;margin-left:68px}aside{width:68px}.grid{gap:16px}.stats{grid-template-columns:repeat(2,1fr)}.hero{min-height:440px}.lead{font-size:18px}.blog-card{grid-template-columns:115px 1fr}}@media(max-width:560px){main{padding:25px 18px;margin-left:58px}aside{width:58px}.logo{font-size:29px}nav a{width:38px;height:46px}nav{gap:12px}.grid{grid-template-columns:1fr}h1{letter-spacing:-1px;font-size:36px}.hero h2{font-size:21px}.hero{background-position:65% bottom}.blog-card{grid-template-columns:1fr}.blog-card .art{height:120px;min-height:0}.btn{font-size:14px;padding:10px 15px}.role{padding:20px}.photo{max-width:100%}}
/* Purple navigation; expanded desktop and compact mobile. */
aside{width:242px;background:linear-gradient(165deg,#f7f1ff 0%,#f0e5fc 58%,#faf7ff 100%);border-right:1px solid #ddcef0;padding:0 18px;align-items:stretch;box-shadow:5px 0 25px #61369308}.logo{align-self:flex-start;margin:28px 14px 5px;color:#421963}.sidebar-name{margin:4px 14px 32px;font-weight:750;color:#431d62;font-size:17px}.sidebar-name small{display:block;color:#806495;font-weight:500;font-size:12px;margin-top:4px}nav{gap:9px}nav a{width:100%;height:52px;display:flex;gap:15px;padding:0 17px;border-radius:13px;color:#62407c;transition:background .18s,box-shadow .18s,transform .18s;border:1px solid transparent}nav a svg{flex-shrink:0;width:22px;height:22px}.nav-label{font-size:15px;font-weight:600}nav a.active{background:linear-gradient(120deg,#7641a9,#9858c5);color:#fff;border-color:#8c54b4;box-shadow:0 7px 18px #7641a92b}nav a:hover{background:#e9daf6;transform:translateX(2px)}nav a.active:hover{background:linear-gradient(120deg,#7641a9,#9858c5)}nav a:hover:after{display:none}.social{display:flex;gap:20px;margin: auto 14px 0;padding:24px 0;border-top:1px solid #dccbec}.social a{color:#704091}main{margin-left:242px}.logo:focus-visible,nav a:focus-visible{outline:3px solid #9561c2;outline-offset:3px}
@media(max-width:800px){aside{width:68px;padding:0 9px;align-items:center}.logo{align-self:center;margin:25px 0;font-size:30px}.sidebar-name,.nav-label{display:none}nav{gap:14px;width:100%}nav a{width:48px;height:50px;padding:0;justify-content:center;border-radius:17px;gap:0}nav a:hover{transform:none}.social{flex-direction:column;margin:auto 0 0;gap:18px;padding:20px 0;align-items:center;width:100%}main{margin-left:68px}}@media(max-width:560px){aside{width:58px;padding:0 7px}nav a{width:42px;height:46px}main{margin-left:58px}.logo{font-size:28px}}

.project-image{height:260px;background:#f6f0ff;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;display:block}.card .body{display:flex;flex-direction:column;align-items:flex-start}.card .body .chips{margin-top:auto}.card .body p{line-height:1.7}@media(max-width:560px){.project-image{height:210px}}
/* Light neutral palette with restrained lavender accents. */
aside{background:linear-gradient(165deg,#faf9fd,#f4f3fa);border-right-color:#e7e5ee;box-shadow:3px 0 18px #17223b04}.logo,.sidebar-name{color:#26324c}.sidebar-name small{color:#7a8192}nav a{color:#59627a}nav a.active,nav a.active:hover{background:#ece8f7;color:#665687;border-color:#ded7ee;box-shadow:none}nav a:hover{background:#f0edf7}.social{border-top-color:#e5e2ee}.social a{color:#61728d}.art,.art.cloud,.art.code{background:linear-gradient(135deg,#e9f0f7,#f5f8fb);color:#6c819a}.art.travel{background:linear-gradient(#dceafb,#f5f6f9)}.photo{background:#f3f4f8;border-color:#e0e4eb;color:#748096}.project-image{background:#f2f6fa}.hero{background-image:linear-gradient(90deg,#ffffffee,#ffffff55),url('assets/seattle.png')}.card{box-shadow:0 10px 28px #182b4907}

/* Five light palettes share a white canvas and green terminal typography. */
:root{--tint:#f6f3fb;--active:#ece6f7;--accent:#75618f;--edge:#e5deef;--soft:#fbf9fd;--hacker:#187342}
:root[data-theme="sky"]{--tint:#f1f7fc;--active:#e1eff9;--accent:#39769f;--edge:#dbe8f1;--soft:#f9fcff}
:root[data-theme="mint"]{--tint:#f0f8f5;--active:#deeee7;--accent:#397b67;--edge:#d9e9e1;--soft:#f9fdfb}
:root[data-theme="sand"]{--tint:#faf6ef;--active:#f1e7d8;--accent:#88704e;--edge:#eae1d3;--soft:#fdfbf7}
:root[data-theme="rose"]{--tint:#fcf3f6;--active:#f5e4eb;--accent:#986578;--edge:#efdee5;--soft:#fffafb}
body{background:#fff}aside{background:linear-gradient(165deg,var(--soft),var(--tint));border-color:var(--edge)}nav a.active,nav a.active:hover{background:var(--active);color:var(--accent);border-color:var(--edge)}nav a:hover{background:var(--tint)}.social{border-color:var(--edge)}.social a{color:var(--accent)}.btn{border-color:var(--edge);color:var(--accent)}.btn.primary{background:var(--active);border-color:var(--edge);box-shadow:0 8px 20px #19243a08}.chip{background:var(--tint);border-color:var(--edge);color:var(--accent)}.card,.stat,dialog{border-color:var(--edge)}.stat b,.period{color:var(--accent)}.timeline{border-color:var(--active)}.photo{background:var(--tint);border-color:var(--edge)}.eyebrow,.terminal-line,.theme-kicker,.role h4{font-family:'Courier New',Courier,monospace;color:var(--hacker);font-weight:700}.eyebrow{letter-spacing:1.6px}.eyebrow:before{content:'> ';font-weight:700}.terminal-line{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:12px;border-bottom:1px solid #e6eee9;padding:15px 0;margin-bottom:30px;letter-spacing:.3px}.terminal-dot{width:7px;height:7px;border-radius:50%;background:#298854}.terminal-status{margin-left:auto;font-size:10px;letter-spacing:1.5px;opacity:.75}.terminal-cursor{margin-left:3px}.theme-preview{padding:24px;background:var(--soft);border:1px solid var(--edge);border-radius:20px;margin-bottom:8px}.theme-kicker{font-size:11px;letter-spacing:1px}.theme-intro h2{font-size:22px;margin:6px 0 5px}.theme-intro p{font-size:13px;margin:0 0 18px}.theme-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.theme-option{position:relative;cursor:pointer;display:flex;align-items:center;gap:10px;text-align:left;padding:13px 10px;background:#fff;border:1px solid #e3e6ec;border-radius:12px;color:#35425c;font:600 12px/1.3 Inter,system-ui,sans-serif}.theme-option small{display:block;font:10px monospace;color:#7c8796;margin-bottom:4px}.theme-swatch{display:block;width:24px;height:32px;flex-shrink:0;border-radius:7px;background:linear-gradient(140deg,#fff 40%,var(--swatch) 41%);border:1px solid #e6e8ed}.theme-option[aria-pressed="true"]{border-color:var(--accent);box-shadow:0 0 0 2px var(--active)}.theme-check{display:none;position:absolute;right:6px;top:4px;font-size:10px;color:var(--accent)}.theme-option[aria-pressed="true"] .theme-check{display:block}.theme-hint{font-size:11px;margin:14px 0 0;color:#768297}a:focus-visible,button:focus-visible{outline-color:var(--accent)}
@media(max-width:1100px){.theme-options{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:560px){.theme-preview{padding:16px}.theme-intro h2{font-size:18px}.theme-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.theme-option{font-size:11px;padding:10px 8px}.theme-swatch{width:20px;height:28px}.terminal-status{display:none}.terminal-line{font-size:10px;margin-bottom:24px}.theme-hint{line-height:1.6}}

/* Neutral Seattle artwork picks up the active light theme. */
main{position:relative;z-index:1}.hero{isolation:isolate;background:none;overflow:hidden;border-radius:18px;padding:24px;--mx:50%;--my:45%;--px:0px;--py:0px}.hero:before{content:'';position:absolute;inset:-16px;z-index:-2;background:url('assets/seattle.png') right bottom/cover no-repeat;filter:grayscale(1);opacity:.55;transform:translate(var(--px),var(--py)) scale(1.04);transition:transform .3s ease-out}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#fff 0%,#fffffff2 35%,#ffffff99 70%,#ffffff45 100%),linear-gradient(0deg,var(--active),var(--active));mix-blend-mode:normal;pointer-events:none}.hero .location{color:#61728b}.hero .lead{max-width:700px}.hero-glow{position:absolute!important;inset:0;pointer-events:none;background:radial-gradient(260px circle at var(--mx) var(--my),#39b47512,transparent 75%);z-index:0}.hero>*:not(.hero-glow){z-index:1}#binary-field{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.theme-preview,.card,.stat{position:relative}.theme-preview{background:var(--soft)}
@media(max-width:560px){.hero{padding:18px 12px}.hero:after{background:linear-gradient(90deg,#fffffff7,#ffffffd9 55%,#ffffff8c),linear-gradient(var(--active),var(--active))}}@media(prefers-reduced-motion:reduce){.hero:before{transform:none;transition:none}.hero-glow{display:none}}

/* Clear Seattle hero panel, with visible CSS binary motion. */
.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:26px;overflow:visible;padding:8px 0 28px;min-height:470px}.hero:before,.hero:after{display:none}.hero-copy{position:relative;overflow:hidden;padding:12px 0}.hero-copy h1{font-size:clamp(38px,4vw,60px)}.hero-copy .lead{font-size:18px}.hero-copy h2{font-size:24px}.seattle-visual{position:relative;height:430px;overflow:hidden;border-radius:24px;background:var(--tint);border:1px solid var(--edge);box-shadow:0 18px 45px #192c4b10}.seattle-visual img{height:100%;width:100%;object-fit:cover;object-position:45% center;display:block;transform:translate(var(--px),var(--py)) scale(1.05);transition:transform .3s ease-out}.seattle-caption{position:absolute;bottom:18px;left:18px;right:18px;padding:13px 17px;background:#ffffffed;border:1px solid #fff;border-radius:13px;backdrop-filter:blur(12px);color:#26324c}.seattle-caption span{display:block;color:#187342;font:10px/1.8 monospace;letter-spacing:1px}.seattle-caption b{font-size:14px}#binary-field{z-index:0;opacity:1}aside{z-index:10}.theme-preview,.terminal-line{z-index:3}.hero-glow{z-index:0!important}
@media(max-width:1100px){.hero{grid-template-columns:1fr}.seattle-visual{height:350px}.hero-copy{max-width:760px}.hero{gap:12px}}@media(max-width:560px){.seattle-visual{height:300px;border-radius:18px}.hero-copy h1{font-size:36px}.hero-copy h2{font-size:21px}.hero-copy .lead{font-size:17px}.hero{padding:0 0 20px}.seattle-caption{bottom:12px;left:12px;right:12px}}@media(prefers-reduced-motion:reduce){.seattle-visual img{transform:none;transition:none}}

/* Ambient digits remain behind all content and photographs on every route. */
main{position:relative;z-index:1;background:transparent}.seattle-visual,.project-image,.banner,.art{isolation:isolate}.stat{background:#fff}

/* Home-only abstract Seattle artwork blends into the white page. */
.hero{display:flex;align-items:center;min-height:510px;overflow:hidden;isolation:isolate;border-radius:0;padding:32px 0 45px;margin-bottom:12px;background:transparent}.hero:before{display:block;content:'';position:absolute;inset:-10px;z-index:-2;background:url('assets/seattle-abstract.png') right center/cover no-repeat;filter:none;opacity:1;transform:translate(var(--px),var(--py)) scale(1.025);transition:transform .35s ease-out;mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 88%,transparent)}.hero:after{display:block;content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#ffffffd9 0%,#ffffff90 37%,transparent 66%);mix-blend-mode:normal}.hero-copy{max-width:64%;padding:0 0 20px}.hero-copy .lead{max-width:650px}.hero-copy h1{font-size:clamp(40px,4.7vw,68px)}.hero-copy h2{font-size:clamp(21px,2.3vw,28px)}
@media(max-width:1100px){.hero{min-height:510px}.hero-copy{max-width:76%}.hero:before{background-position:65% center}.hero:after{background:linear-gradient(90deg,#ffffffed,#ffffffa6 50%,#ffffff20)}}@media(max-width:560px){.hero{min-height:650px;align-items:flex-start;padding:15px 0 200px}.hero-copy{max-width:100%;padding:0}.hero-copy h1{font-size:38px}.hero:before{background-size:auto 360px;background-position:75% bottom;inset:0;mask-image:linear-gradient(to bottom,transparent 30%,#000 65%,#000 92%,transparent)}.hero:after{background:linear-gradient(to bottom,#fff 35%,#ffffffdd 55%,transparent 80%)}.hero-copy .lead{font-size:17px}}@media(prefers-reduced-motion:reduce){.hero:before{transform:none;transition:none}}

/* Midnight preview preserves the light options for comparison. */
:root[data-theme="dark"]{color-scheme:dark;--tint:#121b17;--active:#1b3024;--accent:#8bddaa;--edge:#29362f;--soft:#0e1411;--hacker:#6be39a}
[data-theme="dark"] body{background:#080b0a;color:#edf3ef}[data-theme="dark"] p{color:#a7b5ad}[data-theme="dark"] h1,[data-theme="dark"] h2,[data-theme="dark"] h3,[data-theme="dark"] h4{color:#eef4f0}[data-theme="dark"] aside{background:linear-gradient(165deg,#101713,#0b100d);border-color:#26342b}[data-theme="dark"] .logo,[data-theme="dark"] .sidebar-name{color:#eef4f0}[data-theme="dark"] .sidebar-name small{color:#91a599}[data-theme="dark"] nav a{color:#a7b8ad}[data-theme="dark"] nav a.active{color:#a1efbc}[data-theme="dark"] .card,[data-theme="dark"] .stat,[data-theme="dark"] dialog{background:#101713;color:#e5eee8;box-shadow:0 12px 28px #0002}[data-theme="dark"] .btn{background:#111c15;color:#c5e6d0}[data-theme="dark"] .btn.primary{background:#264b34;border-color:#3a6c4b;color:#e3ffec}[data-theme="dark"] .theme-option{background:#131c17;color:#dae7df;border-color:#34433a}[data-theme="dark"] .theme-option[aria-pressed="true"]{border-color:#81c99c}[data-theme="dark"] .theme-option small,[data-theme="dark"] .theme-hint,[data-theme="dark"] .note{color:#95a89c}[data-theme="dark"] .theme-swatch{border-color:#46554c;background:linear-gradient(140deg,#141c17 40%,var(--swatch) 41%)}[data-theme="dark"] .terminal-line{border-color:#26392d;color:var(--hacker)}[data-theme="dark"] .eyebrow,[data-theme="dark"] .role h4{color:var(--hacker)}[data-theme="dark"] .hero:before{filter:grayscale(1) invert(1);mix-blend-mode:screen;opacity:.5}[data-theme="dark"] .hero:after{background:linear-gradient(90deg,#080b0af0 0%,#080b0a9e 37%,transparent 70%)}[data-theme="dark"] .hero .location{color:#a5b8ac}[data-theme="dark"] .art,[data-theme="dark"] .art.cloud,[data-theme="dark"] .art.code{background:linear-gradient(135deg,#182820,#101b15);color:#95b4a0}[data-theme="dark"] .photo{background:#162019;color:#a5b8ac}[data-theme="dark"] .banner span{background:#0d1812ed;color:#e2f2e7}[data-theme="dark"] #close{background:#233b2c;color:#d5efdf}[data-theme="dark"] dialog::backdrop{background:#000b}[data-theme="dark"] .project-image{background:#162019}
.theme-options{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:560px){.theme-options{grid-template-columns:repeat(2,minmax(0,1fr))}[data-theme="dark"] .hero:after{background:linear-gradient(to bottom,#080b0a 35%,#080b0add 55%,transparent 80%)}}

.company-heading{display:flex;align-items:center;gap:22px;margin-bottom:22px}.company-logo{flex:0 0 138px;width:138px;height:86px;padding:14px;background:#fff;border:1px solid #dfe8e2;border-radius:12px;display:flex;align-items:center;justify-content:center}.company-logo img{display:block;width:100%;height:100%;object-fit:contain}.company-heading h2{margin:0 0 8px}.company-heading h3{font-size:17px;color:#acbdb2;font-weight:500}.certification-section{margin-top:66px;padding-top:34px;border-top:1px solid var(--edge)}.section-intro{margin-bottom:26px}.section-intro h2{font-size:32px;margin:8px 0 12px}.section-intro .eyebrow{margin-bottom:8px}.certification-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.certification-card{padding:20px;background:#101713;border:1px solid var(--edge);border-radius:18px;position:relative}.certification-logo{height:86px;background:#fff;border-radius:10px;padding:18px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.certification-logo img{display:block;width:100%;height:100%;object-fit:contain}.certification-card:nth-child(6) .certification-logo{padding:5px}.certification-card .certification-issuer{font:11px monospace;letter-spacing:1px;text-transform:uppercase;color:#8bd9a7;margin:0 0 9px}.certification-card h3{font-size:20px;line-height:1.3;margin-bottom:8px}.certification-card .certification-area{font-size:12px;margin:0;color:#9aae9f;line-height:1.6}@media(max-width:1150px){.certification-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.company-heading{flex-direction:column;align-items:flex-start;gap:16px}.company-logo{flex-basis:auto;width:128px;height:76px}.certification-grid{grid-template-columns:1fr}.certification-card{display:grid;grid-template-columns:80px 1fr;column-gap:16px;padding:17px}.certification-logo{grid-row:1/4;height:80px;margin:0;padding:10px}.certification-card h3{font-size:19px}.certification-section{margin-top:40px}.section-intro h2{font-size:28px}}

/* Company wordmarks identify each employer directly, without white tiles. */
.company-heading{flex-direction:column;align-items:flex-start;gap:16px}.company-heading .company-logo{display:flex;align-items:center;justify-content:flex-start;width:190px;height:68px;flex:0 0 auto;padding:0;margin:0;background:transparent;border:0;border-radius:0}.company-logo img{object-fit:contain;object-position:left center;width:100%;height:100%;filter:brightness(0) invert(1);opacity:.94}.company-heading h3{margin:0;line-height:1.6}@media(max-width:560px){.company-heading .company-logo{width:165px;height:58px}}

/* Employer title left, transparent wordmark right. */
.company-heading{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:28px}.company-details{flex:1;min-width:0}.company-heading .company-logo{flex:0 0 170px;width:170px;height:64px;margin-left:auto}.company-logo img{object-position:right center}.company-details h2{margin:0 0 9px}.company-details h3{font-size:16px}
/* Light rainfall stays over the Seattle skyline on Home. */
.hero .seattle-rain{position:absolute;inset:0 0 0 47%;z-index:0;overflow:hidden;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 22%,#000 90%,transparent)}.seattle-rain span{position:absolute;top:-70px;left:var(--rain-x);width:1px;height:var(--rain-length);background:linear-gradient(transparent,#c1dce3);opacity:var(--rain-alpha);transform:rotate(12deg);animation:seattle-drizzle var(--rain-speed) linear infinite;animation-delay:var(--rain-delay);will-change:transform}.hero .hero-copy{position:relative;z-index:1}@keyframes seattle-drizzle{from{transform:translate3d(25px,-40px,0) rotate(12deg)}to{transform:translate3d(-90px,720px,0) rotate(12deg)}}@media(max-width:560px){.company-heading{gap:14px;align-items:flex-start}.company-heading .company-logo{flex-basis:85px;width:85px;height:48px;margin-top:4px}.company-details h2{font-size:21px}.company-details h3{font-size:14px}.hero .seattle-rain{inset:55% 0 0 0;mask-image:linear-gradient(transparent,#000 20%,#000 85%,transparent)}}@media(prefers-reduced-motion:reduce){.hero .seattle-rain{display:none}}
/* WordPress content, reading views and native controls. */
.site-sidebar nav a{display:flex}.site-footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid var(--edge);padding-top:24px;margin-top:70px;color:#8ea699;font-size:13px}a{color:#9ee6b8}.card-title{font-size:24px;margin:0 0 12px}.card-title a{text-decoration:none;color:inherit}.card-link{margin-top:18px}.project-image{display:block}.project-image img{height:100%;object-fit:cover}.entry-content{line-height:1.85;overflow-wrap:anywhere}.entry-content a{text-decoration:underline}.entry-content img{max-width:100%;height:auto}.entry-content figure{max-width:100%;margin:24px 0}.entry-content pre{overflow:auto;padding:20px;border:1px solid var(--edge);background:#070d09;border-radius:12px}.entry-content blockquote{margin:28px 0;border-left:3px solid #78c995;padding-left:22px;color:#bbcec1}.entry-content table{width:100%;border-collapse:collapse}.entry-content th,.entry-content td{padding:12px;border:1px solid var(--edge)}.entry-content .wp-block-gallery img{border-radius:12px}.entry-content figcaption{font-size:13px;color:#9daf9f}.single-entry{max-width:1040px}.single-entry h1{margin-top:18px}.single-cover{margin:28px 0;border-radius:20px;overflow:hidden}.single-cover img{display:block;max-width:100%;width:100%;max-height:520px;object-fit:cover}.back-link{display:inline-block;margin-bottom:30px}.page-copy{max-width:1000px}.intro-content{font-size:20px;max-width:1000px}.about-portrait{display:block;width:280px;max-width:100%;height:auto;border-radius:20px;margin:25px 0}.entry-date{font-size:13px}.pagination{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;margin-top:36px}.pagination a,.pagination span{display:inline-flex;width:auto;height:auto;padding:8px 16px;border:1px solid var(--edge);border-radius:8px;color:#b7d9c3}.pagination .current{background:var(--active)}.pagination a:hover:after{display:none}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;overflow:hidden;padding:0;position:absolute!important;white-space:nowrap}.skip-link:focus{clip:auto;clip-path:none;height:auto;width:auto;top:10px;left:10px;padding:12px;background:white;color:black;z-index:100000}.admin-bar .site-sidebar{top:32px}.home-extra{margin-top:50px}.credential-link{font-size:12px;display:inline-block;margin-top:12px}.certification-logo img{width:100%;height:100%;object-fit:contain}.company-logo img{width:100%;height:100%;object-fit:contain}.wp-block-image.aligncenter{margin-left:auto;margin-right:auto}.empty-state{padding:35px;border:1px solid var(--edge);border-radius:18px}.post-tags{margin-top:28px;font-size:14px}
@media(max-width:782px){.admin-bar .site-sidebar{top:46px}}@media(max-width:600px){#wpadminbar{position:fixed}.single-entry h1{font-size:34px}.intro-content{font-size:18px}.site-footer{margin-top:40px}}

/* Bespoke SA identity and restrained geometric typography. */
aside .logo{display:inline-flex;align-self:flex-start;align-items:center;justify-content:center;width:84px;height:84px;margin:22px 8px 12px;text-decoration:none;line-height:1;transition:transform .2s ease}.logo img{display:block;width:100%;height:100%;object-fit:contain}.logo:hover{transform:translateY(-2px)}.sidebar-name{font-family:'Space Grotesk',Inter,system-ui,sans-serif;font-size:20px;font-weight:600;letter-spacing:-.65px;line-height:1.35;margin:0 14px 32px}.sidebar-name small{font-family:Inter,system-ui,sans-serif;font-size:11px;letter-spacing:.65px;font-weight:500;margin-top:8px}.hero-copy h1{font-family:'Space Grotesk',Inter,system-ui,sans-serif;font-weight:500;letter-spacing:-.055em;line-height:1.06;font-size:clamp(42px,5vw,70px)}.hero-copy h2{font-weight:500;letter-spacing:-.5px}nav a:focus-visible,.logo:focus-visible{outline:2px solid #87dfac;outline-offset:4px}
@media(max-width:800px){aside .logo{width:45px;height:45px;margin:22px 0 28px;align-self:center}.sidebar-name{display:none}}@media(max-width:560px){aside .logo{width:40px;height:40px;margin:22px 0 26px}.hero-copy h1{font-size:41px}}@media(prefers-reduced-motion:reduce){.logo{transition:none}.logo:hover{transform:none}}

/* Compact icon actions and a clear Seattle skyline on mobile. */
.hero .actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;white-space:nowrap}
.action-icon{width:20px;height:20px;flex-shrink:0}
.hero .seattle-rain span{width:1.2px;background:linear-gradient(transparent,#cce4ed);filter:drop-shadow(0 0 1px #bad9e44d)}
@media(max-width:800px){.hero .actions{flex-direction:column;align-items:flex-start;gap:12px}.hero .actions .btn{min-width:175px}}
@media(max-width:560px){.hero{padding-bottom:280px}.hero .seattle-rain{inset:0;mask-image:linear-gradient(to bottom,transparent calc(100% - 300px),#000 calc(100% - 230px),#000 88%,transparent)}}