/* Estúdios José Carlos — main.css v1.0 */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
  --ebony:      #1a1108;
  --mahogany:   #2c1a0e;
  --walnut:     #3d2410;
  --cedar:      #8b4513;
  --amber:      #c8860a;
  --amber-lt:   #e8b84b;
  --parchment:  #f7f2e8;
  --linen:      #ede8dc;
  --text:       #1a1108;
  --muted:      #6b5a42;
  --max-width:  1200px;
  --section-pad: 7rem;
}
@media (prefers-reduced-motion: no-preference) {
  html { scroll-behavior: smooth; }
}
body { font-family:'EB Garamond',Georgia,serif; background:var(--parchment); color:var(--text); overflow-x:hidden; }

/* NAV */
nav { position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1.4rem 4rem;transition:background .4s,box-shadow .4s; }
nav.scrolled { background:rgba(26,17,8,.97);box-shadow:0 2px 24px rgba(0,0,0,.4);backdrop-filter:blur(8px); }
.logo { font-family:'Cinzel',serif;font-size:1.4rem;font-weight:700;letter-spacing:.18em;color:#fff;text-decoration:none; }
.logo span { color:var(--amber); }
.nav-links { display:flex;gap:2.4rem;list-style:none; }
.nav-links a { font-family:'EB Garamond',serif;font-size:.8rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.82);text-decoration:none;transition:color .2s; }
.nav-links a:hover { color:var(--amber); }
.nav-cta { font-family:'EB Garamond',serif;font-size:.78rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ebony);background:var(--amber);border:none;padding:.6rem 1.6rem;cursor:pointer;transition:background .2s;text-decoration:none; }
.nav-cta:hover { background:var(--amber-lt); }
.hamburger { display:none;flex-direction:column;gap:5px;cursor:pointer; }
.hamburger span { width:24px;height:1.5px;background:#fff;display:block; }

/* HERO */
.hero { position:relative;height:100vh;min-height:640px;display:flex;align-items:center;justify-content:center;overflow:hidden; }
.hero-bg { position:absolute;inset:0;overflow:hidden; }
.hero-bg img { width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s ease,filter .6s ease; }
.hero:hover .hero-bg img { transform:scale(1.04);filter:brightness(.7); }
.hero-bg::before { display:none; }
.hero-bg::after  { display:none; }
.hero-overlay { position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(26,17,8,.60) 0%,rgba(26,17,8,.15) 50%,rgba(26,17,8,.04) 100%);pointer-events:none; }
.hero-content { position:relative;z-index:3;text-align:center;color:#fff;padding:0 1.5rem;max-width:860px;animation:heroIn 1.2s ease forwards; }
@keyframes heroIn { from{opacity:0;transform:translateY(30px)} to{opacity:1;transform:translateY(0)} }
.hero-eyebrow { font-family:'EB Garamond',serif;font-size:.72rem;font-weight:500;letter-spacing:.35em;text-transform:uppercase;color:var(--amber);margin-bottom:1.2rem;display:block; }
.hero-content h1 { font-family:'Cinzel',serif;font-size:clamp(2.6rem,6.5vw,5.5rem);font-weight:400;line-height:1.1;margin-bottom:.6rem;letter-spacing:.04em; }
.hero-content h1 em { font-style:italic;font-family:'EB Garamond',serif;font-weight:300;display:block;font-size:.62em;letter-spacing:.08em;color:rgba(255,255,255,.75); }
.hero-content p { font-size:clamp(.9rem,1.8vw,1.05rem);font-weight:400;letter-spacing:.03em;color:rgba(255,255,255,.72);max-width:580px;margin:1.4rem auto 2.4rem;line-height:1.8; }
.hero-btns { display:flex;gap:1rem;justify-content:center;flex-wrap:wrap; }
.btn-primary { background:var(--amber);color:var(--ebony);font-family:'EB Garamond',serif;font-size:.8rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;padding:1rem 2.6rem;transition:background .2s,transform .2s;display:inline-block; }
.btn-primary:hover { background:var(--amber-lt);transform:translateY(-2px); }
.btn-ghost { background:transparent;color:#fff;border:1px solid rgba(255,255,255,.45);font-family:'EB Garamond',serif;font-size:.8rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;padding:1rem 2.6rem;transition:border-color .2s,color .2s;display:inline-block; }
.btn-ghost:hover { border-color:var(--amber);color:var(--amber); }
.scroll-hint { position:absolute;bottom:2.4rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:rgba(255,255,255,.45);font-size:.58rem;letter-spacing:.22em;text-transform:uppercase;animation:bounce 2.2s infinite; }
.scroll-hint::after { content:'';width:1px;height:50px;background:rgba(255,255,255,.25); }
@keyframes bounce { 0%,100%{transform:translateX(-50%) translateY(0)} 50%{transform:translateX(-50%) translateY(8px)} }

/* SHARED */
section { padding:var(--section-pad) 2rem; }
.section-label { font-family:'EB Garamond',serif;font-size:.68rem;font-weight:600;letter-spacing:.35em;text-transform:uppercase;color:var(--amber);margin-bottom:1rem;display:block; }
.section-title { font-family:'Cinzel',serif;font-size:clamp(2rem,4.5vw,3.4rem);font-weight:400;line-height:1.2;color:var(--ebony);letter-spacing:.02em; }
.section-title em { font-family:'EB Garamond',serif;font-style:italic;color:var(--amber); }
.divider { width:48px;height:1px;background:var(--amber);margin:1.8rem 0; }

/* ROBB REPORT STRIP — credencial de prestígio */
.jc-press { background:var(--mahogany);padding:1.8rem 2rem;text-align:center;border-top:1px solid rgba(200,134,10,.2);border-bottom:1px solid rgba(200,134,10,.2); }
.jc-press-inner { max-width:var(--max-width);margin:0 auto;display:flex;align-items:center;justify-content:center;gap:1.4rem;flex-wrap:wrap; }
.jc-press-badge { font-family:'Cinzel',serif;font-size:1.1rem;font-weight:700;letter-spacing:.12em;color:var(--amber);display:flex;align-items:center;gap:.5rem; }
.jc-press-text { font-family:'EB Garamond',serif;font-size:.88rem;color:rgba(255,255,255,.55);letter-spacing:.06em; }
.jc-press-sep { color:rgba(200,134,10,.4);font-size:1.2rem; }

/* ABOUT — o artista */
.jc-about { background:var(--ebony);padding:var(--section-pad) 2rem; }
.jc-about-inner { max-width:var(--max-width);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center; }
.jc-about-img { position:relative; }
.jc-about-img img { width:100%;aspect-ratio:4/5;object-fit:cover;display:block; }
.jc-about-img::before { content:'';position:absolute;inset:-12px;border:1px solid rgba(200,134,10,.25);z-index:-1; }
.jc-about-img::after { content:'MESTRE DA MADEIRA';position:absolute;bottom:0;left:0;right:0;background:rgba(26,17,8,.88);font-family:'Cinzel',serif;font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;color:var(--amber);text-align:center;padding:.9rem; }
.jc-about-text .section-label { display:block; }
.jc-about-text .section-title { color:#fff;margin-bottom:1.4rem; }
.jc-about-text p { font-size:1rem;line-height:1.9;color:rgba(255,255,255,.6);margin-bottom:1rem;font-weight:400; }
.jc-about-stats { display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:2.4rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.08); }
.jc-stat-num { font-family:'Cinzel',serif;font-size:2rem;font-weight:700;color:var(--amber);display:block; }
.jc-stat-lbl { font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.4);margin-top:.2rem;display:block;font-family:'EB Garamond',serif; }

/* CRAFT — o processo */
.jc-craft { background:var(--parchment); }
.jc-craft-inner { max-width:var(--max-width);margin:0 auto; }
.jc-craft-header { text-align:center;margin-bottom:4rem; }
.jc-craft-header .divider { margin:1.8rem auto; }
.jc-craft-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:2rem; }
.jc-craft-step { text-align:center;padding:2rem 1rem; }
.jc-craft-icon { width:64px;height:64px;margin:0 auto 1.4rem;display:flex;align-items:center;justify-content:center;border:1px solid rgba(200,134,10,.3);color:var(--amber); }
.jc-craft-step h4 { font-family:'Cinzel',serif;font-size:1rem;font-weight:500;letter-spacing:.06em;color:var(--ebony);margin-bottom:.7rem; }
.jc-craft-step p { font-size:.88rem;line-height:1.85;color:var(--muted); }

/* COLLECTIONS — galeria por categoria */
.jc-collection { background:var(--mahogany);padding:var(--section-pad) 2rem; }
.jc-collection-inner { max-width:var(--max-width);margin:0 auto; }
.jc-collection-header { margin-bottom:3rem; }
.jc-collection-header .section-title { color:#fff; }
.jc-collection-header .divider { background:var(--amber); }
.jc-collection-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem; }
.jc-coll-card { position:relative;overflow:hidden;cursor:pointer;background:rgba(0,0,0,.3); }
.jc-coll-card img { width:100%;aspect-ratio:3/4;object-fit:cover;display:block;transition:transform .6s ease,filter .4s ease; }
.jc-coll-card:hover img { transform:scale(1.06);filter:brightness(.75); }
.jc-coll-overlay { position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:1.8rem;background:linear-gradient(to top,rgba(26,17,8,.92) 0%,rgba(26,17,8,.0) 55%);transition:opacity .3s; }
.jc-coll-tag { font-family:'EB Garamond',serif;font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;color:var(--amber);margin-bottom:.5rem;display:block; }
.jc-coll-card h3 { font-family:'Cinzel',serif;font-size:1.2rem;font-weight:400;color:#fff;letter-spacing:.06em; }
.jc-coll-card p { font-size:.78rem;color:rgba(255,255,255,.55);margin-top:.4rem;line-height:1.6; }

/* FEATURED PIECE — peça em destaque */
.jc-featured { background:var(--linen); }
.jc-featured-inner { max-width:var(--max-width);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center; }
.jc-featured-img img { width:100%;aspect-ratio:1;object-fit:cover;display:block; }
.jc-featured-text .section-label { display:block; }
.jc-featured-text p { font-size:1rem;line-height:1.9;color:var(--muted);margin:1rem 0 1.8rem; }
.jc-featured-details { display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:2rem 0; }
.jc-detail { border-left:2px solid var(--amber);padding:.6rem 1rem; }
.jc-detail span { font-size:.65rem;letter-spacing:.25em;text-transform:uppercase;color:var(--muted);display:block; }
.jc-detail strong { font-family:'Cinzel',serif;font-size:.92rem;color:var(--ebony);margin-top:.2rem;display:block; }

/* GALLERY */
.jc-gallery { background:var(--ebony);padding:var(--section-pad) 2rem; }
.jc-gallery-inner { max-width:var(--max-width);margin:0 auto; }
.jc-gallery-header { text-align:center;margin-bottom:3rem; }
.jc-gallery-header .section-title { color:#fff; }
.jc-gallery-header .divider { margin:1.8rem auto; }
.jc-gallery-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:4px; }
.jc-gallery-grid .item-wide { grid-column:span 2; }
.jc-gallery-grid .item-tall { grid-row:span 2; }
.jc-gall-item { overflow:hidden;position:relative; }
.jc-gall-item img { width:100%;height:280px;object-fit:cover;display:block;transition:transform .5s ease,filter .3s; }
.jc-gall-item.item-wide img { height:280px; }
.jc-gall-item:hover img { transform:scale(1.07);filter:brightness(.8); }

/* TESTIMONIALS */
.jc-testimonials { background:var(--parchment); }
.jc-testi-inner { max-width:var(--max-width);margin:0 auto; }
.jc-testi-header { text-align:center;margin-bottom:3.5rem; }
.jc-testi-header .divider { margin:1.8rem auto; }
.jc-testi-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:2rem; }
.jc-testi-card { background:#fff;padding:2.4rem;border-bottom:3px solid var(--amber);box-shadow:0 4px 24px rgba(26,17,8,.06); }
.jc-testi-quote { font-family:'EB Garamond',serif;font-size:1.15rem;line-height:1.7;color:var(--text);font-style:italic;margin-bottom:1.4rem; }
.jc-testi-quote::before { content:'\201C';font-size:2.5rem;color:var(--amber);line-height:0;vertical-align:-.5rem;margin-right:.2rem; }
.jc-testi-author { font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-family:'EB Garamond',serif; }

/* CONTACT */
.jc-contact { background:var(--mahogany);padding:var(--section-pad) 2rem; }
.jc-contact-inner { max-width:900px;margin:0 auto;text-align:center; }
.jc-contact-inner .section-title { color:#fff;margin-bottom:1rem; }
.jc-contact-inner > p { font-size:1rem;line-height:1.8;color:rgba(255,255,255,.6);margin-bottom:3rem;max-width:520px;margin-left:auto;margin-right:auto; }
.jc-contact-channels { display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:3rem; }
.jc-channel { display:flex;align-items:center;gap:.7rem;padding:1rem 2rem;border:1px solid rgba(200,134,10,.3);color:rgba(255,255,255,.8);text-decoration:none;font-family:'EB Garamond',serif;font-size:.88rem;letter-spacing:.1em;transition:border-color .2s,color .2s;font-size:.85rem; }
.jc-channel:hover { border-color:var(--amber);color:var(--amber); }
.jc-channel svg { color:var(--amber);flex-shrink:0; }
.jc-contact-pix { margin-top:2rem;padding:2rem;border:1px solid rgba(200,134,10,.2);display:inline-block;text-align:center; }
.jc-contact-pix span { font-size:.62rem;letter-spacing:.25em;text-transform:uppercase;color:var(--amber);display:block;margin-bottom:.7rem; }
.jc-contact-pix strong { font-family:'Cinzel',serif;font-size:1.1rem;color:#fff;letter-spacing:.08em; }
.jc-urgency { font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.35);margin-top:2.5rem;display:block; }

/* FOOTER */
footer { background:var(--ebony);padding:4rem 2rem 2rem;border-top:1px solid rgba(200,134,10,.15); }
.footer-inner { max-width:var(--max-width);margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:3rem;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.07); }
.footer-logo { font-family:'Cinzel',serif;font-size:1.6rem;font-weight:700;letter-spacing:.18em;color:#fff;margin-bottom:.8rem; }
.footer-logo span { color:var(--amber); }
.footer-tagline { font-size:.82rem;line-height:1.7;color:rgba(255,255,255,.4);font-family:'EB Garamond',serif; }
.footer-nav h4, .footer-contact h4 { font-family:'Cinzel',serif;font-size:.7rem;letter-spacing:.25em;text-transform:uppercase;color:var(--amber);margin-bottom:1.2rem; }
.footer-nav ul { list-style:none; }
.footer-nav ul li { margin-bottom:.6rem; }
.footer-nav ul a { font-family:'EB Garamond',serif;font-size:.88rem;color:rgba(255,255,255,.45);text-decoration:none;transition:color .2s; }
.footer-nav ul a:hover { color:var(--amber); }
.footer-contact p, .footer-contact a { font-family:'EB Garamond',serif;font-size:.85rem;color:rgba(255,255,255,.45);text-decoration:none;display:block;margin-bottom:.5rem;transition:color .2s; }
.footer-contact a:hover { color:var(--amber); }
.footer-wa, .footer-insta { display:flex;align-items:center;gap:.5rem;margin-top:.8rem; }
.footer-bottom { max-width:var(--max-width);margin:2rem auto 0;text-align:center; }
.footer-bottom p { font-size:.72rem;color:rgba(255,255,255,.3);font-family:'EB Garamond',serif; }
.footer-bottom a { color:inherit;text-decoration:none; }
.footer-bottom a:hover { color:var(--amber); }

/* RESPONSIVE */
@media (max-width:768px) {
  nav { padding:1.2rem 1.5rem; }
  .nav-links, .nav-cta { display:none; }
  .hamburger { display:flex; }
  nav.open .nav-links { display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:rgba(26,17,8,.97);padding:2rem 1.5rem;gap:1.2rem; }
  nav.open .nav-cta { display:block;position:absolute;bottom:0;left:0;right:0;text-align:center;padding:1rem; }
  section { padding:4rem 1.4rem; }
  .jc-about-inner,
  .jc-featured-inner { grid-template-columns:1fr;gap:2.5rem; }
  .jc-about-img { order:2; }
  .jc-about-text { order:1; }
  .jc-craft-grid { grid-template-columns:1fr 1fr;gap:1.5rem; }
  .jc-collection-grid { grid-template-columns:1fr; }
  .jc-gallery-grid { grid-template-columns:1fr 1fr; }
  .jc-gallery-grid .item-wide { grid-column:span 1; }
  .jc-testi-grid { grid-template-columns:1fr; }
  .footer-inner { grid-template-columns:1fr; }
  .jc-about-stats { grid-template-columns:1fr 1fr; }
  .jc-featured-details { grid-template-columns:1fr; }
}
@media (max-width:480px) {
  .jc-craft-grid { grid-template-columns:1fr; }
  .jc-gallery-grid { grid-template-columns:1fr; }
  .jc-gallery-grid .item-wide { grid-column:span 1; }
}

/* Scroll margin */
section, .jc-about, .jc-craft, .jc-collection, .jc-gallery, .jc-contact, .jc-testimonials, .jc-press, .jc-featured {
  scroll-margin-top: 70px;
}
@media (max-width:768px) {
  section, .jc-about, .jc-craft, .jc-collection, .jc-gallery, .jc-contact, .jc-testimonials, .jc-press, .jc-featured {
    scroll-margin-top: 60px;
  }
}