@font-face{font-family:Gotham;src:url("Gotham-Book.woff2") format("woff2"),url("Gotham-Book.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Gotham;src:url("Gotham-Light.woff2") format("woff2"),url("Gotham-Light.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:Gotham;src:url("gotham_bold.woff2") format("woff2"),url("gotham_bold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Didot;src:url("Didot HTF M64 Medium Italic.woff2") format("woff2"),url("Didot HTF M64 Medium Italic.woff") format("woff");font-weight:500;font-style:italic;font-display:swap}
:root{color-scheme:dark;--background:#151515;--gold:#c9a875;--white:#fff;--inactive:#4e402a}
*{box-sizing:border-box}
html,body{margin:0;min-width:280px;min-height:100%;background:var(--background);color:var(--white)}
body{font-family:Gotham,Arial,sans-serif;font-weight:400}
button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit;border:0;padding:0;background:none;color:inherit;cursor:pointer}
a{color:inherit;text-decoration:none}
a,button{touch-action:manipulation}
a:focus-visible,button:focus-visible{outline:1px solid var(--gold);outline-offset:6px}
button:disabled{cursor:default}
img,svg{display:block}
svg{flex-shrink:0}
p,h1,h2,figure{margin:0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.scene{position:relative;min-height:100vh;min-height:100svh}
.intro-scene{display:flex}
.intro-visual{position:absolute;inset:0 50% 0 0;overflow:hidden}
.intro-visual img{width:100%;height:100%;object-fit:cover;object-position:center}
.intro-copy{display:flex;align-items:center;justify-content:center;width:50%;margin-left:50%;min-height:100vh;min-height:100svh;padding:70px}
.intro-block{display:flex;flex-direction:column;align-items:center;width:100%;max-width:312px}
.logo{display:block;width:142px;height:30px;color:var(--white)}
.intro-text{margin-top:34px;width:100%;color:var(--gold);font-size:13px;line-height:20px;text-align:center;text-transform:uppercase;overflow-wrap:break-word}
.intro-text p+p{margin-top:20px}
.intro-text strong{font-weight:700}
.explore{display:flex;align-items:center;justify-content:center;width:140px;height:42px;margin-top:43px;box-shadow:inset 0 0 0 1px var(--gold);font-size:12px;line-height:14px;font-weight:700;transition:color .4s}
.site-header{position:absolute;inset:26px 54px auto;display:flex;align-items:flex-start;justify-content:space-between;z-index:3;pointer-events:none}
.site-header a{pointer-events:auto;transition:color .4s}
.grid-link{position:relative;margin-top:7px;width:16px;height:16px}
.grid-link::before{content:"";position:absolute;inset:-14px}
.arrow{display:flex;align-items:center;justify-content:center;width:68px;height:80px;color:var(--white);transition:color .4s;z-index:2}
.arrow-next svg{transform:scaleX(-1)}
.desktop .slider-scene{padding:70px 95px 100px}
.slider-stage{position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}
.desktop .slider-stage{min-height:calc(100vh - 170px);min-height:calc(100svh - 170px)}
.artwork{flex:none;max-width:100%;text-align:left;overflow-wrap:break-word}
.portfolio-name{font-family:Didot,Georgia,serif;font-weight:500;font-style:italic;font-size:40px;line-height:33px;text-transform:uppercase}
.portfolio-description{color:#BDBDBD;margin-top:16px;font-weight:300;font-size:12px;line-height:14px;text-transform:uppercase}
.artwork-name{margin-top:37px;font-weight:300;font-size:16px;line-height:18px;text-transform:uppercase}
.artwork-image{width:100%;height:auto;margin-top:18px}
.artwork-captions{display:flex;flex-wrap:wrap;column-gap:18px;row-gap:0;margin-top:28px;font-weight:300;font-size:14px;line-height:22px;text-transform:uppercase}
.artwork-captions span{max-width:100%}
.inquire{display:inline-flex;flex-direction:column;align-items:flex-start;gap:10px;max-width:100%;margin-top:34px;font-weight:700;font-size:12px;line-height:14px;transition:color .4s}
.inquire::before{content:"";display:block;flex:none;width:53px;height:1px;background:#fff}
.is-leaving{position:absolute!important;pointer-events:none!important;z-index:1}
.dots{display:flex;align-items:center;justify-content:center;gap:var(--dot-gap,26px)}
.dot{display:flex;align-items:center;justify-content:center;flex:none;width:12px;height:12px;color:var(--inactive);transition:color .4s}
.dot svg{width:6px;height:6px}
.dot.is-current{color:var(--gold)}
.desktop .slider-footer{position:absolute;inset:0;pointer-events:none}
.desktop .slider-footer .arrow{position:fixed;top:calc(50% - 40px);pointer-events:auto}
.desktop .arrow-prev{left:27px}
.desktop .arrow-next{right:27px}
.desktop .dots{position:absolute;left:50%;bottom:45px;transform:translateX(-50%);pointer-events:auto}
.thumbnails-scene{display:flex;align-items:center;justify-content:center;padding:140px 54px}
.thumbnails-grid{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px;width:833px;max-width:100%}
.thumbnail{position:relative;display:block;flex:none;height:100px;max-width:100%;overflow:hidden}
.thumbnail img{width:100%;height:100%;object-fit:contain}
.thumbnail::after{content:"";position:absolute;inset:0;background:var(--gold);opacity:0;transition:opacity .3s}
.instagram-footer{position:absolute;left:50%;bottom:48px;transform:translateX(-50%)}
.instagram-link{display:flex;flex-direction:column;align-items:center;max-width:180px;min-width:180px;color:var(--gold);font-size:12px;line-height:14px;font-weight:700;text-align:center;text-transform:uppercase}
.instagram-link svg{width:68px;height:42px}
.mobile .intro-visual{display:none}
.mobile .intro-copy{width:100%;margin-left:0}
.mobile .site-header{inset:29px 30px auto}
.mobile .grid-link{margin-top:6px}
.mobile .slider-scene{display:flex;flex-direction:column;padding-top:119px;overflow:hidden}
.mobile .slider-stage{width:100%;padding:0 30px;flex:none;touch-action:pan-y pinch-zoom}
.mobile .artwork{width:100%}
.mobile .slider-footer{position:relative;display:flex;align-items:center;justify-content:center;flex:none;height:126px;margin-top:auto;touch-action:pan-y pinch-zoom}
.mobile .slider-footer .arrow{position:absolute;top:23px}
.mobile .arrow-prev{left:3px}
.mobile .arrow-next{right:3px}
.mobile .dots{gap:var(--mobile-dot-gap,26px);pointer-events:none}
.mobile .thumbnails-scene{padding:140px 30px}
@media(hover:hover){
  .explore:hover,.site-header a:hover,.arrow:hover,.inquire:hover{color:var(--gold)}
  .desktop .thumbnail:hover::after{opacity:.5}
  .dot:not(:disabled):hover{color:var(--gold)}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none!important;scroll-behavior:auto!important}
}

.portfolio-name{color:var(--gold)}
.explore,.inquire{text-transform:uppercase}

/* Keep desktop navigation at the browser edges on short windows.
   The artwork area scrolls only when the specified fixed-size type cannot fit. */
.desktop .slider-scene{height:100vh;height:100svh;overflow:hidden}
.desktop .slider-stage{height:calc(100vh - 170px);height:calc(100svh - 170px);min-height:0;align-items:safe center;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--inactive) transparent}

/* Desktop caption-to-inquiry-line spacing. */
.desktop .inquire{margin-top:29px}