@layer bricks {.brxe-button{width:auto}}@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}}@layer bricks {@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}a.brxe-image{display:inline-block}figure.brxe-image{margin:0}:where(.brxe-image).tag{display:inline-block;height:fit-content;position:relative;width:auto}:where(.brxe-image).caption{position:relative}:where(.brxe-image).caption:has(figcaption.bricks-image-caption){overflow:hidden}:where(.brxe-image).overlay{position:relative}:where(.brxe-image).overlay:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}:where(.brxe-image):before{border-radius:inherit}:where(.brxe-image) a{border-radius:inherit;position:static;transition:inherit}:where(.brxe-image) picture{border-radius:inherit;transition:inherit}:where(.brxe-image) img{border-radius:inherit;height:100%;position:static!important;transition:inherit;width:100%}:where(.brxe-image) img.bricks-lazy-hidden+figcaption{display:none}:where(.brxe-image) .icon{color:#fff;font-size:60px;pointer-events:none;position:absolute;right:50%;text-align:center;top:50%;transform:translate(50%,-50%);z-index:5}:where(.brxe-image) .bricks-image-caption{background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.25) 70%,transparent);bottom:0;color:#fff;font-size:inherit;margin:0;padding:10px 15px;pointer-events:none;position:absolute;text-align:center;width:100%;z-index:1}}.p-about-hero { position: relative; min-height: 72svh; display: flex; align-items: center; background: linear-gradient(180deg, rgba(10, 10, 10, 0.60) 0%, rgba(10, 10, 10, 0.48) 45%, rgba(10, 10, 10, 0.92) 100%), url(https://quinnslaterauthor.com/wp-content/uploads/2026/07/section-library-v2.png) center / cover no-repeat var(--color-dark); }.p-about-hero__inner { position: relative; z-index: var(--z-base); width: 100%; max-width: 820px; margin-inline: auto; padding: var(--space-2xl) var(--space-m); display: flex; flex-direction: column; align-items: center; text-align: center; }.p-about-hero__inner h1, .p-about-hero__inner .c-lead { text-shadow: 0 2px 22px rgba(5, 5, 7, 0.85), 0 0 6px rgba(5, 5, 7, 0.6); }.p-about-hero__inner h1 em { font-style: italic; color: var(--color-primary); }.p-about-hero__crest { width: clamp(84px, 10vw, 128px); height: auto; object-fit: contain; filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.8)); margin-bottom: var(--space-m); }.p-about-hero__crest img { width: 100%; height: auto; object-fit: contain; }.p-about-section { padding-block: var(--space-section-m); }.p-about-section__inner { width: 100%; max-width: 1200px; margin-inline: auto; padding-inline: var(--space-m); }.p-about-section--surface { background: var(--surface-band-bg); background-attachment: var(--surface-band-attach); border-top: 1px solid var(--surface-band-line); border-bottom: 1px solid var(--surface-band-line); }.p-about-story { display: grid; grid-template-columns: 1.2fr 1fr; gap: var(--space-2xl); align-items: center; }.p-about-story .c-body { margin-top: var(--space-m); }.p-about-story__art { min-height: 380px; border-radius: var(--radius-lg); border: 1px solid var(--color-border); background: linear-gradient(to top, rgba(10, 10, 12, 0.55) 0%, transparent 55%), url('https://quinnslaterauthor.com/wp-content/uploads/2026/07/about-story-house.jpg') center / cover no-repeat, var(--gradient-smoke-rise); box-shadow: var(--shadow-card-dark); }@media (max-width: 960px) { .p-about-story { grid-template-columns: 1fr; } .p-about-story__art { min-height: 260px; } }.p-about-persona { display: grid; grid-template-columns: minmax(120px, 180px) 1fr; gap: var(--space-xl); align-items: center; margin-top: var(--space-2xl); padding: var(--space-l); border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: radial-gradient(120% 120% at 0% 0%, var(--accent-soft, var(--color-primary-soft)), transparent 60%), rgba(10, 10, 12, 0.35); }.p-about-persona__logo { width: 100%; max-width: 160px; height: auto; aspect-ratio: 1; object-fit: contain; justify-self: center; filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.8)); }.p-about-persona__logo img { width: 100%; height: 100%; object-fit: contain; }.p-about-persona__name { font-family: var(--font-heading); font-size: var(--text-2xl); font-weight: var(--weight-semibold); line-height: var(--leading-tight); color: var(--color-text-bright); margin: 0 0 var(--space-4xs); }.p-about-persona__name em { font-style: italic; color: var(--accent, var(--color-primary)); text-shadow: 0 0 10px rgba(255, 255, 255, 0.40), 0 0 26px rgba(255, 255, 255, 0.22); }.p-about-persona__genre { font-family: var(--font-body); font-size: var(--text-xs); font-weight: var(--weight-semibold); letter-spacing: var(--tracking-caps); text-transform: uppercase; color: var(--color-text-bright); margin: 0 0 var(--space-s); }.p-about-persona__imprint { font-style: italic; color: var(--accent, var(--color-tertiary)); }.p-about-persona__enter { display: inline-flex; align-items: center; gap: var(--space-2xs); font-family: var(--font-body); font-size: var(--text-s); font-weight: var(--weight-semibold); letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--accent, var(--color-tertiary)); text-decoration: none; margin-top: var(--space-m); }.p-about-persona__enter::after { content: "→"; transition: transform var(--duration-fast) var(--ease-out); }.p-about-persona:hover .p-about-persona__enter::after { transform: translateX(4px); }@media (max-width: 640px) { .p-about-persona { grid-template-columns: 1fr; text-align: center; } .p-about-persona__logo { max-width: 120px; } }.p-about-warnings { display: block; margin-top: var(--space-xl); text-align: center; }.p-about-signed { display: flex; flex-direction: column; align-items: center; text-align: center; }.p-about-signed .c-lead { max-width: 60ch; }.p-about-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--space-s); margin-top: var(--space-l); }