@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--bg:#100e0b;--surface:#191611;--raised:#211d17;--border:#342d24;--text:#f3ede3;--crema:#e7c99b;--muted:#b7aea1;--dim:#7f766a;--accent:#d9904f;--accent-soft:#eea968;--display:'Space Grotesk',sans-serif;--body:Inter,sans-serif;--mono:'JetBrains Mono',monospace;--max:1120px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font:16px/1.6 var(--body);overflow-x:hidden}body.nav-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}ul,ol{list-style:none}svg{display:block}a:focus-visible,button:focus-visible{outline:2px solid var(--accent-soft);outline-offset:4px}.section-inner{width:min(100%,var(--max));margin:auto;padding-inline:1.5rem}section{padding-block:clamp(5.5rem,9vw,8rem)}.section-kicker{margin-bottom:.7rem;color:var(--accent);font:.66rem var(--mono);letter-spacing:.18em;text-transform:uppercase}.section-title{max-width:15ch;margin-bottom:2rem;font:700 clamp(2rem,4vw,3.5rem)/1 var(--display);letter-spacing:-.05em}.section-intro{max-width:46rem;margin-bottom:2.5rem;color:var(--muted)}
/* navigation */.site-header{position:fixed;inset:0 0 auto;z-index:20;padding:.85rem 1.5rem;border-bottom:1px solid transparent;transition:.2s}.site-header.scrolled{background:#100e0be6;border-color:var(--border);backdrop-filter:blur(12px)}.nav{display:flex;align-items:center;justify-content:space-between;width:min(100%,var(--max));margin:auto}.nav-logo{display:grid;place-items:center;width:2.45rem;height:2.45rem;border:1px solid var(--border);border-radius:8px;background:var(--raised);font:.9rem var(--mono)}.nav-links{display:flex;gap:1.4rem}.nav-links a{color:var(--muted);font-size:.82rem}.nav-links a:hover{color:var(--accent-soft)}.nav-toggle{display:none;gap:5px;flex-direction:column;padding:.5rem}.nav-toggle span{width:22px;height:2px;background:var(--text);transition:.2s}.nav-toggle[aria-expanded=true] span:first-child{transform:translateY(7px) rotate(45deg)}.nav-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] span:last-child{transform:translateY(-7px) rotate(-45deg)}
/* hero */.welcome{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:100svh;padding-top:8rem;overflow:hidden;background:radial-gradient(circle at 70% 25%,#d9904f12,transparent 30rem),var(--bg)}.constellation{position:absolute;inset:0;width:100%;height:100%;opacity:.4;pointer-events:none}.constellation-lines path{fill:none;stroke:#f3ede31a}.constellation-node{fill:var(--dim)}.constellation-node:nth-child(6n){fill:var(--accent)}.welcome-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:clamp(2.5rem,6vw,5rem);align-items:center}.availability{display:inline-flex;gap:.6rem;align-items:center;margin-bottom:1rem;color:var(--muted);font:.7rem var(--mono)}.availability span{width:7px;height:7px;border-radius:50%;background:var(--accent)}.welcome-corner,.visual-label{color:var(--accent);font:.67rem var(--mono);letter-spacing:.12em;text-transform:uppercase}.welcome-corner{margin:.8rem 0}.hero-greeting{display:block;font:700 clamp(3rem,5.3vw,5.1rem)/.98 var(--display);letter-spacing:-.07em}.welcome-copy p:not(.availability):not(.welcome-corner){max-width:62ch;color:var(--muted)}.welcome-lead{margin-top:1.1rem!important;color:var(--text)!important;font-size:1.05rem}.welcome-actions{display:flex;gap:1rem;align-items:center;margin-top:1.4rem}.btn{display:inline-block;padding:.8rem 1.25rem;border:1px solid var(--border);border-radius:8px;font:.78rem var(--mono);transition:.2s}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--bg)}.btn-primary:hover{background:var(--accent-soft);transform:translateY(-2px)}.text-link{color:var(--muted);font:.78rem var(--mono)}.welcome-note{margin-top:1.4rem;padding-left:.8rem;border-left:2px solid var(--accent);font-size:.84rem}.hero-visual{position:relative;min-height:340px;display:grid;place-items:center}.visual-card{position:relative;z-index:1;width:min(100%,350px);padding:2rem;border:1px solid var(--border);border-radius:12px;background:var(--raised);box-shadow:0 18px 48px #00000047}.visual-card p{margin-top:1rem;font:600 1.2rem/1.45 var(--display)}.visual-card strong{color:var(--accent-soft)}.visual-path{display:flex;gap:.5rem;align-items:center;margin-top:1.5rem;color:var(--dim);font:.6rem var(--mono)}.visual-path i{flex:1;height:1px;background:var(--accent)}.visual-chip{position:absolute;padding:.5rem .7rem;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--muted);font:.6rem var(--mono)}.visual-chip-top{top:3rem;right:0}.visual-chip-bottom{bottom:2rem;left:0}.trust-line{position:relative;z-index:1;overflow:hidden;height:3.7rem;border-block:1px solid var(--border);background:#0d0c09}.trust-line-track,.trust-line-group{display:flex;align-items:center;height:100%;width:max-content}.trust-line-track{animation:ticker 42s linear infinite}.trust-line-group{gap:4rem;padding:0 2rem}.trust-line span{white-space:nowrap;color:var(--dim);font:.62rem var(--mono);letter-spacing:.16em;text-transform:uppercase}.trust-line i{width:3px;height:3px;border-radius:50%;background:var(--accent)}@keyframes ticker{to{transform:translateX(-50%)}}
/* help and process */.help-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.9rem}.help-card{display:flex;flex-direction:column;min-height:14rem;padding:1.4rem;border:1px solid var(--border);border-radius:10px;background:var(--surface);transition:.2s}.help-card:hover{background:var(--raised);border-color:var(--accent);transform:translateY(-2px)}.card-top{display:flex;gap:.7rem;align-items:center}.card-top b{display:grid;place-items:center;width:2.2rem;height:2.2rem;border:1px solid var(--border);border-radius:7px;color:var(--accent-soft)}.card-top svg{width:1.15rem;height:1.15rem;fill:none;stroke:currentColor;stroke-width:2}.card-top span,.help-tags span{color:var(--dim);font:.58rem var(--mono)}.help-card h3{margin:1rem 0 .45rem;font:600 1rem var(--display)}.help-card p{color:var(--muted);font-size:.85rem}.help-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:auto;padding-top:1rem}.help-tags span{padding:.25rem .55rem;border:1px solid var(--border);border-radius:99px}.philosophy,.experience{background:var(--surface)}.statement-grid,.journey-intro{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,7vw,6rem)}.statement-lead,.journey-lead{font:600 clamp(1.4rem,2.5vw,2rem)/1.35 var(--display)}.statement-copy,.journey-copy{color:var(--muted)}.statement-copy p+p,.journey-copy p+p{margin-top:1rem}.process-section .section-inner{max-width:860px}.process-intro{max-width:34rem;color:var(--muted)}.process-carousel{padding-top:3rem}.process-list{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.process-list:before{content:'';position:absolute;top:1.45rem;left:1.45rem;right:1.45rem;height:1px;background:var(--accent);opacity:.65}.process-step{position:relative;z-index:1}.process-number{display:grid;place-items:center;width:2.9rem;height:2.9rem;margin-bottom:1rem;padding:.6rem;border:1px solid var(--accent);border-radius:50%;background:var(--bg);color:var(--accent-soft)}.process-number svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2}.process-step h3{font:600 1.05rem var(--display)}.process-step small{margin-left:.4rem;color:var(--dim);font:.57rem var(--mono);text-transform:uppercase}.process-step p{margin-top:.5rem;color:var(--muted);font-size:.84rem}
/* timeline */.timeline{position:relative;margin-top:3rem;padding-left:2rem;border-left:1px solid var(--border)}.timeline-item{position:relative;margin-bottom:1.1rem}.timeline-marker{position:absolute;left:-2.45rem;top:1.8rem}.marker-dot{display:block;width:.8rem;height:.8rem;border:2px solid var(--accent);border-radius:50%;background:var(--bg)}.timeline-card{border:1px solid var(--border);border-radius:10px;background:var(--bg)}.timeline-trigger{position:relative;width:100%;padding:1.4rem 4rem 1.4rem 1.4rem;text-align:left}.timeline-meta{display:flex;gap:.7rem;color:var(--dim);font:.62rem var(--mono)}.chapter-label{color:var(--accent)}.timeline-role{margin:.55rem 0;font:600 1.2rem var(--display)}.timeline-company{color:var(--muted);font-size:.86rem}.timeline-expand-icon{position:absolute;right:1.2rem;top:50%;width:2rem;height:2rem;border:1px solid var(--border);border-radius:50%;transform:translateY(-50%)}.timeline-expand-icon:before,.timeline-expand-icon:after{content:'';position:absolute;top:50%;left:25%;width:50%;height:1px;background:var(--accent)}.timeline-expand-icon:after{transform:rotate(90deg)}.expanded .timeline-expand-icon:after{transform:rotate(0)}.timeline-details-wrap{display:grid;grid-template-rows:0fr;transition:.25s}.expanded .timeline-details-wrap{grid-template-rows:1fr}.timeline-details{overflow:hidden;padding:0 1.4rem;color:var(--muted)}.expanded .timeline-details{padding-bottom:1.4rem}.timeline-details p+p{margin-top:1rem}.lesson-tags,.tag-cloud{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.lesson-tags span,.tag{padding:.3rem .55rem;border:1px solid var(--border);border-radius:99px;color:var(--muted);font:.58rem var(--mono)}.journey-conclusion,.industry-tags{margin-top:2rem;padding:1.5rem;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--muted)}.contact .section-inner{padding:clamp(3rem,6vw,5rem);border:1px solid var(--border);border-radius:12px;background:var(--surface);text-align:center}.contact .section-title{max-width:none}.contact-sub{max-width:42rem;margin:0 auto 1.5rem;color:var(--muted)}.contact-actions{display:flex;justify-content:center;gap:.8rem}.site-footer{padding:2rem;text-align:center;border-top:1px solid var(--border);color:var(--dim);font:.72rem var(--mono)}.reveal{opacity:0;transform:translateY(10px);transition:.45s}.reveal.in-view{opacity:1;transform:none}
@media(max-width:780px){.nav-toggle{display:flex;position:relative;z-index:2}.nav-links{position:fixed;inset:0 0 0 auto;z-index:1;width:min(78%,300px);padding:6rem 2rem;flex-direction:column;background:var(--surface);border-left:1px solid var(--border);transform:translateX(100%);transition:transform .25s}.nav-links.open{transform:none}.nav-links a{font-size:1rem}.welcome-inner,.statement-grid,.journey-intro{grid-template-columns:1fr}.welcome{padding-top:7rem}.hero-visual{min-height:300px}.help-grid{grid-template-columns:1fr}.section-title{max-width:none}.process-list{grid-template-columns:1fr}.process-list:before{top:1.45rem;bottom:1.45rem;left:1.45rem;right:auto;width:1px;height:auto}.process-step>div{padding-left:4rem}.timeline{padding-left:1.5rem}.timeline-marker{left:-1.95rem}.contact-actions{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.trust-line-track{animation:none}.reveal{opacity:1;transform:none;transition:none}}

/* Hero visual: keep its composition independent from the page background. */
.hero-visual{isolation:isolate;width:100%;min-height:390px;overflow:visible}.hero-visual::before{content:"";position:absolute;z-index:0;width:min(88%,390px);aspect-ratio:1;border:1px solid rgba(217,144,79,.18);border-radius:50%;background:radial-gradient(circle,rgba(217,144,79,.07),transparent 65%)}.visual-orbit{position:absolute;z-index:0;border:1px solid rgba(243,237,227,.1);border-radius:50%;pointer-events:none}.visual-orbit-one{width:340px;height:340px}.visual-orbit-two{width:250px;height:250px;border-style:dashed}.visual-card{z-index:1;width:min(82%,350px);margin:auto}.visual-chip{z-index:2;white-space:nowrap}.visual-chip-top{top:2.1rem;right:max(0px,3%)}.visual-chip-bottom{bottom:1.7rem;left:max(0px,3%)}
@media(max-width:780px){.hero-visual{min-height:340px}.hero-visual::before{width:min(82vw,340px)}.visual-orbit-one{width:min(78vw,300px);height:min(78vw,300px)}.visual-orbit-two{width:min(58vw,220px);height:min(58vw,220px)}.visual-card{width:min(82vw,340px);padding:1.5rem}.visual-chip-top{top:1.2rem;right:3vw}.visual-chip-bottom{bottom:1rem;left:3vw}}@media(max-width:420px){.hero-visual{min-height:310px}.visual-card{width:min(86vw,320px);padding:1.25rem}.visual-card p{font-size:1.05rem}.visual-chip{font-size:.55rem}.visual-chip-top{right:0}.visual-chip-bottom{left:0}}

/* Alternating career roadmap. */
.timeline{margin-top:3rem;padding:0;border:0}.timeline::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:var(--border)}.timeline-item{width:50%;margin:0 0 1.4rem;padding-right:2.5rem}.timeline-item:nth-child(even){margin-left:50%;padding-right:0;padding-left:2.5rem}.timeline-marker{top:1.65rem;left:auto;right:-.43rem}.timeline-item:nth-child(even) .timeline-marker{right:auto;left:-.43rem}.timeline-item::after{content:"";position:absolute;top:2rem;right:0;width:2.5rem;height:1px;background:var(--border)}.timeline-item:nth-child(even)::after{right:auto;left:0}.timeline-card{position:relative}.timeline-item:nth-child(odd) .timeline-card{text-align:right}.timeline-item:nth-child(odd) .timeline-meta{justify-content:flex-end}.timeline-item:nth-child(odd) .timeline-details{text-align:left}.marker-dot{background:var(--bg);box-shadow:0 0 0 5px var(--bg)}
@media(max-width:780px){.timeline{padding-left:1.75rem}.timeline::before{left:4px}.timeline-item,.timeline-item:nth-child(even){width:100%;margin-left:0;padding:0 0 1.2rem 1.5rem}.timeline-marker,.timeline-item:nth-child(even) .timeline-marker{left:-1.95rem;right:auto}.timeline-item::after,.timeline-item:nth-child(even)::after{left:-1.5rem;right:auto;width:1.5rem}.timeline-item:nth-child(odd) .timeline-card,.timeline-item:nth-child(odd) .timeline-details{text-align:left}.timeline-item:nth-child(odd) .timeline-meta{justify-content:flex-start}}

/* Editorial alignment: card placement alternates; reading direction does not. */
.timeline-card,.timeline-details,.timeline-item:nth-child(odd) .timeline-card,.timeline-item:nth-child(odd) .timeline-details{text-align:left}.timeline-meta,.timeline-item:nth-child(odd) .timeline-meta{justify-content:flex-start}.timeline-role{line-height:1.2}.timeline-company{line-height:1.5}.timeline-details{font-size:.92rem;line-height:1.65}.experience .section-title{max-width:20ch}.journey-intro{align-items:start;margin-bottom:3.5rem}.journey-lead{max-width:22ch}.journey-conclusion{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:1.5rem;line-height:1.65}.journey-conclusion .section-kicker{margin:0}.industry-tags .section-kicker{margin-bottom:1rem}.roadmap-badge{margin-bottom:.45rem;color:var(--accent);font:.65rem var(--mono);letter-spacing:.14em;text-transform:uppercase}.timeline-roadmap-intro{margin:2.5rem 0 1.5rem;color:var(--muted)}
@media(max-width:780px){.journey-conclusion{grid-template-columns:1fr;gap:.75rem}.journey-lead{max-width:none}.timeline-role{font-size:1.1rem}.timeline-details{font-size:.88rem}}

/* Present-day work first; the timeline reads back through earlier chapters. */
.timeline{display:flex;flex-direction:column-reverse}

/* Give each chapter a distinct, quiet editorial surface with refined depth. */
.timeline-card{overflow:hidden;border-color:rgba(243,237,227,.14);background:linear-gradient(140deg,#1c1812,#14110d);box-shadow:inset 0 1px 0 rgba(243,237,227,.06),0 16px 36px rgba(0,0,0,.22);transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .28s ease,box-shadow .28s ease,background .28s ease}.timeline-card::before{content:"";display:block;width:3.5rem;height:2px;background:linear-gradient(90deg,var(--accent),transparent);opacity:.85;transition:width .35s ease,opacity .35s ease}.timeline-trigger{padding-top:1.15rem}.timeline-meta{align-items:center;letter-spacing:.04em}.chapter-label{color:var(--accent-soft);font-weight:600}.timeline-year{color:var(--dim)}.timeline-role{font-size:clamp(1.2rem,2.2vw,1.45rem);letter-spacing:-.03em;line-height:1.25;margin:.6rem 0 .4rem;color:var(--text)}.timeline-company{max-width:40ch;color:var(--muted);font-size:.88rem}.timeline-expand-icon{background:rgba(217,144,79,.06);border-color:rgba(217,144,79,.3);transition:transform .28s ease,border-color .28s ease,background-color .28s ease}.timeline-card:hover,.timeline-item.expanded>.timeline-card{border-color:rgba(217,144,79,.55)!important;background:linear-gradient(140deg,#251f16,#17130e)!important;box-shadow:inset 0 1px 0 rgba(243,237,227,.08),0 22px 48px rgba(0,0,0,.32),0 0 20px rgba(217,144,79,.08)!important;transform:translateY(-3px)}.timeline-card:hover .timeline-expand-icon{border-color:var(--accent);background:rgba(217,144,79,.12)}.timeline-item.expanded .timeline-card::before{width:100%;opacity:1}.timeline-details{border-top:1px solid rgba(243,237,227,.08);padding-top:1.1rem;color:var(--muted);font-size:.92rem;line-height:1.68}.lesson-tags span{background:rgba(217,144,79,.05);border-color:rgba(217,144,79,.18);transition:all .2s ease}.lesson-tags span:hover{border-color:var(--accent);color:var(--text);transform:translateY(-1px)}

/* Chapter takeaway callout */
.chapter-takeaway{position:relative;margin-top:1.5rem!important;padding:1.1rem 1.25rem 1.1rem 1.4rem!important;border:1px solid rgba(217,144,79,.22)!important;border-left:3px solid var(--accent)!important;border-radius:6px;background:linear-gradient(90deg,rgba(217,144,79,.09),rgba(217,144,79,.02))!important;color:var(--text)!important;font:500 .92rem/1.6 var(--display)}.chapter-takeaway strong{display:block;margin-bottom:.35rem;color:var(--accent-soft);font:.6rem var(--mono);letter-spacing:.16em;text-transform:uppercase}

/* Active Timeline Marker Halo */
.timeline-item.expanded .marker-dot,.timeline-item:hover .marker-dot{background:var(--accent);box-shadow:0 0 0 5px var(--bg),0 0 0 8px rgba(217,144,79,.3),0 0 16px var(--accent);transform:scale(1.15);transition:all .25s ease}

/* Ambient section fields: deliberately quiet and responsive. */
.welcome .constellation{opacity:.3;transform:scale(1.03);transform-origin:center;animation:constellation-breathe 18s ease-in-out infinite}.constellation-lines path{stroke:rgba(243,237,227,.12)}.constellation-node{filter:drop-shadow(0 0 5px rgba(217,144,79,.16))}@keyframes constellation-breathe{50%{opacity:.42;transform:scale(1)}}
.help-section{position:relative;isolation:isolate;background-image:linear-gradient(rgba(243,237,227,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(243,237,227,.028) 1px,transparent 1px);background-size:52px 52px}.help-section::after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 18% 20%,rgba(217,144,79,.07),transparent 18rem);animation:field-shift 20s ease-in-out infinite;pointer-events:none}
.process-section{position:relative;overflow:hidden}.process-section::after{content:"";position:absolute;z-index:0;top:calc(50% + 2.1rem);left:0;width:7px;height:7px;border-radius:50%;background:var(--accent-soft);box-shadow:0 0 14px rgba(217,144,79,.65);animation:process-signal 14s ease-in-out infinite;pointer-events:none}.process-section .section-inner{position:relative;z-index:1}@keyframes process-signal{0%,10%{transform:translateX(0);opacity:0}15%,85%{opacity:1}90%,100%{transform:translateX(100vw);opacity:0}}
.experience{position:relative;isolation:isolate;overflow:hidden}.experience::before{content:"";position:absolute;z-index:-1;inset:0;opacity:.34;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 600'%3E%3Cg fill='none' stroke='%237f766a' stroke-opacity='.24' stroke-width='1'%3E%3Cpath d='M-60 120C90 20 170 240 330 125S560 35 860 145'/%3E%3Cpath d='M-80 210C100 110 190 320 355 215s270-120 525 5'/%3E%3Cpath d='M-90 310C85 205 220 420 395 310s260-105 500 15'/%3E%3Cpath d='M-50 420C130 315 240 525 420 410s275-95 470 5'/%3E%3C/g%3E%3C/svg%3E");background-size:800px 600px;animation:contours-drift 28s ease-in-out infinite;pointer-events:none}@keyframes contours-drift{50%{background-position:18px -12px}}
.contact{position:relative;overflow:hidden}.contact::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0,rgba(217,144,79,.15),transparent 28rem);opacity:.65;animation:contact-glow 16s ease-in-out infinite;pointer-events:none}.contact .section-inner{position:relative;z-index:1}@keyframes field-shift{50%{transform:translate(2%,1%);opacity:.75}}@keyframes contact-glow{50%{opacity:1;transform:scale(1.04)}}
@media(max-width:780px){.welcome .constellation{opacity:.2}.help-section{background-size:64px 64px}.experience::before{background-size:650px 488px;opacity:.2}.process-section::after{display:none}}@media(prefers-reduced-motion:reduce){.welcome .constellation,.help-section::after,.process-section::after,.experience::before,.contact::before{animation:none}}

/* Keep the Journey conclusion as one closing thought, not a staggered grid. */
.journey-conclusion{grid-template-columns:minmax(10rem,.42fr) minmax(0,1fr);align-items:start}.journey-conclusion>p:not(.section-kicker){grid-column:2;max-width:68ch}.journey-conclusion>p:not(.section-kicker)+p:not(.section-kicker){margin-top:0}@media(max-width:780px){.journey-conclusion{grid-template-columns:1fr}.journey-conclusion>p:not(.section-kicker){grid-column:auto}}

/* Hero: a barely-there product sketchbook, in place of the constellation. */
.welcome .constellation{display:none}.welcome::before{content:"";position:absolute;inset:0;z-index:0;opacity:.48;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 900'%3E%3Cg fill='none' stroke='%23d9904f' stroke-opacity='.18' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M855 155h220v102H855zM884 196h105m-105 22h147m-147 22h72'/%3E%3Cpath d='M1095 206c72 0 56 116 146 116m-16-12 16 12-16 12'/%3E%3Cpath d='M1198 342h135v84h-135zM1220 375h72m-72 19h42'/%3E%3Cpath d='M748 625h174v91H748zM775 658h104m-104 22h58'/%3E%3Cpath d='M690 550c0 70 76 52 76 75m-12-14 12 14 12-14'/%3E%3Cpath d='M106 596c45-48 94-28 130 0s78 37 123-7'/%3E%3Cpath d='M115 628h168M115 641h105'/%3E%3Ccircle cx='1067' cy='155' r='4'/%3E%3Ccircle cx='748' cy='625' r='4'/%3E%3C/g%3E%3Cg fill='%23f3ede3' fill-opacity='.24' font-family='monospace' font-size='10' letter-spacing='2'%3E%3Ctext x='855' y='137'%3EHYPOTHESIS%3C/text%3E%3Ctext x='1198' y='454'%3EDECISION%3C/text%3E%3Ctext x='748' y='748'%3ELEARNING%3C/text%3E%3C/g%3E%3C/svg%3E");background-position:center;background-size:cover;pointer-events:none}@media(max-width:780px){.welcome::before{background-position:62% center;opacity:.28}}

.welcome>.trust-line{width:100%;max-width:none;padding-inline:0}

.nav-logo{background:var(--crema);border-color:var(--crema);color:var(--bg)}

/* Landing entrance: a short, deliberate reveal before the page settles. */
@media(prefers-reduced-motion:no-preference){
  .welcome-inner.in-view .welcome-copy>*{animation:landing-copy-in .7s cubic-bezier(.2,.7,.2,1) both}
  .welcome-inner.in-view .availability{animation-delay:.04s}.welcome-inner.in-view .welcome-corner{animation-delay:.1s}.welcome-inner.in-view h1{animation-delay:.17s}.welcome-inner.in-view .welcome-lead{animation-delay:.27s}.welcome-inner.in-view .welcome-lead+p{animation-delay:.34s}.welcome-inner.in-view .welcome-actions{animation-delay:.42s}.welcome-inner.in-view .welcome-note{animation-delay:.5s}
  .welcome-inner.in-view .hero-visual{animation:landing-visual-in .9s cubic-bezier(.2,.7,.2,1) .2s both}
  .welcome-inner.in-view .visual-card{animation:landing-card-settle .8s cubic-bezier(.2,.75,.2,1) .45s both}
  .welcome-inner.in-view .visual-chip-top{animation:landing-chip-in .55s ease-out .7s both}.welcome-inner.in-view .visual-chip-bottom{animation:landing-chip-in .55s ease-out .8s both}
  .welcome-inner.in-view .visual-path i{transform-origin:left center;animation:landing-path-draw .65s ease-out .92s both}
}
@keyframes landing-copy-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes landing-visual-in{from{opacity:0;transform:translate3d(18px,12px,0)}to{opacity:1;transform:none}}@keyframes landing-card-settle{from{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:none}}@keyframes landing-chip-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes landing-path-draw{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){.welcome-inner.in-view .welcome-copy>*,.welcome-inner.in-view .hero-visual,.welcome-inner.in-view .visual-card,.welcome-inner.in-view .visual-chip-top,.welcome-inner.in-view .visual-chip-bottom,.welcome-inner.in-view .visual-path i{animation:none}}

/* Sections rise into view as a whole; internal elements retain their smaller reveals. */
.section-emerge{opacity:0;transform:translateY(34px);transition:opacity .72s ease,transform .72s cubic-bezier(.2,.7,.2,1)}.section-emerge.in-view{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.section-emerge{opacity:1;transform:none;transition:none}}

/* Industry tag cloud: a tactile cluster rather than generic metadata pills. */
.industry-tags{padding:clamp(1.5rem,4vw,3rem);background:radial-gradient(circle at 82% 20%,rgba(217,144,79,.1),transparent 18rem),var(--surface)}.industry-tags .tag-cloud{display:flex;justify-content:center;align-items:center;gap:.7rem .85rem;margin-top:1.5rem}.industry-tags .tag{padding:.55rem .85rem;border-color:rgba(243,237,227,.12);background:rgba(243,237,227,.025);color:var(--muted);font-size:clamp(.7rem,1.2vw,.9rem);transition:transform .2s ease,border-color .2s ease,color .2s ease}.industry-tags .tag:nth-child(3n+1){transform:rotate(-1.5deg)}.industry-tags .tag:nth-child(3n+2){transform:translateY(-.25rem) rotate(.8deg)}.industry-tags .tag:nth-child(3n){transform:rotate(1.2deg)}.industry-tags .tag:nth-child(4n+1){border-color:rgba(217,144,79,.35);color:var(--crema)}.industry-tags .tag:hover{border-color:var(--accent);color:var(--text);transform:translateY(-.3rem) rotate(0)}@media(max-width:780px){.industry-tags .tag-cloud{justify-content:flex-start;gap:.55rem}.industry-tags .tag{font-size:.68rem}}

/* Restored organic industry cloud. */
.industry-tags{position:relative;margin-top:5rem;padding:clamp(2rem,5vw,4rem);border-color:rgba(231,201,155,.14);border-radius:24px;background:radial-gradient(circle at 18% 22%,rgba(217,144,79,.1),transparent 24%),radial-gradient(circle at 82% 76%,rgba(231,201,155,.06),transparent 27%),var(--surface);overflow:hidden}.industry-tags::before,.industry-tags::after{content:"";position:absolute;width:15rem;height:15rem;border:1px solid rgba(217,144,79,.12);border-radius:50%;pointer-events:none}.industry-tags::before{left:-8rem;top:-9rem}.industry-tags::after{right:-8rem;bottom:-9rem;border-color:rgba(231,201,155,.1)}.industry-tags>.section-kicker,.industry-tags>.tag-cloud{position:relative;z-index:1}.industry-tags>.tag-cloud{display:flex;align-content:center;align-items:center;justify-content:center;flex-wrap:wrap;gap:clamp(1rem,2.4vw,2.2rem) clamp(1.25rem,3.2vw,3.2rem);min-height:320px;padding:2rem clamp(.5rem,4vw,3rem) 1rem}.industry-tags>.tag-cloud .tag{--tilt:0deg;--cloud-color:var(--muted);display:inline-block;padding:.2rem;border:0;border-radius:0;background:transparent;font-family:var(--display);font-size:clamp(.88rem,1.5vw,1.15rem);font-weight:500;line-height:1.1;letter-spacing:-.02em;color:var(--cloud-color);transform:rotate(var(--tilt));animation:tag-drift 8s ease-in-out infinite;transition:.25s}.industry-tags>.tag-cloud .tag:hover{animation:none;border:0;color:var(--text);text-shadow:0 0 24px currentColor;transform:rotate(0) scale(1.08)}.industry-tags .tag:nth-child(1){--tilt:-2deg;--cloud-color:var(--accent-soft);font-size:clamp(1.55rem,3.3vw,2.8rem);font-weight:650}.industry-tags .tag:nth-child(2),.industry-tags .tag:nth-child(5),.industry-tags .tag:nth-child(9){--tilt:2deg;--cloud-color:var(--accent);font-size:clamp(1.1rem,2.3vw,2rem)}.industry-tags .tag:nth-child(3),.industry-tags .tag:nth-child(6),.industry-tags .tag:nth-child(12){--tilt:-1deg;--cloud-color:var(--crema);font-size:clamp(1.2rem,2.5vw,2.1rem);font-weight:600}.industry-tags .tag:nth-child(4n){--tilt:3deg}.industry-tags .tag:nth-child(3n+1){animation-delay:-2.3s}.industry-tags .tag:nth-child(3n+2){animation-delay:-4.7s;animation-duration:8.5s}@keyframes tag-drift{50%{transform:translateY(-7px) rotate(var(--tilt))}}@media(max-width:780px){.industry-tags{padding:2rem 1.25rem}.industry-tags>.tag-cloud{min-height:0;gap:1.25rem 1.5rem;padding:2rem 0 .5rem}}@media(prefers-reduced-motion:reduce){.industry-tags>.tag-cloud .tag{animation:none}}
/* Open-field industry cloud. */
.industry-tags{display:grid;grid-template-columns:minmax(10rem,.42fr) minmax(0,1fr);gap:1.5rem;margin-top:4rem;padding:2rem 0 0;border:0;border-top:1px solid rgba(231,201,155,.16);border-radius:0;background:none;overflow:visible}.industry-tags::before,.industry-tags::after{display:none}.industry-tags>.section-kicker{margin:0;padding-top:.3rem}.industry-tags>.tag-cloud{grid-column:2;justify-content:flex-start;min-height:220px;margin:0;padding:0 0 .5rem;gap:clamp(.9rem,2vw,1.8rem) clamp(1rem,3vw,2.8rem)}@media(max-width:780px){.industry-tags{grid-template-columns:1fr;gap:.75rem;padding-top:1.5rem}.industry-tags>.tag-cloud{grid-column:auto;min-height:0;padding-top:.75rem}}

/* Contact: one clear invitation, then direct ways to reach out. */
.contact{padding-block:clamp(6rem,10vw,9rem);background:radial-gradient(circle at 50% 8%,rgba(217,144,79,.09),transparent 24rem),var(--bg)}.contact .section-inner{max-width:900px;padding:0;text-align:center;border:0;border-radius:0;background:none}.contact .section-kicker{margin-bottom:1rem}.contact .section-title{margin:0 auto 1.2rem;font-size:clamp(2.5rem,5vw,4.35rem);line-height:1.02}.contact-sub{max-width:34rem;margin:0 auto 1.8rem;font-size:.94rem;line-height:1.55}.contact-actions{margin-bottom:2.6rem}.contact .btn-primary{padding:.9rem 1.4rem}.contact-links{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;max-width:760px;margin:auto}.contact-link{display:flex;flex-direction:column;align-items:center;min-height:5.6rem;padding:1rem;border:1px solid var(--border);border-radius:9px;background:rgba(25,22,17,.7);transition:.2s}.contact-link:hover{border-color:var(--accent);background:var(--raised);transform:translateY(-2px)}.contact-link svg{width:1.1rem;height:1.1rem;margin-bottom:.35rem;fill:none;stroke:var(--accent-soft);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.contact-link span{color:var(--dim);font:.57rem var(--mono);letter-spacing:.12em;text-transform:uppercase}.contact-link strong{margin-top:.18rem;color:var(--text);font:500 .7rem var(--body)}@media(max-width:600px){.contact .section-inner{padding-inline:1.25rem}.contact .section-title{font-size:clamp(2.3rem,11vw,3.2rem)}.contact-links{grid-template-columns:1fr}.contact-link{min-height:4.7rem}}
.coffee-brief{position:fixed;inset:0;margin:auto;width:min(100% - 2rem,620px);max-height:calc(100dvh - 2rem);overflow:auto;padding:0;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text);box-shadow:0 28px 80px rgba(0,0,0,.5)}.coffee-brief::backdrop{background:rgba(10,8,6,.78);backdrop-filter:blur(5px)}.coffee-brief-panel{position:relative;padding:clamp(1.5rem,5vw,2.5rem)}.coffee-brief-close{position:absolute;top:1rem;right:1rem;color:var(--muted);font-size:1.6rem}.coffee-step{display:none}.coffee-step.is-active{display:block}.coffee-step h2{max-width:20ch;margin:.6rem 0 1.5rem;font:600 clamp(1.6rem,4vw,2.25rem)/1.1 var(--display);letter-spacing:-.04em}.coffee-step label{display:block;margin-bottom:.55rem;color:var(--muted);font-size:.86rem}.coffee-choices{display:grid;gap:.6rem}.coffee-choices button{padding:1rem;border:1px solid var(--border);border-radius:8px;color:var(--muted);text-align:left;background:var(--bg);transition:.2s}.coffee-choices button:hover{border-color:var(--accent);color:var(--text);background:var(--raised)}.coffee-step textarea{width:100%;resize:vertical;padding:.85rem;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font:inherit}.coffee-brief-actions{display:flex;justify-content:space-between;gap:.75rem;margin-top:1.25rem}.coffee-result{display:grid;gap:.85rem;padding:1rem;border-left:2px solid var(--accent);background:rgba(217,144,79,.05);color:var(--muted);font-size:.9rem}.coffee-result strong{display:block;margin-bottom:.2rem;color:var(--accent-soft);font:.6rem var(--mono);letter-spacing:.12em;text-transform:uppercase}@media(max-width:480px){.coffee-brief{width:calc(100% - 1rem)}.coffee-brief-actions{flex-direction:column-reverse}.coffee-brief-actions .btn{text-align:center}}
.coffee-choices button strong,.coffee-choices button span{display:block}.coffee-choices button strong{margin-bottom:.2rem;color:var(--crema);font:600 1rem var(--display)}.coffee-choices button span{font-size:.82rem;line-height:1.45}
.coffee-step input{width:100%;margin-bottom:1rem;padding:.85rem;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font:inherit}.coffee-step label em{color:var(--dim);font-style:normal}.coffee-privacy,.coffee-submit-status{margin-top:-.35rem;color:var(--dim);font-size:.75rem}.coffee-submit-status{margin:1rem 0 -.25rem;color:var(--accent-soft)}
.coffee-brief-trigger{display:inline-flex;align-items:center;gap:.7rem}.coffee-brief-trigger svg{width:2.55rem;height:1.45rem;overflow:visible}.coffee-brief-trigger .mug{fill:currentColor}.coffee-brief-trigger .steam{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.8}.coffee-brief-trigger .coffee-cup-back,.coffee-brief-trigger .coffee-cup-front{transform-box:fill-box;transform-origin:center;transition:transform .28s ease}.coffee-brief-trigger .coffee-cup-back{opacity:.68}.coffee-brief-trigger:hover .coffee-cup-back{transform:translateX(-2px) rotate(-2deg)}.coffee-brief-trigger:hover .coffee-cup-front{transform:translateX(2px) rotate(2deg)}.coffee-brief-trigger:hover .steam{animation:coffee-steam .75s ease-in-out infinite alternate}.coffee-brief-trigger:active .coffee-cup-back{transform:translateX(-3px) rotate(-3deg)}.coffee-brief-trigger:active .coffee-cup-front{transform:translateX(3px) rotate(3deg)}@keyframes coffee-steam{to{transform:translateY(-1.5px) scaleX(.9)}}
.contact-link{justify-content:center;min-height:6.4rem}.contact-link svg{width:1.55rem;height:1.55rem;margin-bottom:.6rem;stroke-width:2.2}.contact-link:hover svg{stroke:var(--accent);filter:drop-shadow(0 0 7px rgba(217,144,79,.32))}.contact-link strong{display:none}
.contact-link svg.platform-mark{fill:var(--accent-soft);stroke:none}.contact-link:hover svg.platform-mark{fill:var(--accent);stroke:none}

/* Live availability breathing pulse */
.availability span{position:relative;box-shadow:0 0 0 0 rgba(217,144,79,.7);animation:live-pulse 2.2s ease-in-out infinite}@keyframes live-pulse{0%{box-shadow:0 0 0 0 rgba(217,144,79,.7)}70%{box-shadow:0 0 0 8px rgba(217,144,79,0)}100%{box-shadow:0 0 0 0 rgba(217,144,79,0)}}

/* Hero path signal traveling light pulse */
.visual-path i{position:relative;overflow:hidden}.visual-path i::after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--accent-soft),transparent);animation:path-pulse 3s linear infinite}@keyframes path-pulse{0%{left:-100%}50%,100%{left:100%}}

/* Help card vector micro-diagram styling */
.help-card{position:relative;overflow:hidden}.card-bg-diagram{position:absolute;right:-20px;bottom:-20px;width:170px;height:110px;pointer-events:none;color:var(--muted);transition:color .3s ease,opacity .3s ease,transform .4s cubic-bezier(.2,.8,.2,1)}.help-card:hover .card-bg-diagram{color:var(--accent);opacity:.9;transform:scale(1.06) translate(-5px,-5px)}

/* Process section stepper progress highlighting */
.process-list{position:relative}.process-step{transition:transform .3s ease,opacity .3s ease}.process-step.is-active .process-number{border-color:var(--accent);background:var(--surface);color:var(--accent-soft);box-shadow:0 0 16px rgba(217,144,79,.4);transform:scale(1.08)}

/* Expanded timeline chapter marker pulse & detail stagger */
.timeline-item.expanded .marker-dot{background:var(--accent);box-shadow:0 0 0 4px rgba(217,144,79,.25),0 0 12px var(--accent)}.timeline-item.expanded .lesson-tags span,.timeline-item.expanded .chapter-takeaway{animation:detail-stagger .4s cubic-bezier(.2,.8,.2,1) both}@keyframes detail-stagger{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}

/* Coffee brief modal step slide transitions & compact choices */
.coffee-step{display:none;opacity:0;transform:translateX(16px);transition:opacity .28s ease,transform .28s cubic-bezier(.2,.8,.2,1)}.coffee-step.is-active{display:block;opacity:1;transform:translateX(0)}.coffee-choices button{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;transition:transform .15s ease,border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.coffee-choices button div{flex:1;min-width:0}.choice-icon{width:1.35rem;height:1.35rem;max-width:1.35rem;max-height:1.35rem;flex-shrink:0;color:var(--accent-soft);transition:transform .25s ease,color .25s ease}.coffee-choices button:hover .choice-icon,.coffee-choices button.is-selected .choice-icon{color:var(--accent);transform:scale(1.1);filter:drop-shadow(0 0 6px rgba(217,144,79,.4))}.coffee-choices button:active{transform:scale(.98)}.coffee-choices button.is-selected{border-color:var(--accent);background:var(--raised);box-shadow:inset 3px 0 0 var(--accent)}.coffee-choices button strong{font-size:.95rem;margin-bottom:.1rem}.coffee-choices button span{font-size:.78rem;line-height:1.35}

/* Interactive French Press Plunger Animation */
.french-press-plunger{transform-box:fill-box;transform-origin:top center;transition:transform .45s cubic-bezier(.34,1.56,.64,1)}.coffee-choices button:hover .french-press-plunger,.coffee-choices button.is-selected .french-press-plunger{transform:translateY(7px)}

/* Hero Background Matrix & Path Step SVG Badges */
.hero-bg-matrix{position:absolute;inset:-10%;width:120%;height:120%;pointer-events:none;z-index:0;animation:matrix-spin 48s linear infinite}@keyframes matrix-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.visual-path{display:flex;align-items:center;justify-content:space-between;gap:.4rem}.path-step{display:inline-flex;align-items:center;gap:.35rem;font:.65rem var(--mono)}.step-icon{width:.95rem;height:.95rem;flex-shrink:0;color:var(--accent)}

/* Industry tag relational highlight focus */
.tag-cloud.has-hover .tag:not(.is-related){opacity:.35;filter:blur(.5px)}.tag-cloud .tag.is-related{color:var(--accent-soft)!important;text-shadow:0 0 12px rgba(217,144,79,.5);transform:scale(1.1)!important}