:root{ --noman-font-body:var(--wp--preset--font-family--calibri); --noman-font-heading:var(--wp--preset--font-family--calibri); --noman-font-meta:var(--wp--preset--font-family--calibri); --noman-container:var(--wp--style--global--wide-size);--noman-content:var(--wp--custom--noman--content-width);--noman-gutter:var(--wp--custom--noman--gutter);--noman-logo-width:var(--wp--custom--noman--logo-width); --noman-radius-sm:var(--wp--custom--noman--radius-sm);--noman-radius-md:var(--wp--custom--noman--radius-md);--noman-radius-lg:var(--wp--custom--noman--radius-lg); --noman-border:var(--wp--preset--color--border);--noman-focus:var(--wp--preset--color--primary); } *,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--wp--preset--color--base);color:var(--wp--preset--color--text);font-family:var(--noman-font-body);font-size:clamp(1rem,.965rem + .18vw,1.1rem);line-height:1.72;letter-spacing:-.008em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{max-width:100%;height:auto}a{color:var(--wp--preset--color--primary);text-underline-offset:.18em}a:hover{color:var(--wp--preset--color--primary-dark)}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}:focus-visible{outline:3px solid var(--noman-focus);outline-color:color-mix(in srgb,var(--noman-focus) 60%,transparent);outline-offset:3px;border-radius:.2rem} .screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.screen-reader-text:focus{clip:auto!important;width:auto;height:auto;margin:0;padding:.75rem 1rem;background:var(--wp--preset--color--base);color:var(--wp--preset--color--text);z-index:99999;top:.5rem;left:.5rem}.skip-link{position:fixed!important} .container-wide{width:min(calc(100% - (2 * var(--noman-gutter))),var(--noman-container));margin-inline:auto}.container-content{width:min(calc(100% - 2*var(--noman-gutter)),var(--noman-content));margin-inline:auto}.site-main{padding-block:clamp(3rem,7vw,7rem)}.nq-home.site-main{padding-block:0}h1,h2,h3,h4,h5,h6{font-family:var(--noman-font-heading);font-weight:400;letter-spacing:-.035em;text-wrap:balance;font-synthesis:none}h1{font-size:clamp(3rem,6.5vw,5.75rem);line-height:.94}h2{font-size:clamp(2rem,3.8vw,3.4rem);line-height:1}h3{font-size:clamp(1.4rem,2.1vw,1.9rem);line-height:1.08}.lede{font-size:clamp(1.15rem,2.3vw,1.5rem);color:var(--wp--preset--color--muted);max-width:65ch}.eyebrow{font-family:var(--noman-font-meta);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--wp--preset--color--muted);font-weight:700}.text-link{font-weight:700;text-decoration:none}.button,.wp-element-button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.72rem 1.05rem;border-radius:var(--noman-radius-sm);border:1px solid transparent;background:var(--wp--preset--color--primary);color:var(--wp--preset--color--base)!important;text-decoration:none;font-weight:700}.button:hover{background:var(--wp--preset--color--primary-dark)}.button-secondary{background:transparent;color:var(--wp--preset--color--text)!important;border-color:var(--noman-border)}.button-small{padding:.5rem .75rem;font-size:.9rem} .site-header{position:relative;z-index:100;border-bottom:1px solid var(--noman-border);background:var(--wp--preset--color--base);background:color-mix(in srgb,var(--wp--preset--color--base) 94%,transparent);backdrop-filter:saturate(150%) blur(12px)}.site-header.is-sticky{position:sticky;top:0}.admin-bar .site-header.is-sticky{top:32px}.site-header[data-header-variant="transparent"]{position:absolute;width:100%;background:transparent;border-color:transparent}.site-header__inner{min-height:74px;display:grid;grid-template-columns:auto 1fr auto;gap:1.25rem;align-items:center}.site-header__inner--centered{grid-template-columns:1fr auto 1fr}.site-header__inner--centered .site-branding{grid-column:2}.site-title{font-family:var(--noman-font-body);font-weight:700;letter-spacing:-.025em;color:var(--wp--preset--color--text);text-decoration:none;font-size:1.08rem}.custom-logo{display:block;max-height:42px;width:auto;max-width:min(var(--noman-logo-width),40vw)}.site-header__desktop{justify-self:center}.site-header__actions{display:flex;align-items:center;gap:.65rem}.primary-menu,.footer-menu,.mobile-menu{list-style:none;margin:0;padding:0}.primary-menu{display:flex;align-items:center;gap:1.35rem}.primary-menu a{color:var(--wp--preset--color--text);text-decoration:none;font-size:.9rem;font-weight:600;letter-spacing:-.012em}.primary-menu>.menu-item{position:relative}.primary-menu .sub-menu{position:absolute;left:0;top:calc(100% + 1rem);min-width:220px;background:var(--wp--preset--color--base);border:1px solid var(--noman-border);box-shadow:var(--wp--preset--shadow--card);padding:.5rem;border-radius:var(--noman-radius-md);list-style:none;opacity:0;visibility:hidden;transform:translateY(-5px);transition:.16s ease}.primary-menu li:hover>.sub-menu,.primary-menu li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}.primary-menu .sub-menu a{display:block;padding:.6rem .7rem;border-radius:.45rem}.primary-menu .sub-menu a:hover{background:var(--wp--preset--color--surface)}.menu-toggle{display:none;background:none;border:1px solid var(--noman-border);border-radius:.5rem;padding:.4rem .55rem;color:inherit}.header-search{position:relative}.header-search summary{cursor:pointer;list-style:none;font-size:1.25rem}.header-search__panel{position:absolute;right:0;top:2.4rem;width:min(340px,80vw);padding:1rem;background:var(--wp--preset--color--base);border:1px solid var(--noman-border);border-radius:var(--noman-radius-md);box-shadow:var(--wp--preset--shadow--card)}.header-search input[type="search"]{width:100%;padding:.7rem;border:1px solid var(--noman-border);border-radius:.5rem}.mobile-navigation{border-top:1px solid var(--noman-border);background:var(--wp--preset--color--base)}.mobile-navigation__inner{padding-block:1rem}.mobile-menu li{position:relative;border-bottom:1px solid var(--noman-border)}.mobile-menu a{display:block;padding:.85rem 2.6rem .85rem 0;color:inherit;text-decoration:none;font-weight:650}.mobile-menu .sub-menu{list-style:none;padding:0 0 .75rem 1rem}.submenu-toggle{position:absolute;right:0;top:.45rem;width:2rem;height:2rem;border:0;background:var(--wp--preset--color--surface);border-radius:.4rem} .front-hero{padding-block:clamp(5rem,12vw,10rem);border-bottom:1px solid var(--noman-border)}.front-hero__grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,.6fr);gap:clamp(2rem,7vw,7rem);align-items:end}.front-hero h1{max-width:14ch;margin:.5rem 0 1.25rem}.front-hero__note{border:1px solid var(--noman-border);padding:1.25rem;border-radius:var(--noman-radius-md);display:grid;gap:.35rem;background:var(--wp--preset--color--surface)}.front-hero__note span,.front-hero__note small{font-family:var(--noman-font-meta);font-size:.72rem;letter-spacing:.12em}.front-content{padding-block:clamp(3rem,8vw,7rem)}.front-section{padding-block:clamp(3rem,8vw,7rem);border-top:1px solid var(--noman-border)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2rem}.section-heading h2{margin:.2rem 0 0}.archive-header{max-width:850px;margin-bottom:clamp(2rem,5vw,4rem)}.archive-header h1{margin:.4rem 0 1rem}.archive-description{color:var(--wp--preset--color--muted);font-size:1.15rem}.content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--noman-border);border:1px solid var(--noman-border)}.content-grid--list{grid-template-columns:1fr}.content-card{min-width:0;background:var(--wp--preset--color--base);display:flex;flex-direction:column}.content-card__media{aspect-ratio:16/10;overflow:hidden;background:var(--wp--preset--color--surface)}.content-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.noman-motion .content-card:hover .content-card__media img{transform:scale(1.025)}.content-card__body{padding:1.5rem;display:flex;flex-direction:column;align-items:flex-start;flex:1}.content-card__kicker{font-family:var(--noman-font-meta);font-size:.68rem;letter-spacing:.11em;text-transform:uppercase;color:var(--wp--preset--color--muted)}.content-card__title{font-size:1.4rem;margin:.55rem 0}.content-card__title a{color:inherit;text-decoration:none}.content-card__excerpt{color:var(--wp--preset--color--muted);margin-bottom:1rem}.content-card .text-link{margin-top:auto}.entry-meta{display:flex;flex-wrap:wrap;gap:.4rem 1rem;font-size:.82rem;color:var(--wp--preset--color--muted);margin-block:.8rem 1rem}.entry-meta a{color:inherit}.entry-header{padding-block:clamp(2rem,6vw,5rem);border-bottom:1px solid var(--noman-border);margin-bottom:clamp(2rem,5vw,4rem)}.entry-header h1{margin:.5rem 0 1.2rem}.entry-hero{margin:0 0 clamp(2rem,6vw,5rem)}.entry-hero img{border-radius:var(--noman-radius-lg)}.entry-content{font-size:clamp(1.02rem,1.15vw,1.12rem);line-height:1.78;letter-spacing:-.006em}.entry-content p{max-width:68ch}.entry-content strong{font-weight:650}.entry-content>:where(p,ul,ol,blockquote,pre,table){margin-block:0 1.5rem}.entry-content h2{margin-top:3.4rem;margin-bottom:1.1rem}.entry-content h3{margin-top:2.6rem;margin-bottom:.9rem}.entry-content pre{overflow:auto;padding:1.25rem;background:var(--wp--preset--color--surface-alt);border-radius:var(--noman-radius-md)}.entry-content table{width:100%;border-collapse:collapse}.entry-content th,.entry-content td{padding:.7rem;border:1px solid var(--noman-border);text-align:left}.entry-actions,.tool-launch{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-block:2rem;padding:1rem;border:1px solid var(--noman-border);border-radius:var(--noman-radius-md)}.project-facts{display:flex;gap:1.5rem;flex-wrap:wrap;margin-top:1.5rem}.project-facts span{display:grid;gap:.1rem}.project-facts small{font-family:var(--noman-font-meta);color:var(--wp--preset--color--muted);text-transform:uppercase;font-size:.68rem}.status-dot{display:inline-block;width:.55rem;height:.55rem;background:var(--wp--preset--color--success);border-radius:99px;margin-right:.5rem}.share-links{display:flex;gap:1rem;flex-wrap:wrap;padding-block:2rem;border-top:1px solid var(--noman-border);margin-top:3rem}.share-links span{font-weight:700}.navigation.post-navigation{margin-block:3rem;padding-block:2rem;border-top:1px solid var(--noman-border)}.nav-links{display:flex;justify-content:space-between;gap:2rem}.empty-state{text-align:center;padding-block:8rem}.empty-state form{max-width:480px;margin:2rem auto}.comments-area{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--noman-border)}.comment-list{padding-left:1.25rem}.comment-body{padding:1rem 0;border-bottom:1px solid var(--noman-border)}input,textarea,select{max-width:100%;padding:.7rem .8rem;border:1px solid var(--noman-border);border-radius:.5rem;background:var(--wp--preset--color--base);color:inherit} .site-footer{border-top:1px solid var(--noman-border);padding-block:3rem;background:var(--wp--preset--color--surface)}.footer-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:4rem}.footer-grid--extended{grid-template-columns:1.2fr .6fr .6fr}.footer-title{font-family:var(--noman-font-heading);font-size:1.2rem}.footer-heading{font-size:1rem}.footer-menu li+li{margin-top:.45rem}.footer-menu a{color:inherit}.footer-bottom,.footer-compact{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.82rem;color:var(--wp--preset--color--muted);margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--noman-border)}.footer-menu--inline{display:flex;gap:1rem}.footer-compact{margin-top:0;padding-top:0;border:0} .noman-mega-menu>.sub-menu{width:min(760px,80vw);display:grid;grid-template-columns:repeat(var(--noman-mega-columns,3),minmax(0,1fr));gap:.2rem}.noman-mega-columns-2{--noman-mega-columns:2}.noman-mega-columns-3{--noman-mega-columns:3}.noman-mega-columns-4{--noman-mega-columns:4}.noman-menu-badge{font-size:.65rem;margin-left:.35rem;padding:.12rem .32rem;border-radius:99px;background:var(--wp--preset--color--surface-alt);color:var(--wp--preset--color--muted)}.noman-menu-description{display:block;font-weight:400;color:var(--wp--preset--color--muted);font-size:.75rem;margin-top:.1rem} @media(max-width:900px){.admin-bar .site-header.is-sticky{top:46px}.site-header__desktop,.site-header__actions .button,.header-search{display:none}.menu-toggle{display:block}.site-header__inner,.site-header__inner--centered{grid-template-columns:1fr auto}.site-header__inner--centered .site-branding{grid-column:auto}.front-hero__grid{grid-template-columns:1fr}.content-grid{grid-template-columns:1fr 1fr}.footer-grid,.footer-grid--extended{grid-template-columns:1fr 1fr}} @media(max-width:600px){.content-grid{grid-template-columns:1fr}.section-heading{align-items:start;flex-direction:column;gap:.5rem}.footer-grid,.footer-grid--extended{grid-template-columns:1fr}.nav-links{flex-direction:column}.site-main{padding-block:2.5rem}.front-hero{padding-block:4rem}.footer-bottom{flex-direction:column}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}} .author-profile{display:grid;grid-template-columns:auto 1fr;gap:2rem;align-items:start;padding-bottom:3rem;margin-bottom:3rem;border-bottom:1px solid var(--noman-border)}.author-profile img{border-radius:999px}.author-profile h1{margin:.3rem 0 1rem}.author-expertise{display:flex;gap:1.5rem;flex-wrap:wrap}.author-expertise span{display:grid}.author-expertise small{font-family:var(--noman-font-meta);font-size:.68rem;text-transform:uppercase;color:var(--wp--preset--color--muted)}@media(max-width:600px){.author-profile{grid-template-columns:1fr}} :root{ --nq-ink:var(--wp--preset--color--text); --nq-paper:var(--wp--preset--color--base); --nq-orange:var(--wp--preset--color--primary); --nq-acid:var(--wp--preset--color--accent); --nq-line:color-mix(in srgb,var(--nq-ink) 18%,transparent); --nq-muted:color-mix(in srgb,var(--nq-ink) 58%,transparent); --nq-dark:var(--wp--preset--color--dark-base); --nq-dark-2:var(--wp--preset--color--dark-surface); --nq-light:var(--wp--preset--color--base); --nq-max:1320px; } body{background:var(--nq-paper);color:var(--nq-ink)} .site-header{background:color-mix(in srgb,var(--nq-paper) 92%,transparent);backdrop-filter:blur(14px);border-color:var(--nq-line)} .site-title{font-family:var(--noman-font-body);font-size:.95rem;font-weight:700;letter-spacing:-.025em;text-transform:none} .primary-menu a{font-family:var(--noman-font-body);font-size:.875rem;font-weight:600;letter-spacing:-.012em;text-transform:none} .button,.button-small{border-radius:0!important;text-transform:none;font-family:var(--noman-font-body);font-weight:700;letter-spacing:-.01em;font-size:.82rem} .site-footer{background:var(--nq-dark);color:var(--wp--preset--color--dark-text);border-top:0}.site-footer a,.site-footer .footer-title{color:inherit}.site-footer .footer-bottom{border-color:var(--wp--preset--color--dark-border);color:var(--wp--preset--color--dark-muted)} .nq-home{padding:0!important} .nq-masthead{position:relative;border-bottom:1px solid var(--nq-line);overflow:hidden} .nq-masthead:before{content:attr(data-watermark);position:absolute;z-index:0;right:-.055em;top:.02em;font-family:var(--noman-font-heading);font-size:clamp(13rem,36vw,38rem);font-weight:700;letter-spacing:-.13em;line-height:.72;color:color-mix(in srgb,var(--nq-orange) 8%,transparent);pointer-events:none;user-select:none} .nq-masthead__meta{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;padding-block:.8rem;border-bottom:1px solid var(--nq-line);font-family:var(--noman-font-meta);font-size:.65rem;letter-spacing:.11em;text-transform:uppercase} .nq-masthead__meta span:last-child{text-align:right} .nq-hero{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.5fr);gap:clamp(2.5rem,7vw,8rem);align-items:end;padding-block:clamp(5rem,11vw,10rem) clamp(4rem,8vw,7rem)} .nq-kicker,.nq-section-code,.nq-console__top,.nq-timeline__tag{font-family:var(--noman-font-meta);font-size:.67rem;letter-spacing:.12em;text-transform:uppercase} .nq-kicker{color:var(--nq-orange);font-weight:700;margin:0 0 1.3rem} .nq-hero h1{font-family:var(--noman-font-heading);font-size:clamp(4rem,9vw,8.25rem);font-weight:400;line-height:.84;letter-spacing:-.052em;max-width:8.2ch;margin:0} .nq-hero__lede{font-size:clamp(1.2rem,2.3vw,1.75rem);line-height:1.38;max-width:47rem;margin:2.4rem 0 0;color:var(--nq-muted)} .nq-hero__actions{display:flex;gap:0;flex-wrap:wrap;margin-top:2.4rem} .nq-link-button{display:flex;align-items:center;gap:2.5rem;background:var(--nq-ink);color:var(--nq-paper)!important;padding:1rem 1.1rem;text-decoration:none;font-family:var(--noman-font-meta);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--nq-ink)} .nq-link-button:hover{background:var(--nq-orange);border-color:var(--nq-orange)} .nq-link-button--quiet{background:transparent;color:var(--nq-ink)!important} .nq-link-button--quiet:hover{color:var(--nq-paper)!important} .nq-hero__console{border-top:3px solid var(--nq-orange);border-bottom:1px solid var(--nq-line);padding:1.2rem 0 1rem} .nq-console__top{display:flex;align-items:center;gap:.65rem;color:var(--nq-muted);margin-bottom:1.2rem} .nq-pulse{width:.52rem;height:.52rem;border-radius:99px;background:var(--nq-acid);box-shadow:0 0 0 .25rem color-mix(in srgb,var(--nq-acid) 22%,transparent)} .nq-hero__console dl{margin:0}.nq-hero__console dl>div{display:grid;grid-template-columns:90px 1fr;gap:1rem;padding:.68rem 0;border-top:1px solid var(--nq-line)} .nq-hero__console dt{font-family:var(--noman-font-meta);font-size:.64rem;text-transform:uppercase;color:var(--nq-muted)} .nq-hero__console dd{margin:0;font-size:.9rem;font-weight:700} .nq-hero__console>a{display:inline-block;margin-top:1rem;color:inherit;font-weight:700} .nq-signal{position:relative;z-index:1;display:flex;justify-content:space-between;gap:2rem;overflow:hidden;padding-block:.85rem;border-top:1px solid var(--nq-line);font-family:var(--noman-font-meta);font-size:.65rem;letter-spacing:.1em;white-space:nowrap} .nq-signal span:before{content:"●";color:var(--nq-orange);margin-right:.55rem;font-size:.5rem} .nq-intro,.nq-operating-map,.nq-index-section,.nq-writing{padding-block:clamp(5rem,10vw,9rem)} .nq-intro{display:grid;grid-template-columns:minmax(140px,.28fr) minmax(0,1fr);gap:clamp(2rem,7vw,8rem);border-bottom:1px solid var(--nq-line)} .nq-section-code{color:var(--nq-orange);font-weight:700} .nq-intro__content{max-width:850px;font-family:var(--noman-font-heading);font-size:clamp(1.55rem,2.7vw,2.45rem);line-height:1.3;letter-spacing:-.025em} .nq-intro__content p{margin-top:0} .nq-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.45fr);gap:2rem;align-items:end;margin-bottom:clamp(2.5rem,5vw,4.5rem)} .nq-section-head>div{max-width:850px}.nq-section-head h2{font-family:var(--noman-font-heading);font-size:clamp(2.5rem,4.7vw,4.65rem);font-weight:400;line-height:.98;letter-spacing:-.04em;margin:.75rem 0 0} .nq-section-head>p{color:var(--nq-muted);max-width:38rem;margin:0} .nq-section-head>a{justify-self:end;align-self:end;color:inherit;font-family:var(--noman-font-meta);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;font-weight:700} .nq-lanes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--nq-line);border-left:1px solid var(--nq-line)} .nq-lanes article{min-height:320px;padding:1.4rem;border-right:1px solid var(--nq-line);border-bottom:1px solid var(--nq-line);display:flex;flex-direction:column} .nq-lanes article>span{font-family:var(--noman-font-meta);font-size:.7rem;color:var(--nq-orange)} .nq-lanes h3{font-family:var(--noman-font-heading);font-size:clamp(1.8rem,3vw,3.2rem);font-weight:400;margin:auto 0 1rem} .nq-lanes p{color:var(--nq-muted);font-size:.92rem;margin:0} .nq-lanes article:hover{background:var(--nq-ink);color:var(--nq-paper)}.nq-lanes article:hover p{color:var(--wp--preset--color--dark-muted)}.nq-lanes article:hover>span{color:var(--nq-acid)} .nq-story-strip,.nq-work-section{background:var(--nq-dark);color:var(--nq-light);padding-block:clamp(5rem,10vw,9rem)} .nq-section-head--light{border-color:var(--wp--preset--color--dark-border)}.nq-section-head--light .nq-section-code{color:var(--nq-acid)}.nq-section-head--light a{color:var(--nq-light)} .nq-timeline{border-top:1px solid var(--wp--preset--color--dark-border)} .nq-timeline article{display:grid;grid-template-columns:160px minmax(0,1fr);gap:clamp(1.5rem,5vw,6rem);padding:2rem 0;border-bottom:1px solid var(--wp--preset--color--dark-border)} .nq-timeline time{font-family:var(--noman-font-meta);font-size:clamp(1.5rem,3vw,2.7rem);color:var(--nq-acid)} .nq-timeline__tag{color:var(--wp--preset--color--dark-muted);margin:0 0 .5rem} .nq-timeline h3{font-family:var(--noman-font-heading);font-size:clamp(1.8rem,3vw,3rem);font-weight:400;margin:.25rem 0 .8rem;letter-spacing:-.03em} .nq-timeline p:last-child{color:var(--wp--preset--color--dark-muted);max-width:760px;margin:0} .nq-research-list{border-top:1px solid var(--nq-line)} .nq-research-row{display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:1.5rem;align-items:center;padding:1.6rem 0;border-bottom:1px solid var(--nq-line);text-decoration:none;color:inherit} .nq-row-number{font-family:var(--noman-font-meta);color:var(--nq-orange);font-size:.78rem} .nq-research-row p{font-family:var(--noman-font-meta);font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;color:var(--nq-muted);margin:0 0 .4rem} .nq-research-row h3{font-family:var(--noman-font-heading);font-size:clamp(1.5rem,3vw,2.7rem);font-weight:400;letter-spacing:-.03em;margin:0} .nq-row-arrow{font-size:1.5rem;transition:transform .2s ease}.nq-research-row:hover .nq-row-arrow{transform:translate(.25rem,-.25rem)}.nq-research-row:hover h3{color:var(--nq-orange)} .nq-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--wp--preset--color--dark-border);border-left:1px solid var(--wp--preset--color--dark-border)} .nq-project{min-height:390px;padding:1.5rem;border-right:1px solid var(--wp--preset--color--dark-border);border-bottom:1px solid var(--wp--preset--color--dark-border);color:inherit!important;text-decoration:none;display:flex;flex-direction:column} .nq-project__top{display:flex;justify-content:space-between;gap:1rem;font-family:var(--noman-font-meta);font-size:.66rem;color:var(--wp--preset--color--dark-muted);text-transform:uppercase} .nq-project h3{font-family:var(--noman-font-heading);font-size:clamp(2.2rem,4vw,4.2rem);font-weight:400;line-height:.92;letter-spacing:-.05em;margin:auto 0 1.25rem} .nq-project p{color:var(--wp--preset--color--dark-muted);margin:0 0 1.5rem}.nq-project__arrow{font-family:var(--noman-font-meta);font-size:.68rem;color:var(--nq-acid);letter-spacing:.07em} .nq-project:hover{background:var(--nq-light);color:var(--nq-dark)!important}.nq-project:hover p{color:var(--wp--preset--color--muted)}.nq-project:hover .nq-project__top{color:var(--wp--preset--color--muted)} .nq-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--nq-line);border-left:1px solid var(--nq-line)} .nq-tool{min-height:270px;padding:1.4rem;border-right:1px solid var(--nq-line);border-bottom:1px solid var(--nq-line);text-decoration:none;color:inherit!important;display:flex;flex-direction:column} .nq-tool>div{display:flex;justify-content:space-between;gap:1rem;font-family:var(--noman-font-meta);font-size:.62rem;letter-spacing:.07em;text-transform:uppercase;color:var(--nq-muted)} .nq-tool h3{font-family:var(--noman-font-heading);font-size:clamp(1.8rem,3vw,3rem);font-weight:400;margin:auto 0 .6rem}.nq-tool p{color:var(--nq-muted);margin:0 0 1rem}.nq-tool b{font-family:var(--noman-font-meta);font-size:.68rem;color:var(--nq-orange)} .nq-tool:hover{background:var(--nq-acid)} .nq-tool:hover b,.nq-tool:hover p,.nq-tool:hover>div{color:var(--nq-ink)} .nq-lab-empty,.nq-empty{border:1px solid var(--nq-line);padding:clamp(2rem,5vw,4rem);display:grid;grid-template-columns:1fr 1fr;gap:2rem} .nq-lab-empty span,.nq-empty>span{font-family:var(--noman-font-meta);font-size:.66rem;color:var(--nq-orange);letter-spacing:.08em}.nq-lab-empty h3,.nq-empty h3{font-family:var(--noman-font-heading);font-size:clamp(2rem,4vw,4rem);font-weight:400;line-height:1;margin:.7rem 0 0}.nq-lab-empty p,.nq-empty p{color:var(--nq-muted)} .nq-empty{display:block}.nq-empty--dark{border-color:var(--wp--preset--color--dark-border)}.nq-empty--dark>span{color:var(--nq-acid)} .nq-writing-list{border-top:1px solid var(--nq-line)} .nq-writing-list article{display:grid;grid-template-columns:150px minmax(0,1fr);gap:2rem;padding:1.6rem 0;border-bottom:1px solid var(--nq-line)} .nq-writing-list time{font-family:var(--noman-font-meta);font-size:.68rem;color:var(--nq-muted)}.nq-writing-list h3{font-family:var(--noman-font-heading);font-size:clamp(1.6rem,3vw,2.8rem);font-weight:400;margin:0}.nq-writing-list h3 a{color:inherit;text-decoration:none}.nq-writing-list h3 a:hover{color:var(--nq-orange)}.nq-writing-list p{color:var(--nq-muted);max-width:760px;margin:.6rem 0 0} .nq-connect{background:var(--nq-orange);color:var(--wp--preset--color--base);padding-block:clamp(5rem,10vw,9rem)} .nq-connect .nq-section-code{color:var(--wp--preset--color--text)}.nq-connect__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,8vw,9rem);align-items:start} .nq-connect h2{font-family:var(--noman-font-heading);font-size:clamp(3rem,5.5vw,5.75rem);font-weight:400;line-height:.9;letter-spacing:-.045em;margin:1rem 0}.nq-connect p{max-width:540px} .nq-socials{border-top:1px solid color-mix(in srgb,var(--wp--preset--color--base) 45%,transparent)} .nq-socials a{display:flex;justify-content:space-between;gap:1rem;padding:1.2rem 0;border-bottom:1px solid color-mix(in srgb,var(--wp--preset--color--base) 45%,transparent);color:inherit!important;text-decoration:none;font-family:var(--noman-font-meta);font-size:.76rem;text-transform:uppercase;letter-spacing:.06em}.nq-socials a:hover{padding-left:.5rem;background:color-mix(in srgb,var(--wp--preset--color--base) 8%,transparent)} .page .entry-header,.single .entry-header{background:transparent} .page .entry-header h1,.single .entry-header h1{font-family:var(--noman-font-heading);letter-spacing:-.04em} .archive-header h1{font-family:var(--noman-font-heading);letter-spacing:-.045em} .content-card{border-radius:0!important}.content-grid{gap:0}.content-card__title{font-family:var(--noman-font-heading);font-weight:400;letter-spacing:-.025em}.content-card__body{padding:1.35rem} .entry-content h2,.entry-content h3{font-family:var(--noman-font-heading);font-weight:500;letter-spacing:-.03em} .entry-content blockquote{border-left:3px solid var(--nq-orange);padding-left:1.5rem;font-family:var(--noman-font-heading);font-size:1.3em} @media(max-width:980px){ .nq-hero{grid-template-columns:1fr}.nq-hero__console{max-width:620px} .nq-lanes{grid-template-columns:1fr 1fr}.nq-projects{grid-template-columns:1fr 1fr} .nq-section-head{grid-template-columns:1fr}.nq-section-head>a{justify-self:start} } @media(max-width:700px){ .nq-masthead__meta{grid-template-columns:1fr auto}.nq-masthead__meta span:last-child{display:none} .nq-hero{padding-top:4.5rem}.nq-hero h1{font-size:clamp(3.75rem,18vw,6.5rem);line-height:.86} .nq-signal{justify-content:flex-start} .nq-intro{grid-template-columns:1fr;gap:1.5rem} .nq-lanes,.nq-projects,.nq-tool-grid,.nq-connect__grid{grid-template-columns:1fr} .nq-lanes article{min-height:240px}.nq-project{min-height:300px} .nq-timeline article{grid-template-columns:1fr;gap:.7rem} .nq-research-row{grid-template-columns:45px minmax(0,1fr) auto;gap:.7rem} .nq-writing-list article{grid-template-columns:1fr;gap:.5rem} .nq-lab-empty{grid-template-columns:1fr} } @media(prefers-reduced-motion:reduce){ .nq-research-row,.nq-project,.nq-tool,.nq-socials a{transition:none!important} } .nq-page-hero{padding-block:clamp(5rem,10vw,9rem);border-bottom:1px solid var(--nq-line)} .nq-page-hero__grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.55fr);gap:clamp(2rem,7vw,8rem);align-items:end} .nq-page-hero h1,.nq-contact-hero h1{font-family:var(--noman-font-heading);font-size:clamp(3.8rem,8.5vw,7.5rem);font-weight:400;letter-spacing:-.05em;line-height:.88;margin:.8rem 0 0} .nq-page-hero__grid>p,.nq-contact-lede{font-size:clamp(1.15rem,2vw,1.5rem);color:var(--nq-muted);margin:0} .nq-story-layout{display:grid;grid-template-columns:180px minmax(0,780px);gap:clamp(2rem,7vw,8rem);padding-block:clamp(4rem,9vw,8rem);justify-content:start} .nq-story-index{position:sticky;top:110px;align-self:start;display:grid;grid-template-columns:34px 1fr;gap:.55rem .8rem;font-family:var(--noman-font-meta);font-size:.66rem;text-transform:uppercase;color:var(--nq-muted)} .nq-story-index span{color:var(--nq-orange)} .nq-story-index p{margin:0} .nq-story-content{font-size:1.12rem} .nq-story-content h2{font-size:clamp(2.2rem,4vw,4.4rem);margin-top:4rem} .nq-now-dashboard{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-left:1px solid var(--nq-line);border-top:1px solid var(--nq-line);margin-top:clamp(3rem,6vw,5rem)} .nq-now-card{min-height:260px;padding:1.35rem;border-right:1px solid var(--nq-line);border-bottom:1px solid var(--nq-line);display:flex;flex-direction:column} .nq-now-card>span{font-family:var(--noman-font-meta);font-size:.63rem;letter-spacing:.08em;color:var(--nq-orange)} .nq-now-card strong{font-family:var(--noman-font-heading);font-size:2.1rem;font-weight:400;margin:auto 0 .8rem} .nq-now-card p{color:var(--nq-muted);margin:0} .nq-now-content{padding-block:clamp(4rem,8vw,7rem)} .nq-contact-hero{padding-block:clamp(5rem,11vw,10rem);background:var(--nq-orange);color:var(--wp--preset--color--base)7ed} .nq-contact-hero .nq-section-code{color:var(--wp--preset--color--text)} .nq-contact-lede{color:var(--wp--preset--color--base)2e7;max-width:760px;margin-top:2rem} .nq-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,8vw,9rem);padding-block:clamp(4rem,9vw,8rem)} .nq-socials--contact{align-self:start;border-color:var(--nq-line)} .nq-socials--contact a{color:var(--nq-ink)!important;border-color:var(--nq-line)} @media(max-width:850px){ .nq-page-hero__grid,.nq-story-layout,.nq-contact-grid{grid-template-columns:1fr} .nq-story-index{position:static;grid-template-columns:34px 1fr;max-width:260px} .nq-now-dashboard{grid-template-columns:1fr 1fr} } @media(max-width:600px){.nq-now-dashboard{grid-template-columns:1fr}} /* ============================================================== v0.4 responsive layout + configurable header/footer widths ============================================================== */ .site-shell{width:100%;max-width:100%;overflow-x:clip} .container-wide,.container-content{max-width:100%} .noman-layout-full .container-wide{width:100%;max-width:none;padding-inline:var(--noman-gutter)} .announcement-bar{width:100%;background:var(--wp--preset--color--text);color:var(--wp--preset--color--base);font-family:var(--noman-font-meta);font-size:.72rem;letter-spacing:.05em;text-align:center} .announcement-bar__inner{padding:.55rem var(--noman-gutter)} .announcement-bar a{color:inherit;text-decoration:none} .announcement-bar a:hover{text-decoration:underline} .site-header[data-header-height="compact"] .site-header__inner{min-height:58px} .site-header[data-header-height="default"] .site-header__inner{min-height:74px} .site-header[data-header-height="spacious"] .site-header__inner{min-height:92px} .site-header__inner>*{min-width:0} .site-branding{min-width:0} .site-title{display:block;max-width:28ch;overflow-wrap:anywhere} .primary-menu{flex-wrap:nowrap} .primary-menu>li{flex:0 0 auto} .site-header__actions{justify-self:end;min-width:max-content} .site-footer[data-footer-tone="base"]{background:var(--wp--preset--color--base);color:var(--wp--preset--color--text)} .site-footer[data-footer-tone="surface"]{background:var(--wp--preset--color--surface);color:var(--wp--preset--color--text)} .site-footer[data-footer-tone="dark"]{background:var(--wp--preset--color--dark-base);color:var(--wp--preset--color--dark-text);border-top-color:var(--wp--preset--color--dark-border)} .site-footer[data-footer-tone="dark"] a{color:var(--wp--preset--color--dark-text)} .site-footer[data-footer-tone="dark"] .footer-bottom{color:var(--wp--preset--color--dark-muted);border-top-color:var(--wp--preset--color--dark-border)} .site-footer[data-footer-tone="brand"]{background:var(--wp--preset--color--primary);color:var(--wp--preset--color--base);border-top-color:color-mix(in srgb,var(--wp--preset--color--base) 30%,transparent)} .site-footer[data-footer-tone="brand"] a{color:inherit} .site-footer[data-footer-tone="brand"] .footer-bottom{color:inherit;border-top-color:color-mix(in srgb,var(--wp--preset--color--base) 35%,transparent)} .footer-grid>*{min-width:0} .footer-menu--inline{display:flex;flex-wrap:wrap;gap:.65rem 1rem} /* Switch to compact/mobile navigation before desktop navigation has a chance to overflow. */ @media(max-width:1100px){ .site-header__desktop,.site-header__actions .button,.header-search{display:none} .menu-toggle{display:block} .site-header__inner,.site-header__inner--centered{grid-template-columns:minmax(0,1fr) auto} .site-header__inner--centered .site-branding{grid-column:auto} .site-header__actions{display:flex} .custom-logo{max-width:min(220px,58vw)} .footer-grid--extended{grid-template-columns:1.2fr 1fr 1fr;gap:2rem} } @media(max-width:820px){ :root{--noman-gutter:var(--wp--custom--noman--gutter-small)} .footer-grid,.footer-grid--extended{grid-template-columns:1fr;gap:2rem} .site-footer{padding-block:2.5rem} .footer-bottom{margin-top:1.5rem} .nq-hero__copy,.nq-hero__console,.nq-section-head>*,.nq-connect__grid>*{min-width:0} } @media(max-width:600px){ .site-header[data-header-height="spacious"] .site-header__inner{min-height:74px} .noman-layout-full .container-wide{padding-inline:var(--noman-gutter)} .site-title{font-size:1rem} .custom-logo{max-height:36px;max-width:min(190px,58vw)} .announcement-bar{font-size:.66rem} .footer-bottom,.footer-compact{flex-direction:column;align-items:flex-start} .footer-menu--inline{flex-direction:column} .nq-research-row{grid-template-columns:36px minmax(0,1fr) auto} .nq-research-row h3{overflow-wrap:anywhere} } .site-header__desktop--left{justify-self:start} /* ============================================================== v0.5 unified shell: header, body and footer use one alignment grid ============================================================== */ .site-header,.site-footer,.announcement-bar,.nq-masthead,.nq-work-section,.nq-connect{width:100%} /* "contained" means the exact same left/right edge as body .container-wide. */ /* Edge-to-edge keeps the background and inner content fluid with a safe gutter. */ /* Full-width SITE mode keeps every normal container on the same gutter line. */ .noman-layout-full .container-wide{ width:100%; max-width:none; margin-inline:auto; padding-inline:var(--noman-gutter); } .noman-layout-full .container-content{ width:min(calc(100% - (2 * var(--noman-gutter))),var(--noman-content)); } /* Header presentation controls. */ .site-header[data-header-background="base"]{background:color-mix(in srgb,var(--wp--preset--color--base) 94%,transparent)} .site-header[data-header-background="surface"]{background:color-mix(in srgb,var(--wp--preset--color--surface) 96%,transparent)} .site-header[data-header-background="transparent"]{background:transparent} .site-header[data-header-border="hide"]{border-bottom-color:transparent} .site-header[data-header-border="show"]{border-bottom-color:var(--noman-border)} /* Prevent grid children, nav labels and footer content from forcing overflow. */ .site-header__inner,.footer-grid,.footer-bottom,.nq-hero,.nq-section-head,.nq-connect__grid{min-width:0} .site-header__inner>* ,.footer-grid>* ,.footer-bottom>*{min-width:0} .primary-navigation{min-width:0;max-width:100%} .primary-menu{max-width:100%} .primary-menu a{white-space:nowrap} .site-branding{max-width:100%;overflow:hidden} .site-title{overflow-wrap:anywhere} /* Mobile spacing follows exactly the same horizontal gutter as the page body. */ @media(max-width:1100px){ .mobile-navigation__inner{width:100%;max-width:none;padding-inline:var(--noman-gutter)} } @media(max-width:782px){.admin-bar .site-header.is-sticky{top:46px}} @media(max-width:600px){ .container-wide, .noman-layout-full .container-wide, } /* v0.6.1 — simple professional typography. * Calibri is used when installed; Aptos/Arial/Helvetica are safe fallbacks. */ body{ font-family:var(--noman-font-body); font-size:clamp(1rem,.98rem + .12vw,1.075rem); line-height:1.62; letter-spacing:0; } h1,h2,h3,h4,h5,h6{ font-family:var(--noman-font-heading); font-weight:700; letter-spacing:-.018em; line-height:1.08; } h1{font-size:clamp(2.7rem,5.2vw,5rem)} h2{font-size:clamp(2rem,3.2vw,3.15rem)} h3{font-size:clamp(1.35rem,1.8vw,1.8rem)} .eyebrow,.nq-section-code,.content-card__kicker,.entry-meta,.nq-row-number, .nq-research-row p,.nq-project__top,.nq-project__arrow,.nq-tool>div,.nq-tool b, .nq-writing-list time,.nq-story-index,.nq-now-card>span,.announcement-bar, .nq-socials a,.project-facts small{ font-family:var(--noman-font-meta); letter-spacing:.045em; } .nq-hero h1{ font-family:var(--noman-font-heading); font-size:clamp(3.2rem,7vw,6.6rem); font-weight:700; line-height:.96; letter-spacing:-.028em; } .nq-section-head h2, .nq-lanes h3, .nq-timeline h3, .nq-research-row h3, .nq-project h3, .nq-tool h3, .nq-lab-empty h3, .nq-empty h3, .nq-writing-list h3, .nq-connect h2, .nq-page-hero h1, .nq-contact-hero h1, .nq-now-card strong{ font-family:var(--noman-font-heading); font-weight:700; letter-spacing:-.02em; line-height:1.05; } .nq-section-head h2{font-size:clamp(2.25rem,4vw,4rem)} .nq-lanes h3{font-size:clamp(1.55rem,2.3vw,2.4rem)} .nq-timeline h3{font-size:clamp(1.55rem,2.4vw,2.5rem)} .nq-research-row h3{font-size:clamp(1.4rem,2.2vw,2.25rem)} .nq-project h3{font-size:clamp(1.9rem,3vw,3.1rem)} .nq-tool h3{font-size:clamp(1.55rem,2.3vw,2.3rem)} .nq-lab-empty h3,.nq-empty h3{font-size:clamp(1.8rem,3vw,3rem)} .nq-writing-list h3{font-size:clamp(1.45rem,2.2vw,2.25rem)} .nq-connect h2{font-size:clamp(2.7rem,4.6vw,4.8rem);line-height:1} .nq-page-hero h1,.nq-contact-hero h1{font-size:clamp(3rem,6vw,5.8rem);line-height:1} .nq-now-card strong{font-size:1.8rem} .content-card__title{font-family:var(--noman-font-heading);font-weight:700;letter-spacing:-.012em} .entry-content h2,.entry-content h3{font-family:var(--noman-font-heading);font-weight:700;letter-spacing:-.015em} .entry-content blockquote{font-family:var(--noman-font-body);font-size:1.15em} @media(max-width:700px){ .nq-hero h1{font-size:clamp(2.8rem,14vw,4.7rem);line-height:.98} } /* v0.7: simple system typography, robust footer/contact states, contact form */ h1,h2,h3,h4,h5,h6, .nq-hero h1,.nq-page-hero h1,.nq-contact-hero h1, .nq-intro__content h2,.nq-section-head h2,.nq-project h3,.nq-tool h3,.nq-research-row h3{ font-family:var(--noman-font-heading); font-weight:700; font-stretch:normal; letter-spacing:-.025em; } h1{font-size:clamp(2.6rem,5vw,4.75rem);line-height:1.02} h2{font-size:clamp(1.9rem,3.2vw,3rem);line-height:1.08} h3{font-size:clamp(1.25rem,1.7vw,1.7rem);line-height:1.15} .nq-hero h1{font-size:clamp(3.25rem,7.2vw,6.5rem);line-height:.98;letter-spacing:-.035em} .nq-page-hero h1,.nq-contact-hero h1{font-size:clamp(2.8rem,5.8vw,5.4rem);line-height:1;letter-spacing:-.03em} .nq-kicker,.nq-section-code,.nq-console__top,.nq-timeline__tag,.nq-masthead__meta, .nq-research-row p,.nq-project__top,.nq-tool>div,.nq-link-button,.nq-section-head>a{ font-family:var(--noman-font-meta); font-stretch:normal; } .footer-grid--extended.footer-grid--no-socials{grid-template-columns:minmax(0,1.4fr) minmax(220px,.6fr)} .footer-grid--extended.footer-grid--has-socials{grid-template-columns:minmax(0,1.2fr) minmax(180px,.55fr) minmax(180px,.55fr)} .footer-socials{padding:0;margin:0} .nq-contact-grid--single{grid-template-columns:minmax(0,760px);justify-content:start} .noman-contact-form-wrap{max-width:760px;margin-top:2rem} .noman-contact-form{display:grid;gap:1.15rem} .noman-contact-form__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem} .noman-contact-form label{display:grid;gap:.4rem;font-weight:600} .noman-contact-form input,.noman-contact-form textarea{ width:100%;border:1px solid var(--noman-border);border-radius:.35rem;background:var(--wp--preset--color--base); color:var(--wp--preset--color--text);padding:.85rem .9rem;box-shadow:none } .noman-contact-form textarea{resize:vertical;min-height:160px} .noman-contact-form input:focus,.noman-contact-form textarea:focus{border-color:var(--wp--preset--color--primary);outline:3px solid color-mix(in srgb,var(--wp--preset--color--primary) 18%,transparent);outline-offset:1px} .noman-contact-form__website{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important} .noman-form-notice{padding:.85rem 1rem;margin-bottom:1rem;border:1px solid var(--noman-border)} .noman-form-notice--success{border-color:var(--wp--preset--color--success)} .noman-form-notice--error{border-color:var(--wp--preset--color--error)} @media(max-width:820px){ .footer-grid--extended.footer-grid--no-socials,.footer-grid--extended.footer-grid--has-socials{grid-template-columns:1fr 1fr} } @media(max-width:600px){ .noman-contact-form__row{grid-template-columns:1fr} .footer-grid--extended.footer-grid--no-socials,.footer-grid--extended.footer-grid--has-socials{grid-template-columns:1fr} } /* ============================================================== v0.8.0 — ONE GLOBAL LAYOUT SYSTEM All header, footer, homepage, inner pages, singles and archives use .noman-container. Page templates never define their own width. ============================================================== */ .noman-container{ width:min(calc(100% - (2 * var(--noman-gutter))),var(--noman-container)); max-width:none; margin-inline:auto; min-width:0; } /* Backwards compatibility for third-party/older child markup. */ .container-wide{ width:min(calc(100% - (2 * var(--noman-gutter))),var(--noman-container)); max-width:none; margin-inline:auto; min-width:0; } /* Full-site mode is controlled once by the global layout option. */ .noman-layout-full .noman-container, .noman-layout-full .container-wide{ width:100%; max-width:none; padding-inline:var(--noman-gutter); } /* Header/footer inherit the global shell by default. They may only opt into edge-to-edge when the user explicitly chooses that setting. */ /* Page-specific templates may style their internals, but never their outer horizontal width. */ .site-main.noman-container{padding-block:clamp(3rem,7vw,7rem)} .nq-home.site-main{padding-block:0} .nq-page-hero,.nq-contact-hero,.nq-now-content,.nq-contact-grid,.nq-story-layout, .archive-header,.entry,.entry-single,.entry-page{width:100%;max-width:none;min-width:0;margin-inline:0} /* Reading measure is a content concern, not a page-shell concern. */ .entry-content{width:100%;max-width:none;min-width:0} .entry-content>:where(p,ul,ol,blockquote){max-width:var(--noman-content)} .entry-content>:where(h1,h2,h3,h4,h5,h6){max-width:min(100%,960px)} .entry-content>:where(img,figure,video,iframe,table,.wp-block-image,.wp-block-gallery,.wp-block-cover,.wp-block-media-text,.wp-block-columns,.wp-block-group){max-width:100%} .entry-content iframe,.entry-content video{max-width:100%} .entry-hero,.entry-hero img{width:100%;max-width:100%;height:auto} .entry-content>.alignwide{width:100%;max-width:100%;margin-inline:0} .entry-content>.alignfull{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)} .archive-header .archive-description{max-width:var(--noman-content)} .content-grid{width:100%;min-width:0} .content-card,.content-card__body,.content-card__excerpt{min-width:0} .content-card__title,.content-card__excerpt{overflow-wrap:anywhere} .nq-story-layout{grid-template-columns:minmax(140px,200px) minmax(0,1fr)} .nq-story-content{min-width:0;width:100%;max-width:none} .nq-story-content>:where(p,ul,ol,blockquote){max-width:var(--noman-content)} .nq-contact-grid{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr)} .nq-contact-grid--single{grid-template-columns:minmax(0,1fr)} .noman-contact-form-wrap{width:100%;max-width:min(var(--noman-content),100%)} @media(max-width:1100px){ .content-grid:not(.content-grid--list){grid-template-columns:repeat(2,minmax(0,1fr))} .nq-story-layout{grid-template-columns:150px minmax(0,1fr);gap:clamp(1.5rem,5vw,4rem)} } @media(max-width:850px){ .nq-story-layout,.nq-contact-grid{grid-template-columns:1fr} .nq-story-index{position:static} } @media(max-width:700px){ .content-grid:not(.content-grid--list){grid-template-columns:1fr} .entry-header{padding-block:2rem;margin-bottom:2rem} .entry-content>:where(p,ul,ol,blockquote,h1,h2,h3,h4,h5,h6){max-width:100%} .entry-content>.alignfull{width:100%;max-width:100%;margin-inline:0} .archive-header{margin-bottom:2rem} } @media(max-width:480px){ .site-main.noman-container{padding-block:2rem} .content-card__body{padding:1.1rem} .entry-actions,.tool-launch{align-items:stretch} .entry-actions .button,.tool-launch .button{width:100%} } /* ============================================================== v1.0.1 — dynamic homepage content + one visual alignment shell ============================================================== */ /* Header, body and footer use the same global site-width token. */ .nq-home-content > .noman-container{ width:min(calc(100% - (2 * var(--noman-gutter))),var(--noman-container)); max-width:none; margin-inline:auto; padding-inline:0; } .noman-layout-full .nq-home-content > .noman-container{ width:100%; max-width:none; padding-inline:var(--noman-gutter); } /* Homepage editor content never silently breaks out of the global shell. If a future layout needs edge-to-edge artwork it should be a deliberate template section, not accidental page-content CSS. */ .nq-home-editor-content{width:100%;max-width:none;min-width:0} .nq-home-editor-content > .alignwide, .nq-home-editor-content > .alignfull{ width:100%; max-width:100%; margin-inline:0; } /* Native Gutenberg blocks used by the starter homepage. All copy remains editable from Pages → Home; these classes provide presentation only. */ .nq-home-editor-section{ width:100%; max-width:none; padding-block:clamp(4rem,8vw,7rem); border-bottom:1px solid var(--nq-line); } .nq-home-editor-section:first-child{border-top:0} .nq-home-editor-section > .nq-section-code{margin:0 0 1rem;max-width:none} .nq-home-editor-section > h2{ max-width:850px; margin:.6rem 0 clamp(2rem,4vw,3.5rem); font-size:clamp(2.25rem,4vw,4rem); line-height:1.05; } .nq-home-editor-intro > p:not(.nq-section-code){max-width:760px;font-size:clamp(1.08rem,1.7vw,1.3rem)} .nq-home-lanes{ display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0!important; width:100%; margin:0!important; border-top:1px solid var(--nq-line); border-left:1px solid var(--nq-line); } .nq-home-lanes > .wp-block-column{ min-width:0; min-height:280px; margin:0!important; padding:1.4rem; border-right:1px solid var(--nq-line); border-bottom:1px solid var(--nq-line); display:flex; flex-direction:column; } .nq-home-lanes .nq-lane-number{ max-width:none; margin:0; font-family:var(--noman-font-meta); font-size:.7rem; color:var(--nq-orange); } .nq-home-lanes h3{ margin:auto 0 1rem; font-size:clamp(1.55rem,2.3vw,2.4rem); } .nq-home-lanes > .wp-block-column > p:last-child{ max-width:34ch; margin:0; color:var(--nq-muted); font-size:.92rem; } @media(max-width:980px){ .nq-home-lanes{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:700px){ .nq-home-lanes{grid-template-columns:1fr} .nq-home-lanes > .wp-block-column{min-height:220px} } /* v1.0.2: one global horizontal shell. No page/header/footer-specific width values. */ .site-header .noman-container,.site-footer .noman-container,.site-main.noman-container,.nq-home-content>.noman-container{width:min(calc(100% - (2 * var(--noman-gutter))),var(--noman-container));max-width:none;margin-inline:auto;padding-inline:0} .noman-layout-full .site-header .noman-container,.noman-layout-full .site-footer .noman-container,.noman-layout-full .site-main.noman-container,.noman-layout-full .nq-home-content>.noman-container{width:100%;padding-inline:var(--noman-gutter)}