/* Ghost About reference: exact band palette and dimensions, original INSECUR wordmark and copy. */
body.about-reference { --about-void:#00050a; --about-ice:#d6eaff; color-scheme:dark; background:var(--about-void); color:var(--about-ice); }
.about-reference-page { padding-top:76px; }
.about-dark-content { background:var(--about-void); padding-bottom:64px; display:flex; flex-direction:column; align-items:center; }
.about-band { background:#fff; width:100%; height:345px; position:relative; overflow:hidden; container-type:inline-size; margin-bottom:64px; }
.about-band-gradient { filter:blur(16px); background-image:linear-gradient(#dcece8 0%,#9ef0ff 22.159%,#008dee 47.596%,#0179e9 54.326%,#bdeef3 58.065%,#fa4700 74.824%,#b24a3b 83.209%,#6b383d 87.566%,#3c2024 91.517%); width:max(1671px,calc(100% + 159px)); height:392px; position:absolute; top:-16px; left:calc(50% - .5px); transform:translateX(-50%); }
.about-band-paper { object-fit:cover; mix-blend-mode:multiply; opacity:.2; width:1512px; max-width:none; height:2016px; position:absolute; top:calc(50% + 86.5px); left:0; transform:translateY(-50%); }
.about-band-grid { opacity:.1; width:1514.22px; height:851.75px; position:absolute; top:-167px; left:calc(50% + .11px); transform:translateX(-50%); }
.about-band-grid img { max-width:none; position:absolute; }
.about-band-rows { transform-origin:50% 568.23px; top:0; left:50%; transform:translateX(-50%) rotate(-90deg); }
.about-brand { width:720px; height:273.062px; max-width:calc(100% - 48px); position:absolute; top:calc(50% + .03px); left:50%; transform:translate(-50%,-50%); overflow:visible; font-family:"Sparling","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:220px; font-weight:400; font-synthesis:none; letter-spacing:0; }
.about-brand-flash { animation:about-brand-flash 1.5s 1.25s both; }
.about-brand-finish { opacity:0; animation:about-brand-fill .3s 1.2s forwards; }
.about-brand-fill { fill:white; }
.about-brand-glow { fill:none; stroke:white; stroke-width:2.155; filter:blur(1.61624px); }
.about-brand-outline { fill:none; stroke:white; stroke-width:1.06; }
.about-brand-trace { fill:none; stroke:white; stroke-width:1.06; stroke-dasharray:1200; stroke-dashoffset:1200; animation:about-brand-trace 1.25s cubic-bezier(.4,0,.2,1) forwards,about-brand-hide .15s linear 1.75s forwards; }
@keyframes about-brand-trace { to { stroke-dashoffset:0; } }
@keyframes about-brand-fill { to { opacity:1; } }
@keyframes about-brand-hide { to { opacity:0; } }
@keyframes about-brand-flash { 0%,100% { filter:brightness(1) drop-shadow(0 0 0 #fff0); } 35% { filter:brightness(2.1) drop-shadow(0 0 20px #fffffff2); } }
.about-manifesto { position:relative; width:720px; max-width:100%; padding:64px 0 0; }
.about-manifesto-opening,.about-manifesto-continuation { display:flex; flex-direction:column; align-items:start; gap:40px; padding:10px 156px 64px; }
/* Keep editorial text sharp; the soft backdrop and wordmark halo are decorative. */
.about-reference .about-manifesto h1 { color:var(--about-ice); font-size:22px; line-height:1; letter-spacing:-1.1px; font-weight:var(--title-weight); margin:0; }
.about-manifesto p { color:rgb(214 234 255 / .7); font-size:16px; line-height:1.5; letter-spacing:-.28px; font-weight:400; margin:0; }
.about-manifesto [data-about-reveal] { width:100%; }
.about-machine { position:relative; display:flex; height:345px; align-items:center; justify-content:center; padding:0 24px; color:rgb(214 234 255 / .7); }
.about-machine img { width:320px; height:auto; aspect-ratio:400/420; max-width:100%; display:block; }
.about-manifesto-continuation { padding-top:64px; }
.about-rule { position:absolute; left:50%; transform:translateX(-50%); width:656px; max-width:calc(100% - 32px); height:10px; background:url('/assets/about/rule-h.svg') center/656px 10px no-repeat; }
.about-rule-top { top:0; }
.about-rule-bottom { bottom:0; transform:translateX(-50%) scaleY(-1); }
.about-side-rule { position:absolute; top:16px; bottom:16px; width:10px; overflow:hidden; }
.about-side-rule span { display:block; position:relative; width:10px; height:var(--rule-length); margin-bottom:3.61px; }
.about-side-rule img { position:absolute; left:0; top:100%; width:var(--rule-length); height:10px; max-width:none; transform-origin:0 0; transform:rotate(-90deg); }
.about-side-rule-left { left:0; }
.about-side-rule-right { right:0; transform:scaleX(-1); }
.about-reference .site-footer { aspect-ratio:1512/720; min-height:0; }
.about-reference.has-about-effects [data-about-reveal]:not(.is-about-visible) { opacity:0; transform:translateY(32px); }
.about-reference.has-about-effects [data-about-reveal] { transition:opacity 1.6s cubic-bezier(.16,1,.3,1),transform 1.6s cubic-bezier(.16,1,.3,1); }
.about-reference.has-about-effects [data-about-media] { transition-duration:2s; }
@media(max-width:767px) {
 .about-band { height:220px; }
 .about-band-gradient { filter:blur(10.2px); height:250px; top:-10.2px; }
 .about-brand { height:auto; }
 .about-manifesto { width:100%; }
 .about-manifesto-opening,.about-manifesto-continuation { padding-left:24px; padding-right:24px; gap:32px; }
 .about-reference .about-manifesto h1 { font-size:22px; }
 .about-reference .site-footer { min-height:640px; aspect-ratio:auto; padding-top:48px; padding-bottom:32px; }
 .about-reference .footer-links { justify-content:center; gap:8px 32px; font-size:16px; text-align:center; }
 .about-reference .footer-email { flex-basis:auto; }
 .about-reference .footer-wordmark { margin-block:auto; }
 .about-reference .footer-copyright { text-align:center; font-size:14px; }
}
@media(prefers-reduced-motion:reduce) {
 .about-brand-flash,.about-brand-finish,.about-brand-trace { animation:none; }
 .about-brand-finish { opacity:1; }
 .about-brand-trace { display:none; }
 .about-reference.has-about-effects [data-about-reveal] { opacity:1!important; filter:none!important; transform:none!important; transition:none; }
}