:root {
  --ink: #1a1612; --cream: #f0e8d8; --gold: #c9a84c; --gold-light: #e8c97a;
  --mist: #d4c9b8; --dark: #0e0c09; --panel: #c8b89a;
}
body{background:var(--dark);color:var(--cream);font-family:'Cormorant Garamond',serif;overflow-x:hidden;}
body::before{content:'';position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.08'/%3E%3C/svg%3E");
  opacity:.6;}

/* HERO */
#hero{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.hero-bg{position:absolute;inset:0;
  background:linear-gradient(to bottom,rgba(14,12,9,.25) 0%,rgba(14,12,9,.05) 40%,rgba(14,12,9,.65) 100%),
  url('https://static.wixstatic.com/media/nsplsh_942b5dd787d2465385a15b60c1d5f4de~mv2.jpg/v1/fill/w_1178,h_1920,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/nsplsh_942b5dd787d2465385a15b60c1d5f4de~mv2.jpg') center/cover;
  filter:sepia(18%) contrast(1.08);transform:scale(1.06);animation:kzoom 22s ease-out forwards;}
@keyframes kzoom{from{transform:scale(1.06);}to{transform:scale(1);}}
.hero-inner{position:relative;z-index:2;text-align:center;animation:kfade 2s ease-out forwards;}
@keyframes kfade{from{opacity:0;transform:translateY(28px);}to{opacity:1;transform:translateY(0);}}
.hero-artby{font-family:'Cinzel',serif;font-size:.62rem;letter-spacing:.55em;color:var(--mist);
  margin-bottom:18px;text-transform:uppercase;opacity:.8;}
.hero-name{font-family:'IM Fell English',serif;font-style:italic;
  font-size:clamp(4rem,10.5vw,9.5rem);line-height:.88;color:#fff;
  text-shadow:2px 6px 40px rgba(0,0,0,.85);letter-spacing:-.02em;}
.hero-name span{color:var(--gold-light);}
.hero-sub{margin-top:26px;font-family:'Cinzel',serif;font-size:.58rem;letter-spacing:.45em;
  color:var(--mist);text-transform:uppercase;opacity:.65;}
.hero-cta{margin-top:50px;display:flex;gap:20px;justify-content:center;}
.btn{font-family:'Cinzel',serif;font-size:.6rem;letter-spacing:.28em;text-transform:uppercase;
  text-decoration:none;padding:14px 36px;border:1px solid;transition:all .35s;}
.btn-gold{color:var(--dark);background:var(--gold);border-color:var(--gold);}
.btn-gold:hover{background:var(--gold-light);border-color:var(--gold-light);}
.btn-outline{color:var(--cream);background:transparent;border-color:rgba(201,168,76,.5);}
.btn-outline:hover{border-color:var(--gold);color:var(--gold);}
.scroll-hint{position:absolute;bottom:38px;left:50%;transform:translateX(-50%);z-index:2;
  display:flex;flex-direction:column;align-items:center;gap:8px;
  animation:sbounce 2.2s infinite;cursor:pointer;}
@keyframes sbounce{0%,100%{opacity:.45;transform:translateX(-50%) translateY(0);}
  50%{opacity:1;transform:translateX(-50%) translateY(7px);}}
.scroll-hint span{font-family:'Cinzel',serif;font-size:.5rem;letter-spacing:.35em;
  color:var(--mist);text-transform:uppercase;}
.scroll-hint svg{stroke:var(--gold);}

/* DIVIDER */
.div{text-align:center;padding:18px 0;position:relative;z-index:1;}
.div::before,.div::after{content:'';position:absolute;top:50%;height:1px;
  background:linear-gradient(to right,transparent,var(--gold),transparent);width:36%;left:5%;}
.div::after{left:auto;right:5%;}
.div-orn{color:var(--gold);font-size:1.15rem;position:relative;z-index:1;}

/* PREVIEW SECTIONS */
.preview{position:relative;z-index:1;padding:90px 60px;}
.sec-label{font-family:'Cinzel',serif;font-size:.58rem;letter-spacing:.5em;color:var(--gold);
  text-transform:uppercase;margin-bottom:14px;display:block;}
.sec-title{font-family:'IM Fell English',serif;font-style:italic;
  font-size:clamp(2.2rem,4.5vw,4rem);color:var(--cream);line-height:1;margin-bottom:48px;}

/* GALLERY PREVIEW — card grid style */
#gallery-preview{background:linear-gradient(to bottom,var(--dark),#141109,var(--dark));}
#gallery-preview .sec-label,#gallery-preview .sec-title{text-align:center;}
.preview-link{text-align:center;}
/* card grid */
.card-grid-preview{column-count:3;column-gap:18px;max-width:1280px;margin:0 auto 50px;}
.cp-card{background:#141109;border-radius:14px;overflow:hidden;cursor:pointer;
  position:relative;transition:transform .35s,box-shadow .35s;text-decoration:none;
  display:inline-block;width:100%;margin:0 0 18px;break-inside:avoid;}
.cp-card:hover{transform:translateY(-6px);
  box-shadow:0 24px 60px rgba(0,0,0,.6),0 0 0 1px rgba(201,168,76,.15);}
.cp-img{position:relative;overflow:hidden;aspect-ratio:4/3;}
.cp-card.featured .cp-img{aspect-ratio:16/9;}
.cp-img img{width:100%;height:100%;object-fit:cover;filter:sepia(8%) contrast(1.04);
  transition:transform .7s,filter .4s;}
.cp-card:hover .cp-img img{transform:scale(1.06);filter:sepia(0%) contrast(1.08);}
.cp-badge{position:absolute;top:14px;left:14px;z-index:2;
  font-family:'Cinzel',serif;font-size:.48rem;letter-spacing:.18em;text-transform:uppercase;
  color:var(--cream);background:rgba(14,12,9,.72);backdrop-filter:blur(4px);
  padding:5px 12px;border-radius:100px;}
.cp-reveal{position:absolute;inset:0;
  background:linear-gradient(to top,rgba(14,12,9,.75) 0%,transparent 50%);
  opacity:0;transition:opacity .35s;display:flex;align-items:flex-end;
  justify-content:center;padding-bottom:68px;pointer-events:none;}
.cp-card:hover .cp-reveal{opacity:1;}
.cp-reveal span{font-family:'Cinzel',serif;font-size:.58rem;letter-spacing:.35em;
  text-transform:uppercase;color:var(--gold-light);
  border-bottom:1px solid rgba(232,201,122,.5);padding-bottom:2px;}
.cp-info{padding:16px 18px 18px;}
.cp-title{font-size:1.02rem;font-style:italic;color:var(--cream);margin-bottom:4px;line-height:1.3;}
.cp-meta{font-family:'Cinzel',serif;font-size:.48rem;letter-spacing:.2em;
  color:rgba(201,168,76,.7);text-transform:uppercase;}

/* BIO TEASER */
#bio-preview{background:var(--panel);color:var(--ink);}
#bio-preview .sec-label{color:#6b4c2a;}
#bio-preview .sec-title{color:var(--ink);}
.bio-teaser{display:grid;grid-template-columns:320px 1fr;gap:70px;align-items:center;
  max-width:1100px;margin:0 auto;}
.bio-polar{background:#fff;padding:14px;box-shadow:6px 10px 36px rgba(0,0,0,.28);
  transform:rotate(-1.8deg);transition:transform .4s;}
.bio-polar:hover{transform:rotate(0);}
.bio-polar img{width:100%;display:block;filter:sepia(8%);}
.bio-polar-cap{text-align:center;margin-top:10px;font-family:'IM Fell English',serif;
  font-style:italic;font-size:1rem;color:#333;}
.bio-polar-cap small{display:block;font-family:'Cinzel',serif;font-style:normal;font-size:.5rem;
  letter-spacing:.22em;color:#888;margin-top:3px;text-transform:uppercase;}
.bio-teaser-text p{font-size:1.05rem;line-height:1.9;color:#2a2018;font-weight:300;margin-bottom:20px;text-align:justify;}
.bio-teaser-text p:first-of-type::first-letter{font-family:'IM Fell English',serif;font-size:3.2rem;
  float:left;line-height:.8;margin-right:8px;color:#6b4c2a;}
.bio-preview-inner{max-width:1100px;margin:0 auto;}
.bio-readmore{display:inline-block;margin-top:10px;}

/* MOTIFS */
#motifs{background:var(--dark);}
.motifs-head{text-align:center;margin-bottom:50px;}
.motifs-title{margin-bottom:0;}
.motif-row{display:flex;gap:0;max-width:900px;margin:0 auto 50px;border:1px solid rgba(201,168,76,.18);}
.motif-cell{flex:1;padding:32px 16px;text-align:center;border-right:1px solid rgba(201,168,76,.18);
  transition:background .3s;}
.motif-cell:last-child{border-right:none;}
.motif-cell:hover{background:rgba(201,168,76,.06);}
.motif-sym{font-size:1.8rem;display:block;margin-bottom:10px;}
.motif-nm{font-family:'Cinzel',serif;font-size:.55rem;letter-spacing:.2em;color:var(--gold);text-transform:uppercase;}
.motifs-quote{text-align:center;max-width:580px;margin:0 auto;font-style:italic;font-size:1.1rem;
  color:var(--mist);line-height:1.9;opacity:.78;}

@media(max-width:900px){
  .preview{padding:60px 20px;}
  .card-grid-preview{column-count:2;}
  .bio-teaser{grid-template-columns:1fr;gap:36px;}
  .motif-row{flex-wrap:wrap;}
  .motif-cell{flex:1 1 30%;}
  .hero-cta{flex-direction:column;align-items:center;}
}
@media(max-width:600px){
  .card-grid-preview{column-count:1;}
  .cp-card.featured .cp-img{aspect-ratio:4/3;}
}