:root{font-family:Arial,Helvetica,sans-serif;color:#171717;background:#fff;font-synthesis:none;font-weight:400}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #161616;outline-offset:6px}a:hover{text-decoration:underline;text-underline-offset:5px}h1,h2,h3,p,figure{margin:0;font-weight:400}img{display:block;width:100%;height:auto}header{position:fixed;top:0;left:0;width:100%;height:80px;display:flex;align-items:center;justify-content:space-between;padding:22px 30px;z-index:20;background:rgba(255,255,255,.95)}.home header{background:rgba(255,255,255,.95);opacity:1;filter:none}.home header:focus-within{opacity:1;filter:none}.home.scrolled header{background:rgba(255,255,255,.95)}.brand{font-size:29px;letter-spacing:-2px}nav{display:flex;gap:36px;font-size:15px}nav a{padding:10px 0}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:#fff;padding:15px}.skip:focus{top:10px}.right{text-align:right}.work{position:relative;z-index:3;background:#fff;padding:112px 48px 0;scroll-margin-top:0}.section-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.section-label h2{font-size:inherit}.columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:24px;aspect-ratio:1.5;align-items:stretch;margin-bottom:100px}.columns>.tile:nth-child(1){grid-column:1/3;grid-row:1}.columns>.tile:nth-child(2){grid-column:3;grid-row:1/3}.columns>.tile:nth-child(3){grid-column:1;grid-row:2}.columns>.tile:nth-child(4){grid-column:2;grid-row:2}.tile{display:block;position:relative;overflow:hidden;background:#eeedeb;min-width:0;min-height:0}.tile img{transition:filter .45s,transform .6s;width:100%;height:100%;object-fit:cover}.tile-label{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;background:transparent;font-size:16px;letter-spacing:normal;opacity:0;transition:opacity .3s;text-align:center;text-shadow:none}.tile:hover img,.tile:focus-visible img{filter:blur(2px);transform:scale(1.01)}.tile:hover .tile-label,.tile:focus-visible .tile-label{opacity:1}.closing{padding:70px 0 120px;display:block}.closing>p{width:100%}.closing>a{display:inline-block;margin-top:32px}.closing p{font-size:clamp(32px,4.5vw,70px);letter-spacing:-.04em;line-height:1.04}.closing a,.underlined{text-decoration:underline;text-underline-offset:5px}footer{position:relative;background:#fff;z-index:3;margin:0 30px;border-top:1px solid #ccc;padding:28px 0 32px;display:flex;justify-content:space-between;gap:20px;font-size:14px}.project-layout{display:grid;grid-template-columns:1fr 2fr;padding-top:80px;align-items:start}.project-copy{position:sticky;top:80px;padding:48px 38px 30px 30px;height:calc(100svh - 80px);overflow-y:auto;display:flex;flex-direction:column;align-items:start;font-size:16px;line-height:1.5}.back{font-size:14px;margin-bottom:65px}.project-copy h1{font:inherit;letter-spacing:normal;margin-bottom:28px}.project-copy p{max-width:360px;margin-bottom:24px}.project-copy dl{font-size:inherit;line-height:1.5;margin:15px 0 32px}.project-copy dt{color:inherit;font:inherit;text-decoration:underline;text-underline-offset:5px}.project-copy dd{margin:0 0 15px}.next{font-size:14px;margin-top:auto;padding-top:36px}.project-images{display:flex;flex-direction:column;gap:24px}.project-images figure{margin:0;background:#eeedeb}.project-images img{width:100%;height:auto}.project-images figure:first-child img{height:calc(100svh - 80px);object-fit:cover}.detail-page footer{margin-top:60px}.about{padding:150px 30px 100px}.about>h1{font-size:clamp(60px,13vw,190px);letter-spacing:-.075em;line-height:1;margin-bottom:90px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:12vw}.about-grid>div:first-child{padding-right:15%}.about-copy{max-width:530px;font-size:18px;line-height:1.5}.about-copy h2{font-size:36px;letter-spacing:-.04em;line-height:1.1;margin-bottom:32px}.about-copy p{margin-bottom:25px}.about-copy h3{font-size:18px;margin:38px 0 10px}@media(hover:none){.tile-label{opacity:1;inset:auto 0 0;background:rgba(255,255,255,.94);padding:12px;font-size:16px;gap:4px}.tile:hover img{filter:none;transform:none}}@media(max-width:700px){header{height:72px;padding:18px}nav{gap:24px;font-size:14px}.brand{font-size:26px}.work{padding:90px 16px 0}.section-label{margin-bottom:0}.columns{gap:14px;grid-template-columns:1fr 1fr;grid-template-rows:auto;aspect-ratio:auto;margin-bottom:60px}.columns>.tile:nth-child(n){grid-column:auto;grid-row:auto;aspect-ratio:4/5}.tile-label{font-size:16px}.closing{padding:35px 0 65px;display:block}.closing p{font-size:38px;margin-bottom:30px}footer{margin:0 18px;display:grid;grid-template-columns:1fr 1fr;font-size:13px}footer span{text-align:right}footer>a:last-child{grid-column:1/-1}.project-layout{grid-template-columns:1fr;padding-top:72px}.project-copy{position:static;height:auto;padding:28px 18px 40px;overflow:visible}.back{margin-bottom:32px}.project-copy p{max-width:520px}.project-copy dl{margin:0 0 20px}.next{padding-top:25px}.project-images{gap:16px}.project-images figure:first-child img{height:auto}.about{padding:120px 18px 65px}.about>h1{margin-bottom:50px}.about-grid{grid-template-columns:1fr;gap:40px}.about-copy{font-size:16px}.about-copy h2{font-size:32px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
.work-index{margin:20px 0 40px;border-top:1px solid #bbb}.work-index h2{font-size:14px;padding:24px 0 32px}.work-index>a{display:grid;grid-template-columns:60px 1fr 150px;align-items:center;gap:15px;border-bottom:1px solid #ccc;padding:22px 0}.work-index>a span:nth-child(2){font-size:34px;letter-spacing:-.035em}.work-index>a span:last-child{text-align:right;font-size:14px}.detail-page header{position:fixed}@media(max-width:700px){.work-index>a{grid-template-columns:30px 1fr 100px;gap:10px}.work-index>a span:nth-child(2){font-size:25px}}

.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(hover:hover) and (pointer:fine){html,body,body *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Ccircle cx='7' cy='7' r='4.5' fill='%23000000'/%3E%3C/svg%3E") 7 7,auto}}

footer{align-items:center}.footer-social{display:flex;align-items:center;gap:12px;color:#000}.footer-social a{display:flex;align-items:center;justify-content:center;width:28px;height:28px}.footer-social svg{display:block;width:18px;height:18px}.footer-social a:hover{text-decoration:none;opacity:.65}@media(max-width:700px){.footer-social{justify-self:end}}

.closing>a,.about-copy>a.underlined{text-decoration:none;text-underline-offset:5px}.closing>a:hover,.closing>a:focus-visible,.about-copy>a.underlined:hover,.about-copy>a.underlined:focus-visible{text-decoration:underline}.about-copy .principle-title{text-decoration:underline;text-underline-offset:5px}

.project-copy>a.underlined{text-decoration:none}.project-copy>a.underlined:hover,.project-copy>a.underlined:focus-visible{text-decoration:underline;text-underline-offset:5px}


.rotating-phrase{white-space:nowrap}.rotating-word{display:inline-grid;vertical-align:bottom;overflow:hidden;border:0;padding:.18em 0;margin:-.18em 0;background:none;color:inherit;font:inherit;font-weight:700;letter-spacing:inherit;line-height:inherit;text-align:left}.rotating-word::after{content:"creating";visibility:hidden;grid-area:1/1;white-space:nowrap;pointer-events:none}.rotating-word>span{display:inline-block;white-space:nowrap;grid-area:1/1;justify-self:start}.rotating-word:focus-visible{outline:2px solid currentColor;outline-offset:4px}@media(prefers-reduced-motion:reduce){.rotating-word{transition:none}}