/* Original photographs remain intact. Depth and lightness are presentation layers. */
#muybridge{scroll-margin-top:110px}
#muybridge .work-area{position:relative}
#muybridge .muybridge-motorized-badge{position:absolute;right:-26px;bottom:-24px;width:168px;z-index:3;display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 3px 4px rgba(34,28,21,.12))}
#muybridge .work-area .motorized-label{position:relative;z-index:1;order:2;border:1.5px dotted var(--brown);border-radius:0;background:var(--cream);color:var(--brown);padding:3px 6px;font-size:.75rem;font-weight:700;letter-spacing:.525px;line-height:1.2;text-transform:uppercase;margin-top:-19.5px;transform:none}
#muybridge .muybridge-motorized-sticker{display:block;flex:none;order:1;width:clamp(117px,12.6vw,162px);max-width:100%;height:auto;object-fit:contain;transform:rotate(-8deg);filter:sepia(.22) saturate(.60) contrast(.93) brightness(1.03)}
#academy{scroll-margin-top:110px}
#academy .academy-title{width:min(365px,100%);margin:4px 0 10px;filter:drop-shadow(0 9px 14px rgba(34,28,21,.14))}
#academy .academy-studio-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0 0 22px}
#academy .academy-studio-features span{display:grid;place-items:center;min-height:48px;padding:10px;background:var(--paper);border:1px solid var(--line);border-radius:13px;color:var(--brown);font-size:.78rem;font-weight:600;line-height:1.4;text-align:center}
#estrutura,#experiencias .catering-shell{isolation:isolate;--scene-x:0px;--scene-y:0px;--scene-rx:0deg;--scene-ry:0deg;--scene-light-x:45%;--scene-light-y:30%}
#estrutura::before,#estrutura::after,#experiencias .catering-shell::before,#experiencias .catering-shell::after{display:none}
#estrutura .section-depth,#experiencias .section-depth{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none;border-radius:inherit;background:var(--cream)}
#estrutura .section-depth-photo,#experiencias .section-depth-photo{position:absolute;inset:-5%;background-position:center;background-size:cover;background-repeat:no-repeat;transform:perspective(1100px) translate3d(var(--scene-x),var(--scene-y),0) rotateX(var(--scene-rx)) rotateY(var(--scene-ry)) scale(1.045);transform-origin:center;filter:blur(9px);opacity:.32}
#estrutura .section-depth-photo{background-image:url('../img/estrutura-bg.jpg')}
#experiencias .section-depth-photo{background-image:url('../img/catering-frutas.jpg');filter:blur(13px);opacity:.25}
#estrutura .section-depth-light,#experiencias .section-depth-light{position:absolute;inset:0;background:radial-gradient(ellipse at var(--scene-light-x) var(--scene-light-y),rgba(255,252,244,.62),transparent 65%),linear-gradient(125deg,rgba(236,230,218,.78),rgba(251,248,241,.62) 55%,rgba(236,230,218,.8))}
#estrutura{--gold:#84663F;--muted:#665A4B;background:var(--cream);color:var(--ink)}
#estrutura .lead{color:var(--muted)}
#estrutura .structure-heading{max-width:100%}
#estrutura h2.title{white-space:nowrap;font-size:clamp(1.22rem,3.7vw,3.05rem)}
/* Match the title heights while retaining each sticker's original proportions. */
#estrutura .panel-title[alt="Cenografia"]{width:min(226.73px,66.827%)}
@media(max-width:560px){#estrutura .panel-title[alt="Cenografia"]{width:min(194.91px,79.555%)}}
#estrutura .panel,#estrutura .tcard{background:rgba(251,248,241,.94);border-color:var(--line);box-shadow:0 15px 35px -29px rgba(40,28,14,.26)}
#estrutura .panel .sub,#estrutura .tcard p{color:var(--muted)}
#estrutura .kit,#estrutura .tcard ul{color:var(--brown)}
#estrutura .count{background:rgba(236,230,218,.62);border-color:var(--line)}
#estrutura .count span{color:var(--muted)}
#estrutura .sticker-title,#estrutura .sticker-title.kitchen-title{filter:drop-shadow(0 8px 12px rgba(34,28,21,.12))}
#experiencias{padding:clamp(48px,6vw,78px) 0;color:var(--ink);overflow:visible}
#experiencias .catering-shell{height:auto;min-height:0;display:block;overflow:visible;padding:clamp(26px,3.2vw,40px);border:1px solid var(--line2);border-radius:28px;background:var(--cream);box-shadow:var(--shadow-s);backdrop-filter:none}
#experiencias .catering-heading{position:relative;display:grid;grid-template-columns:minmax(220px,.85fr) minmax(0,1.15fr);align-items:center;gap:28px;margin-bottom:25px}
#experiencias .catering-title{width:min(300px,100%);max-width:100%;margin:0;filter:drop-shadow(0 9px 14px rgba(34,28,21,.14))}
#experiencias .catering-intro{font-size:.87rem;line-height:1.65;color:var(--muted);max-width:44ch}
#experiencias .catering-home-title{font-weight:600;color:var(--brown);font-size:1.04rem;line-height:1.5;margin-bottom:7px}
#experiencias .catering-menu{position:relative;display:block;margin:0;padding:clamp(18px,2.3vw,28px);border:1.5px dotted rgba(94,76,57,.48);border-radius:18px;background:rgba(251,248,241,.97);color:var(--ink);box-shadow:0 16px 32px -27px rgba(40,28,14,.25)}
#experiencias .catering-menu-columns{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}
#experiencias fieldset{border:0;min-width:0;margin:0;padding:0}
#experiencias legend{float:left;width:100%;font-size:.78rem;line-height:1.5;font-weight:600;letter-spacing:.04em;color:var(--brown);margin-bottom:13px}
#experiencias legend span{float:right;color:var(--muted);font-size:.68rem;font-weight:400;letter-spacing:0;padding-top:2px}
#experiencias legend+*{clear:both}
#experiencias .catering-choice{display:flex;align-items:center;gap:11px;min-height:76px;padding:14px;margin-top:9px;background:rgba(236,230,218,.35);border:1px solid var(--line);border-radius:12px;cursor:pointer;transition:background-color .18s,border-color .18s}
#experiencias .catering-choice input{flex:none;width:16px;height:16px;accent-color:var(--brown);margin:0}
#experiencias .catering-choice>span{display:block;min-width:0}
#experiencias .catering-choice strong{display:block;font-weight:600;font-size:.8rem;line-height:1.45;overflow-wrap:anywhere}
#experiencias .catering-choice small{display:block;color:var(--muted);font-size:.73rem;line-height:1.5;margin-top:4px}
#experiencias .catering-choice:has(input:checked){background:rgba(176,141,87,.14);border-color:var(--gold)}
#experiencias .catering-choice:hover{border-color:var(--gold)}
#experiencias .catering-menu-bottom{display:grid;grid-template-columns:minmax(0,1fr) 180px;align-items:end;gap:28px;border-top:1px solid var(--line);padding-top:19px;margin-top:22px}
#experiencias .catering-party-copy{align-self:center;padding-bottom:8px;min-width:0}
#experiencias .catering-party-options{display:flex;flex-wrap:wrap;gap:9px}
#experiencias .catering-party-options label{display:flex;align-items:center;gap:7px;border:1px solid var(--line2);border-radius:11px;background:var(--paper);min-height:47px;padding:10px 12px;color:var(--brown);font-size:.75rem;cursor:pointer}
#experiencias .catering-party-options input{accent-color:var(--brown);margin:0;width:14px;height:14px}
#experiencias .catering-party-options b{font-weight:600}
#experiencias .catering-party-options label:has(input:checked){background:rgba(176,141,87,.14);border-color:var(--gold)}
#experiencias .catering-prices-pending{font-size:.75rem;line-height:1.5;color:var(--muted);margin-top:12px}
/* Keep the original layout footprint; only the enlarged portrait spills out. */
#experiencias .catering-grandma-slot{position:relative;width:180px;max-width:100%;height:180px;justify-self:end}
#experiencias .catering-grandma{position:absolute;left:0;top:0;z-index:2;display:block;width:240px;max-width:none;height:360px;aspect-ratio:auto;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(94,76,57,.16))}
@media(max-width:880px){#estrutura .section-depth-photo,#experiencias .section-depth-photo{filter:none;transform:none;opacity:.16}#experiencias .catering-heading{grid-template-columns:1fr;gap:16px}#experiencias .catering-title{width:min(270px,100%)}#experiencias .catering-intro{max-width:54ch}#experiencias .catering-menu-columns{grid-template-columns:1fr;gap:24px}}
@media(max-width:560px){#experiencias .catering-shell{padding:23px 18px;border-radius:22px}#experiencias .catering-menu{padding:16px}#experiencias .catering-heading{gap:13px;margin-bottom:21px}#experiencias .catering-title{width:min(245px,100%)}#experiencias .catering-menu-bottom{grid-template-columns:1fr;gap:14px}#experiencias .catering-grandma-slot{width:145px;height:145px}#experiencias .catering-grandma{width:193.333px;height:290px}#experiencias .catering-choice{min-height:72px;padding:12px;gap:9px}#experiencias .catering-party-options{gap:7px}#experiencias .catering-party-options label{padding:10px;flex:1 1 calc(50% - 7px)}#experiencias legend span{float:none;display:block;padding-top:3px}#experiencias .catering-home-title{font-size:1rem}}
@media(prefers-reduced-motion:reduce){#estrutura .section-depth-photo,#experiencias .section-depth-photo{transform:none}#experiencias .catering-choice{transition:none}}

/* Shared cream, wood and wine palette; a usable mobile navigation. */
nav.site-navigation{background:rgba(236,230,218,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(16px);box-shadow:0 10px 28px -24px rgba(34,28,21,.45)}
nav.site-navigation>.wrap{position:relative;max-width:1240px;width:100%;padding:12px clamp(16px,3vw,36px);gap:20px}
.site-navigation .brand-logo{flex-shrink:0}
.site-navigation .nav-links{align-items:center;gap:clamp(8px,1.2vw,18px);font-size:.78rem}
.site-navigation .nav-links a{padding:9px 2px;white-space:nowrap;transition:color .2s,background .2s}
.site-navigation .nav-links .nav-natal{padding:9px 13px;border:1px solid #A8798555;border-radius:999px;background:#F5EDE0;color:#713B49}
.site-navigation .nav-natal span{color:var(--gold);margin-left:5px}
.site-navigation .nav-links a:hover{color:#713B49}
.site-navigation .nav-links .nav-natal:hover{background:#ECDDE0}
.site-navigation .nav-simulate{flex-shrink:0;padding:12px 19px;font-size:.8rem;background:linear-gradient(125deg,#884B5A,#713B49);color:#FFFBF4;border:1px solid #713B49;box-shadow:inset 0 1px 0 #FFFBF433,0 5px 14px -10px #713B49}
.site-navigation .site-menu-toggle{display:none;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 13px;border:1px solid var(--line2);border-radius:999px;background:var(--paper);color:var(--brown);font:500 .78rem 'Poppins',sans-serif;cursor:pointer}
.site-navigation :is(a,button):focus-visible{outline:2px solid #713B49;outline-offset:4px}
#inicio{scroll-margin-top:90px}
@media(max-width:1050px){
 .site-navigation .site-menu-toggle{display:inline-flex;margin-left:auto}
 .site-navigation .nav-links{display:none;position:absolute;top:calc(100% + 8px);left:16px;right:16px;padding:15px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;background:var(--paper);border:1px solid var(--line);border-radius:20px;box-shadow:0 16px 30px -14px #221C1533}
 .site-navigation.is-menu-open .nav-links{display:grid}
 .site-navigation .nav-links a{padding:12px;border-radius:12px;white-space:normal}
 .site-navigation .nav-links a:hover{background:var(--cream)}
 .site-navigation .nav-links .nav-natal{grid-column:1/-1;text-align:center}
}
@media(max-width:420px){nav.site-navigation>.wrap{gap:8px}.site-navigation .brand-logo,.site-navigation .brand-logo img{min-width:0;width:48px}.site-navigation .nav-simulate{padding:11px 12px;font-size:.73rem;min-height:44px}.site-navigation .site-menu-toggle{font-size:.73rem;padding:8px 11px}}
@media(prefers-reduced-motion:reduce){.site-navigation .nav-links a{transition:none}}

/* Same brand box and responsive scale as Lumus Marketing's header. */
.site-navigation .brand-logo{display:inline-flex;align-items:center;flex:0 0 auto;min-width:0;width:9em;height:1.7em;font-size:1.16rem}
.site-navigation .brand-logo img{display:block;min-width:0;width:100%;height:100%;object-fit:contain;object-position:left center;mix-blend-mode:multiply}
@media(max-width:760px){.site-navigation .brand-logo{font-size:.9rem;flex:0 1 9em}}
@media(max-width:360px){nav.site-navigation>.wrap{padding-left:12px;padding-right:12px;gap:6px}.site-navigation .nav-simulate{padding-left:9px;padding-right:9px;font-size:.7rem}}

/* Mobile navigation: centered action, icon at the right edge. */
.site-menu-icon{position:relative;width:20px;height:2px;background:currentColor;border-radius:2px;transition:background .2s}
.site-menu-icon::before,.site-menu-icon::after{content:'';position:absolute;left:0;width:20px;height:2px;background:currentColor;border-radius:2px;transition:transform .2s,top .2s}
.site-menu-icon::before{top:-6px}.site-menu-icon::after{top:6px}
.is-menu-open .site-menu-icon{background:transparent}
.is-menu-open .site-menu-icon::before{top:0;transform:rotate(45deg)}
.is-menu-open .site-menu-icon::after{top:0;transform:rotate(-45deg)}
@media(max-width:1050px){
 nav.site-navigation>.wrap{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px}
 .site-navigation .brand-logo{grid-column:1;grid-row:1;max-width:100%;width:9em}
 .site-navigation .nav-simulate{grid-column:2;grid-row:1;justify-self:center}
 .site-navigation .site-menu-toggle{grid-column:3;grid-row:1;justify-self:end;margin-left:0;width:44px;height:44px;padding:0}
}
@media(max-width:760px){
 #estudios .studio{gap:22px;margin-top:76px;scroll-margin-top:92px}
 #estudios .studio+.studio{margin-top:100px;padding-top:36px;border-top:1px solid var(--line)}
 #estudios .studio>.studio-heading{order:-1;margin-bottom:2px;min-width:0}
 #estudios .studio>.s-media,#estudios .studio>.studio-media-switch{order:0}
 #estudios .studio>:last-child:not(.studio-heading){order:1}
}