:root{--page:#e8e9e8;--paper:#fbfbfa;--ink:#111211;--muted:#777974;--line:#dedfdb;--accent:#ff6f70;--accent-soft:#ffd8d6;--font-sans:"Manrope", system-ui, sans-serif;--font-mono:"DM Mono", ui-monospace, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;background:linear-gradient(140deg,#e1e3e2 0%,#f2f2f0 48%,#dfe1e0 100%);margin:0}::selection{color:var(--ink);background:var(--accent-soft)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.scroll-progress{z-index:100;background:var(--accent);transform-origin:0;width:100%;height:2px;position:fixed;top:0;left:0;transform:scaleX(0)}.site-shell{background:#fbfbfafa;width:min(1420px,100% - 72px);min-height:calc(100vh - 64px);margin:32px auto;padding:0 clamp(34px,6vw,100px);overflow:clip;box-shadow:0 26px 80px #1b201e21}.topbar{justify-content:space-between;align-items:center;height:112px;display:flex}.brand{letter-spacing:-.05em;font-size:22px;font-weight:800}.brand span,h1 span{color:var(--accent)}.topbar nav{gap:clamp(22px,3vw,45px);display:flex}.topbar nav a{color:#575954;padding:8px 0;font-size:12px;font-weight:600;position:relative}.topbar nav a:after{content:"";background:var(--accent);height:1px;transition:transform .25s;position:absolute;bottom:2px;left:0;right:0;transform:scaleX(0)}.topbar nav a:hover:after,.topbar nav a.is-active:after{transform:scaleX(1)}.topbar nav a.is-active{color:var(--ink)}.section-grid{grid-template-columns:54px minmax(0,1fr) minmax(280px,.8fr);column-gap:24px;display:grid}.section-marker{align-items:flex-start;gap:17px;padding-top:16px;display:flex}.section-marker span{font-family:var(--font-mono);font-size:9px;line-height:1}.section-marker i{background:var(--accent);width:2px;height:26px;margin-top:-5px}.eyebrow{color:#92948e;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:10px;margin:0 0 22px;font-size:10px;display:flex}.eyebrow span{background:var(--accent);width:23px;height:1px}h1{letter-spacing:-.075em;max-width:700px;margin:0;font-size:clamp(58px,6vw,96px);font-weight:800;line-height:.98}.hero{align-items:center;min-height:650px;padding:54px 0 86px}.hero-copy{z-index:2;position:relative}.hero-lead{letter-spacing:-.025em;max-width:590px;margin:32px 0 10px;font-size:clamp(18px,1.65vw,25px);line-height:1.52}.hero-sub{max-width:570px;color:var(--muted);margin:0;font-size:15px;line-height:1.7}.hero-actions{flex-wrap:wrap;align-items:center;gap:30px;margin-top:42px;display:flex}.round-link{align-items:center;gap:18px;font-size:12px;font-weight:600;display:inline-flex}.round-link b{border:1px solid var(--accent-soft);border-radius:50%;place-items:center;width:46px;height:46px;font-size:18px;transition:color .25s,background .25s;display:grid}.round-link:hover b{color:#fff;background:var(--accent)}.simple-link{border-bottom:1px solid var(--line);font:10px var(--font-mono);letter-spacing:.07em;text-transform:uppercase;padding-bottom:5px}.simple-link b{color:var(--accent);margin-left:8px}.hero-art{place-items:center;min-height:410px;display:grid;position:relative}.portrait-placeholder{aspect-ratio:1;background:linear-gradient(145deg,#f6f7f5 0%,#d6d8d5 48%,#f2f2f0 49%,#c3c6c3 100%);border-radius:50%;place-items:center;width:clamp(235px,22vw,330px);display:grid;position:relative;overflow:hidden;box-shadow:inset -20px -22px 48px #1418161a,0 20px 45px #1418161a}.portrait-placeholder span{letter-spacing:-.11em;font-size:clamp(120px,13vw,190px);font-weight:800;line-height:1;transform:translate(-.05em)}.portrait-placeholder i{background:var(--accent);border-radius:50%;width:18px;height:18px;position:absolute;bottom:20%;right:20%}.hero-art>p{color:#8d8f8a;font:9px/1.8 var(--font-mono);letter-spacing:.09em;text-transform:uppercase;border-left:1px solid #bfc1bc;margin:0;padding-left:17px;position:absolute;right:0}.portfolio-section{border-top:1px solid var(--line);padding:62px 0 88px}.section-heading{align-items:center;margin-bottom:40px}.section-heading h2{letter-spacing:-.055em;margin:0;font-size:clamp(32px,3vw,48px);line-height:1}.section-heading p{color:var(--muted);margin:10px 0 0;font-size:13px}.text-link{font:10px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;justify-self:end}.text-link b,.project-link b,.featured-link b{color:var(--accent)}.featured-project{color:#f7f7f4;background:#171817;grid-template-columns:1.45fr .7fr;min-height:390px;margin:0 0 28px 78px;display:grid}.featured-visual{background:#d9dad7;min-height:390px;position:relative;overflow:hidden}.featured-visual img{object-fit:cover;filter:grayscale();width:100%;height:100%;transition:filter .3s,transform .35s}.featured-project:hover .featured-visual img{filter:grayscale(.2);transform:scale(1.02)}.latest-label{color:var(--ink);background:var(--accent);font:9px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:9px 12px;position:absolute;top:22px;left:22px}.featured-copy{flex-direction:column;justify-content:center;padding:clamp(34px,5vw,70px);display:flex}.featured-meta{color:#a8aaa5;font:9px var(--font-mono);letter-spacing:.08em;gap:18px;display:flex}.featured-meta span:first-child{color:var(--accent)}.featured-copy h3{letter-spacing:-.07em;margin:30px 0 15px;font-size:clamp(44px,5vw,76px);line-height:1}.featured-copy p{color:#b9bbb5;margin:0;font-size:13px;line-height:1.7}.featured-link{font:9px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;margin-top:42px}.featured-link b{margin-left:10px;transition:transform .25s;display:inline-block}.featured-project:hover .featured-link b{transform:translate(5px)}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-left:78px;display:grid}.project-card{min-width:0}.project-visual{aspect-ratio:1.5;background:#e1e2e0;position:relative;overflow:hidden}.project-visual img{object-fit:cover;filter:grayscale();width:100%;height:100%;transition:filter .3s,transform .35s}.project-card:hover .project-visual img{filter:grayscale(.25);transform:scale(1.025)}.project-index{z-index:2;color:#fff;font:9px var(--font-mono);mix-blend-mode:difference;position:absolute;top:13px;left:14px}.project-copy h3{letter-spacing:-.035em;margin:18px 0 7px;font-size:20px}.project-copy p{min-height:42px;color:var(--muted);margin:0;font-size:12px;line-height:1.6}.project-link{font:8px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:12px;margin-top:17px;display:flex}.project-link>span{background:#aeb0aa;width:22px;height:1px;transition:width .25s}.project-card:hover .project-link>span{width:34px}.weight-study{background:linear-gradient(165deg,#f0f0ed,#bfc2bf);place-items:end center;width:100%;height:100%;padding-bottom:15%;display:grid;position:relative}.weight-study i{aspect-ratio:1;background:#292b29;width:25%;position:absolute;bottom:20%;transform:rotate(14deg);box-shadow:9px 10px #9b9e9a}.weight-study i:first-child{width:18%;left:12%;transform:rotate(-10deg)}.weight-study i:nth-child(2){left:38%}.weight-study i:nth-child(3){width:22%;right:11%;transform:rotate(28deg)}.weight-study span{color:#777a76;font:500 42px var(--font-mono);position:absolute;top:12%}.posts-grid{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));margin-left:78px;display:grid}.post-card{border-bottom:1px solid var(--line);min-height:290px;padding:30px 34px 34px 0;position:relative}.post-card+.post-card{border-left:1px solid var(--line);padding-left:30px}.post-meta{color:#91938e;font:9px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;gap:12px;display:flex}.post-meta span{color:var(--accent)}.post-card h3{letter-spacing:-.045em;max-width:330px;margin:42px 0 15px;font-size:clamp(21px,2vw,28px);line-height:1.18}.post-card p{max-width:390px;color:var(--muted);margin:0;font-size:12px;line-height:1.7}.post-arrow{color:var(--accent);opacity:0;font-size:20px;transition:opacity .25s;position:absolute;bottom:25px;right:20px}.post-card:hover .post-arrow{opacity:1}.about-section{padding-bottom:52px}.about-layout{align-items:start;padding:28px 0 42px}.about-title h2{letter-spacing:-.075em;margin:0 0 30px;font-size:clamp(58px,7vw,110px);line-height:.9}.about-statement{letter-spacing:-.035em;max-width:680px;margin:0;font-size:clamp(22px,2.2vw,34px);line-height:1.38}.about-copy{padding:46px 0 0 clamp(0px,2vw,30px)}.about-copy p{color:var(--muted);margin:0 0 22px;font-size:14px;line-height:1.8}.about-copy p:first-child{color:var(--ink);font-size:18px;line-height:1.55}.footer{border-top:1px solid var(--line);padding:58px 0 38px}.footer-grid{align-items:center}.footer-intro h2{letter-spacing:-.055em;margin:0;font-size:34px}.footer-intro p{color:var(--muted);font:9px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin:8px 0 0}.contact-links{grid-template-columns:repeat(2,minmax(120px,1fr));gap:12px 24px;display:grid}.contact-links a,.contact-placeholder{border-bottom:1px solid var(--line);align-items:center;gap:11px;min-width:0;padding:10px 0;font-size:11px;transition:color .25s,border-color .25s;display:flex}.contact-links a>span,.contact-placeholder>span{width:25px;color:var(--ink);font-family:var(--font-mono);font-weight:500}.contact-links b,.contact-placeholder b{color:var(--accent);margin-left:auto}.contact-links a:hover{color:var(--accent);border-color:var(--accent)}.contact-placeholder,.placeholder-link{cursor:not-allowed}.contact-placeholder{color:#a3a59f}.footer-bottom{border-top:1px solid var(--line);color:var(--muted);font:9px var(--font-mono);letter-spacing:.05em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-top:54px;padding-top:24px;display:flex}.back-top{align-items:center;gap:12px;display:flex}.back-top span{border:1px solid var(--accent-soft);width:34px;height:34px;color:var(--accent);border-radius:50%;place-items:center;display:grid}.reveal{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(12px)}.reveal.is-visible{opacity:1;transform:translateY(0)}@media (max-width:1040px){.site-shell{width:calc(100% - 32px);margin:16px auto}.hero{grid-template-columns:48px 1.05fr .75fr}.featured-project{grid-template-columns:1.2fr .8fr}.posts-grid{grid-template-columns:1fr}.post-card+.post-card{border-left:0;padding-left:0}.post-card{min-height:220px}}@media (max-width:760px){.site-shell{width:100%;margin:0;padding:0 22px}.topbar{height:82px}.topbar nav{z-index:90;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fbfbfaeb;border:1px solid #dddedacc;border-radius:18px;justify-content:space-around;gap:0;padding:14px 10px;position:fixed;bottom:14px;left:14px;right:14px;box-shadow:0 10px 35px #1e211f21}.topbar nav a{font-size:10px}.section-grid,.hero{grid-template-columns:34px minmax(0,1fr)}.hero{min-height:auto;padding:54px 0 78px}.hero-copy{grid-column:2}.hero-art{grid-column:2;min-height:330px;margin-top:30px}.hero-art>p{right:0}.portrait-placeholder{width:min(70vw,280px)}h1{font-size:clamp(50px,16vw,78px)}.section-heading>div:nth-child(2){grid-column:2}.section-heading .text-link{grid-column:2;justify-self:start;margin-top:18px}.featured-project{grid-template-columns:1fr;margin-left:58px}.featured-visual{min-height:250px}.featured-copy{padding:34px 26px}.project-grid{grid-template-columns:1fr;margin-left:58px}.project-copy p{min-height:auto}.posts-grid{margin-left:58px}.post-card{min-height:245px;padding-right:18px}.about-layout{padding-bottom:22px}.about-title,.about-copy{grid-column:2}.about-copy{padding-top:40px}.footer-grid{align-items:start}.footer-intro,.contact-links{grid-column:2}.contact-links{grid-template-columns:1fr;margin-top:30px}.footer-bottom{gap:20px;padding-bottom:78px}.footer-bottom p{max-width:180px;line-height:1.6}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}