@font-face{font-family:Geist;src:local("Geist"),local("Arial");font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050505;color:#f6f6f2;font-family:Geist,Arial,sans-serif;font-weight:400;transition:background .5s,color .5s}.intro{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;gap:3vw;background:#050505;color:#fff;animation:introOut 1s cubic-bezier(.87,0,.13,1) 1.6s forwards;pointer-events:none}.intro span{font-size:clamp(18px,3vw,50px);letter-spacing:-.07em;animation:introWord .45s ease both}.intro span:nth-child(2){animation-delay:.12s}.intro span:nth-child(3){animation-delay:.24s}.intro span:nth-child(4){animation-delay:.36s}@keyframes introWord{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes introOut{to{opacity:0;visibility:hidden}}.site-shell{overflow:hidden}.hero{min-height:100dvh;background:#f4f4ef;color:#050505;position:relative;padding:3.4vw 3.9vw 3vw;display:flex;flex-direction:column;justify-content:space-between;animation:blackReveal 1.1s cubic-bezier(.87,0,.13,1) 2.1s both}.hero:after{content:"";position:absolute;inset:0;background:#050505;z-index:0;animation:reveal 1.1s cubic-bezier(.87,0,.13,1) 2.1s forwards}.hero>*{position:relative;z-index:1}@keyframes reveal{from{clip-path:inset(0 0 0 0)}to{clip-path:inset(100% 0 0 0)}}@keyframes blackReveal{from{color:#f6f6f2}to{color:#050505}}.theme-toggle{width:2vw;min-width:24px;height:2vw;min-height:24px;border:0;background:#30302f;cursor:pointer;padding:0}.theme-toggle span{display:block;width:100%;height:100%;background:#f4f4ef;clip-path:inset(0 0 0 50%);transition:clip-path .3s}.hero-top,.hero-links{display:flex;justify-content:space-between;align-items:center;text-transform:uppercase;font-size:11px;letter-spacing:.12em}.hero-center{margin:auto 0}.wordmark{font-size:clamp(86px,21vw,300px);font-weight:800;letter-spacing:-.12em;line-height:.7;margin-left:-.04em}.hero h1{font-size:clamp(25px,4.8vw,72px);line-height:.85;letter-spacing:-.07em;font-weight:400;margin:8vw 0 0}.hero h1 i,.about h2 i{font-style:italic}.descriptor{font-size:clamp(14px,1.65vw,25px);letter-spacing:-.05em;margin-top:7vw}.hero-links a{border:1px solid #050505;padding:10px 14px;text-decoration:none;transition:background .25s,color .25s}.hero-links a:hover{background:#050505;color:#f4f4ef}.work,.about,.contact{padding:12vw 3.9vw}.work{background:#050505}.section-label{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:#777;margin-bottom:5vw}.work-list{display:grid;grid-template-columns:repeat(12,1fr);gap:3vw;align-items:start}.work-item{color:#f6f6f2;text-decoration:none;display:grid;grid-template-columns:1fr auto;column-gap:20px;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.work-item:hover{transform:translateY(-10px)}.item-a{grid-column:1/6}.item-b{grid-column:7/12;margin-top:14vw}.item-c{grid-column:3/9;margin-top:9vw}.work-image{grid-column:1/-1;aspect-ratio:1.05/1;display:grid;place-items:center;color:#111;font-size:10px;letter-spacing:.15em;margin-bottom:16px;transition:filter .45s,transform .45s}.work-item:hover .work-image{filter:saturate(1.2);transform:scale(.985)}.warm{background:#d4a78b}.cool{background:#7995a0}.red{background:#bb3d30}.work-title{font-size:clamp(22px,2.5vw,42px);line-height:.9;letter-spacing:-.08em}.work-type{align-self:end;color:#777;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.about{background:#f4f4ef;color:#050505;min-height:100dvh}.about h2,.contact h2{font-size:clamp(64px,10.5vw,160px);line-height:.8;letter-spacing:-.1em;font-weight:400;margin:9vw 0 6vw}.about p{font-size:clamp(18px,2vw,30px);line-height:1.05;letter-spacing:-.05em;max-width:26ch;margin-left:50%}.contact{min-height:100dvh;display:flex;flex-direction:column}.contact h2{margin:8vw 0 5vw}.contact-link{font-size:clamp(22px,3.8vw,58px);letter-spacing:-.08em;color:#f6f6f2;text-decoration:none;border-bottom:1px solid #f6f6f2;width:max-content;padding-bottom:10px}.contact-link span{font-size:.65em;margin-left:2em}.footer{margin-top:auto;border-top:1px solid #333;padding-top:16px;display:flex;justify-content:space-between;color:#777;text-transform:uppercase;font-size:10px;letter-spacing:.12em}.light{background:#f4f4ef;color:#050505}.light .work{background:#f4f4ef;color:#050505}.light .work-item,.light .contact-link{color:#050505}.light .contact-link{border-color:#050505}.light .contact{background:#f4f4ef}.light .hero:after{background:#f4f4ef}.light .hero-links a{border-color:#050505}.light .hero-links a:hover{background:#050505;color:#f4f4ef}@media(max-width:700px){.intro{gap:8px;flex-wrap:wrap;padding:30px}.hero{padding:20px;min-height:100dvh}.theme-toggle{margin-bottom:18vw}.hero-top{font-size:9px}.hero-top span:last-child{display:none}.wordmark{font-size:30vw}.hero h1{font-size:10vw;margin-top:16vw}.descriptor{font-size:14px;line-height:1;margin-top:18vw;max-width:16ch}.hero-links{gap:7px;justify-content:flex-start}.hero-links a{padding:8px 9px;font-size:9px}.work,.about,.contact{padding:22vw 20px}.work-list{display:block}.work-item,.item-b,.item-c{margin:0 0 20vw}.work-title{font-size:32px}.about h2,.contact h2{font-size:19vw;margin:30vw 0 18vw}.about p{margin-left:0;font-size:21px;max-width:17ch}.contact-link{font-size:8vw}.footer{flex-direction:column;gap:9px;margin-top:30vw}}