:root{--ink:#1d251b;--lime:#c6e52c;--paper:#f4f2ec;--muted:#76786f;--line:rgba(29,37,27,.22)}
body{background:var(--paper);color:var(--ink)}
.portfolio-header{position:fixed;z-index:10;top:18px;left:24px;right:24px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;font:12px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.04em;mix-blend-mode:multiply}
.portfolio-header a{color:inherit;text-decoration:none}.portfolio-header nav{display:flex;gap:24px}.portfolio-header nav a:hover{opacity:.5}.portfolio-count{justify-self:end}
.blank-page{min-height:100vh;padding:150px 5vw 80px}.blank-intro{min-height:62vh;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end}.blank-intro h1{font:400 clamp(72px,12vw,180px)/.82 'DM Sans',Arial,sans-serif;letter-spacing:-.08em;margin:0}.blank-intro h1 em{font-style:normal}.blank-intro-copy{max-width:420px;padding-bottom:10px}.blank-intro-copy .eyebrow,.page-label,.placeholder-label{font:11px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.blank-intro-copy p{font-size:20px;line-height:1.2;margin:22px 0 0;max-width:360px;text-wrap:pretty}.structure-section{border-top:1px solid var(--line);padding:24px 0 110px;margin-top:100px}.structure-heading{display:flex;justify-content:space-between;gap:30px;align-items:baseline}.structure-heading h2{font:400 clamp(42px,6vw,88px)/.9 'DM Sans',Arial,sans-serif;letter-spacing:-.07em;margin:0}.structure-heading span{font:11px 'DM Mono',monospace;text-transform:uppercase;color:var(--muted)}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3vw;margin-top:60px}.project-placeholder{display:block;min-height:32vw;border-top:1px solid var(--line);padding-top:16px;color:inherit;text-decoration:none}.project-placeholder:hover .placeholder-box{background:var(--lime)}.placeholder-box{min-height:25vw;background:rgba(29,37,27,.05);display:flex;align-items:center;justify-content:center;transition:background .3s}.placeholder-box span{font:11px 'DM Mono',monospace;text-transform:uppercase}.placeholder-meta{display:flex;justify-content:space-between;gap:20px;margin-top:13px;font-size:18px}.placeholder-meta small{font:11px 'DM Mono',monospace;text-transform:uppercase;color:var(--muted)}.about-layout{display:grid;grid-template-columns:25% 1fr;gap:8vw;padding-top:180px}.about-layout h1{font:400 clamp(68px,12vw,170px)/.82 'DM Sans',Arial,sans-serif;letter-spacing:-.08em;margin:0}.about-body{max-width:720px}.about-body .placeholder-copy{border-top:1px solid var(--line);padding-top:20px;margin-top:34px;min-height:150px}.placeholder-copy p{font:11px 'DM Mono',monospace;text-transform:uppercase;color:var(--muted);margin:0}.about-blocks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3vw;margin-top:90px}.about-block{border-top:1px solid var(--line);padding-top:16px;min-height:240px}.about-block h2{font:400 34px/1 'DM Sans',Arial,sans-serif;letter-spacing:-.05em;margin:0 0 20px}.project-shell{min-height:100vh;padding:140px 5vw 100px}.project-shell-header{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end;padding:0 0 90px}.project-shell-header h1{font:400 clamp(70px,12vw,170px)/.82 'DM Sans',Arial,sans-serif;letter-spacing:-.08em;margin:0}.project-shell-header p{max-width:360px;font-size:20px;line-height:1.2;margin:0}.empty-flow{border-top:1px solid var(--line)}.empty-block{min-height:35vh;border-bottom:1px solid var(--line);display:grid;grid-template-columns:25% 1fr;gap:8vw;padding:26px 0}.empty-block span{font:11px 'DM Mono',monospace;text-transform:uppercase;color:var(--muted)}.empty-block .empty-box{background:rgba(29,37,27,.04);min-height:220px}.portfolio-footer{display:grid;grid-template-columns:1fr auto auto;gap:30px;border-top:1px solid var(--line);padding:22px 5vw;font:11px 'DM Mono',monospace;text-transform:uppercase}.portfolio-footer a{color:inherit;text-decoration:none}
@media(max-width:760px){.portfolio-header{left:16px;right:16px;grid-template-columns:1fr auto}.portfolio-header nav{display:none}.blank-page,.project-shell{padding:100px 16px 60px}.blank-intro{display:block;min-height:70vh;padding-top:70px}.blank-intro h1{font-size:88px}.blank-intro-copy{padding-top:45px}.structure-section{margin-top:70px;padding-bottom:80px}.project-grid{grid-template-columns:1fr;gap:50px;margin-top:40px}.project-placeholder{min-height:auto}.placeholder-box{min-height:62vw}.about-layout{display:block;padding-top:90px}.about-layout h1{font-size:88px;margin-bottom:60px}.about-blocks{grid-template-columns:1fr;margin-top:60px}.project-shell-header{display:block;padding-bottom:60px}.project-shell-header h1{font-size:88px;margin-bottom:40px}.empty-block{display:block;min-height:260px}.empty-block span{display:block;margin-bottom:20px}.portfolio-footer{grid-template-columns:1fr 1fr;gap:15px}.portfolio-footer span{grid-column:1/-1}}
@media(max-width:760px){
  .portfolio-header{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;row-gap:8px}
  .portfolio-header nav{grid-column:1/-1;grid-row:2;justify-self:end;display:flex;gap:14px;font-size:10px}
  .portfolio-header nav a{display:flex;min-height:32px;align-items:center}
  .portfolio-count{grid-column:2;grid-row:1}
  .portfolio-header>a:first-child{grid-column:1;grid-row:1}
  .blank-page{padding-top:112px}
}
.home-experiment{--home-accent:var(--lime)}.home-experiment .home-hero{position:relative;isolation:isolate;overflow:hidden}.home-sketch-wrap{position:absolute;z-index:-1;right:3vw;top:4%;width:min(34vw,520px);height:min(38vw,560px);overflow:hidden;opacity:.56;transform:rotate(4deg);mix-blend-mode:multiply;pointer-events:none}.home-sketch{width:100%;height:100%;object-fit:cover;object-position:76% 48%}.home-signature{position:absolute;right:5vw;bottom:22%;font:11px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.06em;transform:rotate(-4deg);color:var(--muted)}.home-experiment .project-placeholder{position:relative;cursor:none}.home-experiment .project-placeholder:hover .placeholder-box{background:var(--home-accent);color:var(--ink)}.home-experiment .placeholder-box{transition:background .35s ease,color .35s ease}.home-preview{position:fixed;z-index:7;left:var(--pointer-x);top:var(--pointer-y);width:min(25vw,330px);aspect-ratio:1.35;pointer-events:none;opacity:0;transform:translate(24px,24px) rotate(3deg) scale(.94);transition:opacity .25s ease,transform .35s cubic-bezier(.22,1,.36,1);overflow:hidden;border:1px solid var(--ink);background:var(--paper)}.home-preview.is-active{opacity:1;transform:translate(24px,24px) rotate(-3deg) scale(1)}.home-preview img{display:block;width:100%;height:100%;object-fit:cover}.home-cursor{position:fixed;z-index:12;left:var(--pointer-x);top:var(--pointer-y);width:58px;height:58px;border:1px solid var(--ink);border-radius:50%;pointer-events:none;display:grid;place-items:center;transform:translate(-50%,-50%);background:var(--home-accent);mix-blend-mode:multiply;transition:width .25s ease,height .25s ease,background .25s ease,color .25s ease}.home-cursor span{font:10px 'DM Mono',monospace;text-transform:uppercase}.home-cursor.is-hovering{width:72px;height:72px;background:var(--ink);color:var(--paper);mix-blend-mode:normal}.home-preview,.home-cursor{display:none}@media(min-width:761px) and (pointer:fine){.home-preview,.home-cursor{display:grid}}
.home-syne .blank-intro h1,.home-syne .structure-heading h2,.home-syne .placeholder-meta>span{font-family:'DM Sans',Arial,sans-serif;font-weight:400}.home-syne .blank-intro h1{font-size:clamp(78px,12vw,188px);line-height:.76;letter-spacing:-.105em}.home-syne .blank-intro h1 em{font-style:normal}.home-syne .blank-intro-copy p{max-width:330px}.home-syne .structure-heading h2{letter-spacing:-.09em}.home-syne .project-placeholder:hover .placeholder-meta>span{letter-spacing:-.04em;transform:skewX(-5deg);transition:transform .25s ease,letter-spacing .25s ease}.home-syne .placeholder-meta>span{transition:transform .25s ease,letter-spacing .25s ease}
.home-syne .blank-intro h1{letter-spacing:-.075em}.home-syne .structure-heading h2{letter-spacing:-.055em}
.home-syne .blank-intro{min-height:70vh}.home-syne .structure-section{margin-top:135px}
.home-syne .structure-heading h2,.home-syne .placeholder-meta>span{font-weight:500}
.home-syne .structure-heading{min-height:112px;padding:18px 0 20px;align-items:center}.home-syne .structure-heading h2{font-size:clamp(34px,5vw,68px)}.home-syne .project-grid{margin-top:34px}
.home-syne .blank-page{position:relative;overflow:hidden}.home-streamers{position:absolute;z-index:0;inset:0;pointer-events:none;opacity:0;transition:opacity .18s ease}.home-streamers svg{display:block;width:100%;height:100%;overflow:visible}.streamer{fill:none;stroke-width:2;stroke-linecap:round;stroke-dasharray:18 24;transform-origin:center;transition:transform .28s cubic-bezier(.22,1,.36,1)}.streamer-one{stroke:#ee8068}.streamer-two{stroke:#c6e52c;stroke-width:2.4}.streamer-three{stroke:#7d9db1}.is-scrolling .home-streamers{opacity:.72}.is-scrolling .streamer-one{transform:translateX(5%) rotate(-1deg)}.is-scrolling .streamer-two{transform:translateX(-4%) rotate(1.5deg)}.is-scrolling .streamer-three{transform:translateX(3%) rotate(-.8deg)}
@media(prefers-reduced-motion:reduce){.home-streamers{display:none}}

.project-shell-header>div .page-label{display:block;margin-bottom:28px}
.empty-block .empty-box{display:flex;align-items:center;justify-content:center}
@media(min-width:761px){.portfolio-footer{grid-template-columns:1fr auto auto auto}}
.project-placeholder .placeholder-box{min-height:0;aspect-ratio:1.45;display:block;overflow:hidden}
.project-placeholder .placeholder-box img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.project-placeholder:hover .placeholder-box img{transform:scale(1.025)}
.project-placeholder-globe .placeholder-box{aspect-ratio:1.45;background:#fff}
.project-placeholder-globe .placeholder-box img{object-fit:cover;object-position:left top;transform:scale(1.25);transform-origin:left top}
.project-placeholder-globe:hover .placeholder-box img{transform:scale(1.27)}
.home-syne .placeholder-meta{align-items:baseline;transition:transform .25s ease}
.home-syne .placeholder-meta small{text-align:right}
.home-syne .project-placeholder:hover .placeholder-meta{transform:translateY(-2px)}
.home-syne .project-placeholder:hover .placeholder-meta>span{letter-spacing:inherit;transform:none;transition:none}
.home-syne .blank-intro{position:relative;isolation:auto}
.home-syne .blank-intro h1,.home-syne .blank-intro-copy{position:relative;z-index:1}
.home-syne .blank-intro h1{font:600 clamp(78px,12vw,188px)/.84 'DM Sans',Arial,sans-serif;letter-spacing:-.075em;text-transform:none}
.home-syne .blank-intro h1 em{position:relative;left:.025em;font-style:normal}
@media(max-width:760px){.home-syne .blank-intro h1{font-size:clamp(44px,12vw,64px)}}
.home-syne .structure-section{border-top:0}
.home-syne .structure-heading h2,.about-layout h1,.about-block h2,.project-shell-header h1{font-family:'DM Sans',Arial,sans-serif;font-weight:500}
.home-syne .blank-intro h1{font-weight:500}
.home-syne .blank-intro h1,.home-syne .blank-intro-copy{transform:translateY(-36px)}
@media(max-width:760px){.home-syne .blank-intro h1,.home-syne .blank-intro-copy{transform:translateY(-22px)}}
.home-syne .blank-intro{min-height:62vh;grid-template-columns:minmax(0,1fr) minmax(180px,.62fr);gap:5vw;align-items:center}
.home-syne .home-intro-text{align-self:center}
.home-syne .blank-intro h1{font:600 clamp(44px,9.4vw,136px)/.9 'DM Sans',Arial,sans-serif;letter-spacing:-.035em;transform:none;white-space:nowrap}
.home-syne .blank-intro h1 em{left:0}
.home-syne .blank-intro-copy{max-width:560px;padding:18px 0 0;transform:none}
.home-syne .home-intro-text .blank-intro-copy{max-width:none}
.home-syne .home-intro-text .blank-intro-copy p{margin:0 0 0 10px;max-width:none;white-space:nowrap;font-size:16px;letter-spacing:normal}
.home-syne .blank-intro-copy p{font-size:16px;line-height:1.35;max-width:540px;margin:14px 0 0}
.home-walker-art{display:block;width:clamp(180px,22vw,290px);aspect-ratio:.78;justify-self:center;align-self:center;overflow:hidden}
.home-walker-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 50%;transform:scale(1.12);mix-blend-mode:multiply}
@media (min-width:761px) and (max-width:1100px){
  .home-syne .home-intro-text .blank-intro-copy p{white-space:normal;max-width:560px}
  .placeholder-meta{flex-direction:column;align-items:flex-start;gap:4px}
}
@media(max-width:760px){
  .home-syne .blank-intro{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;gap:14px;min-height:58vh;padding-top:50px;align-items:center;align-content:center}
  .home-syne .home-intro-text{display:contents}
  .home-syne .blank-intro h1{grid-column:1;font-size:clamp(36px,11vw,50px);line-height:.95}
  .home-syne .blank-intro-copy{grid-column:1;grid-row:2;padding-top:4px;max-width:100%}
  .home-syne .home-intro-text .blank-intro-copy p{font-size:14px;max-width:100%;white-space:normal}
  .home-walker-art{grid-column:1;grid-row:3;width:clamp(126px,36vw,160px);justify-self:end}
}
