body.home{background:#0b0c0e;color:#eee9e2}
.home-header{position:absolute;inset:0 0 auto;z-index:5;width:100%;margin:0;padding:20px 4%;display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(#08090bed,transparent);border:0}
.home-header .wordmark{font-family:'Cormorant Garamond',Georgia,serif;font-size:27px;letter-spacing:.06em;white-space:nowrap;max-width:none;font-weight:400}
.home-header .wordmark span{display:inline;font-size:inherit;letter-spacing:inherit;color:#99b668;margin:0}
.home-header nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 24px;width:auto;border:0;margin:0;padding:0}
.home-header nav a{font-size:14px;letter-spacing:.08em;color:#e4e0d8;padding:8px 0}
.home-header nav a:hover{color:#99b668}
.home main{width:100%;padding:0;min-height:0}
.hero{height:100svh;min-height:480px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate;overflow:hidden}
#hero-images,.hero-shade{position:absolute;inset:0;z-index:-1}
#hero-images img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity 1.6s ease-in-out}
#hero-images img.active{opacity:1}
.hero-shade{background:linear-gradient(180deg,#00000025,#00000045 40%,#00000088);z-index:0;pointer-events:none}
.hero-copy{position:relative;text-align:center;padding:90px 20px 100px}
.hero h1{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(56px,8vw,112px);font-weight:300;line-height:.95;letter-spacing:.015em;text-transform:none;color:white;text-shadow:0 2px 18px #00000055;margin:0 0 42px}
.hero h1 em{font-weight:300}
.explore{display:inline-block;padding:16px 26px;background:#cfa04b;color:#15130e;font-size:14px;font-weight:500;letter-spacing:.13em;text-transform:uppercase;box-shadow:0 4px 22px #00000020}
.explore:hover{background:#deb567;color:#15130e}
.hero-bottom{position:absolute;bottom:25px;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between;gap:18px}
#hero-category{font-size:14px;letter-spacing:.15em;text-transform:uppercase;color:#fff}
#hero-controls{display:flex;align-items:center;gap:16px}
#hero-pause{font-size:14px;color:#e5dfd3;padding:8px}
#hero-dots{display:flex;gap:2px;align-items:center}
#hero-dots button{width:32px;height:44px;padding:0;position:relative}
#hero-dots button:after{content:'';position:absolute;left:8px;right:8px;top:20px;height:3px;background:#ffffff66;transition:background .2s}
#hero-dots button[aria-pressed=true]:after{background:#cfa04b}
#collections{padding:76px 4% 40px;scroll-margin-top:24px}
.section-heading{text-align:center;margin-bottom:42px}
.section-heading p{font-size:14px;letter-spacing:.25em;text-transform:uppercase;color:#cfa04b;margin:0 0 10px}
.section-heading h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:300;font-size:clamp(36px,4vw,56px);line-height:1.1;margin:0}
#collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1440px;margin:auto}
.collection-card{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;background:#202122;isolation:isolate}
.collection-card>img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease;display:block}
.collection-card:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 35%,#000000bb 100%);z-index:0}
.collection-card:hover>img{transform:scale(1.035)}
.card-label{position:absolute;left:24px;right:24px;bottom:26px;z-index:1;color:#fff}
.card-label h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:32px;font-weight:400;line-height:1.15;margin:0 0 12px}
.card-label span{font-size:14px;letter-spacing:.15em;text-transform:uppercase;color:#e2bd7b}
.home-links{display:flex;justify-content:center;flex-wrap:wrap;gap:20px 36px;margin:48px 0 0;padding:24px 0 0;border-top:1px solid #33343a;font-size:14px;color:#c3baac}
@media(max-width:1000px){.home-header{align-items:flex-start;gap:18px}.home-header nav{gap:4px 18px}.home-header .wordmark{font-size:24px}#collection-grid{gap:18px}.card-label{left:18px;right:18px}.card-label h3{font-size:28px}}
@media(max-width:700px){.home-header{display:block;padding:14px 5%;background:linear-gradient(#08090bf2,transparent)}.home-header .wordmark{font-size:26px;line-height:1.25}.home-header nav{display:flex;justify-content:flex-start;gap:0 18px;margin-top:9px;padding:0;border:0}.home-header nav a{font-size:14px;padding:6px 0;letter-spacing:.025em}.hero{min-height:480px}.hero h1{font-size:clamp(55px,14vw,84px);margin-bottom:32px}.hero-copy{padding-top:150px}.hero-bottom{left:5%;right:5%;bottom:16px;gap:10px}#hero-controls{gap:2px}#hero-category{font-size:12px;letter-spacing:.08em}#hero-pause{font-size:12px}#hero-dots button{width:24px}#hero-dots button:after{left:5px;right:5px}#collections{padding:44px 5% 24px}.section-heading{margin-bottom:26px}#collection-grid{grid-template-columns:1fr;gap:22px}.collection-card{aspect-ratio:4/3}.card-label h3{font-size:32px}.home-links{margin-top:30px}}
@media(max-width:1100px) and (max-height:550px) and (orientation:landscape){.home-header{height:auto;display:flex;align-items:center;padding:8px 3%;gap:16px}.home-header .wordmark{font-size:22px}.home-header nav{margin:0;justify-content:flex-end;overflow:visible;flex-wrap:wrap;gap:0 15px}.home-header nav a{font-size:14px;padding:5px 0}.hero{height:100svh;min-height:280px}.hero-copy{padding:60px 20px 55px}.hero h1{font-size:clamp(40px,13vh,60px);margin-bottom:18px}.explore{padding:11px 22px}.hero-bottom{bottom:8px}#collections{padding-top:40px}#collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-card{aspect-ratio:4/3}}
@media(prefers-reduced-motion:reduce){#hero-images img,.collection-card>img{transition:none}.collection-card:hover>img{transform:none}}

/* The collection cards float over the same gray wall as the galleries. */
body.home{background:#1f1f1f}
.collection-card{background:#414243;border:1px solid #606163;box-shadow:inset 0 1px 0 #ffffff10,3px 4px 6px #00000045,10px 14px 24px #00000060}
.home-links{border-color:#626365;color:#e1dcd3}
