@import "https://fonts.googleapis.com/css2?family=Libre+Caslon+Display&display=swap";
@font-face{font-family:Figtree Local;src:url(/assets/fonts/figtree-variable.ttf)format("truetype");font-style:normal;font-weight:300 900;font-display:swap}@font-face{font-family:Figtree Local;src:url(/assets/fonts/figtree-italic-variable.ttf)format("truetype");font-style:italic;font-weight:300 900;font-display:swap}:root{--charcoal:#161615;--linen:#e2ded0;--paper:#eceae8;--white:#fff;--ocean:#16181e;--teal:#1b6963;--teal-dark:#14514d;--mint:#7bc6bf;--olive:#5c5c0b;--yellow:#f5e42a;--leather:#552000;--fire:#f75726;--blush:#f4ae9b;--font:"Figtree Local", Figtree, ui-sans-serif, system-ui, sans-serif;--display-font:"big-caslon-fb", "Libre Caslon Display", Georgia, serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--charcoal);background:var(--ocean);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-weight:430}button,input{font:inherit}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.42}.app{isolation:isolate;min-height:100vh;position:relative}.primary-content{min-height:100svh}.app:before{z-index:-1;background-color:var(--ocean);content:"";background-position:50%;background-size:cover;position:fixed;inset:0}.app.texture-0:before{background-image:url(/assets/images/istoria-texture-5.webp)}.app.texture-1:before{background-image:url(/assets/images/istoria-texture-5a.webp)}.app.texture-2:before{background-image:url(/assets/images/istoria-texture-5b.webp)}.app.texture-3:before{background-image:url(/assets/images/istoria-texture-5c.webp)}.skip-link{z-index:30;color:var(--white);background:var(--charcoal);padding:10px 14px;position:fixed;top:12px;left:12px;transform:translateY(-180%)}.skip-link:focus{transform:none}.site-header{z-index:101;width:100%;height:107px;color:var(--white);letter-spacing:.13em;text-transform:uppercase;justify-content:space-between;align-items:flex-start;margin:0 auto;padding:0 clamp(2rem,.8rem + 2.5vw,4rem);font-size:.72rem;font-weight:750;display:flex;position:relative}.assessment-title{color:var(--yellow);text-align:center;text-shadow:none;text-transform:uppercase;margin-top:clamp(24px,5vh,68px);margin-bottom:14px;font-size:20px;font-weight:700;line-height:1.2}.app-result .assessment-title{margin-top:24px;margin-bottom:0}.brand{background:var(--yellow);backface-visibility:hidden;will-change:transform;place-items:center;width:74px;height:107px;padding:0;transition:transform .3s ease-in-out;display:grid;overflow:hidden}.brand img{object-fit:contain;mix-blend-mode:multiply;width:74px;height:107px}.brand:hover,.brand:focus-visible{transform:translateY(-1rem)}.page-shell{width:min(696px,100% - 48px);margin-inline:auto}.intro{min-height:min(560px,100vh - 204px);color:var(--charcoal);background:var(--paper);text-align:center;align-content:center;justify-items:center;margin-top:0;margin-bottom:80px;padding:60px;display:grid;box-shadow:0 0 30px #0000004d}.eyebrow,.progress-meta,.axis,.legend,.chapter span,.email-controls label,footer{font-family:var(--font)}.eyebrow{color:var(--teal);letter-spacing:.16em;text-transform:uppercase;margin:0 0 18px;font-size:.75rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1{font-family:var(--display-font)}h1,h2{letter-spacing:0;font-weight:700}h3{letter-spacing:-.035em}h1{text-transform:uppercase;max-width:860px;margin-bottom:30px;font-size:26px;line-height:31.2px}.intro h1{font-size:60px;line-height:1.2}h1 em{color:inherit;font-family:inherit;font-style:normal}.lede{text-align:center;max-width:680px;margin-bottom:38px;font-size:18px;line-height:28.8px}.intro-actions{flex-direction:column;align-items:center;gap:14px;display:flex}.intro-actions>span{color:#161615b3;font-size:.86rem}.primary,.secondary{cursor:pointer;letter-spacing:1px;text-transform:uppercase;border:1px solid #0000;border-radius:0;min-height:54px;padding:13px 35px;font-weight:750;transition:background-color .18s,color .18s,transform .18s}.primary:active,.secondary:active{transform:translateY(1px)}.primary{color:var(--white);background:var(--teal)}.primary:hover{color:var(--white);background:var(--teal-dark)}.primary span{margin-left:12px}.primary.compact,.secondary.compact{min-height:48px}.secondary{color:var(--white);background:var(--teal)}.secondary:hover{color:var(--charcoal);background:var(--mint)}.primary:focus-visible,.secondary:focus-visible,.text-button:focus-visible{outline:2px solid var(--mint);outline-offset:3px}.choice:focus-visible,input:focus-visible{border-color:var(--teal);outline:none;box-shadow:0 0 0 3px #1b696329}.question-page{min-height:min(690px,100vh - 190px);color:var(--charcoal);background:var(--paper);margin-top:0;margin-bottom:80px;padding:60px;box-shadow:0 0 30px #0000004d}.progress-meta{color:#161615b3;letter-spacing:.12em;text-transform:uppercase;justify-content:flex-end;margin-bottom:10px;font-size:.76rem;font-weight:750;display:flex}.progress-track{background:#1616151f;height:4px}.progress-track span{background:var(--teal);height:100%;transition:width .24s;display:block}.question-layout{grid-template-columns:1fr;align-items:start;gap:28px;padding:38px 0 28px;animation:.36s cubic-bezier(.2,.75,.2,1) both question-enter;display:grid}.question-layout h2{letter-spacing:0;text-align:center;max-width:600px;margin:0 auto 14px;font-size:24px;line-height:31px}.question-instruction{color:#161615ad;text-align:center;margin:0 auto;font-size:18px;line-height:1.5}.choices{gap:10px;display:grid}.choice{background:var(--white);cursor:pointer;text-align:left;border:1px solid #ccc;border-radius:5px;align-items:center;gap:18px;width:100%;min-height:68px;padding:17px 20px;line-height:1.35;transition:border-color .12s,background .12s,transform .12s;display:flex}.choice:hover{border-color:var(--charcoal);transform:translate(3px)}.choice[aria-checked=true]{border-color:var(--charcoal);background:var(--yellow);box-shadow:inset 0 0 0 1px var(--charcoal)}.scale-number{border:1px solid;border-radius:50%;flex:0 0 34px;place-items:center;width:34px;height:34px;font-weight:750;display:grid}.question-actions{justify-content:space-between;align-items:center;padding-top:10px;display:flex}.text-button{cursor:pointer;color:#161615ad;text-underline-offset:4px;background:0 0;border:0;padding:12px 2px;font-weight:650;text-decoration:underline}.results{width:100%;color:var(--charcoal);background:0 0;margin-top:0;margin-bottom:0;padding:0}.intro,.question-page,.results{animation:.32s both screen-enter}.result-hero{max-width:1040px;margin:0 auto;padding:clamp(24px,3vw,40px) 60px 76px}.result-heading{text-align:center;align-items:start;gap:0;display:grid}.result-preamble{color:var(--white);letter-spacing:.15em;text-transform:uppercase;margin:0 0 10px;font-size:clamp(.72rem,1.2vw,.88rem);font-weight:750;line-height:1.35}.result-heading h1{max-width:920px;color:var(--white);text-shadow:0 2px 18px #16161557;text-transform:uppercase;margin:0 auto 54px;font-size:clamp(48px,7vw,72px);line-height:1.02}.plot-shell{width:min(780px,100% - 100px);margin:0 auto;padding:29px 0 0}.plot-frame{position:relative}.plot-frame svg{background:var(--paper);width:100%;display:block;overflow:visible;box-shadow:0 0 30px #0000004d}.plot-bg{fill:var(--paper);stroke:none}.grid-line{stroke:#16161547;stroke-width:.3px}.gap-line{stroke:var(--olive);stroke-width:.85px;stroke-dasharray:2 1.7}.self-dot{fill:var(--fire)}.behavior-dot{fill:var(--teal)}.quadrant-labels{fill:var(--charcoal);font-family:var(--font);letter-spacing:-.04px;font-size:3.1px;font-weight:720}.axis{color:var(--yellow);letter-spacing:.09em;text-transform:uppercase;font-size:.7rem;font-weight:760;position:absolute}.axis-top{top:-29px;left:50%;transform:translate(-50%)}.axis-bottom{bottom:-29px;left:50%;transform:translate(-50%)}.axis-left{top:50%;left:-56px;transform:translateY(-50%)rotate(-90deg)}.axis-right{top:50%;right:-48px;transform:translateY(-50%)rotate(90deg)}.legend{width:max-content;max-width:100%;color:var(--paper);background:#16181ecc;margin:76px auto 0;padding:12px 22px 16px;font-size:.78rem;box-shadow:0 8px 22px #00000029}.legend-title{color:#eceae89e;letter-spacing:.15em;text-align:center;text-transform:uppercase;margin-bottom:11px;font-size:.64rem;font-weight:750;display:block}.legend-items{white-space:nowrap;gap:25px;display:flex}.legend-items span{align-items:center;gap:8px;display:flex}.legend-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.legend-dot.self-dot{background:var(--fire)}.legend-dot.behavior-dot{background:var(--teal)}.plot-frame>svg .gap-line{transform-box:fill-box;transform-origin:0;animation:.9s cubic-bezier(.25,.8,.25,1) .34s both line-arrive}.plot-frame>svg circle{transform-box:fill-box;transform-origin:50%;animation:.5s cubic-bezier(.2,1.55,.45,1) both dot-arrive}.plot-frame>svg .behavior-dot{animation-delay:.9s}.result-body-panel{background:var(--paper);width:100%}.result-body{max-width:1280px;margin:0 auto;padding:0 60px}.result-guidance{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;column-gap:60px;padding:clamp(72px,9vw,112px) 0;display:grid}.result-copy{padding:0}.result-meaning-title{color:var(--teal);font-family:var(--display-font);text-transform:uppercase;margin:0 0 24px;font-size:2rem;font-weight:700;line-height:1.1}.result-copy>p{color:#333332;letter-spacing:0;margin-bottom:24px;font-size:18px;font-weight:400;line-height:28.8px}.result-copy>p:last-child{margin-bottom:0}.next-steps-card{margin:0}.reading-block{color:var(--white);background:var(--teal);margin:0;padding:52px}.reading-block .eyebrow{color:var(--yellow)}.reading-block>p{color:var(--white);margin:0 0 28px;font-size:18px;line-height:1.55}.reading-block ul{gap:0;margin:0;padding:0;list-style:none;display:grid}.reading-block li{color:var(--white);border-top:1px solid #ffffff47;grid-template-columns:92px 1fr;gap:18px;padding:20px 0;font-size:1.08rem;font-weight:650;line-height:1.4;display:grid}.reading-block li:last-child{padding-bottom:0}.reading-block .chapter-label{color:#ffffffad;letter-spacing:.12em;text-transform:uppercase;padding-top:3px;font-size:.68rem;font-weight:800}.share-block{color:var(--charcoal);background:var(--mint);text-align:center;place-items:center;gap:18px;padding:32px;display:grid}.share-block p{margin:0;font-size:1rem;font-weight:650;line-height:1.4}.share-button{border:1px solid var(--charcoal);min-height:48px;color:var(--white);background:var(--charcoal);cursor:pointer;letter-spacing:1px;text-transform:uppercase;align-items:center;gap:12px;padding:13px 28px;font-weight:750;transition:background-color .18s,color .18s,transform .18s;display:inline-flex}.share-button:hover{color:var(--charcoal);background:0 0}.share-button:active{transform:translateY(1px)}.share-button:focus-visible{outline:2px solid var(--charcoal);outline-offset:3px}.share-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:20px;height:20px}.email-row{background:var(--ocean) url(/assets/images/istoria-texture-5c.webp) center / cover no-repeat;width:100%;padding:clamp(72px,9vw,112px) 24px}.email-block{gap:34px;display:grid}.email-block h2,.email-block h3{margin:0;font-size:clamp(1.75rem,3vw,2.55rem);font-weight:620;line-height:1.08}.email-block>div>p:last-child{max-width:520px;margin:20px 0 0;line-height:1.55}.email-block-card{width:min(696px,100%);color:var(--white);background:var(--ocean);margin:0 auto;padding:52px;box-shadow:0 0 30px #0000004d}.email-block-card .eyebrow{color:var(--yellow)}.email-block-card>div>p:last-child{color:#ffffffb8}.email-block-aligned{color:var(--white);background:var(--teal);padding:48px}.email-block-aligned .eyebrow{color:var(--yellow)}.email-block-aligned>div>p:last-child{color:#ffffffc2}.email-block-aligned .secondary{color:var(--white);background:var(--charcoal)}.email-block-aligned .secondary:hover{color:var(--charcoal);background:var(--yellow)}.email-confirmation{justify-items:start;gap:0;display:grid}.email-confirmation .confirmation-mark{width:48px;height:48px;color:var(--charcoal);background:var(--yellow);place-items:center;margin-bottom:28px;font-size:1.45rem;font-weight:800;display:grid}.email-confirmation .eyebrow{margin-bottom:14px}.email-confirmation h2{max-width:520px;color:var(--white);margin:0;font-size:clamp(1.75rem,3vw,2.55rem);font-weight:620;line-height:1.08}.email-confirmation>p:not(.eyebrow){color:#ffffffc7;max-width:520px;margin:20px 0 0;line-height:1.55}.email-confirmation>p.confirmation-note{color:var(--mint);margin-top:10px;font-size:.84rem;font-weight:680}.email-confirmation strong{color:var(--white)}.email-controls{align-content:start;gap:18px;display:grid}.email-controls label{margin-bottom:9px;font-size:.78rem;font-weight:740;display:block}.email-field{display:block}.email-controls input{width:100%;min-width:0;min-height:48px;color:var(--charcoal);background:var(--white);border:1px solid #ccc;border-radius:5px;padding:12px 15px;font-size:16px}.email-controls>button{justify-self:start}.form-status{color:var(--teal);margin:12px 0 0;font-size:.84rem}.form-status.error{color:var(--leather)}.email-block-card .form-status,.email-block-aligned .form-status{color:var(--mint)}.email-block-card .form-status.error,.email-block-aligned .form-status.error{color:var(--blush)}.site-footer{width:100%;color:var(--white);background:var(--ocean);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:26px;margin-top:0;padding:68px 24px 64px;display:flex}.site-footer a{line-height:0;display:block}.site-footer img{width:100%;max-width:150px;height:auto}.site-footer p{color:#ffffff8c;margin:0;font-size:.7rem;font-weight:430;line-height:1.5}@media (max-width:800px){.page-shell{width:min(100% - 30px,696px)}.assessment-title{margin-top:24px;font-size:20px;line-height:1.2}.intro{min-height:calc(100vh - 170px);padding:48px 34px}.intro h1{font-size:clamp(42px,11vw,60px)}.intro-actions{align-items:center}.question-page{padding:48px 34px}.question-layout{grid-template-columns:1fr;gap:30px;padding-top:46px}.question-layout h2{font-size:22px;line-height:1.3}.result-hero{padding:24px 30px 72px}.result-heading{grid-template-columns:1fr;gap:0}.result-heading h1{margin-bottom:54px}.plot-shell{width:calc(100% - 54px)}.quadrant-labels{font-size:3.5px}.legend-items{gap:16px}.result-body{padding-inline:30px}.result-guidance{grid-template-columns:1fr;row-gap:36px}.reading-block{padding:40px}}@media (max-width:480px){.app:before{background-attachment:scroll}h1{font-size:26px}.intro{padding-inline:24px}.intro h1{font-size:42px}.question-page{padding:30px 20px}.question-layout{padding-top:34px}.choice{padding:14px}.question-actions{z-index:4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#eceae8f5;margin:18px -20px -30px;padding:15px 20px;position:sticky;bottom:0}.plot-shell{width:calc(100% - 38px)}.axis-left{left:-43px}.axis-right{right:-39px}.result-hero{padding-inline:20px}.legend-items{white-space:normal;flex-direction:column;gap:7px}.result-body{padding:0 20px}.reading-block{padding:32px 24px}.reading-block li{grid-template-columns:1fr;gap:7px}.share-block,.email-block-card,.email-block-aligned{padding:30px 24px}.email-row{padding-inline:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@keyframes question-enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes screen-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes dot-arrive{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes line-arrive{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}