:root{--ink:#0b0b0a;--ivory:#f3efe7;--white:#fff;--line:#0b0b0a38;--serif:"Times New Roman", Times, serif;--sans:"Helvetica Neue", Helvetica, Arial, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{color:var(--ink);background:var(--ivory);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}body.no-scroll{overflow:hidden}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}img{max-width:100%;display:block}::selection{color:var(--ivory);background:#263e64}.site-header{z-index:50;height:86px;color:var(--white);justify-content:space-between;align-items:center;padding:0 3.25vw;transition:height .3s,background-color .3s,color .3s;display:flex;position:fixed;inset:0 0 auto}.site-header.is-scrolled{height:64px;color:var(--ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#f3efe7f2}.wordmark{letter-spacing:.12em;border:1px solid;border-radius:50%;place-items:center;width:40px;height:40px;font-size:12px;font-weight:600;display:grid}nav{align-items:center;gap:clamp(20px,2.4vw,42px);display:flex}nav a{letter-spacing:.13em;text-transform:uppercase;font-size:11px;font-weight:600;position:relative}nav a:after{content:"";background:currentColor;height:1px;transition:right .24s;position:absolute;bottom:-6px;left:0;right:100%}nav a:hover:after{right:0}nav a:focus-visible:after{right:0}.menu-toggle{background:0 0;border:0;width:40px;height:40px;padding:10px 7px;display:none}.menu-toggle span{background:currentColor;width:100%;height:1px;margin:7px 0;transition:transform .18s;display:block}.menu-toggle.active span:first-child{transform:translateY(4px)rotate(45deg)}.menu-toggle.active span:last-child{transform:translateY(-4px)rotate(-45deg)}.hero{min-height:100svh;color:var(--white);background:#07182d;align-items:flex-end;display:flex;position:relative;overflow:hidden}.hero-image,.hero-shade{width:100%;height:100%;position:absolute;inset:0}.hero-image{object-fit:cover;object-position:50% 34%;animation:1.4s cubic-bezier(.2,.65,.2,1) both hero-in}.hero-shade{background:linear-gradient(90deg,#00000075 0%,#0000000d 58%),linear-gradient(#0000 45%,#0000007a 100%)}.hero-copy{z-index:2;width:100%;padding:0 3.25vw 6vh;position:relative}.eyebrow{letter-spacing:.2em;text-transform:uppercase;margin:0;font-size:10px;font-weight:600}.eyebrow.ink{color:var(--ink)}.hero h1{letter-spacing:-.075em;text-transform:uppercase;max-width:13ch;margin:2.3vh 0 3vh;font-size:clamp(74px,12vw,208px);font-weight:500;line-height:.73}.hero h1 span{display:block}.hero h1 span:last-child{font-family:var(--serif);letter-spacing:-.065em;text-transform:none;margin-left:.42em;font-style:italic;font-weight:400}.hero-meta{border-top:1px solid #ffffff73;justify-content:space-between;align-items:center;padding-top:20px;display:flex}.hero-meta p,.hero-meta a{letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:11px;font-weight:600}.hero-meta a,.contact-meta a{align-items:center;gap:12px;display:flex}.hero-meta svg,.contact-meta svg{fill:none;stroke:currentColor;stroke-width:1.4px;width:22px;transition:transform .22s}.hero-meta a:hover svg,.contact-meta a:hover svg{transform:translate(5px)}.vertical-note{z-index:3;letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:9px;font-weight:600;position:absolute;top:50%;right:1.3vw;transform:translateY(-50%)rotate(90deg)}.scroll-mark{z-index:3;background:#ffffff59;width:1px;height:46px;display:block;position:absolute;bottom:4vh;left:50%;overflow:hidden}.scroll-mark span{background:var(--white);width:100%;height:55%;animation:1.7s ease-in-out infinite scroll-line;display:block}.portfolio-section{background:var(--ivory);padding:11vw 3.25vw 12vw}.section-intro,.art-heading,.about-grid{grid-template-columns:1fr 3.2fr 1.35fr;align-items:start;gap:4vw;display:grid}.section-number{font-family:var(--serif);margin:0 0 28px;font-size:14px;font-style:italic}.section-number.light{color:#ffffffb3}.section-intro h2,.art-heading h2,.about-copy h2{letter-spacing:-.065em;text-transform:uppercase;margin:0;font-size:clamp(52px,7.2vw,122px);font-weight:500;line-height:.87}.section-intro h2 em,.art-heading h2 em,.about-copy h2 em{font-family:var(--serif);text-transform:none;font-weight:400}.section-copy,.art-heading>p{max-width:29em;font-family:var(--serif);margin:0;font-size:clamp(18px,1.45vw,25px);line-height:1.4}.filter-bar{z-index:20;border-top:1px solid var(--line);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);scrollbar-width:none;background:#f3efe7f2;gap:26px;margin:9vw 0 3.25vw;padding:17px 0;display:flex;position:sticky;top:64px;overflow-x:auto}.filter-bar::-webkit-scrollbar{display:none}.filter-bar button{color:#0b0b0a73;cursor:pointer;letter-spacing:.16em;text-transform:uppercase;background:0 0;border:0;flex:none;padding:4px 0;font-size:10px;font-weight:600;transition:color .18s;position:relative}.filter-bar button.active,.filter-bar button:hover{color:var(--ink)}.filter-bar button.active:after{content:"";background:currentColor;height:1px;position:absolute;bottom:-5px;left:0;right:0}.filter-bar sup{font-family:var(--serif);margin-left:4px;font-size:10px;font-style:italic}.portfolio-grid{grid-auto-flow:dense;grid-template-columns:repeat(12,1fr);gap:clamp(8px,1vw,18px);display:grid}.image-card,.art-card{cursor:zoom-in;background:#d7d1c6;border:0;min-width:0;padding:0;display:block;position:relative;overflow:hidden}.image-card{aspect-ratio:3/4;grid-column:span 4}.image-card.lead{aspect-ratio:4/5;grid-column:span 7}.image-card.support{aspect-ratio:4/5;grid-column:span 5}.image-card.wide{aspect-ratio:16/9;grid-column:span 8}.image-card.banner{aspect-ratio:16/8;grid-column:span 12}.image-card.runway{aspect-ratio:16/9;background:#351714;grid-column:span 12}.image-card img,.art-card img{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.65,.2,1),filter .5s}.image-card.lead img{object-position:center 23%}.image-card.banner img{object-position:center 55%}.image-card.runway img{object-fit:contain}.image-card:hover img,.art-card:hover img{filter:saturate(.92);transform:scale(1.025)}.image-index,.image-category{z-index:2;color:var(--white);letter-spacing:.16em;text-shadow:0 1px 8px #0009;text-transform:uppercase;opacity:0;font-size:9px;font-weight:600;transition:opacity .22s;position:absolute;bottom:14px}.image-index{left:14px}.image-category{right:14px}:is(.image-card:hover .image-index,.image-card:hover .image-category,.image-card:focus-visible .image-index,.image-card:focus-visible .image-category){opacity:1}.art-section{color:var(--white);background:var(--ink);padding:11vw 3.25vw 12vw}.art-heading{margin-bottom:8vw}.art-grid{grid-template-columns:repeat(12,1fr);align-items:start;gap:clamp(12px,1.6vw,28px);display:grid}.art-card{background:#1c1b19}.art-card.art-lead{aspect-ratio:4/5;grid-column:1/span 7}.art-card.art-tall{aspect-ratio:3/5;grid-column:span 4}.art-card.art-wide{aspect-ratio:16/9;grid-column:span 8}.art-card:nth-child(2){grid-column:9/span 4;margin-top:12vw}.art-card:nth-child(3){grid-column:2/span 8}.art-card:nth-child(4){grid-column:9/span 4}.art-card:nth-child(5){grid-column:1/span 4;margin-top:8vw}.art-card:nth-child(6){grid-column:5/span 4}.art-card:nth-child(7){grid-column:9/span 4;margin-top:12vw}.art-card:nth-child(8){grid-column:3/span 8}.info-section{background:var(--ivory);padding:11vw 3.25vw 3vw}.about-grid{grid-template-columns:1fr 4.6fr}.about-copy{grid-template-columns:2.3fr 1fr;align-items:end;gap:5vw;display:grid}.about-copy h2{grid-row:span 2}.about-copy p{font-family:var(--serif);margin:0;font-size:clamp(17px,1.4vw,23px);line-height:1.45}.about-copy p:last-child{border-top:1px solid var(--line);font-family:var(--sans);letter-spacing:.15em;text-transform:uppercase;padding-top:22px;font-size:10px;font-weight:600;line-height:1.5}.stats{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);grid-template-columns:repeat(5,1fr);margin-top:10vw;display:grid}.stats div{border-right:1px solid var(--line);padding:28px 20px 30px 0}.stats div:not(:first-child){padding-left:20px}.stats div:last-child{border-right:0}.stats span,.contact-meta span{letter-spacing:.18em;text-transform:uppercase;margin-bottom:12px;font-size:9px;font-weight:600;display:block}.stats strong{font-family:var(--serif);font-size:clamp(29px,3.2vw,54px);font-style:italic;font-weight:400}.stats sup{font-family:var(--sans);vertical-align:top;font-size:10px;font-style:normal}.provisional{color:#0b0b0a91;letter-spacing:.1em;text-transform:uppercase;margin:11px 0 0;font-size:9px}.contact{padding:12vw 0 9vw}.contact-email{letter-spacing:-.07em;margin:3vw 0 6vw;font-size:clamp(44px,8vw,138px);font-weight:500;line-height:.82;transition:color .18s;display:inline-block}.contact-email:hover{color:#394d37}.contact-email br{display:none}.contact-meta{border-top:1px solid var(--ink);grid-template-columns:1fr 1fr 2fr;align-items:end;gap:3vw;padding-top:28px;display:grid}.contact-meta strong,.contact-meta a{letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:600}.contact-meta a{justify-self:end}footer{border-top:1px solid var(--line);letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;padding-top:24px;font-size:9px;font-weight:600;display:flex}.lightbox{z-index:100;color:var(--white);background:#040404fb;grid-template-columns:84px 1fr 84px;align-items:center;padding:34px;animation:.18s both fade-in;display:grid;position:fixed;inset:0}.lightbox figure{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:1500px;height:calc(100svh - 68px);margin:0 auto;display:flex}.lightbox figure img{object-fit:contain;max-width:100%;max-height:calc(100% - 34px)}.lightbox figcaption{letter-spacing:.17em;text-transform:uppercase;justify-content:space-between;width:100%;max-width:900px;padding-top:15px;font-size:9px;font-weight:600;display:flex}.caption-detail{text-align:right;flex-direction:column;align-items:flex-end;gap:6px;display:flex}.caption-detail strong{font:inherit}.caption-detail small{color:#ffffff94;letter-spacing:.12em;font-size:8px}.lightbox-close{z-index:2;color:var(--white);cursor:pointer;letter-spacing:.16em;text-transform:uppercase;background:0 0;border:0;border-bottom:1px solid;padding:8px 0;font-size:9px;font-weight:600;position:absolute;top:24px;right:28px}.lightbox-arrow{width:48px;height:48px;color:var(--white);cursor:pointer;background:0 0;border:1px solid #ffffff57;border-radius:50%;place-items:center;transition:background-color .18s;display:grid}.lightbox-arrow:hover{background:#ffffff1f}.lightbox-arrow.next{justify-self:end}.lightbox-arrow svg{fill:none;stroke:currentColor;stroke-width:1.3px;width:23px}.lightbox-arrow svg.flip{transform:rotate(180deg)}[data-reveal]{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.2,.65,.2,1);transform:translateY(24px)}[data-reveal].revealed{opacity:1;transform:translateY(0)}@keyframes hero-in{0%{opacity:.55;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes scroll-line{0%{transform:translateY(-100%)}55%,to{transform:translateY(190%)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (max-width:920px){.site-header{height:68px;padding:0 20px}.menu-toggle{display:block}nav{z-index:-1;color:var(--ivory);background:var(--ink);opacity:0;pointer-events:none;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:26px;padding:120px 24px 40px;transition:opacity .18s;display:flex;position:fixed;inset:0}nav.open{opacity:1;pointer-events:auto}nav a{letter-spacing:-.04em;text-transform:none;font-size:clamp(34px,9vw,60px);font-weight:500}.site-header:has(nav.open){color:var(--ivory);background:0 0;border:0}.hero-copy{padding:0 20px 7vh}.hero h1{font-size:clamp(65px,20vw,126px);line-height:.78}.hero h1 span:last-child{margin-left:0}.hero-image{object-position:54% 30%}.hero-meta{flex-direction:column;align-items:flex-start;gap:18px}.vertical-note,.scroll-mark{display:none}.portfolio-section,.art-section,.info-section{padding-left:20px;padding-right:20px}.section-intro,.art-heading,.about-grid,.about-copy{grid-template-columns:1fr;gap:38px}.section-copy,.art-heading>p{max-width:23em}.filter-bar{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px}.portfolio-grid{grid-template-columns:repeat(2,1fr)}.image-card,.image-card.lead,.image-card.support,.image-card.wide,.image-card.banner,.image-card.runway{aspect-ratio:3/4;grid-column:span 1}.image-card:first-child,.image-card.banner,.image-card.runway,.image-card.wide{aspect-ratio:4/5;grid-column:span 2}.art-grid{grid-template-columns:repeat(2,1fr)}.art-card.art-lead,.art-card.art-tall,.art-card.art-wide,.art-card:nth-child(n){aspect-ratio:3/4;grid-column:span 1;margin-top:0}.art-card:first-child,.art-card:nth-child(3),.art-card:last-child{aspect-ratio:4/5;grid-column:span 2}.about-copy h2{grid-row:auto}.stats{grid-template-columns:repeat(2,1fr)}.stats div:nth-child(2){border-right:0}.stats div:nth-child(-n+4){border-bottom:1px solid var(--line)}.stats div:nth-child(odd){padding-left:0}.contact-email br{display:block}.contact-meta{grid-template-columns:1fr 1fr;row-gap:36px}.contact-meta a{grid-column:span 2;justify-self:start}.lightbox{grid-template-columns:44px 1fr 44px;padding:66px 10px 20px}.lightbox figure{height:calc(100svh - 90px)}.lightbox-arrow{width:38px;height:38px}}@media (max-width:560px){.hero{min-height:92svh}.hero-shade{background:linear-gradient(#0000 32%,#000000a3 100%),linear-gradient(90deg,#0000003b,#0000 70%)}.hero .eyebrow{max-width:22em;line-height:1.5}.portfolio-section,.art-section,.info-section{padding-top:110px;padding-bottom:110px}.section-intro h2,.art-heading h2,.about-copy h2{font-size:clamp(48px,15vw,80px)}.portfolio-grid{gap:6px}.image-card,.image-card.lead,.image-card.support,.image-card.wide,.image-card.banner,.image-card.runway,.image-card:first-child{aspect-ratio:3/4;grid-column:span 2}.image-index,.image-category{opacity:1}.art-grid{gap:8px}.art-card.art-lead,.art-card.art-tall,.art-card.art-wide,.art-card:nth-child(n){aspect-ratio:3/4;grid-column:span 2}.stats{margin-top:90px}.stats strong{font-size:30px}.contact{padding-top:120px}.contact-email{margin:36px 0 72px;font-size:clamp(40px,13.5vw,72px);line-height:.9}footer{flex-direction:column;gap:14px}.lightbox{padding:56px 12px 18px;display:block}.lightbox figure{height:calc(100svh - 74px)}.lightbox-arrow{z-index:2;position:absolute;bottom:24px}.lightbox-arrow.previous{left:18px}.lightbox-arrow.next{right:18px}.lightbox figcaption{padding:14px 54px 0}.caption-detail small{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
