:root{color-scheme:dark;--bg:#10120e;--panel:#292d23;--gold:#e6bd77;--text:#f3ecde;--muted:#c0c3b3;--olive:#9aa17f;--line:#666744;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.7;background-image:radial-gradient(ellipse at 15% 15%,#343a292e,transparent 50%)}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}button:not(:disabled),a{cursor:pointer}button:disabled{cursor:not-allowed}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.17}h1{font-size:clamp(2.5rem,5vw,4.6rem);letter-spacing:-.035em;margin-bottom:22px}h2{font-size:clamp(2rem,3.4vw,3.2rem);letter-spacing:-.025em}h3{font-size:clamp(1.7rem,2.5vw,2.3rem)}.site-header{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 5vw;background:#10120eee;backdrop-filter:blur(15px);border-bottom:1px solid var(--line)}.wordmark{font-family:Georgia,serif;font-size:1.9rem;font-style:italic;color:var(--gold);line-height:1}.wordmark span{display:block;font: .55rem Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;margin-top:9px;color:var(--muted)}nav{display:flex;gap:32px;align-items:center;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}.language-control{display:flex;border:1px solid #8d906b;border-radius:30px;padding:3px}.language-control button{border:0;border-radius:24px;background:transparent;color:var(--muted);font-size:.72rem;letter-spacing:.1em;padding:8px 14px}.language-control button[aria-pressed=true]{background:var(--gold);color:#20231b}.skip-link{position:fixed;top:-100px;left:20px;z-index:50;background:var(--gold);color:var(--bg);padding:12px}.skip-link:focus{top:12px}.hero{position:relative;overflow:hidden;text-align:center;padding:50px 24px 85px;border-bottom:1px solid var(--line);max-width:1400px;margin:auto}.brand-logo{display:block;width:min(430px,65vw);height:auto;margin:12px auto 28px;mix-blend-mode:screen}.eyebrow{font-size:.68rem;letter-spacing:.23em;color:var(--gold);font-weight:600;text-transform:uppercase;margin-bottom:22px}.hero .eyebrow{color:var(--olive);font-size:.6rem}.hero-sub{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;font-size:.73rem;max-width:550px;margin:0 auto 32px}.button{display:inline-flex;justify-content:center;align-items:center;gap:22px;padding:13px 24px;border-radius:40px;font-size:.74rem;font-weight:600;line-height:1.4;min-height:46px}.outline{border:1px solid var(--gold);color:var(--gold);background:#20231bea}.outline:hover{background:#3a3f2c}.gold{border:1px solid var(--gold);color:#20231b;background:var(--gold)}.gold:disabled{background:#bbaa7d;color:#25291e}.hero-index{position:absolute;bottom:24px;left:5vw;font-size:.6rem;letter-spacing:.2em;color:var(--olive)}.botanical{position:absolute;font:28rem Georgia,serif;line-height:1;color:#8a947312;pointer-events:none;top:120px}.botanical-left{left:-130px;transform:rotate(-35deg)}.botanical-right{right:-130px;transform:rotate(145deg)}.section{max-width:1200px;margin:auto;padding:85px 40px}.section-heading{text-align:center;margin-bottom:48px}.section-heading h2{max-width:760px;margin:0 auto}.tile{border:1px solid #7b80504d;background:linear-gradient(135deg,#303629,#25291f);border-radius:var(--radius);box-shadow:0 22px 55px #0a0d0826}.story-intro{display:grid;grid-template-columns:.8fr 1.4fr;gap:30px;align-items:stretch;margin-bottom:110px}.photo-tile{position:relative;min-height:400px;overflow:hidden;background:linear-gradient(135deg,#656953,#414834);transition:opacity .65s ease,transform .65s ease}.photo-tile.faded{opacity:0;transform:translateY(-24px)}.portrait-shape{position:absolute;inset:15% 10% 0}.portrait-shape:before{content:'';position:absolute;width:110px;height:135px;left:50%;transform:translateX(-50%);border-radius:60px;background:#353e2d77;top:10%}.portrait-shape span{position:absolute;width:80%;height:60%;bottom:0;left:10%;border-radius:50% 50% 0 0;background:#353e2d77}.photo-caption{position:absolute;bottom:0;left:0;right:0;text-align:center;background:linear-gradient(transparent,#343a29);padding:40px 15px 26px}.photo-caption p{font:1.1rem Georgia,serif;margin-bottom:5px}.photo-caption span{font-size:.68rem;color:#e1e2d2}.bio-tile{padding:44px}.small-index{font-size:.62rem;letter-spacing:.18em;color:var(--olive);display:block;margin-bottom:24px}.bio-tile h3{color:var(--gold);margin-bottom:20px}.bio-tile p{font-size:1rem;max-width:520px}.draft-note{font-size:.75rem!important;color:var(--muted);border-top:1px solid #8a8f674d;padding-top:18px;margin-top:24px;line-height:1.6}.text-link{display:flex;justify-content:space-between;color:var(--gold);font-size:.75rem;margin-top:28px}.timeline{display:grid;grid-template-columns:230px 1fr;gap:40px;align-items:start}.year-rail{position:sticky;top:140px}.rail-label{color:var(--olive);font-size:.6rem;letter-spacing:.18em;margin-bottom:26px}.year-buttons{border-left:1px solid #7d8560;margin-left:8px}.year-buttons button{position:relative;display:block;text-align:left;border:0;background:transparent;color:var(--muted);padding:12px 14px 20px 30px;width:100%;min-height:87px}.year-buttons button:before{content:'';position:absolute;left:-6px;top:28px;width:11px;height:11px;border:1px solid var(--gold);border-radius:50%;background:var(--bg)}.year-buttons button[aria-current=step]{color:var(--gold)}.year-buttons button[aria-current=step]:before{background:var(--gold);box-shadow:0 0 20px #e6bd7740}.year{font:1.8rem Georgia,serif;display:block}.year-buttons small{display:block;font-size:.63rem}.milestones{display:grid;gap:85px}.milestone{padding:40px;min-height:340px;scroll-margin-top:150px;opacity:.62;transition:opacity .4s ease,border-color .4s ease}.milestone.active{opacity:1;border-color:#c5a86480}.milestone h3{color:var(--gold);margin-bottom:22px}.milestone-date{color:var(--gold);font-size:.8rem}.milestone-date span{display:inline-block;color:var(--muted);font-size:.65rem;margin-left:12px}.milestone>p:not(.draft-note):not(.milestone-date){max-width:600px}.timeline-disclaimer{margin:35px 0 0 270px;color:var(--muted);font-size:.7rem}.services{border-top:1px solid var(--line)}.service-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px}.service-grid article{padding-left:18px;border-left:1px solid #7c805949}.service-symbol{display:flex;align-items:center;justify-content:center;height:50px;width:50px;border:1px solid var(--gold);border-radius:50%;font:1.1rem Georgia,serif;color:var(--gold);margin-bottom:24px}.service-grid h3{font-family:Arial,sans-serif;font-size:.76rem;letter-spacing:.08em;line-height:1.5;color:var(--text)}.service-grid p{font-size:.8rem;color:var(--muted);margin-bottom:0}.contact{padding-top:20px;padding-bottom:75px}.contact-card{display:grid;grid-template-columns:1.35fr 1fr;gap:50px;border-color:#c2a46d;padding:50px}.contact-card h2{color:var(--gold);margin-bottom:16px}.contact-card p:not(.eyebrow){font-size:.8rem;color:var(--muted);margin-bottom:5px}.contact-company{font-size:.7rem!important}.contact-details{border-left:1px solid var(--line);padding-left:40px;display:grid;gap:20px;align-content:center}.contact-details>div{display:flex;align-items:center;gap:18px}.contact-icon{border:1px solid var(--gold);border-radius:50%;width:42px;height:42px;display:grid;place-items:center;color:var(--gold);flex-shrink:0}.contact-details strong{font:1.1rem Georgia,serif;color:var(--text);display:block}.contact-details p span{display:block;font-size:.7rem;margin-top:3px}footer{text-align:center;max-width:1120px;margin:auto;border-top:1px solid var(--line);padding:45px 25px 150px}footer p{font:1.6rem Georgia,serif;color:var(--gold)}footer>span{font-size:.58rem;letter-spacing:.14em;color:var(--muted)}.floating-actions{position:fixed;bottom:max(18px,env(safe-area-inset-bottom));right:24px;z-index:25;display:grid;grid-template-columns:auto auto;gap:9px;padding:10px;background:#1b2018ef;backdrop-filter:blur(10px);border:1px solid #62694580;border-radius:36px;box-shadow:0 10px 30px #0003}.floating-actions .button{gap:12px;padding:12px 20px}.call-note{grid-column:1/-1;text-align:center;font-size:.57rem;color:var(--muted);line-height:1.2}.floating-actions{border-radius:25px}.language-control button:hover{color:var(--text)}.language-control button[aria-pressed=true]:hover{color:#20231b}
@media(max-width:800px){nav{gap:18px}.section{padding:60px 24px}.story-intro{grid-template-columns:1fr 1.25fr;gap:20px;margin-bottom:75px}.bio-tile{padding:28px}.photo-tile{min-height:350px}.timeline{grid-template-columns:155px 1fr;gap:22px}.milestone{padding:28px}.timeline-disclaimer{margin-left:177px}.service-grid{grid-template-columns:repeat(2,1fr);gap:30px}.contact-card{padding:30px;gap:24px}.contact-details{padding-left:24px}.hero{padding-top:35px}}
@media(max-width:560px){.site-header{padding:15px 18px}.wordmark{font-size:1.5rem}.wordmark span{font-size:.45rem}nav>a{display:none}nav{gap:0}.language-control button{padding:8px 11px}.hero{padding:32px 20px 65px}.brand-logo{width:min(330px,82vw)}.hero-sub{font-size:.65rem;letter-spacing:.12em}.hero h1{font-size:2.5rem}.story-intro{grid-template-columns:1fr;gap:20px;margin-bottom:55px}.photo-tile{min-height:320px;width:100%}.bio-tile{padding:28px}.section-heading{margin-bottom:30px}.timeline{display:block}.year-rail{position:sticky;top:78px;background:#10120ef5;z-index:10;padding:10px 0;margin-bottom:24px}.rail-label{display:none}.year-buttons{display:flex;border-left:0;margin:0}.year-buttons button{padding:8px 2px;min-height:0;text-align:center;border-bottom:1px solid #707951}.year-buttons button:before{display:none}.year{font-size:1.25rem}.year-buttons small{font-size:.52rem;line-height:1.3;padding-top:6px}.year-buttons button[aria-current=step]{border-bottom:2px solid var(--gold)}.milestones{gap:35px}.milestone{padding:27px 24px;min-height:340px;scroll-margin-top:190px}.timeline-disclaimer{margin:28px 0 0}.service-grid{gap:24px 15px}.service-grid article{padding-left:12px}.contact{padding-top:10px}.contact-card{grid-template-columns:1fr;padding:28px}.contact-details{border-left:0;border-top:1px solid var(--line);padding:25px 0 0}.floating-actions{right:12px;left:12px;bottom:max(12px,env(safe-area-inset-bottom));justify-content:center}.floating-actions .button{padding:12px 18px;font-size:.72rem}footer{padding-bottom:155px}.botanical{font-size:20rem;top:120px}.botanical-left{left:-180px}.botanical-right{right:-180px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.photo-tile.faded{opacity:1;transform:none}.milestone{opacity:1}}
@media(max-width:560px){.year-buttons button{flex:1;min-width:0;width:25%}.year{font-size:1.1rem;letter-spacing:-.03em}.year-buttons small{overflow-wrap:anywhere}.service-grid article,.contact-card>div{min-width:0;overflow-wrap:anywhere}.floating-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.floating-actions .button{padding:12px 10px;gap:8px}}
.milestone{opacity:1}.year-rail{top:calc(var(--header-height,90px) + 25px)}html{scroll-padding-top:calc(var(--header-height,90px) + 25px)}
@media(max-width:560px){.site-header{flex-wrap:wrap;gap:12px}.wordmark{min-width:0}.year-rail{top:var(--header-height,78px)}.language-control{max-width:100%}.floating-actions .button{overflow-wrap:anywhere}.floating-actions .button span{min-width:0}}
.milestones{min-width:0;grid-template-columns:minmax(0,1fr)}.milestone{min-width:0;overflow-wrap:anywhere}.bio-tile{min-width:0;overflow-wrap:anywhere}
body{overflow-wrap:anywhere}@media(max-width:560px){.year{font-size:.9rem}.floating-actions .button>span[aria-hidden]{flex-shrink:0}.year-buttons button{padding-left:0;padding-right:0}}

.nav-logo{display:block;width:76px;height:76px;object-fit:contain;mix-blend-mode:screen}.site-header{padding-top:8px;padding-bottom:8px}.hero{background:#10120e}.tile{background:linear-gradient(135deg,#252a20,#1c2018)}.botanical{opacity:.5}@media(max-width:560px){.nav-logo{width:62px;height:62px}.site-header{padding-top:8px;padding-bottom:8px}}
/* Palette matched to the supplied Loreley logo and flyer. */
:root{--bg:#030403;--panel:#10120d;--gold:#d6ad69;--text:#f1eee5;--muted:#c5c7b8;--olive:#959b71;--line:#6d623e}
body{background:#030403;background-image:none}.site-header{background:#030403f5;border-bottom-color:#8f7443}.hero{background:#030403}.brand-logo,.nav-logo{mix-blend-mode:normal}.tile{background:linear-gradient(135deg,#171a12,#0b0d09);border-color:#6b70484d}.photo-tile{background:linear-gradient(135deg,#64694d,#373d29)}.photo-caption{background:linear-gradient(transparent,#252b1c)}.year-rail{background:#030403f5}.outline{background:#050604ed;color:var(--gold);border-color:var(--gold)}.outline:hover{background:#1c2114}.gold{background:var(--gold);border-color:var(--gold);color:#080a05}.gold:disabled{background:#aa915f;color:#11140b}.floating-actions{background:#080b06f2;border-color:#656b45}.contact-card{border-color:var(--gold)}.botanical{color:#959b7112;opacity:1}.language-control{border-color:#858b60}.language-control button[aria-pressed=true]{background:var(--gold);color:#080a05}
/* Reversible hero experiment: later sections roll over a frosted logo backdrop. */
@media(prefers-reduced-motion:no-preference){
.hero{position:sticky;top:var(--header-height,90px);z-index:0;transition:filter .15s linear,opacity .15s linear;filter:blur(var(--hero-blur,0px));opacity:var(--hero-opacity,1);transform-origin:center}
.story,.services,.contact,footer{position:relative;z-index:2;background:var(--bg)}
.story{border-radius:28px 28px 0 0;box-shadow:0 -30px 60px #0005}
}
@media(prefers-reduced-motion:no-preference){.story{background:#030403b3;backdrop-filter:blur(3px)}.services,.contact,footer{background:#030403cc;backdrop-filter:blur(3px)}}
/* Remove the JPEG's black rectangle while preserving the supplied artwork. */
.brand-logo,.nav-logo{mix-blend-mode:screen}

/* Career milestone labels replace unverified calendar years. */
.year-buttons button{width:auto}.year{overflow-wrap:anywhere}@media(max-width:900px){.year{font-size:clamp(.68rem,2vw,1.1rem)}}

.contact-details a{display:block;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:3px}