:root{--bg:#151a19;--gold:#c9ae77;--cream:#f2f0e9;--ink:#202725;--muted:#abb3ad;--line:#ffffff21}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--cream);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,summary{touch-action:manipulation}button,summary{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:6px}.skip{position:fixed;top:-100px;z-index:100;background:var(--cream);color:var(--ink);padding:12px}.skip:focus{top:0}.progress{position:fixed;top:0;left:0;height:2px;background:var(--gold);width:100%;transform:scaleX(0);transform-origin:left;z-index:20}header{height:112px;margin:0 5.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:15px;line-height:1.2;font-family:Manrope,sans-serif;letter-spacing:3px;font-size:16px}.brand small{display:block;font-size:9px;letter-spacing:5px;margin-top:7px;color:var(--gold)}.monogram{font-family:'Cormorant Garamond',serif;font-size:55px;color:var(--gold);letter-spacing:-9px}.monogram span{font-size:35px}nav{display:flex;gap:34px;font-size:13px;color:#d6d9d3}nav a:hover,.text-link:hover{color:var(--gold)}.nav-cta{font-size:13px;border:1px solid #c9ae7755;padding:12px 22px;border-radius:2px}.nav-cta span{margin-left:22px;color:var(--gold)}.menu{display:none}.hero{position:relative;min-height:700px;display:grid;grid-template-columns:59% 41%;padding-left:8%;overflow:hidden}.hero-copy{padding:74px 0 56px;z-index:2}.eyebrow,.section-label{font-size:10px;letter-spacing:2px;font-weight:500}.eyebrow{color:var(--gold);display:flex;align-items:center;gap:10px}.dot{display:inline-block;width:6px;height:6px;background:var(--gold);border-radius:50%}h1,h2{font-family:'Cormorant Garamond',serif;font-weight:400;line-height:1.02;letter-spacing:-2px;margin:28px 0}h1{font-size:clamp(60px,5.8vw,94px)}em{font-weight:400;color:var(--gold)}.intro{font-size:14px;color:var(--muted);margin:27px 0 35px}.hero-actions{display:flex;align-items:center;gap:28px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:17px 24px;font-size:12px;font-weight:600;border:0;border-radius:2px;transition:background .25s,transform .25s}.button:hover{background:#ddc89e;transform:translateY(-3px)}.gold{background:var(--gold);color:#19221e}.button span{font-size:19px}.text-link{font-size:12px;display:inline-flex;gap:20px;align-items:center}.hero-foot{display:flex;justify-content:space-between;max-width:600px;margin-top:72px;padding-top:22px;border-top:1px solid var(--line);font-size:8px;letter-spacing:1.5px;color:var(--muted)}.hero-visual{position:relative;margin-left:-35px}.photo-frame{position:absolute;inset:12% 0 0 -40px;overflow:hidden;border-radius:200px 0 0 0}.photo-frame img{width:100%;height:100%;object-fit:cover;object-position:50% 45%;filter:saturate(.65)}.photo-shade{position:absolute;inset:0;background:linear-gradient(90deg,var(--bg),transparent 35%),linear-gradient(0deg,var(--bg),transparent 25%)}.visual-label{position:absolute;bottom:53px;right:12%;font-size:9px;letter-spacing:2px;line-height:1.9;text-align:right}.seal{position:absolute;right:12%;top:26px;width:105px;height:105px;border:1px solid #c9ae7766;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Cormorant Garamond';font-size:49px;color:var(--gold);background:#151a1980}.seal span{position:absolute;bottom:18px;font:6px 'DM Sans';letter-spacing:1px}.hero-index{position:absolute;right:19px;top:45%;writing-mode:vertical-rl;font-size:8px;letter-spacing:2px;color:var(--muted)}.values{padding:26px 8%;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:#d2d7cf;font-size:12px}.values i{font-style:normal;color:var(--gold)}.section{padding:110px 8%}.about{background:var(--cream);color:var(--ink);display:grid;grid-template-columns:24% 76%}.section-label{color:#7a6642;margin:0 0 30px}.about h2{margin-top:0}h2{font-size:clamp(42px,4.5vw,70px)}.about em,.method em{color:#8b7042}.about-bottom{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:35px}.about-bottom p{font-size:14px;color:#5b625b;max-width:380px}.dark-link{border-bottom:1px solid #9b875d;padding:14px 0;margin-top:10px}.principles{display:flex;justify-content:space-between;border-top:1px solid #20272526;margin-top:42px;padding-top:25px;font-size:11px}.principles b{font-weight:400;color:#93794c;margin-right:15px}.practice-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:50px}.practice-head h2{margin-bottom:0}.practice-head>p{font-size:13px;color:var(--muted)}.practice .section-label,.contact .section-label{color:var(--gold)}details{border-top:1px solid var(--line)}details:last-child{border-bottom:1px solid var(--line)}summary{display:flex;gap:30px;align-items:center;min-height:100px;list-style:none}summary::-webkit-details-marker{display:none}.number{font-size:11px;color:var(--gold);width:30px}h3{font-weight:400;font-family:'Cormorant Garamond';font-size:32px;line-height:1.1;margin:10px 0}.tag{margin-left:auto;font-size:8px;letter-spacing:1.7px;color:var(--muted)}.plus{font-size:25px;color:var(--gold);font-weight:400;width:50px;text-align:center;transition:transform .35s}details[open] .plus{transform:rotate(45deg)}.detail-body{padding:0 80px 30px 60px;display:flex;gap:80px;align-items:center}.detail-body p{max-width:600px;font-size:14px;color:var(--muted);margin:0}.detail-body a{white-space:nowrap;font-size:11px;color:var(--gold)}.statement{position:relative;overflow:hidden;text-align:center;background:#222c25;padding:95px 8%}.statement h2{position:relative;z-index:2;font-size:clamp(40px,4.7vw,72px);line-height:1.1}.statement .section-label{color:var(--gold)}.round-link{position:relative;z-index:2;width:60px;height:60px;display:inline-grid;place-items:center;border:1px solid #c9ae7770;border-radius:50%;font-size:26px}.method{background:var(--cream);color:var(--ink);display:grid;grid-template-columns:1fr 1fr;gap:90px}.method h2{margin-top:0}.steps article{padding:24px 0;border-bottom:1px solid #20272526}.steps article:first-child{padding-top:0}.steps span{font-size:9px;letter-spacing:2px;color:#866d42}.steps h3{font-size:30px}.steps p{font-size:14px;color:#5b625b;margin-bottom:0;max-width:420px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact h2{font-size:57px}.contact-copy>p{font-size:14px;color:var(--muted)}.contact-note{margin-top:40px;font-size:11px;color:var(--gold)}.contact-note .dot{margin-right:10px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:25px}label{display:block;font-size:11px;margin-bottom:25px;color:#d5d9d2}input,select,textarea{display:block;width:100%;border:0;border-bottom:1px solid #ffffff35;background:transparent;color:var(--cream);border-radius:0;padding:12px 0;font-size:12px;outline-offset:4px}option{background:var(--bg)}textarea{resize:vertical}.form-info{font-size:10px;color:var(--muted);line-height:1.5;max-width:400px}#form-status,#download{font-size:12px;color:var(--gold)}footer{margin:0 8%;padding:45px 0 25px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:30px}footer p{font-size:12px;color:var(--muted)}footer>a:last-of-type{font-size:11px}.footer-bottom{width:100%;display:flex;justify-content:space-between;padding-top:35px;border-top:1px solid var(--line);font-size:9px;color:var(--muted);letter-spacing:1px}.motion{position:fixed;bottom:18px;right:18px;background:#202725ee;color:#deded6;border:1px solid #ffffff25;border-radius:30px;padding:10px 16px;font-size:10px;z-index:10}.motion span{margin-left:10px}@media(min-width:1600px){header,.hero,.section,.values,.statement,footer{padding-left:max(8%,calc((100vw - 1440px)/2));padding-right:max(8%,calc((100vw - 1440px)/2))}.hero{padding-right:0}}@media(max-width:1050px){nav{gap:16px}.hero{grid-template-columns:60% 40%;padding-left:6%}.hero-actions{gap:18px;flex-wrap:wrap}.hero-foot{gap:20px;margin-top:40px}.hero-copy{padding-top:55px}.section{padding:80px 6%}.tag{display:none}.contact{gap:35px}.contact h2{font-size:45px}.method{gap:40px}.about-bottom{gap:30px}}@media(max-width:700px){header{height:85px;margin:0 6%}.brand{font-size:12px}.monogram{font-size:44px}.brand small{font-size:7px}.nav-cta{display:none}.menu{display:block;background:transparent;border:1px solid #ffffff35;color:var(--cream);font-size:12px;padding:10px 16px}nav{display:none;position:absolute;top:85px;left:-7%;right:-7%;background:var(--bg);padding:24px;flex-direction:column;gap:20px;border-bottom:1px solid var(--line)}nav.open{display:flex}.hero{display:flex;flex-direction:column;padding:0 6%;min-height:auto}.hero-copy{padding:45px 0 10px}.eyebrow{font-size:8px;letter-spacing:1.3px}h1{font-size:46px;letter-spacing:-1.5px}.intro{font-size:13px}.intro br{display:none}.hero-actions{gap:22px}.hero-foot{margin-top:35px;font-size:7px}.hero-foot>a{display:none}.hero-visual{height:370px;margin:0 -6.8%;margin-top:8px}.photo-frame{inset:0 0 0 15%;border-radius:180px 0 0 0}.photo-frame img{object-position:50% 38%}.photo-shade{background:linear-gradient(0deg,var(--bg),transparent 40%),linear-gradient(90deg,var(--bg),transparent 25%)}.seal{top:10px;left:6%;width:85px;height:85px}.visual-label{bottom:35px}.hero-index{display:none}.values{display:grid;grid-template-columns:1fr 1fr;text-align:center;font-size:10px;padding:22px 6%;gap:12px}.values i{display:none}.section{padding:65px 6%}.about,.method,.contact{display:block}.section-label{margin-bottom:24px;font-size:9px}h2{font-size:44px;letter-spacing:-1.2px}.about-bottom{display:block}.about-bottom p{max-width:none}.principles{gap:20px;flex-direction:column;margin-top:30px}.practice-head{display:block;margin-bottom:30px}.practice-head>p{margin-top:25px}summary{gap:15px;min-height:85px}summary h3{font-size:27px}.number{width:18px}.plus{margin-left:auto;width:30px}.detail-body{padding:0 0 25px 33px;display:block}.detail-body p{font-size:13px}.detail-body a{display:inline-block;margin-top:20px}.statement{padding:65px 6%}.statement h2{font-size:40px}.statement h2 br:first-child{display:none}.steps{margin-top:40px}.contact h2{font-size:45px}.contact-note{margin:25px 0 40px}.form-row{gap:20px}footer{margin:0 6%;align-items:start}footer p{display:none}.footer-bottom{font-size:8px;gap:20px;padding-bottom:35px}.footer-bottom span:last-child{display:none}.motion{font-size:9px;padding:8px 12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

.professional{background:var(--cream);color:var(--ink);display:grid;grid-template-columns:.85fr 1.15fr;gap:85px;align-items:start}.professional-photo{position:relative;overflow:hidden;border-radius:180px 2px 2px 2px;margin-top:25px}.professional-photo img{display:block;width:100%;height:540px;object-fit:cover;filter:saturate(.6)}.professional-photo span{position:absolute;bottom:0;left:0;right:0;padding:45px 28px 22px;background:linear-gradient(transparent,#151a19dd);color:var(--cream);font-size:10px;letter-spacing:2px}.professional-copy h2{margin-top:0;font-size:clamp(42px,4.3vw,66px)}.professional-copy em{color:#8b7042}.professional-copy>p:not(.section-label){font-size:14px;line-height:1.85;color:#5b625b}.professional-copy .professional-lead{font-size:18px!important;color:var(--ink)!important;line-height:1.65!important}.professional blockquote{margin:30px 0 10px;padding-left:22px;border-left:1px solid #9b875d;font:italic 26px/1.25 'Cormorant Garamond',serif;color:#725b35}.professional cite{display:block;font:10px 'DM Sans',sans-serif;letter-spacing:1px;margin-top:12px;font-style:normal}.fiction-note{display:block;margin-top:25px;font-size:10px;color:#656b63}@media(max-width:1050px){.professional{gap:40px}.professional-photo img{height:480px}}@media(max-width:700px){.professional{display:flex;flex-direction:column;gap:35px}.professional-photo{width:100%;margin-top:0;border-radius:120px 2px 2px 2px}.professional-photo img{height:360px;object-position:50% 35%}.professional-copy h2{font-size:44px}.professional-copy .professional-lead{font-size:17px!important}}

/* ==========================================================================
   LENIS SMOOTH SCROLL INTEGRATION
   ========================================================================== */
html.lenis, html.lenis body {
  height: auto;
}
.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}
.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}
.lenis.lenis-stopped {
  overflow: hidden;
}
.lenis.lenis-scrolling iframe {
  pointer-events: none;
}
html {
  scroll-behavior: auto;
}

/* ==========================================================================
   DYNAMIC GLASS HEADER
   ========================================================================== */
header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 104px;
  padding: 0 6%;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: transparent;
  z-index: 60;
  transition: height 0.4s cubic-bezier(0.16, 1, 0.3, 1),
              background 0.4s ease,
              backdrop-filter 0.4s ease,
              -webkit-backdrop-filter 0.4s ease,
              border-color 0.4s ease,
              box-shadow 0.4s ease;
}

header.scrolled {
  height: 74px;
  background: rgba(18, 23, 22, 0.85);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(201, 174, 119, 0.22);
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.45);
}

/* ==========================================================================
   CINEMA HERO SCROLLMOTION
   ========================================================================== */
.cinema.hero {
  display: block;
  padding: 0;
  min-height: 0;
  height: 100vh;
  height: 100svh;
  isolation: isolate;
  position: relative;
  overflow: hidden;
  background: var(--bg) url('assets/hero-poster.webp') center / cover no-repeat;
}

.cinema-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: -3;
  transform: translateZ(0);
  will-change: transform;
}

.cinema-shade {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 50% 50%, rgba(10, 17, 15, 0.35) 0%, rgba(10, 17, 15, 0.78) 100%),
    linear-gradient(90deg, rgba(10, 17, 15, 0.75) 0%, rgba(10, 17, 15, 0.22) 50%, rgba(10, 17, 15, 0.75) 100%),
    linear-gradient(0deg, rgba(10, 17, 15, 0.88) 0%, transparent 40%),
    linear-gradient(180deg, rgba(10, 17, 15, 0.7) 0%, transparent 35%);
  z-index: -2;
  pointer-events: none;
}

.cinema-scenes {
  position: relative;
  height: 100%;
  margin: 0 8%;
  pointer-events: none;
}

.cinema-scene {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 90px 0;
  max-width: 740px;
  will-change: transform, opacity, filter;
}

/* Cena 1: Alinhada à ESQUERDA */
.scene-first {
  align-items: flex-start;
  text-align: left;
  margin-right: auto;
  margin-left: 0;
  pointer-events: auto;
}
.scene-first .eyebrow {
  justify-content: flex-start;
}
.scene-first .intro {
  text-align: left;
  margin-left: 0;
  margin-right: auto;
}

/* Cena 2: Alinhada à DIREITA */
.scene-second {
  align-items: flex-end;
  text-align: right;
  margin-left: auto;
  margin-right: 0;
}
.scene-second .eyebrow {
  justify-content: flex-end;
}
.scene-second .intro {
  text-align: right;
  margin-left: auto;
  margin-right: 0;
}

/* Cena 3: Alinhada à ESQUERDA */
.scene-third {
  align-items: flex-start;
  text-align: left;
  margin-right: auto;
  margin-left: 0;
}
.scene-third .eyebrow {
  justify-content: flex-start;
}
.scene-third .intro {
  text-align: left;
  margin-left: 0;
  margin-right: auto;
}

.cinema-scene .eyebrow {
  color: #dfc796;
  font-size: 11px;
  letter-spacing: 2.2px;
  margin-bottom: 6px;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.8);
}

.cinema-scene h1 {
  font-size: clamp(52px, 5.8vw, 90px);
  line-height: 1.06;
  margin: 18px 0;
  text-shadow: 0 4px 26px rgba(0, 0, 0, 0.9);
}

.cinema-scene h2 {
  font-size: clamp(48px, 5.4vw, 84px);
  line-height: 1.08;
  margin: 18px 0;
  text-shadow: 0 4px 26px rgba(0, 0, 0, 0.9);
}

.cinema-scene .intro {
  font-size: 15px;
  color: #e5e8e2;
  line-height: 1.7;
  margin: 18px 0 32px;
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.85);
  max-width: 580px;
}

.cinema-scene .button {
  min-height: 52px;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);
}

.scene-second, .scene-third {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}

/* ==========================================================================
   CINEMA BOTTOM HUD & SCENE NAVIGATOR
   ========================================================================== */
.cinema-bottom {
  position: absolute;
  bottom: 34px;
  left: 8%;
  right: 8%;
  display: flex;
  align-items: center;
  gap: 24px;
  font-size: 10px;
  letter-spacing: 2px;
  color: #deded4;
  z-index: 10;
  padding: 8px 14px;
  background: rgba(18, 23, 22, 0.55);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 40px;
}

.cinema-scroll-hint {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
  color: var(--gold);
  white-space: nowrap;
}

.hint-arrow {
  display: inline-block;
  animation: hintBounce 2.2s ease-in-out infinite;
}

@keyframes hintBounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(4px); }
}

.cinema-track {
  position: relative;
  height: 3px;
  flex: 1;
  background: rgba(255, 255, 255, 0.16);
  border-radius: 3px;
}

.cinema-progress-fill {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, #c9ae77, #f3e5c3);
  transform: scaleX(0);
  transform-origin: left;
  border-radius: 3px;
  box-shadow: 0 0 10px rgba(201, 174, 119, 0.5);
  transition: transform 0.08s linear;
}

.cinema-nav-dots {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  align-items: center;
  pointer-events: none;
  padding: 0 2px;
}

.cinema-dot {
  pointer-events: auto;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #151a19;
  border: 1px solid rgba(201, 174, 119, 0.35);
  color: var(--muted);
  font-size: 8px;
  font-weight: 600;
  font-family: 'DM Sans', sans-serif;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.25s ease;
  padding: 0;
}

.cinema-dot:hover {
  border-color: var(--gold);
  color: var(--cream);
  transform: scale(1.15);
  box-shadow: 0 0 10px rgba(201, 174, 119, 0.4);
}

.cinema-dot.active {
  background: var(--gold);
  color: #19221e;
  border-color: var(--gold);
  box-shadow: 0 0 12px rgba(201, 174, 119, 0.7);
  transform: scale(1.15);
}

#cinema-count {
  font-variant-numeric: tabular-nums;
  color: var(--cream);
  font-weight: 600;
  white-space: nowrap;
}

#video-status {
  position: absolute;
  bottom: 80px;
  left: 8%;
  font-size: 11px;
  color: #f2f0e9;
  max-width: 360px;
  z-index: 10;
}

/* ==========================================================================
   VALUES MARQUEE STRIP
   ========================================================================== */
.values {
  padding: 24px 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  overflow: hidden;
  white-space: nowrap;
  background: #141918;
  position: relative;
}

.values:before, .values:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 60px;
  z-index: 2;
  pointer-events: none;
}

.values:before {
  left: 0;
  background: linear-gradient(90deg, #141918, transparent);
}

.values:after {
  right: 0;
  background: linear-gradient(270deg, #141918, transparent);
}

.values-track {
  display: inline-flex;
  align-items: center;
  gap: 32px;
  color: #d2d7cf;
  font-size: 12px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  will-change: transform;
}

.values-track span {
  font-weight: 500;
}

.values-track i {
  font-style: normal;
  color: var(--gold);
  font-size: 11px;
}

/* ==========================================================================
   STATEMENT & CELESTIAL ORB
   ========================================================================== */
.statement {
  position: relative;
  overflow: hidden;
  text-align: center;
  background: #121716;
  padding: 135px 8%;
  isolation: isolate;
}

.statement-bg {
  position: absolute;
  inset: 0;
  overflow: hidden;
  z-index: 0;
  pointer-events: none;
}

.statement-bg-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 38%;
  filter: brightness(0.52) contrast(1.15) saturate(0.9) sepia(0.12);
  transform: scale(1.1);
  will-change: transform;
}

.statement-shade {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 50% 50%, rgba(18, 23, 22, 0.35) 0%, rgba(18, 23, 22, 0.72) 80%, rgba(18, 23, 22, 0.96) 100%),
    linear-gradient(0deg, rgba(18, 23, 22, 0.95) 0%, transparent 26%),
    linear-gradient(180deg, rgba(18, 23, 22, 0.95) 0%, transparent 26%);
  pointer-events: none;
}

.statement h2 {
  position: relative;
  z-index: 2;
  font-size: clamp(40px, 4.8vw, 72px);
  line-height: 1.1;
  text-shadow: 0 4px 28px rgba(0, 0, 0, 0.95), 0 2px 6px rgba(0, 0, 0, 0.9);
}

.statement .section-label {
  position: relative;
  z-index: 2;
  color: var(--gold);
  letter-spacing: 2.5px;
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.9);
}

.round-link {
  position: relative;
  z-index: 2;
  width: 64px;
  height: 64px;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(201, 174, 119, 0.45);
  border-radius: 50%;
  font-size: 26px;
  background: rgba(21, 26, 25, 0.6);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: all 0.3s ease;
}

.round-link:hover {
  background: var(--gold);
  color: #151a19;
  transform: scale(1.1) rotate(45deg);
  box-shadow: 0 0 25px rgba(201, 174, 119, 0.5);
}

/* ==========================================================================
   PROFESSIONAL SECTION & PARALLAX
   ========================================================================== */
.professional-photo {
  position: relative;
  overflow: hidden;
  border-radius: 180px 2px 2px 2px;
  margin-top: 25px;
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.2);
}

.photo-parallax-wrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.professional-photo img {
  display: block;
  width: 100%;
  height: 560px;
  object-fit: cover;
  filter: saturate(.65);
  transform: scale(1.1);
  will-change: transform;
}

/* ==========================================================================
   RESPONSIVE OVERRIDES
   ========================================================================== */
@media (max-width: 700px) {
  header {
    height: 80px;
    padding: 0 6%;
  }
  header.scrolled {
    height: 68px;
  }
  .cinema.hero {
    min-height: 600px;
  }
  .cinema-scenes {
    margin: 0 6%;
    width: auto;
  }
  .cinema-scene {
    padding-top: 85px;
    padding-bottom: 70px;
  }
  .cinema-scene h1 {
    font-size: 44px;
  }
  .cinema-scene h2 {
    font-size: 44px;
  }
  .cinema-scene .intro {
    font-size: 13px;
  }
  .cinema-bottom {
    left: 4%;
    right: 4%;
    gap: 12px;
    font-size: 8px;
    bottom: 20px;
    padding: 6px 10px;
  }
  .cinema-dot {
    width: 20px;
    height: 20px;
    font-size: 7px;
  }
  .professional-photo img {
    height: 380px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto !important;
  }
  *, *:before, *:after {
    transition: none !important;
    animation: none !important;
  }
  .cinema-scene {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    filter: none !important;
    position: relative !important;
    inset: auto !important;
    padding: 40px 0 !important;
  }
  .scene-second, .scene-third {
    pointer-events: auto !important;
  }
  .cinema.hero {
    height: auto !important;
    min-height: auto !important;
    padding: 100px 0 50px !important;
  }
  .cinema-bottom {
    display: none !important;
  }
}