@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Libre+Franklin:wght@400;500;600&family=Newsreader:ital,opsz,wght@1,6..72,400&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0}a,button{-webkit-tap-highlight-color:transparent}::selection{background:#ad563b;color:#f4f1ea}:root{--paper:#f4f1ea;--ink:#15222b;--muted:#657078;--line:rgba(21,34,43,.18);--accent:#ad563b;--dark:#13242d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#f4f1ea;background:var(--paper);color:#15222b;color:var(--ink)}.App{min-height:100vh;overflow:hidden}.site-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:hsla(42,31%,94%,.9);inset:0 0 auto;position:fixed;z-index:20}.bar{height:84px;justify-content:space-between;margin:0 auto;width:min(1400px,calc(100% - 72px))}.bar,.brand{align-items:center;display:flex}.brand{color:inherit;font-size:14px;font-weight:600;gap:12px;letter-spacing:.02em;text-decoration:none}#home-logo{height:34px;width:34px}#home-logo svg path{stroke:#15222b;stroke:var(--ink);stroke-width:13}.nav-links{align-items:center;display:flex;gap:clamp(24px,3.4vw,54px)}.link{color:#15222b;color:var(--ink);font-size:13px;font-weight:500;text-decoration:none;transition:color .2s ease}.link:hover{color:#ad563b;color:var(--accent)}.hero{grid-gap:clamp(54px,8vw,140px);align-items:center;display:grid;gap:clamp(54px,8vw,140px);grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);margin:0 auto;min-height:100vh;padding:150px 0 84px;position:relative;width:min(1400px,calc(100% - 72px))}.hero-copy{padding-bottom:24px}.contact-kicker,.eyebrow,.section-label p{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.eyebrow{color:#ad563b;color:var(--accent);margin:0 0 26px}.hero h1{font-family:Libre Franklin,sans-serif;font-size:clamp(54px,6.7vw,108px);font-weight:500;letter-spacing:-.065em;line-height:.94;margin:0;max-width:980px}.hero h1 em{color:#ad563b;color:var(--accent);font-family:Newsreader,serif;font-weight:400;letter-spacing:-.035em}.hero-intro{color:#657078;color:var(--muted);font-size:clamp(17px,1.35vw,20px);line-height:1.7;margin:42px 0 34px;max-width:660px}.hero-actions{align-items:center;display:flex;gap:28px}.button{align-items:center;display:inline-flex;font-size:13px;font-weight:600;gap:34px;padding:15px 19px;text-decoration:none}.button-primary{background:#15222b;background:var(--ink);color:#f4f1ea;color:var(--paper);transition:background .2s ease,-webkit-transform .2s ease;transition:background .2s ease,transform .2s ease;transition:background .2s ease,transform .2s ease,-webkit-transform .2s ease}.button-primary:hover{background:#ad563b;background:var(--accent);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.text-link{color:#15222b;color:var(--ink);font-size:13px;font-weight:600;text-underline-offset:5px}.portrait-wrap{justify-self:end;width:min(100%,390px)}.portrait-frame{aspect-ratio:1/1.06;background:#d7d0c3;overflow:hidden;position:relative}.portrait-frame:after{box-shadow:inset 0 0 0 1px rgba(21,34,43,.12);content:"";inset:0;pointer-events:none;position:absolute}.portrait-frame img{display:block;-webkit-filter:saturate(.82) contrast(.98);filter:saturate(.82) contrast(.98);height:100%;object-fit:cover;object-position:center 46%;-webkit-transform:scale(1.01);transform:scale(1.01);width:100%}.portrait-location{bottom:12px;color:hsla(0,0%,100%,.82);font-size:9px;font-weight:500;letter-spacing:.12em;position:absolute;right:14px;text-shadow:0 1px 8px rgba(0,0,0,.45);text-transform:uppercase}.portrait-caption{font-family:Newsreader,serif;font-size:15px;font-style:italic;margin:12px 0 0}.portrait-caption,.scroll-note{color:#657078;color:var(--muted)}.scroll-note{align-items:center;bottom:36px;display:flex;font-size:10px;gap:14px;left:0;letter-spacing:.12em;position:absolute;text-transform:uppercase}.scroll-line{background:rgba(21,34,43,.18);background:var(--line);height:1px;width:64px}.section{grid-gap:clamp(30px,6vw,96px);border-top:1px solid rgba(21,34,43,.18);border-top:1px solid var(--line);display:grid;gap:clamp(30px,6vw,96px);grid-template-columns:150px 1fr;margin:0 auto;padding:130px 0;scroll-margin-top:82px;width:min(1400px,calc(100% - 72px))}.section-label{align-items:flex-start;display:flex;gap:14px;padding-top:8px}.section-label span{color:#ad563b;color:var(--accent);font-family:Newsreader,serif;font-size:13px;font-style:italic}.section-label p{margin:0}.section h2{font-family:Libre Franklin,sans-serif;font-size:clamp(38px,4.2vw,66px);font-weight:500;letter-spacing:-.05em;line-height:1.08;margin:0}.about-grid{grid-gap:clamp(52px,9vw,150px);display:grid;gap:clamp(52px,9vw,150px);grid-template-columns:1fr .9fr}.about-copy{max-width:650px}.about-copy>p{color:#657078;color:var(--muted);font-size:17px;line-height:1.75;margin:0 0 22px}.magic-word{cursor:crosshair;display:inline-block;outline-offset:3px;transition:opacity .22s ease,-webkit-filter .22s ease;transition:opacity .22s ease,filter .22s ease;transition:opacity .22s ease,filter .22s ease,-webkit-filter .22s ease}.magic-word:focus-visible,.magic-word:hover{-webkit-filter:blur(5px);filter:blur(5px);opacity:0}.experience{background:#13242d;background:var(--dark);border:0;color:#f4f1ea;grid-template-columns:150px 1fr;padding-left:max(36px,calc(50vw - 700px));padding-right:max(36px,calc(50vw - 700px));width:100%}.experience .section-label span{color:#d47a5c}.experience .section-body{grid-gap:clamp(50px,9vw,150px);display:grid;gap:clamp(50px,9vw,150px);grid-template-columns:.8fr 1.2fr}.experience-intro h2{font-size:clamp(36px,3.6vw,58px)}.timeline{border-top:1px solid hsla(42,31%,94%,.24)}.role{grid-gap:30px;border-bottom:1px solid hsla(42,31%,94%,.18);display:grid;gap:30px;grid-template-columns:110px 1fr;padding:34px 0 38px}.role-meta{color:hsla(42,31%,94%,.52);font-size:10px;letter-spacing:.13em;padding-top:7px;text-transform:uppercase}.company,.role-current .role-meta{color:#d98a6e}.status-dot{background:#d98a6e;border-radius:50%;box-shadow:0 0 0 4px hsla(16,58%,64%,.12);display:inline-block;height:6px;margin:0 8px 1px 0;width:6px}.role h3{font-size:clamp(21px,2vw,28px);font-weight:500;letter-spacing:-.025em;line-height:1.25;margin:0 0 8px}.company{font-family:Newsreader,serif;font-size:18px;font-style:italic;margin:0}.role-copy{color:hsla(42,31%,94%,.6);font-size:14px;line-height:1.65;margin:16px 0 0;max-width:540px}.project-heading{align-items:flex-end;display:flex;gap:40px;justify-content:space-between;padding-bottom:54px}.project-heading h2{max-width:650px}.project-heading>p{color:#657078;color:var(--muted);font-size:14px;line-height:1.6;margin:0 0 6px;max-width:300px}.project-list{border-bottom:1px solid rgba(21,34,43,.18);border-bottom:1px solid var(--line)}.project-row{grid-gap:28px;align-items:center;border-top:1px solid rgba(21,34,43,.18);border-top:1px solid var(--line);color:inherit;display:grid;gap:28px;grid-template-columns:50px minmax(190px,.7fr) 1.3fr 30px;padding:34px 4px;text-decoration:none;transition:color .2s ease,padding .25s ease}.project-row:hover{color:#ad563b;color:var(--accent);padding-left:14px;padding-right:14px}.project-number{color:#657078;color:var(--muted);font-family:Newsreader,serif;font-size:13px;font-style:italic}.project-title h3{font-size:clamp(26px,2.8vw,42px);font-weight:500;letter-spacing:-.04em;margin:0 0 6px}.project-description span,.project-title p{color:#657078;color:var(--muted);font-size:9px;letter-spacing:.12em;margin:0;text-transform:uppercase}.project-description p{color:#657078;color:var(--muted);font-size:14px;line-height:1.6;margin:0 0 10px;max-width:580px}.project-arrow{font-size:20px;justify-self:end}.contact{background:#a54e35;color:#f4f1ea;padding:120px max(36px,calc(50vw - 700px)) 36px;text-align:center}.contact-kicker{opacity:.75}.contact h2{font-family:Libre Franklin,sans-serif;font-size:clamp(54px,8vw,120px);font-weight:500;letter-spacing:-.065em;line-height:1;margin:30px 0 24px}.contact>p{color:hsla(42,31%,94%,.75);font-size:16px;margin:0 auto}.contact-links{display:flex;gap:14px;justify-content:center;margin:44px 0 110px}.contact-links a{border:1px solid hsla(42,31%,94%,.45);color:#f4f1ea;font-size:12px;padding:13px 18px;text-decoration:none;transition:background .2s,color .2s}.contact-links a span{margin-left:24px}.contact-links a:hover{background:#f4f1ea;color:#a54e35}.footer-bottom{border-top:1px solid hsla(42,31%,94%,.3);color:hsla(42,31%,94%,.65);display:flex;font-size:9px;justify-content:space-between;letter-spacing:.1em;padding-top:24px;text-transform:uppercase}.puzzle-backdrop{-webkit-animation:puzzle-fade .2s ease;animation:puzzle-fade .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(13,25,32,.72);display:grid;inset:0;padding:20px;place-items:center;position:fixed;z-index:50}.puzzle{background:#f4f1ea;background:var(--paper);box-shadow:0 30px 90px rgba(0,0,0,.28);color:#15222b;color:var(--ink);padding:42px;position:relative;width:min(100%,440px)}.puzzle-close{background:transparent;border:0;color:#657078;color:var(--muted);cursor:pointer;font:inherit;font-size:26px;line-height:1;position:absolute;right:16px;top:14px}.puzzle-kicker{color:#ad563b;color:var(--accent);font-size:9px;font-weight:600;letter-spacing:.16em;margin:0 0 12px;text-transform:uppercase}.puzzle h2{font-family:Libre Franklin,sans-serif;font-size:38px;font-weight:500;letter-spacing:-.045em;margin:0}.puzzle-instructions{color:#657078;color:var(--muted);font-size:13px;line-height:1.6;margin:13px 0 28px}.puzzle-grid{grid-gap:7px;aspect-ratio:1;display:grid;gap:7px;grid-template-columns:repeat(3,1fr);margin:0 auto;width:min(100%,270px)}.puzzle-tile{background:#13242d;background:var(--dark);border:1px solid rgba(21,34,43,.14);cursor:pointer;transition:background .16s ease,-webkit-transform .16s ease;transition:background .16s ease,transform .16s ease;transition:background .16s ease,transform .16s ease,-webkit-transform .16s ease}.puzzle-tile:hover{-webkit-transform:scale(.96);transform:scale(.96)}.puzzle-tile.is-active{background:#d47757}.puzzle-grid.is-solved .puzzle-tile{background:#13242d;background:var(--dark)}.puzzle-footer{align-items:center;color:#657078;color:var(--muted);display:flex;font-size:10px;justify-content:space-between;letter-spacing:.08em;margin-top:20px;text-transform:uppercase}.puzzle-footer button{background:transparent;border:0;border-bottom:1px solid;color:#15222b;color:var(--ink);cursor:pointer;font:inherit;padding:0 0 2px;text-transform:uppercase}.puzzle-result{color:#657078;color:var(--muted);font-size:13px;line-height:1.6;margin:22px 0 0;text-align:center}.puzzle-result strong{color:#ad563b;color:var(--accent);font-weight:600}@-webkit-keyframes puzzle-fade{0%{opacity:0}to{opacity:1}}@keyframes puzzle-fade{0%{opacity:0}to{opacity:1}}@media (max-width:900px){.hero{grid-template-columns:1fr;padding-top:140px}.hero-copy{order:1}.portrait-wrap{justify-self:start;order:2;width:min(70vw,400px)}.scroll-note{display:none}.section{gap:46px}.about-grid,.experience,.experience .section-body,.section{grid-template-columns:1fr}.project-heading{display:block}.project-heading>p{margin-top:20px}}@media (max-width:620px){.bar,.hero,.section{width:calc(100% - 40px)}.bar{height:72px}.brand span{display:none}.nav-links{gap:18px}.nav-links .link:nth-child(2){display:none}.hero{min-height:auto;padding:124px 0 72px}.hero h1{font-size:clamp(48px,15vw,68px)}.hero-intro{margin-top:30px}.portrait-wrap{width:100%}.section{padding:86px 0}.about-grid{gap:34px}.experience{padding:86px 20px;width:100%}.role{gap:13px;grid-template-columns:1fr}.project-row{gap:14px;grid-template-columns:28px 1fr 24px}.project-description{grid-column:2/4}.contact{padding:90px 20px 28px}.contact-links{flex-direction:column;margin-bottom:80px}.contact-links a{display:flex;justify-content:space-between}.footer-bottom{gap:20px;line-height:1.5;text-align:left}.puzzle{padding:34px 26px 28px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{transition-duration:.01ms!important}}
/*# sourceMappingURL=main.20b40321.css.map*/