@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--night:#2e1922;--aubergine:#432437;--terracotta:#703b32;--rust:#ad5b42;--amber:#f4b579;--cream:#fff6ea;--paper:#f8e8d8;--paper2:#fffbf5;--ink:#44221e;--muted:#75574f;--stroke:#e4c9b2;--coral:#e88f6d;--cyan:#7fe4ed;--focus:#1b6c83;--radius:22px;--shadow:0 15px 40px #69321a22;--content:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;background:#fffbf6;color:var(--ink);font:400 16px/1.65 'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;overflow-x:hidden}img{max-width:100%;height:auto}a{color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:4px}button{font:inherit;cursor:pointer}p,h1,h2,h3,h4{margin:0}p{max-width:70ch}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;white-space:nowrap;overflow:hidden}.wrap{max-width:var(--content);padding-inline:clamp(20px,4.4vw,56px);margin-inline:auto}.skip{position:absolute;z-index:1000;top:-100px;left:10px;background:#fff;color:#000;padding:10px}.skip:focus{top:10px}
/* Header */
.header{position:sticky;z-index:90;top:0;background:#402128ec;color:#fff6ea;border-bottom:1px solid #f2c7a233;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.header-row{min-height:77px;display:flex;align-items:center;gap:32px;justify-content:space-between}.wordmark{display:flex;align-items:center;text-decoration:none;gap:9px;font:800 clamp(19px,2.1vw,24px)/1.1 'Manrope',sans-serif;letter-spacing:-.05em}.mark{height:32px;width:34px;flex:none;filter:drop-shadow(0 0 10px #e9b4864d)}.desktop-nav{display:flex;align-items:center;gap:clamp(14px,2vw,29px)}.desktop-nav a{font-size:13px;font-weight:700;text-decoration:none;color:#ffeddb;transition:color .15s}.desktop-nav a:hover,.desktop-nav a[aria-current=page]{color:#ffd495}.nav-cta{border:1px solid #ffffffb8;color:#3f251c!important;background:linear-gradient(170deg,#fff2d9,#f8c999);padding:9px 17px;border-radius:99px;box-shadow:0 4px 0 #271617,0 6px 15px #0007;font-weight:800}.menu-btn{display:none;border:1px solid #ffffff55;color:#fff;background:#ffffff12;padding:9px 13px;border-radius:12px}.mobile-nav{display:none;padding:8px 20px 20px;gap:4px}.mobile-nav a{padding:12px 14px;color:#fff;text-decoration:none;display:block;border-radius:10px}.mobile-nav a:hover{background:#ffffff18}
/* Hero */
.hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 77% 26%,#b38c91d9 0%,transparent 46%),radial-gradient(ellipse at 40% 88%,#e1a8928c 0%,transparent 52%),linear-gradient(135deg,#50252d 0%,#66383e 42%,#c78b7d 76%,#f0b79f 100%);color:#fff7ec}.hero::before{content:'';pointer-events:none;position:absolute;inset:0;opacity:.18;background-image:linear-gradient(0deg,transparent 97%,#eedbd944 98%),linear-gradient(90deg,transparent 97%,#eae4dc33 98%);background-size:58px 58px;mask-image:linear-gradient(90deg,transparent 12%,black 68%)}.hero::after{content:'';position:absolute;z-index:-1;inset:auto 0 0;height:45%;background:linear-gradient(0deg,#efb4a1ad,transparent);pointer-events:none}.hero-house{position:absolute;z-index:-1;top:3%;right:-4%;width:min(65%,815px);height:85%;background:url('assets/journey-house-architecture.webp') center top / contain no-repeat;opacity:.27;filter:grayscale(.3) sepia(.23) saturate(.55) contrast(1.05);mask-image:radial-gradient(ellipse at 50% 44%,black 30%,transparent 73%);-webkit-mask-image:radial-gradient(ellipse at 50% 44%,black 30%,transparent 73%)}.hero-wave{position:absolute;z-index:0;left:44%;right:-5%;top:20%;height:55%;width:65%;opacity:.56;pointer-events:none;filter:drop-shadow(0 0 14px #65e5ff88)}.hero-content{position:relative;z-index:2;padding-top:clamp(62px,7vw,100px);padding-bottom:66px}.eyebrow{text-transform:uppercase;letter-spacing:.24em;color:#f8d6b1;font-weight:800;font-size:11px;line-height:1.5}.hero h1{margin-top:17px;font:800 clamp(42px,6.1vw,77px)/1.05 'Manrope',sans-serif;letter-spacing:-.06em;text-shadow:0 3px 20px #1c132144}.accent{display:block;margin-block:18px 6px;height:5px;width:76px;border-radius:8px;background:linear-gradient(90deg,#ffd28d,#ffb08e);box-shadow:0 0 18px #ffbb8c80}.graffiti-wrap{width:min(850px,95%);margin-top:-6px;margin-left:-3.1%;position:relative;overflow:hidden;mask-image:radial-gradient(ellipse 66% 53% at 50% 50%,black 55%,transparent 99%);-webkit-mask-image:radial-gradient(ellipse 66% 53% at 50% 50%,black 55%,transparent 99%);mix-blend-mode:normal}.graffiti-wrap img{display:block;min-width:100%;width:100%;object-fit:contain}.hero-lead{max-width:590px;font:700 clamp(19px,2.3vw,26px)/1.42 'Manrope',sans-serif;letter-spacing:-.015em;text-shadow:0 2px 8px #2f222966}.hero-small{font-size:15px;max-width:620px;color:#ffe6d6;margin-top:13px}.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:26px}.pill{display:inline-flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;font-weight:800;font-size:14px;min-height:50px;border-radius:99px;padding:10px 23px;transition:transform .2s,box-shadow .2s}.pill:hover{transform:translateY(-3px)}.pill-light{background:#ffedd5;color:#49241f;border:1px solid #fff7d6;box-shadow:0 5px 0 #44222a,0 10px 25px #32191e66}.pill-ghost{color:#fff;background:#3a202840;border:1px solid #ffffff99}.pill-rust{background:linear-gradient(#a9573d,#723727);color:#fff;box-shadow:0 5px 0 #4b211b,0 11px 21px #361a1a30}.pill svg{width:17px;height:17px}
/* 3D signature tiles */
.launchpad{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:47px}.signature-tile{position:relative;display:flex;min-height:190px;align-items:center;justify-content:center;flex-direction:column;text-decoration:none;color:#402022;border-radius:32px;border:2px solid #fff2dfb5;background:radial-gradient(ellipse at 79% 0%,#fff9f2e8 0%,transparent 25%),linear-gradient(158deg,#d7d0e1 5%,#b6a3c3 31%,#dfb6ad 65%,#f6d0b0 82%,#c19cae 100%);box-shadow:inset 0 4px 3px #ffffffdd,inset 0 -5px 10px #5f5773a6,inset -8px -5px 15px #baa7b6a1,inset 8px 9px 16px #ffffff4d,0 9px 0 #604259,0 15px 20px #361b2440,0 20px 39px #34111c50;transition:transform .2s ease,box-shadow .2s ease;overflow:hidden}.signature-tile:before{content:'';position:absolute;inset:6px;border:1px solid #fce8f2bd;border-radius:26px;box-shadow:inset 0 1px 0 #fff,0 1px 1px #6f577544;pointer-events:none}.signature-tile:after{content:'';position:absolute;top:5px;left:21%;width:52%;height:18px;border-radius:50%;transform:rotate(-7deg);background:radial-gradient(ellipse,#fff 8%,#fff8 30%,transparent 78%);filter:blur(5px);opacity:.85}.signature-tile:hover{transform:translateY(-7px);box-shadow:inset 0 4px 3px #ffffffdd,inset 0 -5px 10px #5f5773a6,0 13px 0 #604259,0 25px 32px #32191a70}.signature-tile:active{transform:translateY(3px)}.signature-tile .tile-ico{width:64px;height:64px;stroke:#fff2db;stroke-width:1.7;filter:drop-shadow(0 3px 0 #6f4e67) drop-shadow(1px 0 1px #573a4a);margin-bottom:17px;position:relative}.signature-tile span{font:800 clamp(19px,2vw,28px)/1.15 'Manrope',sans-serif;letter-spacing:-.04em;position:relative;text-shadow:0 2px 0 #fff8}
.hero-bottom-line{height:8px;background:linear-gradient(90deg,#fdd39c,#df9a88,#7c4960,#b77f78,#ffe1b2);box-shadow:0 4px 13px #5b1e1e40}
/* layout */
.section{padding-block:clamp(65px,8vw,108px)}.section-header{max-width:800px;margin-bottom:32px}.tag{font:800 11px/1.4 'DM Sans',sans-serif;letter-spacing:.23em;text-transform:uppercase;color:var(--rust)}.section-title{font:800 clamp(34px,4.5vw,57px)/1.12 'Manrope',sans-serif;letter-spacing:-.052em;margin-top:10px;color:#542b22}.section-note{font-size:17px;color:#795d52;margin-top:12px}.pathways{background:radial-gradient(ellipse at 91% 9%,#fff5d8,transparent 35%),linear-gradient(#fff7ec,#f6e4d3)}.path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.path-card{position:relative;background:linear-gradient(145deg,#fffaf5,#f7e8db);color:var(--ink);text-decoration:none;border:1px solid #fff;min-height:206px;border-radius:24px;padding:26px 22px 23px;box-shadow:0 8px 26px #75402a1f,inset 0 2px 3px #fff,0 2px 0 #e9c9af;transition:transform .18s,box-shadow .18s}.path-card:hover{transform:translateY(-5px);box-shadow:0 18px 34px #75402a2c}.path-ico{width:42px;height:42px;stroke:var(--rust);stroke-width:1.8;fill:none;display:block;margin-bottom:15px}.path-card h3{font:800 20px/1.2 Manrope,sans-serif;letter-spacing:-.03em}.path-card p{font-size:14px;color:#765d52;margin-top:8px;line-height:1.5;max-width:36ch;padding-right:20px}.arrow{position:absolute;right:18px;bottom:18px;display:flex;align-items:center;justify-content:center;width:39px;height:39px;border-radius:50%;background:linear-gradient(135deg,#d77c56,#aa5036);color:#fff;font:800 21px/1 sans-serif;box-shadow:0 3px 0 #7a3b2a,0 7px 11px #7a3b2a3d}.feature-section{background:#fffdfa}.resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.resource-card{border:1px solid #e9d5c5;background:linear-gradient(150deg,#fffefa,#fff6ec);border-radius:23px;padding:27px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px}.resource-card h3{font:800 20px/1.3 Manrope,sans-serif;letter-spacing:-.025em}.resource-card p{color:#5e453e;font-size:15px;line-height:1.55}.resource-card .subtitle{font-weight:800;color:#98543f;text-transform:uppercase;letter-spacing:.09em;font-size:11px}.resource-card .address{font-weight:700;font-size:14px;color:#59362c}.resource-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:4px}.small-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:10px 15px;border-radius:12px;background:#854432;color:#fff;font-size:13px;font-weight:800;border:1px solid #67392e;transition:background .2s}.small-link:hover{background:#633226}.small-link.outline{background:#fff5e8;color:#6e3829;border-color:#e4bfa8}.small-link.outline:hover{background:#ffead0}.note-bar{border:1px solid #e2c5b1;border-left:5px solid #bc694e;border-radius:13px;background:#fff8ef;color:#63443c;padding:16px 19px;font-size:14px;margin-top:20px}.resource-band{background:linear-gradient(145deg,#52292e,#854534);color:#fff;padding:66px 0;position:relative;overflow:hidden}.resource-band:after{content:'';position:absolute;right:-17%;top:-80%;width:60%;height:200%;background:radial-gradient(ellipse,#ffb48f44,transparent 60%);pointer-events:none}.resource-band .section-title{color:#fff5e6}.resource-band .section-note{color:#ffe1cb}.resource-band .tag{color:#ffd2a7}
/* guides */
.step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:28px}.step{background:#fff9ef;border:1px solid #e9cbb8;padding:24px;border-radius:20px;box-shadow:0 11px 20px #55372612}.step-num{font:800 13px/1 Manrope,sans-serif;color:#fff;background:#9a5038;display:grid;place-items:center;width:40px;height:40px;border-radius:100%;margin-bottom:18px}.step h3{font-size:20px;line-height:1.2;font-weight:800;margin-bottom:8px}.step p{font-size:14px;color:#71564d}.action-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.micro{font-size:13px;color:#785950}
/* scenic band */
.future{position:relative;isolation:isolate;overflow:hidden;color:#fff4e1;background:radial-gradient(ellipse at 70% 40%,#ffc47c83,transparent 32%),linear-gradient(155deg,#623332,#a4573d 56%,#522834 100%);padding:83px 0 85px}.future:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.22;background-image:linear-gradient(160deg,transparent 44%,#fcdf9e 45%,transparent 46%),repeating-linear-gradient(16deg,transparent 0 64px,#f7bc8e20 65px 66px)}.future .section-title{color:#fff5e8}.future p{margin-top:16px;color:#ffe1c9;max-width:600px}.future-items{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.future-items span{border:1px solid #fff9;border-radius:99px;padding:8px 15px;background:#3b1c2440;font-weight:700;font-size:13px}.sun-path{position:absolute;right:-3%;top:0;width:min(48%,500px);height:100%;pointer-events:none;opacity:.9;z-index:-1}.sun-path svg{width:100%;height:100%}
/* interior pages */
.page-hero{position:relative;isolation:isolate;background:linear-gradient(130deg,#4a2530,#925147 78%,#cf9179);padding:72px 0 73px;color:#fff3e8;overflow:hidden}.page-hero:before{content:'';position:absolute;right:0;top:0;width:42%;height:100%;opacity:.1;background:url('assets/journey-house-architecture.webp') center / cover;mask-image:linear-gradient(90deg,transparent,black 70%)}.page-hero h1{font:800 clamp(43px,6vw,69px)/1.06 Manrope,sans-serif;letter-spacing:-.055em;margin-top:14px;max-width:900px}.page-hero p{max-width:620px;margin-top:13px;font-size:18px;color:#ffe5d5}.breadcrumb{color:#e2bdad;text-decoration:none;font-size:13px;font-weight:700}.breadcrumb:hover{text-decoration:underline}.page-section{padding-block:65px 90px}.detail-accordion{margin-top:20px}.detail-accordion details{background:#fffaf3;border:1px solid #e9ceba;border-radius:14px;padding:15px 18px;margin:9px 0}.detail-accordion summary{cursor:pointer;font-weight:800}.detail-accordion p{font-size:14px;color:#715348;margin-top:12px}.checklist{display:grid;gap:9px;margin-top:16px}.checkline{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;background:#fff7ed;border-radius:10px;color:#573c31}.checkline input{height:20px;width:20px;accent-color:#98523c;flex:none;margin-top:3px}.checkline:has(input:checked) span{text-decoration:line-through;color:#9b7a6c}.mini-heading{font:800 25px/1.3 Manrope,sans-serif;letter-spacing:-.035em;margin-bottom:15px}.related{display:flex;gap:10px;flex-wrap:wrap;padding-top:25px;margin-top:30px;border-top:1px solid #eed8c6}.related a{font-weight:800;font-size:13px;color:#78402f;background:#f7e6d6;text-decoration:none;border-radius:99px;padding:9px 14px}
.footer{background:#351f28;color:#fff0e6;padding:38px 0 31px}.footer-row{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.footer a{color:#ffe0c3}.footer p{color:#e6c9bb;font-size:13px;max-width:570px;margin-top:12px}.footer-nav{display:flex;flex-wrap:wrap;gap:13px}.footer-nav a{font-weight:700;text-decoration:none;font-size:12px}.footer-hr{border:0;border-top:1px solid #ffffff30;margin:25px 0 15px}.footer-end{font-size:12px;color:#cdaea4;display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap}
@media(max-width:1000px){.desktop-nav{gap:14px}.desktop-nav a{font-size:12px}.launchpad{gap:14px}.signature-tile{min-height:160px}.signature-tile span{font-size:20px}.hero-house{width:70%;opacity:.2}.path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.header-row{min-height:68px}.desktop-nav{display:none}.menu-btn{display:block}.mobile-nav.is-open{display:block}.hero-content{padding-top:55px;padding-bottom:53px}.hero-house{width:100%;height:72%;right:-25%;top:4%;opacity:.13;filter:grayscale(.5)}.hero-wave{left:20%;top:31%;opacity:.27;width:90%}.hero h1{font-size:clamp(41px,9vw,62px)}.graffiti-wrap{width:108%;max-width:none;margin-left:-5%;margin-block:4px -12px}.hero-small{font-size:14px}.hero-lead{font-size:19px;max-width:520px}.launchpad{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:37px}.signature-tile{min-height:154px;border-radius:24px}.signature-tile:before{border-radius:19px}.signature-tile .tile-ico{width:49px;height:49px;margin-bottom:11px}.signature-tile span{font-size:20px}.resource-grid,.step-grid{grid-template-columns:1fr}.path-grid{gap:12px}.section{padding-block:65px}.footer-row{flex-direction:column}.future{padding-block:62px}.sun-path{opacity:.24;width:100%}.page-hero{padding-block:52px}}
@media(max-width:440px){body{font-size:15px}.wrap{padding-inline:18px}.wordmark{font-size:20px}.hero h1{font-size:44px}.eyebrow{font-size:10px}.graffiti-wrap{width:118%;margin-left:-9%}.hero-lead{font-size:18px}.launchpad{gap:12px}.signature-tile{min-height:142px}.signature-tile span{font-size:18px}.signature-tile .tile-ico{width:46px;height:46px}.path-grid{grid-template-columns:1fr}.path-card{min-height:155px}.section-title{font-size:36px}.resource-card{padding:21px}.page-hero h1{font-size:42px}.pill{width:100%}.hero-actions{gap:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* 2026-11-07 Background pass: charcoal-violet fading into clean white (Danny's direction).
   The approved NEED A JOB art has its own navy core that fades to white at the edges,
   so it sits in the white zone with no mask: no oval, no seam. Art file untouched. */
.header{background:#141018ee;border-bottom-color:#ffffff1a}
.hero{background:linear-gradient(180deg,#141018 0,#1d1726 140px,#2a2236 200px,#5d5669 255px,#b9b5c1 300px,#eceaf0 335px,#f8f9fd 365px,#f8f9fd 100%)}
.hero::before,.hero::after,.hero-wave{display:none}
.hero-house{top:0;right:-2%;height:340px;opacity:.16;filter:grayscale(1) contrast(1.1);mask-image:radial-gradient(ellipse 50% 50% at 50% 45%,#000 35%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 45%,#000 35%,transparent 100%)}
.graffiti-wrap{margin-top:56px;--fx:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);--fy:linear-gradient(180deg,transparent,#000 9%,#000 91%,transparent);mask-image:var(--fx),var(--fy);-webkit-mask-image:var(--fx),var(--fy);mask-composite:intersect;-webkit-mask-composite:source-in}
.hero-lead{color:#1d1726;text-shadow:none}
.hero-small{color:#4c4656}
.pill-ghost{color:#2a2236;background:#ffffff;border-color:#2a223655}
.hero-bottom-line{background:linear-gradient(90deg,#2a2236,#6d5f86,#b9b5c1);box-shadow:none}
.page-hero{background:linear-gradient(130deg,#141018,#241c2f 60%,#3d3350)}
.footer{background:#141018}
@media(max-width:760px){.hero{background:linear-gradient(180deg,#141018 0,#1d1726 120px,#2a2236 175px,#5d5669 215px,#b9b5c1 245px,#eceaf0 265px,#f8f9fd 285px,#f8f9fd 100%)}.hero-house{height:260px}.graffiti-wrap{margin-top:44px;margin-bottom:8px}}
