@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@1,500;1,600&display=swap');
:root{--bg:#101518;--panel:#171e21;--paper:#e8e5dc;--muted:#abb2b0;--line:rgba(232,229,220,.22);--accent:#e0b77b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--paper);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}::selection{background:var(--accent);color:#101518}.skip-link{position:absolute;top:-60px;left:1rem;background:white;color:black;padding:.7rem;z-index:100}.skip-link:focus{top:1rem}.site-header{position:fixed;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding:24px 5.2%;z-index:20;transition:background .3s,padding .3s,border-color .3s;border-bottom:1px solid transparent}.site-header.scrolled{background:rgba(12,17,20,.91);border-color:rgba(255,255,255,.1);padding-top:17px;padding-bottom:17px;backdrop-filter:blur(18px)}.wordmark{font-weight:700;font-size:1.35rem;letter-spacing:-.08em;flex-shrink:0}.mark-dot{color:var(--accent)}.site-header nav{display:flex;gap:clamp(1rem,3vw,3rem)}.nav-link,.nav-contact{font-size:.7rem;letter-spacing:.13em;text-transform:uppercase;font-weight:600;transition:color .2s}.nav-link:hover,.nav-link.active,.nav-contact:hover{color:var(--accent)}.nav-contact{border:1px solid var(--line);padding:.85rem 1.1rem}.nav-contact span{margin-left:.6rem}.hero{height:110svh;min-height:620px;position:relative;overflow:hidden;display:flex;align-items:center}.hero-image{position:absolute;inset:-8%;background:linear-gradient(135deg,rgba(20,27,31,.2),rgba(23,40,52,.25)),url('assets/hero.svg') center 47%/cover no-repeat;transform:scale(1.05);will-change:transform}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,12,15,.48) 0%,transparent 37%,rgba(6,12,15,.6) 76%,#101518 100%)}.hero-content{position:relative;z-index:2;width:100%;padding:12vh 9% 4vh}.eyebrow,.overline,.section-index,.hero-photo-label,.photo-caption,.interest-count,.timeline-kicker{font-size:.65rem;letter-spacing:.2em;font-weight:700;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:18px}.eyebrow-line{height:1px;background:var(--paper);width:50px;opacity:.65}.hero-title{font-weight:500;font-size:clamp(5rem,13.5vw,14rem);line-height:.86;letter-spacing:-.09em;margin:4rem 0 3rem}.hero-title em,h2 em{font-family:'Playfair Display',Georgia,serif;font-weight:500;letter-spacing:-.075em}.hero-bottom{display:flex;justify-content:space-between;align-items:end}.hero-bottom p{font-size:clamp(.92rem,1.5vw,1.2rem);line-height:1.6}.scroll-cue{display:flex;gap:20px;align-items:center;font-size:.64rem;letter-spacing:.18em;font-weight:700}.scroll-arrow{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--line);border-radius:50%;font-size:1.3rem}.hero-photo-label{position:absolute;bottom:4%;right:2%;font-size:.55rem;color:#bbb8b0;z-index:2;opacity:.6}.section-pad{padding:105px 9% 120px}.section-index{display:flex;justify-content:space-between;padding-bottom:1rem;border-bottom:1px solid var(--line);color:#b0b6b2;margin-bottom:9rem}.intro{background:var(--bg)}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-bottom:8rem}.overline{color:var(--accent);margin:0 0 2rem}h2{font-weight:500;font-size:clamp(3.8rem,7.5vw,8rem);letter-spacing:-.085em;line-height:1.04;margin:0}.intro-copy{padding-top:2.5rem;max-width:470px}.intro-copy .lead{font-size:clamp(1.5rem,2.35vw,2.4rem);line-height:1.3;letter-spacing:-.04em;color:var(--paper);margin:0 0 2rem}.intro-copy p{color:var(--muted);line-height:1.9;font-size:.98rem}.intro-copy .muted-note{font-size:.78rem;margin-top:2rem}.wide-photo{height:clamp(310px,52vw,680px);position:relative;overflow:hidden;background:linear-gradient(150deg,#31454f,#15262d 53%,#b48763)}.placeholder-horizon{position:absolute;inset:0;background:linear-gradient(170deg,transparent 40%,rgba(255,217,163,.09) 43%,rgba(18,28,33,.65) 44%),linear-gradient(10deg,transparent 55%,#1a292d 56%);opacity:.9}.photo-caption{position:absolute;bottom:22px;left:25px;color:#f0e9e1}.experience{background:#1b2326}.experience-grid{display:grid;grid-template-columns:1fr 1.17fr;gap:8%}.timeline{border-top:1px solid var(--line)}.timeline-item{display:grid;grid-template-columns:30px 1fr 20px;gap:15px;padding:36px 0;border-bottom:1px solid var(--line)}.timeline-num,.timeline-arrow{font-size:.75rem;color:var(--accent)}.timeline-kicker{color:var(--accent);margin:0 0 1rem}.timeline-item h3{font-weight:500;font-size:clamp(1.45rem,2.6vw,2.55rem);line-height:1.15;letter-spacing:-.05em;margin:0}.timeline-item p:not(.timeline-kicker){color:var(--muted);max-width:370px;line-height:1.7;font-size:.88rem;margin:1rem 0 0}.interlude{height:95svh;min-height:600px;position:relative;overflow:hidden}.interlude-art{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,24,30,.16),rgba(8,13,17,.84)),url('assets/second.svg') center/cover}.interlude-text{position:absolute;left:9%;bottom:13%;text-shadow:0 5px 24px rgba(0,0,0,.25)}.interlude-text>span{font-size:.68rem;letter-spacing:.2em}.interlude h2{margin-top:2rem}.beyond{background:#e5e1d6;color:#172025}.beyond .section-index{border-color:rgba(23,32,37,.22);color:#667078;margin-bottom:7rem}.beyond .overline{color:#956942}.beyond-intro{margin-bottom:5rem}.interest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.interest-art{height:clamp(230px,31vw,440px);position:relative;overflow:hidden;transition:background-size .4s}.interest-art>span{position:absolute;bottom:14px;left:14px;font-size:.58rem;letter-spacing:.16em;color:#fff}.endurance{background:linear-gradient(150deg,#516b70,#18323f 58%,#bd8a6d)}.explore{background:linear-gradient(145deg,#c2a27a 0%,#5e6e63 48%,#152a31 100%)}.curiosity{background:linear-gradient(145deg,#777c7f,#273641 53%,#131d25)}.interest-count{color:#956942;margin:1.7rem 0 .8rem}.interest-card h3{font-size:clamp(1.5rem,2.3vw,2.3rem);font-weight:500;letter-spacing:-.055em;margin:0 0 1rem}.interest-card p:last-child{color:#5d6768;font-size:.9rem;line-height:1.7;max-width:260px}.closing{min-height:78svh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;padding-bottom:120px}.closing h2{font-size:clamp(4.5rem,11vw,11rem)}.closing-link{font-size:1.1rem;margin-top:3rem;border-bottom:1px solid var(--accent);padding-bottom:12px;display:flex;gap:2.5rem}.closing-link span{color:var(--accent)}.closing-foot{position:absolute;bottom:26px;left:9%;right:9%;display:flex;justify-content:space-between;gap:1rem;padding-top:20px;border-top:1px solid var(--line);font-size:.61rem;letter-spacing:.12em;color:var(--muted)}.reveal{opacity:0;transform:translateY(35px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}.hero .reveal{transition-delay:.15s}@media(max-width:800px){.site-header{padding:17px 5%}.site-header nav{gap:12px}.nav-link{font-size:.62rem;letter-spacing:.02em}.nav-contact{display:none}.hero{height:100svh;min-height:560px}.hero-content{padding:10vh 6% 3vh}.hero-title{font-size:clamp(4.1rem,15vw,7rem)}.hero-bottom{gap:1rem}.scroll-cue span:first-child{display:none}.section-pad{padding:85px 6%}.section-index{margin-bottom:5rem;font-size:.55rem}.intro-grid,.experience-grid{grid-template-columns:1fr;gap:3rem}.intro-grid{margin-bottom:5rem}.intro-copy{padding:0}.interest-grid{grid-template-columns:1fr;gap:3rem}.interest-art{height:440px}.closing-foot{left:6%;right:6%}.closing-foot span:last-child{display:none}}@media(max-width:430px){.wordmark{font-size:1.1rem}.site-header nav{gap:9px}.nav-link{font-size:.59rem}.hero-title{font-size:16.5vw;letter-spacing:-.075em}.hero-bottom p{font-size:.86rem}.section-index span:last-child{display:none}.interest-art{height:330px}.closing h2{font-size:14vw}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.hero-image{transform:none!important}}
