:root{color-scheme:light;--ink:#102d38;--ink-soft:#37515a;--deep:#0e2a35;--teal:#1d5f66;--paper:#f7f5ef;--white:#fffefa;--line:#d8dedb;--gold:#dbad6e;--gold-dark:#9b6f37;--serif:Georgia,'Times New Roman',serif;--sans:Inter,'Avenir Next',Avenir,system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5rem}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:1rem;line-height:1.6}button,input{font:inherit}button{cursor:pointer}a{color:inherit}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:400}h1,h2,h3,blockquote{font-family:var(--serif)}em{font-weight:400}.shell{width:min(100% - 3.5rem,1240px);margin-inline:auto}.section-pad{padding-block:clamp(5.2rem,10vw,9rem)}.eyebrow{color:var(--teal);font-size:.78rem;line-height:1.4;letter-spacing:.17em;text-transform:uppercase;font-weight:700;margin-bottom:2rem}.eyebrow.light{color:var(--gold)}.skip-link{position:absolute;z-index:50;background:var(--white);padding:.7rem 1rem;top:-100px;left:1rem}.skip-link:focus{top:1rem}a:focus-visible,button:focus-visible,input:focus-visible+span,.choice:focus-within{outline:3px solid var(--gold);outline-offset:4px}
.site-header{position:relative;z-index:3;background:var(--deep);color:var(--white);border-bottom:1px solid rgba(255,255,255,.15)}.header-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:2rem}.brand{display:inline-flex;align-items:center;gap:.7rem;text-decoration:none;white-space:nowrap;font-family:var(--serif);font-size:1.55rem;letter-spacing:-.035em}.brand i{color:var(--gold);font-weight:400}.brand-mark{width:36px;height:36px;flex:0 0 auto;color:var(--gold)}nav{display:flex;align-items:center;gap:clamp(1rem,3vw,2.5rem);font-size:.88rem;font-weight:600}nav a{text-decoration:none}nav a:not(.nav-cta):hover{text-decoration:underline;text-underline-offset:.4em}.nav-cta{border:1px solid rgba(255,255,255,.5);padding:.7rem 1.05rem;transition:background .2s,color .2s}.nav-cta:hover{background:var(--white);color:var(--ink)}
.hero{background:var(--deep);color:var(--white);overflow:hidden}.hero-grid{min-height:650px;display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);gap:clamp(3rem,7vw,7rem);align-items:center;padding-top:clamp(3.3rem,5vw,5.7rem);padding-bottom:4rem}.hero-copy{padding-bottom:1.5rem}.hero h1{font-size:clamp(3.5rem,5.85vw,6rem);line-height:1.04;letter-spacing:-.055em;max-width:12ch;margin-bottom:1.8rem}.hero h1 em{color:var(--gold)}.hero-lede{font-size:clamp(1.08rem,1.4vw,1.24rem);line-height:1.7;color:#dce5e3;max-width:34rem;margin-bottom:2rem}.hero-actions{display:flex;gap:1.7rem;align-items:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:1rem;border:1px solid transparent;text-decoration:none;font-family:var(--sans);font-size:.9rem;font-weight:700;line-height:1.2;min-height:3.4rem;padding:.95rem 1.4rem;transition:background .2s,transform .2s,border-color .2s,color .2s}.button:hover:not(:disabled){transform:translateY(-2px)}.button-light{background:var(--paper);color:var(--ink)}.button-light:hover{background:#e8d3b1}.button-dark{background:var(--ink);color:var(--white)}.button-dark:hover{background:#245263}.button:disabled{opacity:.4;cursor:not-allowed}.text-link{text-decoration:none;font-weight:600;font-size:.9rem;border-bottom:1px solid currentColor;padding-bottom:.23rem}.light-link{color:var(--white)}.text-link span{margin-left:.4rem}.hero-note{color:#abc1c2;font-size:.82rem;line-height:1.5;max-width:30rem;margin:2.5rem 0 0}.hero-media{align-self:stretch;min-height:560px;position:relative;display:flex;flex-direction:column;justify-content:center}.image-frame{position:relative;aspect-ratio:4/4.2;overflow:hidden;box-shadow:25px 25px 0 rgba(216,174,111,.11)}.image-frame img{width:100%;height:100%;object-fit:cover;object-position:58% center}.image-caption{display:flex;align-items:center;gap:1rem;color:#c7d7d5;font-family:var(--serif);font-size:1.06rem;font-style:italic;margin-top:1.7rem}.caption-line{height:1px;width:2.6rem;background:var(--gold)}.hero-bottom{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.15);padding-block:1rem 1.15rem;color:#91aaa9;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em}.hero-bottom span span{font-size:1rem;padding-left:.5rem}
.intro{background:var(--paper)}.intro-grid{display:grid;grid-template-columns:1fr .8fr;gap:clamp(4rem,10vw,10rem);align-items:start}.intro h2,.compass-heading h2,.section-heading h2{font-size:clamp(2.8rem,4.3vw,4.8rem);line-height:1.12;letter-spacing:-.047em;margin:0}.intro h2 em,.compass-heading h2 em,.section-heading h2 em{color:var(--teal)}.intro-body{padding-top:3.6rem;color:var(--ink-soft);font-size:1.1rem;line-height:1.8}.intro-body p{margin-bottom:1.25rem}.principle-row{display:flex;gap:0;flex-wrap:wrap;border-top:1px solid #bdcbc9;margin-top:2.7rem;padding-top:1.15rem;color:var(--teal);font-size:.78rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.principle-row span:not(:last-child)::after{content:'·';padding-inline:1.2rem;color:var(--gold-dark)}
.compass-section{background:#e7eeeb}.compass-grid{display:grid;grid-template-columns:.72fr 1fr;gap:clamp(3.5rem,8vw,9rem);align-items:start}.compass-heading h2{margin-bottom:1.5rem}.compass-heading p:not(.eyebrow){color:var(--ink-soft);font-size:1.08rem;line-height:1.75;max-width:25rem}.compass-ornament{width:180px;height:180px;border:1px solid rgba(21,85,92,.29);border-radius:50%;margin-top:5rem;display:grid;place-items:center;position:relative}.compass-ornament:before,.compass-ornament:after{content:'';position:absolute;border-radius:50%;border:1px solid rgba(21,85,92,.19)}.compass-ornament:before{inset:14px}.compass-ornament:after{inset:31px}.compass-ornament span{font-family:var(--serif);font-size:4rem;color:var(--teal);font-style:italic}.compass-panel{background:var(--white);padding:clamp(1.6rem,4vw,3.3rem);box-shadow:0 22px 70px rgba(16,45,56,.07)}.panel-topline,.result-kicker{color:var(--teal);font-size:.72rem;letter-spacing:.16em;font-weight:800}.panel-topline{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:1.3rem;margin-bottom:2.4rem}.choice-fieldset{border:0;padding:0;margin:0 0 1.7rem}.choice-fieldset legend{font-family:var(--serif);font-size:1.7rem;line-height:1.2;margin-bottom:1.3rem}.choices{display:grid;gap:.6rem}.choice{position:relative;display:grid;grid-template-columns:2.2rem 1fr 1.2rem;gap:1rem;align-items:center;background:#f6f7f4;border:1px solid #e3e9e6;padding:1.05rem 1.15rem;font-size:.97rem;font-weight:600;line-height:1.4;transition:background .2s,border-color .2s}.choice:hover{border-color:var(--teal)}.choice:has(input:checked){background:#eaf2ee;border-color:var(--teal)}.choice input{position:absolute;opacity:0;width:1px;height:1px}.choice-number{color:#6c8585;font-family:var(--serif);font-weight:400;font-size:1.05rem}.choice-indicator{border:1px solid #8aa4a4;width:17px;height:17px;border-radius:50%}.choice:has(input:checked) .choice-indicator{border:5px solid var(--teal)}.compass-panel>.button{width:100%}.compass-result{border-top:1px solid var(--line);margin-top:2rem;padding-top:2rem}.compass-result h3{font-size:2.25rem;letter-spacing:-.035em;line-height:1.15;margin:.65rem 0 1rem}.compass-result>p:not(.result-kicker){color:var(--ink-soft);line-height:1.7}.result-prompt{background:#eaf2ee;border-left:3px solid var(--teal);padding:1.2rem 1.5rem;margin:1.7rem 0}.result-prompt span{color:var(--teal);text-transform:uppercase;font-size:.7rem;font-weight:800;letter-spacing:.16em}.result-prompt blockquote{font-size:1.3rem;line-height:1.4;margin:.6rem 0 0}.result-actions{display:flex;align-items:center;gap:1rem 2rem;flex-wrap:wrap}.text-button,.quiet-button{border:0;background:none;padding:.4rem 0}.text-button{color:var(--teal);font-weight:800;border-bottom:1px solid var(--teal)}.quiet-button{color:var(--ink-soft);text-decoration:underline;text-underline-offset:.25em}
.themes-section{background:var(--paper)}.section-heading{display:flex;justify-content:space-between;gap:4rem;align-items:end;margin-bottom:3.7rem}.section-heading>p{max-width:21rem;color:var(--ink-soft);font-size:1.08rem;line-height:1.7;margin:0 0 .3rem}.theme-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #b9c8c6;border-left:1px solid #b9c8c6}.theme-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-height:360px;width:100%;padding:1.6rem 1.5rem 1.8rem;background:transparent;color:var(--ink);border:0;border-right:1px solid #b9c8c6;border-bottom:1px solid #b9c8c6;transition:background .2s,transform .2s}.theme-card:hover,.theme-card[aria-pressed=true]{background:#e8efeb}.theme-card:hover{transform:translateY(-3px)}.theme-index{font-size:.76rem;color:var(--teal);font-weight:800;letter-spacing:.14em}.theme-icon{font-family:var(--serif);font-size:3rem;line-height:1;color:var(--teal);margin:2.5rem 0 1.8rem}.theme-title{font-family:var(--serif);font-size:1.8rem;line-height:1.08;letter-spacing:-.035em;margin-bottom:.65rem}.theme-teaser{font-size:.88rem;color:var(--ink-soft);line-height:1.65}.theme-action{font-size:.8rem;font-weight:800;color:var(--teal);border-bottom:1px solid currentColor;padding-bottom:.15rem;margin-top:auto;padding-top:1.8rem}.theme-detail{margin-top:2rem;background:var(--ink);color:var(--white);padding:clamp(1.7rem,4vw,3.5rem)}.detail-heading{display:flex;justify-content:space-between;align-items:start;color:var(--gold);font-size:.78rem;font-weight:800;letter-spacing:.15em}.detail-close{border:1px solid rgba(255,255,255,.4);background:transparent;color:white;font-size:1.7rem;line-height:1;width:2.4rem;height:2.4rem}.detail-close:hover{background:rgba(255,255,255,.13)}.detail-grid{display:grid;grid-template-columns:.85fr 1fr;gap:clamp(2rem,8vw,7rem);margin-top:2rem}.detail-grid h3{font-size:clamp(2.4rem,4vw,4rem);letter-spacing:-.04em;line-height:1.08}.detail-grid p{color:#cddedc;line-height:1.75;max-width:29rem}.detail-questions .eyebrow{color:var(--gold);margin:0 0 1.3rem}.detail-questions ol{list-style:none;padding:0;margin:0 0 1.5rem;counter-reset:question}.detail-questions li{counter-increment:question;display:grid;grid-template-columns:2rem 1fr;gap:.7rem;border-top:1px solid rgba(255,255,255,.22);padding:.9rem 0;font-family:var(--serif);font-size:1.24rem;line-height:1.35}.detail-questions li:before{content:counter(question,decimal-leading-zero);font-family:var(--sans);font-size:.73rem;letter-spacing:.1em;color:var(--gold);padding-top:.25rem}.button-outline{background:transparent;color:white;border-color:#8ba6a6}.button-outline:hover{background:var(--white);color:var(--ink)}.copy-status{font-size:.8rem;min-height:1.5rem;margin:.6rem 0 0;color:var(--gold)!important}
.closing-section{background:#185962;color:var(--white);padding-block:clamp(5rem,9vw,8rem)}.closing-grid{display:grid;grid-template-columns:.5fr 1fr;gap:3rem}.closing-grid h2{font-size:clamp(3.1rem,5vw,5.5rem);line-height:1.06;letter-spacing:-.05em;margin-bottom:1.6rem}.closing-grid h2 em{color:#e7bf83}.closing-grid p:not(.eyebrow){font-size:1.1rem;line-height:1.75;color:#d3e5e4;max-width:38rem;margin-bottom:2rem}.site-footer{background:var(--deep);color:#c9dad7;padding-block:2.2rem}.footer-inner{display:flex;align-items:center;gap:2rem;justify-content:space-between}.footer-brand{color:var(--white);font-size:1.3rem}.footer-brand .brand-mark{width:30px;height:30px}.footer-inner p{margin:0;font-size:.85rem}.footer-inner>a:last-child{font-size:.8rem;text-decoration:none;border-bottom:1px solid #90aead;padding-bottom:.2rem}
@media(max-width:1050px){.hero-grid{gap:3rem}.hero h1{font-size:clamp(3.5rem,6vw,5.2rem)}.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-card{min-height:310px}.theme-icon{margin:1.5rem 0}.compass-grid{gap:3rem}.compass-ornament{width:135px;height:135px}}
@media(max-width:760px){.shell{width:min(100% - 2.3rem,1240px)}.site-header nav a:not(.nav-cta){display:none}.header-inner{min-height:70px}.brand{font-size:1.32rem}.brand-mark{width:31px;height:31px}.nav-cta{font-size:.72rem;padding:.57rem .7rem}.hero-grid,.intro-grid,.compass-grid,.detail-grid,.closing-grid{grid-template-columns:1fr}.hero-grid{gap:2.5rem;padding-top:4rem;padding-bottom:2rem}.hero h1{font-size:clamp(3.25rem,10vw,5.5rem)}.hero-media{min-height:0;max-width:570px}.image-frame{aspect-ratio:4/3}.hero-bottom{display:none}.intro-grid{gap:1.5rem}.intro-body{padding-top:0}.compass-grid{gap:2.2rem}.compass-ornament{display:none}.section-heading{display:block}.section-heading>p{margin:1.5rem 0 0}.footer-inner{flex-wrap:wrap}.footer-inner p{width:100%;order:3}.closing-grid{gap:.5rem}}
@media(max-width:510px){.shell{width:min(100% - 2rem,1240px)}.site-header .brand{font-size:1.13rem;gap:.4rem}.brand-mark{width:28px;height:28px}.nav-cta{font-size:.66rem;padding:.55rem}.hero h1{font-size:clamp(3rem,12vw,4rem)}.hero-actions{align-items:flex-start;flex-direction:column;gap:1.2rem}.hero-note{margin-top:2rem}.section-pad{padding-block:4.6rem}.intro h2,.compass-heading h2,.section-heading h2{font-size:clamp(2.65rem,10vw,3.5rem)}.choice{grid-template-columns:1.4rem 1fr 1.1rem;gap:.7rem;padding:1rem .8rem}.compass-panel{padding:1.3rem}.theme-grid{grid-template-columns:1fr}.theme-card{min-height:250px}.theme-icon{margin:1rem 0}.theme-detail{padding:1.5rem}.closing-grid h2{font-size:clamp(2.9rem,10vw,4rem)}.footer-inner{gap:1.2rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media(max-width:510px){.header-inner{gap:.5rem}.site-header .nav-cta{font-size:0;min-width:5.2rem;text-align:center}.site-header .nav-cta::after{content:'Start here';font-size:.72rem}}
.feedback-section{background:#eff2ec}.feedback-grid{display:grid;grid-template-columns:.78fr 1fr;gap:clamp(3rem,8vw,9rem);align-items:start}.feedback-intro h2{font-size:clamp(2.8rem,4.3vw,4.8rem);line-height:1.1;letter-spacing:-.047em;margin-bottom:1.8rem}.feedback-intro h2 em{color:var(--teal)}.feedback-intro p:not(.eyebrow){color:var(--ink-soft);font-size:1.08rem;line-height:1.75;max-width:27rem}.feedback-intro .feedback-aside{border-top:1px solid #bacac5;padding-top:1.3rem;margin-top:2.3rem;font-family:var(--serif);font-style:italic;font-size:1.25rem!important;color:var(--teal)!important}.feedback-form{background:var(--white);padding:clamp(1.6rem,4vw,3.3rem);box-shadow:0 22px 70px rgba(16,45,56,.06)}.form-heading{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:1.3rem;margin-bottom:2rem;color:var(--teal);font-size:.72rem;letter-spacing:.16em;font-weight:800}.field{margin-bottom:1.45rem}.field label{display:block;font-weight:700;line-height:1.45;margin-bottom:.55rem}.field label span{font-weight:400;color:#60767a;font-size:.82rem;margin-left:.3rem}.field textarea,.field input{display:block;width:100%;border:1px solid #b7c7c3;background:#f8faf7;border-radius:0;color:var(--ink);padding:.8rem .9rem;font-size:1rem;line-height:1.5}.field textarea{resize:vertical;min-height:6rem}.field input{min-height:3.2rem}.field textarea:focus,.field input:focus{outline:3px solid var(--gold);outline-offset:2px;border-color:var(--teal)}.field ::placeholder{color:#697b7b;opacity:1}.form-two-col{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-note{color:var(--ink-soft);font-size:.84rem;line-height:1.55;margin:0 0 1.4rem}.feedback-form .button{min-width:12rem}@media(max-width:760px){.feedback-grid{grid-template-columns:1fr;gap:2rem}.feedback-intro h2{font-size:clamp(2.65rem,10vw,3.5rem)}}@media(max-width:510px){.form-two-col{grid-template-columns:1fr;gap:0}}