@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap";:root{--cream:#f6f1e8;--ink:#2a211e;--butter:#f2ca57;--pistachio:#b8c99d;--terra:#c86d4c;--forest:#304d3c;--line:rgba(42,33,30,.28)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}.site-header{display:flex;justify-content:space-between;align-items:center;padding:25px 4vw;border-bottom:1px solid var(--line)}.wordmark{font:600 1.05rem/1 DM Mono,monospace;letter-spacing:.04em}nav{display:flex;gap:1.3rem;font-size:.8rem}nav a:hover,.text-link:hover{opacity:.55}.hero{min-height:77vh;padding:11vh 9vw 5vh;position:relative;display:flex;flex-direction:column;align-items:flex-start}.eyebrow,.story-card span{font:500 .71rem/1.2 DM Mono,monospace;letter-spacing:.07em;text-transform:uppercase}.hero h1,h1,h2,h3{font-family:Playfair Display,Georgia,serif;font-weight:500}.hero h1{font-size:clamp(5rem,15vw,13rem);letter-spacing:-.08em;line-height:.73;margin:2.2rem 0}.hero-intro{font:1.12rem/1.45 Playfair Display,serif;max-width:330px;margin:0 0 2rem}.text-link{font:500 .76rem DM Mono,monospace;text-transform:uppercase;letter-spacing:.03em}.text-link span{margin-left:.35rem}.vias{position:absolute;right:13vw;top:22%;width:17vw;height:46vh;pointer-events:none;overflow:hidden}.vias i{position:absolute;display:block;width:1px;height:120%;background:var(--ink);transform:rotate(20deg);top:-10%}.vias i:first-child{left:34%}.vias i:last-child{left:58%;transform:rotate(-13deg)}.section{padding:9vw}.feature{display:grid;grid-template-columns:1.12fr .88fr;gap:7vw;align-items:center;background:#e6ded1}.feature-image{display:block;width:100%;height:min(33vw,430px);object-fit:cover;background:linear-gradient(160deg,#184750,#3d9095 45%,#a8cbc2 46%,#39483b)}.feature-copy h2{font-size:clamp(2.8rem,5vw,5.2rem);line-height:.95;letter-spacing:-.06em;margin:.8rem 0 1.4rem}.feature-copy>p:not(.eyebrow){line-height:1.6;max-width:370px;margin-bottom:2rem}.lately{padding-top:11vw}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:2rem}.story-card{min-height:340px;padding:1.7rem;display:flex;flex-direction:column}.story-card h3{font-size:clamp(1.8rem,3vw,3rem);line-height:1;letter-spacing:-.05em;margin:auto 0 .8rem}.story-card em{font:italic 1rem Playfair Display,serif}.yellow{background:var(--butter)}.green{background:var(--pistachio)}.terracotta{background:var(--terra);color:#fff7ef}.section-heading{display:flex;justify-content:space-between;align-items:center}.miradas-preview{display:grid;grid-template-columns:1fr .8fr 1.1fr .75fr;gap:1rem;margin-top:2rem;height:410px;overflow:hidden}.miradas-preview img{width:100%;height:100%;object-fit:cover}.miradas-preview img:nth-child(2),.miradas-preview img:nth-child(4){transform:translateY(3.5rem)}.miradas-gallery{columns:4;column-gap:1rem}.miradas-gallery img{display:block;width:100%;height:auto;margin:0 0 1rem;break-inside:avoid}.miradas-intro{padding-bottom:6vw}.miradas-intro h1{font-size:clamp(4rem,10vw,9rem);letter-spacing:-.075em;line-height:.9;margin:1rem 0}.miradas-intro>p{font:1.35rem/1.5 Playfair Display,serif;max-width:530px}.gallery-section{padding-top:0}.now{background:var(--forest);color:var(--cream)}.now dl{border-top:1px solid rgba(246,241,232,.4);margin:2.5rem 0 0}.now dl div{display:grid;grid-template-columns:1fr 2fr;padding:1.2rem 0;border-bottom:1px solid rgba(246,241,232,.4)}.now dt{font:500 .73rem DM Mono,monospace;text-transform:uppercase}.now dd{margin:0;font:1.35rem Playfair Display,serif}.listening-row dd a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}.about{text-align:center;padding:15vw 19vw}.about h2{font-size:clamp(2.4rem,5vw,5rem);letter-spacing:-.065em;line-height:1;margin:1.3rem 0 2rem}.site-footer{border-top:1px solid var(--line);padding:2rem 4vw;display:flex;justify-content:space-between;font:500 .7rem DM Mono,monospace;text-transform:uppercase}.site-footer span{margin:0 .35rem}.page-intro{min-height:70vh;padding-top:16vh}.page-intro h1{font-size:clamp(4rem,10vw,9rem);letter-spacing:-.075em;line-height:.9;margin:1rem 0}.page-intro>p{font:1.35rem/1.5 Playfair Display,serif;max-width:530px}.placeholder-note{margin-top:4rem;padding:1rem 0;border-top:1px solid var(--line);font:500 .76rem DM Mono,monospace;text-transform:uppercase}.work-link{margin-top:4rem;max-width:620px;padding:1.3rem 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);display:grid;grid-template-columns:1fr 3fr auto;gap:1rem;align-items:center;font:500 .75rem DM Mono,monospace;text-transform:uppercase}.work-link strong{font:1.1rem Playfair Display,serif;text-transform:none;text-align:left}.work-link b{font-size:1.35rem;font-weight:400}.work-link:hover{background:var(--butter)}.work-intro{min-height:54vh;padding-top:13vh;padding-bottom:5vw;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,430px);gap:4vw;align-items:center}.work-intro h1{font-size:clamp(4.5rem,11vw,10rem);line-height:.78;letter-spacing:-.08em;margin:1.2rem 0 2.5rem}.work-role{font:500 .8rem DM Mono,monospace;text-transform:uppercase}.work-role span{padding:0 .4rem}.work-summary{font:1.5rem/1.35 Playfair Display,serif;max-width:500px;margin-top:4rem}.work-actions{display:flex;gap:2rem;flex-wrap:wrap;margin-top:2.4rem}.software-cycle{width:min(28vw,370px);margin:0;align-self:center;justify-self:end;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:1rem 0 1.1rem}.software-cycle figcaption{display:flex;justify-content:space-between;align-items:end;gap:1rem;padding-bottom:1rem}.software-cycle figcaption .eyebrow{margin:0;color:var(--forest)}.software-cycle figcaption>p:last-child{margin:0;font:1.45rem/.92 Playfair Display,serif;letter-spacing:-.05em}.software-stages{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.software-stages>div{min-height:4.3rem;padding:.7rem .55rem;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1.35rem 1fr;column-gap:.25rem;align-content:center}.software-stages>div:nth-child(odd){border-right:1px solid var(--line)}.software-stages span{grid-row:span 2;color:var(--forest);font:500 .6rem DM Mono,monospace}.software-stages strong{font:500 .84rem/1.1 DM Sans,sans-serif}.software-stages em{margin-top:.18rem;color:#2a211e9e;font:italic .8rem/1.1 Playfair Display,serif}.cycle-note{margin:1rem 0 0;color:var(--forest);font:500 .68rem DM Mono,monospace;text-transform:uppercase;letter-spacing:.03em}.cycle-note b{display:inline-grid;place-items:center;width:1.65rem;height:1.1rem;margin-right:.4rem;background:var(--pistachio);color:var(--ink);font-size:.65rem}.work-projects{background:#e6ded1;padding-top:5vw}.experience-list{margin-top:2rem;border-top:1px solid var(--line)}.experience-item{display:grid;grid-template-columns:1.15fr .85fr;gap:3rem;padding:2.1rem 0;border-bottom:1px solid var(--line)}.experience-meta{margin:0 0 .7rem;font:500 .68rem/1.35 DM Mono,monospace;letter-spacing:.04em}.experience-item h2{max-width:540px;margin:0;font-size:clamp(1.8rem,3.4vw,3.4rem);line-height:.98;letter-spacing:-.055em}.experience-role{margin:.75rem 0 0;font:500 .78rem DM Mono,monospace;text-transform:uppercase}.experience-item>p{align-self:end;max-width:360px;margin:0;font:1.05rem/1.55 DM Sans,sans-serif}.resume-link{display:inline-block;margin-top:2.5rem}.about-tagline{max-width:560px;margin:0 0 3rem;font:700 clamp(1.45rem,2.4vw,2.1rem)/1.18 "DM Sans",sans-serif;letter-spacing:-.045em}.about-copy{max-width:620px;color:#2a211ec7;font:400 1.08rem/1.72 DM Sans,sans-serif}.about-copy p{margin:0 0 1.45rem}.about-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.65fr);gap:5vw;align-items:start}.about-layout .work-link{margin-top:3rem}.about-photo{display:block;width:100%;margin-top:clamp(-9rem,-8vw,-6rem);height:clamp(470px,47vw,680px);object-fit:cover;object-position:42% center}.empty-feed{margin:2rem 0 0;font:italic 1.25rem Playfair Display,serif}.archive-list{margin-top:5rem;border-top:1px solid var(--line)}.archive-item{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:2rem;align-items:center;padding:2rem 0;border-bottom:1px solid var(--line)}.archive-item h2{margin:.55rem 0;font-size:clamp(2rem,4vw,4rem);line-height:.98;letter-spacing:-.06em}.archive-item p:not(.eyebrow){max-width:570px;line-height:1.55}.archive-item img{width:180px;aspect-ratio:1;object-fit:cover}.post-header{max-width:980px;padding-top:14vh;padding-bottom:5vw}.post-header h1{max-width:920px;margin:1rem 0 1.5rem;font-size:clamp(3.7rem,9vw,8.5rem);line-height:.9;letter-spacing:-.075em}.post-header>p:not(.eyebrow){max-width:650px;font:1.3rem/1.5 Playfair Display,serif}.post-cover{display:block;width:100%;max-height:760px;object-fit:cover}.post-body{max-width:860px;padding-top:7vw;padding-bottom:8vw;font:1.15rem/1.75 DM Sans,sans-serif}.post-body>:first-child{margin-top:0}.post-body p,.post-body ul,.post-body ol{max-width:650px}.post-body h2,.post-body h3{margin:2.5em 0 .7em;line-height:1;letter-spacing:-.04em}.post-body h2{font-size:clamp(2rem,4vw,3.8rem)}.post-body h3{font-size:clamp(1.5rem,3vw,2.3rem)}.post-body img{max-width:100%;height:auto}.post-body a{text-decoration:underline;text-underline-offset:.16em}.post-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding-top:0}.post-gallery img{width:100%;height:520px;object-fit:cover}.ai-lifecycle{width:min(34vw,440px);aspect-ratio:1.04;margin:0;position:relative;justify-self:end}.lifecycle-ring{position:absolute;inset:21%;border:1px dashed rgba(48,77,60,.42);border-radius:50%}.lifecycle-core{position:absolute;z-index:1;left:50%;top:50%;width:38%;aspect-ratio:1;transform:translate(-50%,-50%);display:grid;place-items:center;align-content:center;border-radius:50%;background:var(--butter);color:var(--ink);text-align:center;font:600 clamp(.68rem,1.05vw,.88rem)/1.08 "DM Sans",sans-serif;letter-spacing:-.03em}.lifecycle-core span{display:block;margin-bottom:.25rem;font:500 clamp(.42rem,.62vw,.54rem)/1 "DM Mono",monospace;text-transform:uppercase;letter-spacing:.04em}.lifecycle-phase{position:absolute;z-index:2;width:24%;min-height:21%;padding:.55rem .3rem .4rem;display:flex;flex-direction:column;justify-content:center;clip-path:polygon(25% 0,75% 0,100% 26%,87% 75%,50% 100%,13% 75%,0 26%);color:var(--ink);text-align:center}.lifecycle-phase b{display:block;margin-bottom:.25rem;font:500 clamp(.56rem,.8vw,.7rem)/1 "DM Mono",monospace}.lifecycle-phase span{font:500 clamp(.49rem,.72vw,.64rem)/1.1 "DM Sans",sans-serif}.phase-one{left:0;top:46%;background:var(--pistachio)}.phase-two{left:9%;top:22%;background:#dfd8ce}.phase-three{left:31%;top:2%;background:var(--terra);color:#fff7ef}.phase-four{right:30%;top:0;background:#bdca83}.phase-five{right:8%;top:15%;background:var(--terra);color:#fff7ef}.phase-six{right:0;top:45%;background:#dfd8ce}.phase-seven{right:16%;bottom:1%;background:var(--pistachio)}.lifecycle-orbit{position:absolute;inset:3%}.lifecycle-orbit-item{position:absolute;inset:0;transform:rotate(var(--angle))}.lifecycle-orbit-item .lifecycle-phase{top:0;left:50%;width:24%;min-height:0;aspect-ratio:1;padding:.5rem .25rem;transform:translate(-50%,-5%) rotate(calc(-1 * var(--angle)))}.tone-pistachio{background:var(--pistachio)}.tone-cream{background:#dfd8ce}.tone-terra{background:var(--terra);color:#fff7ef}.tone-butter{background:var(--butter)}@media(max-width:720px){.site-header{align-items:flex-start;gap:1rem;flex-direction:column}nav{gap:.7rem;flex-wrap:wrap}.hero{min-height:68vh;padding:13vh 7vw}.vias{right:7vw;opacity:.5;width:28vw}.section{padding:15vw 7vw}.feature{grid-template-columns:1fr;gap:2rem}.feature-image{height:330px}.story-grid{grid-template-columns:1fr}.story-card{min-height:240px}.miradas-preview{grid-template-columns:1fr 1fr;height:460px;gap:.65rem}.miradas-preview img:nth-child(2),.miradas-preview img:nth-child(4){transform:translateY(1.5rem)}.miradas-gallery{columns:2;column-gap:.65rem}.miradas-gallery img{margin-bottom:.65rem}.about{padding:20vw 8vw}.site-footer{gap:1rem;flex-direction:column}.page-intro{padding-top:16vh}.about-layout{grid-template-columns:1fr;gap:2rem}.about-photo{margin-top:0;height:500px;object-position:42% center}.work-intro{min-height:auto;padding-top:16vh;padding-bottom:8vw;grid-template-columns:1fr}.software-cycle{width:min(86vw,380px);justify-self:center;margin-top:1rem}.ai-lifecycle{width:min(94vw,420px);justify-self:center;margin-top:1rem}.work-projects{padding-top:9vw}.experience-item{grid-template-columns:1fr;gap:1.2rem}.experience-item>p{max-width:480px}}
