.phpdev-page-head{background:linear-gradient(180deg,#070c14,var(--ground));border-bottom:1px solid var(--line);margin-top:-72px;overflow:hidden;padding-top:72px;position:relative}.phpdev-page-head:before{background-image:linear-gradient(hsla(0,0%,100%,.09) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.09) 1px,transparent 0);background-size:64px 64px;content:"";inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#000 22%,transparent);mask-image:linear-gradient(90deg,#000,#000 22%,transparent);opacity:.5;pointer-events:none;position:absolute}.phpdev-page-head:after{background:radial-gradient(closest-side,rgba(77,141,255,.2),transparent 70%);border-radius:50%;content:"";height:34rem;pointer-events:none;position:absolute;right:-8rem;top:-20rem;width:34rem}.phpdev-page-head .wrap{display:flex;flex-direction:column;gap:1rem;padding-block:clamp(2.25rem,4vw,3.25rem) clamp(2.5rem,5vw,3.75rem);position:relative;z-index:1}.phpdev-page-head h1{font-size:clamp(2rem,4.4vw,3.4rem);letter-spacing:-.04em;line-height:1.06;margin:0}.phpdev-page-head .lede{max-width:50ch}.phpdev-page-head .crumbs{color:var(--ink-dim);font-family:var(--mono);font-size:var(--fs-xs);letter-spacing:.06em;margin:0}.phpdev-page-head .crumbs,.phpdev-page-head .crumbs>span{align-items:center;display:flex;flex-wrap:wrap;gap:.55em}.phpdev-page-head .crumbs a{color:var(--ink-dim);transition:color .3s ease-in-out}.phpdev-page-head .crumbs a:hover{color:var(--accent-2)}.phpdev-page-head .crumbs .breadcrumb_last,.phpdev-page-head .crumbs b{color:var(--ink-soft);font-weight:400}.phpdev-page-head .phead-copy{display:flex;flex-direction:column;gap:1rem;min-width:0}.phpdev-page-head .wrap.has-meta{align-items:center;display:grid;gap:clamp(1.5rem,4vw,3rem);grid-template-columns:minmax(0,1fr) minmax(0,clamp(16rem,32%,24rem))}.phpdev-page-head .phead-meta{background:linear-gradient(180deg,var(--s2),var(--s1));border:1px solid var(--line-2);border-radius:var(--r);box-shadow:inset 0 1px 0 var(--hi);display:flex;flex-direction:column;gap:0;margin:0;overflow:hidden}.phpdev-page-head .phead-meta>div{align-items:baseline;border-top:1px solid var(--line);-moz-column-gap:.45rem;column-gap:.45rem;display:grid;grid-template-columns:3rem 1fr;padding:clamp(.9rem,1.8vw,1.15rem) clamp(1.1rem,2vw,1.4rem);row-gap:.45rem}.phpdev-page-head .phead-meta>div:first-child{border-top:0}.phpdev-page-head.meta-wide .phead-meta>div{grid-template-columns:5.5rem 1fr}.phpdev-page-head .phead-meta>div:before{background:var(--accent);border-radius:1px;content:"";grid-column:1/-1;height:2px;opacity:.55;width:1.5rem}.phpdev-page-head .phead-meta dt{color:var(--ink-soft);font-family:var(--mono);font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase}.phpdev-page-head .phead-meta dd{color:var(--ink);font-size:var(--fs-md);font-weight:600;letter-spacing:-.02em;line-height:1.3;margin:0}.phpdev-page-head .phead-meta a{color:var(--accent-2);transition:color .3s ease-in-out}.phpdev-page-head .phead-meta a:hover{color:var(--ink)}.phpdev-page-head .wrap.has-shot{align-items:stretch;display:grid;gap:clamp(1.5rem,4vw,3rem);grid-template-columns:minmax(0,1fr) minmax(0,clamp(15rem,38%,28rem))}.phpdev-page-head .phead-shot{background:radial-gradient(130% 100% at 50% 0,#0e1724,#05080e);border:1px solid var(--line);border-radius:var(--r);box-shadow:0 24px 50px -28px #000;display:flex;overflow:hidden;padding:1.25rem}.phpdev-page-head .phead-shot img,.phpdev-page-head .phead-shot svg{display:block;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;width:100%}@media (max-width:900px){.phpdev-page-head .wrap.has-meta,.phpdev-page-head .wrap.has-shot{grid-template-columns:minmax(0,1fr)}.phpdev-page-head .phead-shot{align-items:flex-start;justify-content:center;padding:1rem}.phpdev-page-head .phead-shot img,.phpdev-page-head .phead-shot svg{height:auto;max-width:100%;width:auto}}.phpdev-page-head .phead-tech{aspect-ratio:560/300;bottom:.9rem;height:auto;margin-block:auto;-webkit-mask-image:linear-gradient(90deg,transparent,#000 42%);mask-image:linear-gradient(90deg,transparent,#000 42%);max-width:min(40%,25rem);opacity:.6;pointer-events:none;position:absolute;right:0;top:calc(72px + .9rem);width:auto}.phpdev-page-head .phead-tech .wire{stroke-dasharray:4 7;animation:wire 14s linear infinite}@media (max-width:900px){.phpdev-page-head .phead-tech{display:none}}@media (prefers-reduced-motion:reduce){.phpdev-page-head .phead-tech .wire{animation:none}}
/*# sourceMappingURL=page-head.css.map */