@import url('https://fonts.cdnfonts.com/css/autography');

/* Transbord’alma — refinement layer
   Keeps the existing structure/copy and concentrates visual fixes here. */
:root{
  --refine-ease:cubic-bezier(.16,1,.3,1);
  --refine-shadow:0 28px 90px rgba(31,43,34,.15);
}
html{scroll-behavior:auto!important}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{backface-visibility:hidden}
.hero-media,.why-photo,.community-main,.community-float,.more-track,.experience-card,.marquee-track,.founder-stage,.cta>img{transform:translateZ(0)}

/* Header + mandatory Autography wordmark */
.site-header{height:82px!important;padding-inline:clamp(20px,4vw,62px)!important;transition:height .42s var(--refine-ease),background .42s ease,border-color .42s ease!important}
.site-header .logo{width:auto!important;height:58px!important;display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:13px!important;flex:0 0 auto!important;text-decoration:none!important}
.site-header .logo img{width:46px!important;height:46px!important;max-height:46px!important;object-fit:contain!important;flex:0 0 46px!important}
.brand-wordmark{font-family:'Autography',cursive!important;font-size:clamp(31px,2.45vw,40px)!important;font-weight:400!important;line-height:.9!important;letter-spacing:.01em!important;color:#FFFDF7!important;white-space:nowrap;transform:translateY(2px);transition:color .35s ease,opacity .35s ease}
.site-header.scrolled .brand-wordmark{color:var(--forest)!important}
.site-header.scrolled{box-shadow:0 9px 28px rgba(34,45,36,.06)}
.nav a{transition:opacity .25s ease,transform .3s var(--refine-ease),color .35s ease!important}
.nav a:not(.join):hover{transform:translateY(-1px)}

/* More natural image treatment */
.hero-slide img{object-position:center 40%!important}
.hero-slide:nth-child(2) img{object-position:center 46%!important}
.hero-slide:nth-child(3) img{object-position:center 50%!important}
.why-photo img{object-position:center 42%!important}
.community-main img{object-position:center 42%!important}
.community-float img{object-position:center 38%!important}
.more-panel img{object-position:center 46%!important}
.experience-card img{object-position:center 42%!important}
.founder-stage>img{object-position:center 38%!important}
.cta>img{object-position:center 44%!important}
.community-main,.community-float,.founder-stage,.experience-modal-card{box-shadow:var(--refine-shadow)!important}

/* Experience rail: closed cards remain legible and intentional */
.experience-rail{gap:12px!important;perspective:1200px}
.experience-card{border:1px solid rgba(247,242,232,.10);transition:flex .8s var(--refine-ease),filter .55s ease,transform .55s var(--refine-ease)!important}
.experience-card:not(.active){min-width:76px;filter:saturate(.78) brightness(.78)!important}
.experience-card:not(.active):hover{filter:saturate(.92) brightness(.9)!important;transform:translateY(-3px)}
.experience-card:not(.active) .experience-copy{left:50%!important;right:auto!important;top:24px!important;bottom:24px!important;width:calc(100% - 18px)!important;min-width:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-end!important;transform:translateX(-50%)!important;text-align:center!important}
.experience-card:not(.active) .experience-index{margin:0 0 12px!important;font-size:14px!important}
.experience-card:not(.active) .experience-copy h3{writing-mode:vertical-rl;transform:rotate(180deg);font-size:18px!important;line-height:1!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-height:300px;margin:0!important;color:#fff}
.experience-card:not(.active) .experience-copy p,.experience-card:not(.active) .experience-open{display:none!important}
.experience-card.active{filter:none!important;box-shadow:0 24px 64px rgba(28,38,30,.16)}
.experience-card.active .experience-copy{max-width:620px}
.experience-open{transition:background .25s ease,color .25s ease,transform .3s var(--refine-ease)!important}
.experience-open:hover{background:#fff!important;transform:translateY(-2px)!important}

/* Form: softer editorial card, calmer controls, clearer hierarchy */
.modal{padding:20px!important;background:rgba(22,31,24,.34)!important;backdrop-filter:blur(12px)}
.modal-card{width:min(720px,94vw)!important;max-height:90svh!important;overflow:auto!important;padding:clamp(34px,5vw,58px)!important;border-radius:34px 78px 34px 78px!important;background:rgba(251,247,240,.98)!important;border:1px solid rgba(255,255,255,.72)!important;box-shadow:0 36px 120px rgba(15,24,18,.28)!important}
.modal-card:before{content:"";display:block;width:54px;height:1px;background:var(--wine);margin:0 0 24px;opacity:.72}
.modal-card h3{font-size:clamp(46px,5vw,68px)!important;line-height:.95!important;margin:14px 0 16px!important}
.modal-card>p{max-width:540px!important;font-size:14px!important;line-height:1.7!important;color:#667067!important;margin-bottom:28px!important}
.form{display:grid!important;gap:17px!important}
.form-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important}
.form>div,.form-row>div{display:grid;gap:7px}
.form label{font-size:10px!important;line-height:1!important;font-weight:700!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:#596159!important}
.form input,.form textarea,.form select{width:100%!important;min-height:52px!important;padding:14px 16px!important;border:1px solid rgba(47,59,49,.14)!important;border-radius:15px!important;background:rgba(255,255,255,.68)!important;color:var(--forest)!important;outline:none!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.5)!important;transition:border-color .25s ease,box-shadow .25s ease,background .25s ease!important}
.form input::placeholder,.form textarea::placeholder{color:#8A918A!important}
.form input:focus,.form textarea:focus,.form select:focus{border-color:rgba(142,66,75,.52)!important;background:#fff!important;box-shadow:0 0 0 4px rgba(142,66,75,.08)!important}
.form textarea{min-height:118px!important}
.form .btn{min-height:52px!important;justify-content:center!important;margin-top:2px!important;font-size:12px!important;letter-spacing:.02em}
.form-note,.managed-form-status{margin:0!important;font-size:11px!important;line-height:1.55!important;color:#767D76!important}
.managed-checkbox{border-radius:14px;padding:11px 12px!important;background:rgba(229,216,198,.26)}
.managed-inline-form{padding:28px!important;border:1px solid rgba(47,59,49,.10)!important;box-shadow:0 20px 60px rgba(28,38,30,.10)!important}

/* Progressive, restrained page polish */
.refine-loader{position:fixed;z-index:300;inset:0;display:grid;place-items:center;background:var(--forest);color:var(--ivory);pointer-events:none;opacity:1;transition:opacity .65s var(--refine-ease),visibility .65s ease}
.refine-loader.is-hidden{opacity:0;visibility:hidden}
.refine-loader-mark{font-family:'Autography',cursive;font-size:clamp(46px,8vw,82px);font-weight:400;letter-spacing:.01em;transform:translateY(-3px)}
.refine-loader-line{position:absolute;left:50%;top:calc(50% + 62px);width:96px;height:1px;background:rgba(255,255,255,.16);transform:translateX(-50%);overflow:hidden}
.refine-loader-line:after{content:"";position:absolute;inset:0;background:#E9C997;transform:translateX(-100%);animation:refineLoad 1.15s var(--refine-ease) infinite}
@keyframes refineLoad{55%,100%{transform:translateX(100%)}}

/* Marquee becomes a slow breathing gallery with ten unique photographs. */
.marquee{padding-block:3px}
.marquee-track{gap:18px!important}
.marquee-card{box-shadow:0 18px 50px rgba(10,18,12,.16);transition:transform .55s var(--refine-ease),filter .55s ease!important}
.marquee-card:hover{transform:translateY(-7px);filter:saturate(1.04)}
.marquee-card img{width:100%;height:100%;object-fit:cover;object-position:center 42%}

/* Refined modal transitions */
.experience-modal-card{border:1px solid rgba(255,255,255,.64)}
.experience-modal-media img{object-position:center 40%}
.experience-modal-close,.modal-close{transition:transform .3s var(--refine-ease),background .25s ease!important}
.experience-modal-close:hover,.modal-close:hover{transform:rotate(7deg) scale(1.05);background:#fff!important}

@media(max-width:1050px){
  .site-header .logo img{width:42px!important;height:42px!important;flex-basis:42px!important}
  .brand-wordmark{font-size:33px!important}
  .experience-card:not(.active){min-width:66px}
  .experience-card:not(.active) .experience-copy h3{font-size:16px!important;max-height:260px}
}
@media(max-width:720px){
  .site-header{height:72px!important;padding-inline:18px!important}
  .site-header .logo{gap:9px!important;height:50px!important}
  .site-header .logo img{width:37px!important;height:37px!important;flex-basis:37px!important}
  .brand-wordmark{font-size:29px!important}
  .nav .join{font-size:11px!important;padding:10px 13px!important}
  .experience-rail{gap:11px!important}
  .experience-card,.experience-card.active,.experience-card:not(.active){min-width:0!important;filter:none!important}
  .experience-card:not(.active) .experience-copy{left:20px!important;right:20px!important;top:auto!important;bottom:18px!important;width:auto!important;display:block!important;transform:none!important;text-align:left!important}
  .experience-card:not(.active) .experience-copy h3{writing-mode:horizontal-tb;transform:none;font-size:25px!important;max-height:none;white-space:normal;margin:0!important}
  .experience-card:not(.active) .experience-index{margin-bottom:7px!important}
  .form-row{grid-template-columns:1fr!important}
  .modal-card{padding:34px 23px!important;border-radius:26px 52px 26px 52px!important}
  .modal-card h3{font-size:47px!important}
  .refine-loader-line{top:calc(50% + 48px)}
}
@media(prefers-reduced-motion:reduce){
  .refine-loader{display:none!important}
  .marquee-card,.experience-card,.nav a{transition:none!important}
}

/* Loja: o item "Produtos" permanece acessível em qualquer largura. */
.site-header .nav a.shop{display:inline-flex!important}
@media(max-width:720px){
  .site-header .nav a.shop{display:inline-flex!important;font-size:12px!important}
}