:root{--bg:#e4d9f2;--tan:#c5aee6;--red:#3d1a55;--deep:#3d1a55;--white:#fff;--card-hover:#d7c7ee;--orange:var(--bg);--cream:#fff3e4;--font-display:"Humane", "Oswald", "Anton", "Arial Narrow", sans-serif;--font-body:"Jost", "Futura", "Century Gothic", sans-serif;--pad:clamp(1.25rem, 4vw, 4rem)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{background:var(--bg);color:var(--red);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-weight:300;overflow-x:hidden}::selection{background:var(--red);color:var(--bg)}a{color:inherit;text-decoration:none}.display{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.01em;font-weight:700;line-height:.82}.section .word,.section .copy,.hero-h1 .ghost,.hero-h1 .fg,.work-head h2,.btn{will-change:transform;backface-visibility:hidden}.header{z-index:50;padding:clamp(1rem, 2.5vw, 2rem) var(--pad);pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0 0 auto}.header>*{pointer-events:auto}.header .mark-sm{width:auto;height:clamp(20px,2.2vw,28px);color:var(--red);display:block;overflow:visible}.header .wordmark{width:auto;height:clamp(18px,2vw,26px);color:var(--red);display:block}.lang-btn{top:calc(clamp(1rem,2.5vw,2rem) + 1px);right:calc(var(--pad) + clamp(20px, 2.2vw, 28px) + 1.4rem);z-index:150;cursor:pointer;color:var(--red);font-family:var(--font-body);letter-spacing:.06em;background:0 0;border:0;align-items:center;gap:4px;font-size:.85rem;display:flex;position:fixed}.lang-btn span{opacity:.5}.lang-btn .on{opacity:1;font-weight:600}.lang-btn .sep{opacity:.35}.menu-btn{top:calc(clamp(1rem,2.5vw,2rem) - 1px);right:var(--pad);z-index:150;cursor:pointer;color:var(--red);background:0 0;border:0;place-items:center;display:grid;position:fixed}.menu-btn.open{color:var(--bg)}.menu-btn svg{width:clamp(20px,2.2vw,28px);height:auto;display:block}.overlay{z-index:100;background:var(--deep);color:var(--bg);padding:var(--pad);flex-direction:column;justify-content:center;display:flex;position:fixed;inset:0}.overlay .wordmark{top:clamp(1rem,2.5vw,2rem);left:var(--pad);width:auto;height:clamp(18px,2vw,26px);color:var(--bg);position:absolute}.overlay-link{color:var(--bg);width:fit-content;font-size:clamp(4rem,14vh,10rem);display:block}.overlay-link:hover{color:var(--tan)}.overlay-foot{opacity:.85;flex-wrap:wrap;gap:2rem;margin-top:3rem;font-size:.95rem;display:flex}.overlay-foot a:hover{text-decoration:underline}.hero{min-height:100svh;padding:0 var(--pad);flex-direction:column;justify-content:center;display:flex;position:relative}.hero-h1{width:fit-content;margin-top:.68em;font-size:clamp(3.4rem,13.5vw,17rem);display:block;position:relative}.hero-h1 .ghost{z-index:0;color:var(--tan);white-space:nowrap;pointer-events:none;font-size:1.95em;position:absolute;top:-.28em;left:-.01em}.hero-h1 .fg{z-index:1;display:block;position:relative}.hero .line{white-space:nowrap;margin-top:-.24em;padding-top:.24em;display:block;overflow:hidden}.hero .line.right{text-align:right}.hero-sub{max-width:36ch;margin-top:clamp(1.5rem,3vw,3rem);font-size:clamp(1rem,1.6vw,1.4rem);line-height:1.5}.hint-swipe{display:none}@media (pointer:coarse){.hint-scroll{display:none}.hint-swipe{display:inline}}.scroll-hint{bottom:2rem;left:var(--pad);letter-spacing:.35em;text-transform:lowercase;opacity:.7;font-size:.85rem;position:absolute}.section{min-height:100svh;padding:clamp(5rem, 12vh, 8rem) var(--pad);grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(2rem,5vw,6rem);display:grid}.section .word{color:var(--tan);width:100%}.section .word svg{width:100%;max-width:820px;height:auto;display:block;overflow:visible}.section .copy{max-width:44ch}.section .copy h2,.contact-pin .copy h2{margin-bottom:1.25rem;font-size:clamp(2.6rem,5vw,4.5rem)}.section .copy p,.contact-pin .copy p{margin-bottom:2rem;font-size:clamp(.95rem,1.25vw,1.15rem);font-weight:400;line-height:1.6}.btn{background:var(--red);color:var(--bg);font-family:var(--font-body);cursor:pointer;border:0;padding:.9em 1.8em;font-size:1rem;font-weight:600;display:inline-block}.btn.shatter-cta{background:0 0;padding:0;position:relative;overflow:visible}.shatter-cta .btn-face{z-index:2;background:var(--red);color:var(--bg);white-space:nowrap;padding:.9em 1.8em;transition:opacity .12s 50ms;display:inline-block;position:relative}.shatter-cta .btn-shard{z-index:1;background:var(--red);color:var(--bg);white-space:nowrap;pointer-events:none;will-change:transform;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.slice-section{min-height:100svh;padding:clamp(5rem, 12vh, 8rem) var(--pad);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.slice-section.armed{cursor:crosshair}.slice-stage{z-index:1;place-items:center;width:min(78vw,1150px);display:grid;position:relative}.slice-stage>*{grid-area:1/1}.slice-word{width:100%;height:auto;color:var(--tan);display:block;overflow:visible}.slice-hint{letter-spacing:.3em;text-transform:lowercase;color:var(--red);pointer-events:none;white-space:nowrap;place-self:end center;font-size:clamp(1rem,1.4vw,1.35rem);font-weight:500;transform:translateY(5rem)}.slice-copy{text-align:center;cursor:auto;max-width:52ch;position:relative}.slice-photo{z-index:0;pointer-events:none;height:min(74vh,680px);position:absolute;bottom:0;left:50%}.slice-photo img{width:auto;height:100%;display:block}.slice-copy-text{z-index:1;position:relative}.slice-copy h2{margin-bottom:1.25rem;font-size:clamp(2.6rem,5vw,4.5rem)}.slice-copy p{margin-bottom:2rem;font-size:clamp(.95rem,1.25vw,1.15rem);font-weight:400;line-height:1.6}.slice-copy .contact-form{text-align:left}.blade{pointer-events:none;z-index:5;width:100%;height:100%;position:absolute;inset:0}.work{padding:clamp(5rem, 14vh, 10rem) var(--pad)}.work-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2rem;margin-bottom:clamp(2.5rem,6vh,5rem);display:flex}.work-head h2{font-size:clamp(4rem,12vw,11rem)}.work-head p{max-width:32ch;font-weight:400;line-height:1.5}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2vw,2rem);display:grid}.card{background:var(--tan);color:var(--red);border-radius:0 0 120px;flex-direction:column;justify-content:space-between;min-height:clamp(260px,34vh,380px);padding:clamp(1.5rem,3vw,2.5rem);transition:background .35s;display:flex;position:relative}.card:hover{background:var(--card-hover)}.card-preview{aspect-ratio:16/9;width:100%;margin:1.25rem 0;display:block;position:relative;overflow:hidden}.card-preview img,.card-preview-img{object-fit:cover;filter:grayscale();width:100%;height:100%;transition:filter .45s,transform .45s;display:block}.card-tint{background:var(--tan);mix-blend-mode:color;pointer-events:none;transition:opacity .45s;position:absolute;inset:0}.card:hover .card-preview img,.card:hover .card-preview-img{filter:none;transform:scale(1.045)}.card:hover .card-tint{opacity:0}.card .num{font-family:var(--font-display);font-size:clamp(3rem,6vw,5rem);font-weight:700;line-height:.82}.card h3{font-family:var(--font-display);text-transform:uppercase;margin-bottom:.5rem;font-size:clamp(2rem,4vw,3.2rem);font-weight:700;line-height:.85}.card .tags{letter-spacing:.08em;text-transform:lowercase;font-size:.85rem;font-weight:500}.card .arrow{font-size:1.4rem;line-height:1;transition:transform .35s;position:absolute;top:clamp(1.5rem,3vw,2.5rem);right:clamp(1.5rem,3vw,2.5rem)}.card:hover .arrow{transform:translate(6px,-6px)}.works-page,.project-page{padding:clamp(8rem, 18vh, 12rem) var(--pad) clamp(4rem, 10vh, 7rem)}.works-title{margin-bottom:1.5rem;font-size:clamp(4rem,14vw,13rem)}.works-intro{max-width:40ch;margin-bottom:clamp(2.5rem,6vh,5rem);font-weight:400;line-height:1.5}.card{display:flex}.all-works-link{letter-spacing:.04em;border-bottom:2px solid;padding-bottom:2px;font-weight:600}.project-hero{max-width:900px}.project-num{color:var(--tan);font-size:clamp(2rem,4vw,3.5rem);display:block}.project-hero h1{margin-bottom:1rem;font-size:clamp(4rem,13vw,12rem)}.project-meta{letter-spacing:.15em;text-transform:lowercase;opacity:.8;margin-bottom:1.5rem;font-size:.9rem}.project-blurb{max-width:38ch;font-size:clamp(1.15rem,1.8vw,1.5rem);line-height:1.5}.project-img,.project-img-inner{border-radius:0 0 100px;width:100%;height:auto;display:block}.project-img-wrap{overflow:hidden}.project-img-hero{margin:clamp(3rem,8vh,5rem) 0}.project-gallery{gap:clamp(1rem,2.5vw,2rem);margin-top:clamp(3rem,8vh,5rem);display:grid}.project-band{background:var(--tan);padding:clamp(3rem, 8vh, 6rem) var(--pad);border-radius:0 0 120px;place-items:center;margin:clamp(3rem,8vh,5rem) 0;display:grid}.project-band-word{width:min(40vw,420px);height:auto;color:var(--bg);overflow:visible}.project-body{gap:clamp(2.5rem,6vh,4rem);max-width:62ch;display:grid}.project-body h2{margin-bottom:.75rem;font-size:clamp(2rem,4vw,3.2rem)}.project-body p{font-weight:400;line-height:1.65}.project-next{border-top:1px solid color-mix(in srgb, var(--red) 30%, transparent);flex-direction:column;align-items:flex-start;gap:.75rem;margin-top:clamp(4rem,10vh,7rem);padding-top:2.5rem;display:flex}.project-next-label{letter-spacing:.25em;opacity:.7;font-size:.85rem}.project-next-link{font-size:clamp(3rem,8vw,7rem)}.project-next-link:hover{color:var(--tan)}.project-back{opacity:.8;font-weight:500}.project-back:hover{opacity:1;text-decoration:underline}.contact-form{flex-direction:column;gap:1.75rem;margin-top:.5rem;display:flex}.field label{letter-spacing:.2em;text-transform:lowercase;opacity:.85;margin-bottom:.4rem;font-size:.8rem;display:block}.field input,.field textarea{border:0;border-bottom:2px solid color-mix(in srgb, var(--red) 50%, transparent);width:100%;color:var(--red);font-family:var(--font-body);resize:vertical;background:0 0;outline:none;padding:.4em 0;font-size:1.1rem;font-weight:400;transition:border-color .3s}.field input:focus,.field textarea:focus{border-color:var(--red)}.form-note{opacity:.7;font-size:.85rem}.success{font-size:clamp(1.1rem,1.6vw,1.4rem);line-height:1.5}.success .big{font-family:var(--font-display);text-transform:uppercase;margin-bottom:1rem;font-size:clamp(3rem,6vw,5rem);font-weight:700;line-height:.85;display:block}.contact-pin{height:300vh;position:relative}.contact-pin .pin-viewport{height:100svh;padding:0 var(--pad);flex-direction:column;justify-content:center;display:flex;position:sticky;top:0;overflow:hidden}.contact-pin .word{left:var(--pad);right:var(--pad);color:var(--tan);position:absolute;top:50%;transform:translateY(-50%)}.contact-pin .copy{z-index:2;max-width:44ch;position:relative}.footer{padding:3rem var(--pad) 2.5rem;border-top:1px solid color-mix(in srgb, var(--red) 30%, transparent);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;font-size:.9rem;display:flex}.footer .wordmark{width:auto;height:20px;color:var(--red);display:block}.footer a:hover{text-decoration:underline}.footer .fine{opacity:.7}.preloader{z-index:200;background:var(--bg);place-items:center;display:grid;position:fixed;inset:0}.preloader .mark{width:clamp(90px,12vw,150px);color:var(--red)}.preloader .mark svg{width:100%;height:auto;display:block;overflow:visible}@media (max-width:820px){.section{grid-template-columns:1fr;align-content:center;gap:3rem}.section .word svg{max-width:520px}.work-grid{grid-template-columns:1fr}.card{border-radius:0 0 64px}.card .arrow{font-size:1.1rem;top:1.25rem;right:1.5rem}.hero-h1{font-size:calc(17vw - 7px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
