:root{--paper:#f2f1ed;--ink:#0b0b0b}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;margin:0;font-family:Arial,Helvetica Neue,Helvetica,sans-serif}button,a{color:inherit}button{font:inherit}a{text-decoration:none}img{width:100%;display:block}::selection{color:var(--paper);background:var(--ink)}.showroom-shell{overflow:clip}.invert-cursor{--cursor-x:-12rem;--cursor-y:-12rem;z-index:90;aspect-ratio:1;opacity:0;mix-blend-mode:difference;pointer-events:none;width:clamp(7.5rem,11vw,11rem);transform:translate3d(var(--cursor-x), var(--cursor-y), 0) translate(-50%, -50%) scale(.82);will-change:transform;background:#fff;border-radius:50%;transition:opacity .18s,transform .11s cubic-bezier(.22,.72,.28,1);position:fixed;top:0;left:0}.invert-cursor.is-active{opacity:1;transform:translate3d(var(--cursor-x), var(--cursor-y), 0) translate(-50%, -50%) scale(1)}.site-header{z-index:20;color:#fff;text-transform:uppercase;border-bottom:1px solid #ffffff61;grid-template-columns:1fr auto 1fr;align-items:start;padding:.65rem .75rem;font-size:.69rem;font-weight:500;line-height:1.15;display:grid;position:absolute;inset:0 0 auto}.site-name{justify-self:start}.site-name sup{margin-left:.15em;font-size:.52em;position:relative;top:-.3em}.header-center{justify-self:center}.site-header nav{grid-template-columns:repeat(3,auto);justify-self:end;gap:1.5rem;display:grid}.site-header nav span{margin-left:.15rem}.site-header a{position:relative}.site-header a:after{content:"";transform-origin:100%;background:currentColor;height:1px;transition:transform .3s;position:absolute;bottom:-.18rem;left:0;right:0;transform:scaleX(0)}.site-header a:hover:after,.site-header a:focus-visible:after{transform-origin:0;transform:scaleX(1)}.hero{isolation:isolate;color:#fff;background:#111;flex-direction:column;justify-content:space-between;min-height:100svh;padding:4.3rem .75rem .65rem;display:flex;position:relative;overflow:hidden}.hero-image,.hero-shade{position:absolute;inset:0}.hero-image{z-index:-3;object-fit:cover;filter:saturate(.78)contrast(1.05);height:100%;animation:1.1s cubic-bezier(.2,.75,.2,1) both hero-reveal}.hero-shade{z-index:-2;background:linear-gradient(#00000085,#0000000f 38%,#0006),#00000021}@keyframes hero-reveal{0%{opacity:0;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}.hero-eyebrow,.hero-footer{z-index:2;text-transform:uppercase;grid-template-columns:repeat(3,1fr);font-size:.66rem;font-weight:500;line-height:1;display:grid;position:relative}.hero-eyebrow span:nth-child(2){text-align:center}.hero-eyebrow span:last-child{text-align:right}.hero-title{letter-spacing:-.068em;text-align:center;text-transform:uppercase;flex-direction:column;align-items:center;margin:auto 0;font-size:clamp(3.4rem,7.8vw,7.5rem);font-weight:600;line-height:.87;display:flex}.hero-title span{display:block}.hero-footer{grid-template-columns:1fr 1fr;align-items:end}.hero-footer p{margin:0}.scroll-cue{border-bottom:1px solid;justify-self:end}.scroll-cue span{margin-left:.3rem;transition:transform .25s;display:inline-block}.scroll-cue:hover span{transform:translateY(.2rem)}.work-section{background:var(--paper);padding:.75rem .75rem 7rem}.work-heading{border-top:1px solid var(--ink);text-transform:uppercase;grid-template-columns:1fr 2fr 1fr;align-items:start;padding:1rem 0 5rem;font-size:.67rem;display:grid}.work-heading h2{letter-spacing:-.085em;margin:0;font-size:clamp(3.8rem,9.2vw,10rem);font-weight:600;line-height:.78}.work-heading>span:last-child{justify-self:end}.project-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:3.6rem .75rem;display:grid}.project-card{color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;grid-column:span 4;padding:0;display:block}.project-card:first-child,.project-card:nth-child(7),.project-card:nth-child(12){grid-column:span 8}.project-card:nth-child(5),.project-card:nth-child(10){grid-column:5/span 4}.project-image{aspect-ratio:4/3;background:#d8d8d4;display:block;position:relative;overflow:hidden}.project-card:first-child .project-image,.project-card:nth-child(7) .project-image,.project-card:nth-child(12) .project-image{aspect-ratio:16/9}.project-image img{object-fit:cover;height:100%;transition:transform .65s cubic-bezier(.2,.75,.2,1),filter .4s}.project-index,.project-view{z-index:2;color:#fff;text-transform:uppercase;background:#000000b8;padding:.2rem .3rem;font-size:.62rem;position:absolute;top:.6rem}.project-index{left:.6rem}.project-view{opacity:0;transition:opacity .25s,transform .25s;right:.6rem;transform:translateY(.25rem)}.project-card:hover .project-image img,.project-card:focus-visible .project-image img{filter:saturate(.75);transform:scale(1.025)}.project-card:hover .project-view,.project-card:focus-visible .project-view{opacity:1;transform:translateY(0)}.project-card:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.project-meta{border-top:1px solid var(--ink);text-transform:uppercase;grid-template-columns:minmax(0,1fr) auto auto;gap:.8rem;padding-top:.55rem;font-size:.66rem;line-height:1.15;display:grid}.project-meta strong{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.info-section{color:#fff;background:var(--ink);padding:.75rem .75rem 1rem}.info-label{text-transform:uppercase;border-top:1px solid #ffffff73;padding-top:.75rem;font-size:.67rem;display:block}.info-section h2{letter-spacing:-.075em;text-transform:uppercase;max-width:11ch;margin:7rem 0 8rem auto;font-size:clamp(3.8rem,8.7vw,9.5rem);font-weight:600;line-height:.85}.info-row{text-transform:uppercase;justify-content:space-between;gap:1rem;font-size:.67rem;display:flex}.info-row a{border-bottom:1px solid}.contact-section{min-height:88svh;color:var(--ink);background:#d8ff2e;flex-direction:column;justify-content:space-between;padding:.75rem;display:flex}.contact-topline,.contact-details{text-transform:uppercase;justify-content:space-between;gap:1rem;font-size:.67rem;display:flex}.contact-email{letter-spacing:-.085em;text-transform:uppercase;max-width:11ch;margin:auto 0;font-size:clamp(3.8rem,10vw,11rem);font-weight:600;line-height:.78}.contact-email:after{content:"↗";vertical-align:top;margin-left:.12em;font-size:.35em;transition:transform .25s;display:inline-block}.contact-email:hover:after{transform:translate(.15em,-.15em)}.contact-details a:hover,.contact-details a:focus-visible{text-underline-offset:.2rem;text-decoration:underline}.project-dialog{z-index:100;color:#fff;background:var(--ink);grid-template-columns:minmax(0,1.55fr) minmax(18rem,.45fr);animation:.45s cubic-bezier(.2,.75,.2,1) both dialog-in;display:grid;position:fixed;inset:0}@keyframes dialog-in{0%{opacity:0;transform:translateY(1.5rem)}to{opacity:1;transform:translateY(0)}}.dialog-close{z-index:3;color:var(--ink);cursor:pointer;text-transform:uppercase;background:#fff;border:0;padding:.45rem .55rem;font-size:.66rem;position:absolute;top:.75rem;right:.75rem}.dialog-close span{margin-left:.35rem;font-size:1rem;line-height:0}.dialog-media{background:#1b1b1b;min-height:100svh;overflow:hidden}.dialog-media img{object-fit:cover;height:100%}.dialog-media video{object-fit:contain;background:#000;width:100%;height:100svh;display:block}.dialog-copy{flex-direction:column;justify-content:space-between;padding:4rem .75rem .75rem;display:flex}.dialog-meta{text-transform:uppercase;border-top:1px solid #ffffff73;justify-content:space-between;gap:1rem;padding-top:.6rem;font-size:.66rem;display:flex}.dialog-copy h2{letter-spacing:-.075em;text-transform:uppercase;margin:auto 0;font-size:clamp(2.7rem,5.4vw,6.6rem);font-weight:600;line-height:.84}.dialog-copy>a{text-transform:uppercase;border-bottom:1px solid;align-self:flex-start;font-size:.67rem}@media (width<=900px){.header-center{display:none}.site-header{grid-template-columns:1fr 1fr}.project-card,.project-card:first-child,.project-card:nth-child(5),.project-card:nth-child(7),.project-card:nth-child(10),.project-card:nth-child(12){grid-column:span 6}.project-card:first-child .project-image,.project-card:nth-child(7) .project-image,.project-card:nth-child(12) .project-image{aspect-ratio:4/3}.project-dialog{grid-template-columns:1fr;overflow-y:auto}.dialog-media{min-height:67svh}.dialog-media video{height:67svh}.dialog-copy{min-height:33svh}}@media (width<=620px){.site-header nav{gap:.75rem}.site-header nav a:nth-child(2){display:none}.hero{min-height:88svh}.hero-eyebrow{grid-template-columns:1fr 1fr}.hero-eyebrow span:nth-child(2){display:none}.hero-title{text-align:left;align-items:flex-start;font-size:clamp(3.6rem,16vw,6.2rem)}.hero-title span:nth-child(2){margin-left:9vw}.hero-title span:nth-child(3){margin-left:22vw}.hero-footer p{max-width:14rem;line-height:1.3}.work-heading{grid-template-columns:1fr auto;padding-bottom:3.5rem}.work-heading h2{grid-area:2/1/auto/-1;margin-top:2.5rem;font-size:22vw}.project-grid{gap:2.7rem 0}.project-card,.project-card:first-child,.project-card:nth-child(5),.project-card:nth-child(7),.project-card:nth-child(10),.project-card:nth-child(12){grid-column:1/-1}.project-meta{grid-template-columns:minmax(0,1fr) auto}.project-meta>span:nth-child(2){display:none}.info-section h2{margin:5rem 0 6rem;font-size:16.5vw}.info-row{flex-direction:column;align-items:flex-start}.contact-section{min-height:72svh}.contact-topline span:last-child{display:none}.contact-email{font-size:15.5vw}.contact-details{flex-direction:column;align-items:flex-start}}@media (hover:none),(pointer:coarse){.invert-cursor{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
