:root{--navy:#0b1625;--navy2:#111f30;--cream:#f0eadc;--gold:#c9a765;--muted:#acb5ba}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--cream);font-family:Montserrat,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}header{height:92px;display:flex;align-items:center;justify-content:space-between;max-width:1440px;margin:auto;padding:0 6%;position:relative;z-index:2;border-bottom:1px solid #ffffff1b}.brand{display:flex;align-items:center;gap:13px}.brand img{width:49px;height:53px;object-fit:contain}.brand-text{font-family:'Cormorant Garamond',serif;font-size:20px;line-height:1}.brand-text small{display:block;font:600 8px Montserrat;letter-spacing:.2em;color:var(--gold);margin-top:7px}nav{display:flex;align-items:center;gap:38px;font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}nav a:not(.nav-cta){color:#c7cbd0}nav a:hover{color:var(--gold)}.nav-cta,.btn{border:1px solid #c9a76599;padding:16px 20px;transition:.3s}.nav-cta:hover,.btn:hover{background:var(--gold);color:var(--navy)}.hero{min-height:690px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;max-width:1440px;margin:auto;padding:70px 8% 100px;position:relative;overflow:hidden}.hero:before{content:'';position:absolute;width:700px;height:700px;border:1px solid #c9a76512;border-radius:50%;right:-100px;top:-80px;box-shadow:0 0 0 80px #c9a76508,0 0 0 160px #c9a76506}.eyebrow{color:var(--gold);font-size:10px;letter-spacing:.26em;font-weight:700;text-transform:uppercase;display:flex;align-items:center;gap:13px}.eyebrow:before{content:'';width:35px;height:1px;background:var(--gold)}h1,h2,h3,p{margin:0}:where(.hero) h1{font:400 clamp(64px,6.9vw,105px)/.91 'Cormorant Garamond',Georgia,serif;letter-spacing:-.035em;margin:29px 0}:where(.hero) h1 em{font-weight:400;color:#d7bd88}.hero-copy{font:400 14px/1.9 Montserrat;max-width:470px;color:#b4bdc4}.actions{display:flex;gap:14px;align-items:center;margin-top:36px}.btn{font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;display:inline-flex;gap:30px;align-items:center}.btn.primary{background:var(--gold);color:#101b29}.btn.primary:hover{background:#e2c88e}.text-link{font-size:10px;letter-spacing:.14em;text-transform:uppercase;margin-left:12px}.crest-wrap{position:relative;display:flex;justify-content:center;align-items:center;min-height:480px}.crest-wrap:before,.crest-wrap:after{content:'';position:absolute;border:1px solid #c9a76535;border-radius:50%;width:430px;height:430px}.crest-wrap:after{width:500px;height:500px;border-color:#c9a76514}.crest{width:min(330px,70%);filter:drop-shadow(0 30px 35px #0008);animation:float 7s ease-in-out infinite}.vertical{position:absolute;right:0;bottom:15%;writing-mode:vertical-rl;font-size:9px;letter-spacing:.25em;text-transform:uppercase;color:#a28d63}.about{color:#182333;padding:120px 8%}.about-inner{max-width:1200px;margin:auto;display:grid;grid-template-columns:1fr 1.1fr;gap:12%}.about h2,.about h1,.modules h2{font:400 clamp(46px,5vw,72px)/1 'Cormorant Garamond',serif;letter-spacing:-.02em;margin-top:25px}.about .eyebrow{color:#8e713e}.about p{font:400 15px/2 Montserrat;color:#59616a;margin:26px 0}.facts{display:flex;gap:55px;border-top:1px solid #bebbb0;padding-top:25px;margin-top:38px}.facts strong{font:400 36px 'Cormorant Garamond',serif;display:block}.facts span{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#777}.quote{border-left:1px solid #b4945a;padding:20px 0 20px 36px;align-self:center}.quote p{font:400 35px/1.25 'Cormorant Garamond',serif;color:#25303c;margin:0}.quote small{display:block;color:#9a7c48;font-size:9px;letter-spacing:.2em;text-transform:uppercase;margin-top:26px}.num{color:var(--gold);font-size:10px;letter-spacing:.15em}.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}@keyframes float{50%{transform:translateY(-12px)}}@media(max-width:900px){.hero{grid-template-columns:1fr 1fr}.crest-wrap:before{width:300px;height:300px}.crest-wrap:after{width:360px;height:360px}nav{gap:15px}}@media(max-width:650px){header{height:75px;padding:0 5%}nav a:not(.nav-cta){display:none}.nav-cta{font-size:9px;padding:13px}.brand-text{font-size:17px}.hero{display:flex;flex-direction:column-reverse;padding:30px 6% 70px;align-items:flex-start}.crest-wrap{min-height:310px;width:100%}.crest{width:210px}.crest-wrap:before{width:260px;height:260px}.crest-wrap:after{width:300px;height:300px}.vertical{display:none}:where(.hero) h1{font-size:65px}.about{padding:80px 6%}.about-inner{grid-template-columns:1fr;gap:35px}.quote p{font-size:29px}.facts{gap:25px}.actions{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}} body{background:#0B0F19}header{position:sticky;top:0;max-width:none;background:#0b0f19bb;backdrop-filter:blur(24px);height:85px;padding:0 5%}nav{gap:22px;font-size:9px}.hero{min-height:760px;background:radial-gradient(ellipse at 78% 45%,#69523425,transparent 42%),radial-gradient(ellipse at 50% 80%,#40295c33,transparent 60%)}.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#d4af3788 1px,transparent 1px);background-size:95px 110px;opacity:.3;animation:float 12s infinite}.hero h1{font-size:clamp(70px,7.7vw,115px)}.about{color:#ede9df}.about p,.facts span{color:#aeb5c4}.quote p{color:#d5c9b1}.quote{background:#211b2b66;padding:45px;border-color:#c5a059}.editorial{padding:110px 8%;border-top:1px solid #ffffff12}.editorial h2,.editorial h1,dialog h2{font:400 clamp(44px,5vw,72px)/1.06 'Cormorant Garamond',serif;margin:25px 0}.editorial h2 em,.editorial h1 em{color:#c5a059}.editorial p{font-size:14px;color:#aeb5c4;line-height:1.9;max-width:650px;margin:20px 0}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:45px}.three article{border-top:1px solid #c5a05977;padding:35px 25px;background:#151925;transition:transform .3s,background .3s}.three article:hover{transform:translateY(-7px);background:#211d2c}.three span,.three small{color:#c5a059;font-size:9px;letter-spacing:.13em}.three h3{font:32px 'Cormorant Garamond';margin-top:35px}.rite-line{letter-spacing:.2em;font-size:10px;margin-top:45px;display:flex;gap:25px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:10%}label{display:block;font-size:12px;color:#c8c9d0;margin:18px 0}input,select,textarea{display:block;width:100%;background:#121723;border:1px solid #ffffff25;padding:14px;color:#eee;font:14px Arial;margin-top:9px;border-radius:3px}input:focus,select:focus,textarea:focus{outline:1px solid #c5a059}.form-note{font-size:11px!important}#gate{max-width:600px;padding:35px 0}#gate p{line-height:1.8;color:#aeb5c4;margin:25px 0}button{cursor:pointer}[hidden]{display:none!important}:focus-visible{outline:2px solid #c5a059;outline-offset:5px}@media(max-width:850px){nav a:not(.nav-cta){display:none}.three{grid-template-columns:1fr}.contact{grid-template-columns:1fr;gap:35px}.editorial{padding:75px 6%}.rite-line{flex-wrap:wrap;line-height:2}}header{position:absolute;width:100%;background:linear-gradient(#080b10c9,transparent);border-bottom:1px solid #ffffff20;backdrop-filter:none;height:100px}header.scrolled{position:fixed;background:#090c12e8;backdrop-filter:blur(20px);height:76px}.hero.cinematic{max-width:none;min-height:820px;height:100svh;display:flex;align-items:center;padding:130px 9% 150px;isolation:isolate;background:#0b0f19 url(temple.webp) center/cover}.hero.cinematic:before,.hero.cinematic:after{display:none}#cinema{position:absolute;inset:0;z-index:-3}#cinema>div{min-width:100%;min-height:100%}.cinema-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(0deg,#0b0f19,transparent 30%),linear-gradient(90deg,#06090ecc 0%,#06090e85 40%,#06090e05 80%)}.cinema-copy{max-width:850px}.hero.cinematic h1{font-size:clamp(65px,7.5vw,116px);line-height:1.03;font-weight:400;margin:28px 0;letter-spacing:-.045em;text-shadow:0 5px 35px #0005}.hero.cinematic h1 em{color:#e5c78c}.hero-rule{width:80px;height:1px;background:#bf9d63;margin:30px 0}.hero-copy{color:#dbd8cf;font-size:14px;letter-spacing:.03em}.hero-copy strong{font-weight:500;color:#fff}.hero-signature{position:absolute;right:7%;bottom:125px;text-align:right;color:#ccb88e;font-size:9px;letter-spacing:.24em;line-height:2}.hero-signature b{display:block;font-size:13px;font-weight:500}.hero-signature span{display:block;font-size:8px;color:#b2b0aa;letter-spacing:.08em}.discover{position:absolute;bottom:40px;left:9%;font-size:8px;letter-spacing:.24em;display:flex;align-items:center;gap:30px}.discover span{font-size:25px;color:#c5a059}.about{padding-top:140px}.about-inner{grid-template-columns:1.2fr .8fr}.quote{border:0;background:transparent;text-align:center;padding:0}.heritage-crest{width:210px;display:block;margin:0 auto 35px;filter:drop-shadow(0 12px 35px #0008)}.quote p{font-size:24px}.three article{background:transparent;border-bottom:1px solid #ffffff15;padding:35px 0}.three article:hover{background:transparent}.editorial.rite{position:relative;min-height:600px;display:flex;flex-direction:column;justify-content:center}.rite h2,.rite h1{font-size:90px}.btn{padding:19px 26px}.btn.primary{background:#bc985b;color:#0b0f19}.brand img{width:43px}.about h2,.about h1{font-size:64px}@media(max-width:650px){header{height:85px}.hero.cinematic{min-height:760px;padding:150px 7% 200px;height:100svh}.hero.cinematic h1{font-size:62px}.hero.cinematic .eyebrow{font-size:8px;letter-spacing:.15em}.cinema-shade{background:linear-gradient(0deg,#0b0f19,transparent 50%),linear-gradient(90deg,#06090ec9,#06090e40)}.hero-signature{bottom:100px;left:7%;right:auto;text-align:left}.hero-signature span{display:none}.hero .actions{gap:22px}.hero .text-link{margin:0}.discover{left:7%;font-size:7px}.about-inner{grid-template-columns:1fr}.about h2,.about h1{font-size:48px}.heritage-crest{width:165px}.rite h2,.rite h1{font-size:65px}}/* Polished navigation and single continuous hero canvas. */ header{position:fixed;z-index:50;background:#090c12bb;backdrop-filter:blur(18px);height:90px}header.scrolled{height:90px}header:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:var(--scroll-progress,0%);background:#c5a059;box-shadow:0 0 12px #c5a05977}nav .nav-tabs{display:flex;gap:22px;height:100%;align-items:center}nav .nav-tab{background:none;border:0;color:#c0c0c5;font:500 10px Montserrat;letter-spacing:.08em;padding:17px 0;position:relative;white-space:nowrap}nav .nav-tab[aria-current=page]{color:#e0bd7c}nav .nav-tab:after{content:"";position:absolute;bottom:5px;left:0;right:0;height:1px;background:#c5a059;transform:scaleX(0);transition:transform .3s}nav .nav-tab[aria-current=page]:after{transform:scaleX(1)}.hero.cinematic{background:#080b10;overflow:hidden}#cinema{display:block;inset:0;width:100%;height:100%}#cinema>div{min-width:0;min-height:0}.cinema-copy{will-change:transform,opacity}.editorial.rite{background-repeat:no-repeat}main>section:not(#inicio){padding-top:150px;min-height:calc(100svh - 100px)}main>[hidden]{display:none!important}.js .scroll-reveal{opacity:0;transform:translateY(30px);transition:opacity .85s ease,transform .85s ease}.js .scroll-reveal.in-view{opacity:1;transform:none}.three article:nth-child(2){transition-delay:.1s}.three article:nth-child(3){transition-delay:.2s}.tab-next{display:flex;justify-content:space-between;align-items:center;padding:28px 8%;color:#c5a059;font-size:11px;letter-spacing:.1em}.tab-next a{background:none;border:1px solid #c5a05977;color:#ddc79f;padding:14px 22px;display:inline-block;text-align:center}.hero-signature{pointer-events:none}@media(max-width:1100px){header{padding:0 4%}nav{gap:14px}nav .nav-tabs{gap:15px}.brand-text{font-size:16px}}@media(max-width:850px){header,header.scrolled{height:125px;align-items:flex-start;padding-top:14px}.brand img{height:43px}nav .nav-tabs{position:absolute;left:0;right:0;bottom:0;height:53px;padding:0 5%;overflow-x:auto;gap:25px;background:#0b0f1955}nav .nav-cta{display:block;margin-top:3px}nav .nav-tab{font-size:10px;display:block}.hero.cinematic{padding-top:180px}.hero.cinematic h1{font-size:clamp(49px,9vw,75px)}main>section:not(#inicio){padding-top:170px}.tab-next{gap:20px;font-size:9px}}@media(prefers-reduced-motion:reduce){.js .scroll-reveal{opacity:1;transform:none}.cinema-copy{transform:none!important;opacity:1!important}} /* Readability and tactile controls */ body{font-family:Arial,Helvetica,sans-serif;color:#f4f1e9;line-height:1.65}nav .nav-tab{font-family:Arial,sans-serif;font-size:15px;letter-spacing:0;font-weight:600;padding:12px 14px;border-radius:24px;transition:background .25s,color .25s}nav .nav-tab[aria-current=page]{background:#c5a05920}nav .nav-tab:after{display:none}nav .nav-tabs{gap:3px}nav{gap:14px}.brand-text{font-size:21px}.brand-text small{font-size:10px;letter-spacing:.08em}.btn,.nav-cta,.tab-next a{border-radius:32px;font-family:Arial,sans-serif;font-size:15px;letter-spacing:.01em;text-transform:none;min-height:48px;padding:14px 24px;box-shadow:inset 0 1px 0 #ffffff20;transition:background .25s,box-shadow .25s,transform .25s}.btn:hover,.nav-cta:hover,.tab-next a:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0004,inset 0 1px 0 #ffffff30}.btn:active,.tab-next a:active{transform:translateY(0)}.text-link{font-size:15px;letter-spacing:0;text-transform:none}.eyebrow{font-size:13px;letter-spacing:.1em;line-height:1.6}.hero-copy,.editorial p,.about p,.section-head p{font-family:Arial,sans-serif;font-size:18px;line-height:1.85;color:#e0e2e7}.hero-copy strong{font-size:21px}.three span,.three small,.status,.num,.facts span,.notice,.quote small{font-size:13px;letter-spacing:.03em;line-height:1.7}.three h3{font-size:36px}.three article{padding:28px 22px;background:#0b1019c9;border:1px solid #ffffff20;border-radius:18px;backdrop-filter:blur(12px)}.three article:hover{background:#151b27e8}.three p{font-size:17px}.form-note{font-size:14px!important}label{font-size:16px;color:#eee}input,select,textarea{font-size:17px;border-radius:12px;padding:15px;border-color:#ffffff45}.hero-signature{font-size:11px}.hero-signature b{font-size:15px}.hero-signature span{font-size:12px}.discover{font-size:12px;letter-spacing:.08em}.tab-next{font-size:13px;letter-spacing:.04em}.quote p{font-size:28px}.contact form{background:#0a0f18df;padding:30px;border:1px solid #ffffff22;border-radius:24px;backdrop-filter:blur(15px)} .sound-dock{position:fixed;bottom:18px;left:20px;z-index:70;display:flex;gap:12px;align-items:center;padding:9px 14px;border:1px solid #c5a05966;background:#0b1019eb;backdrop-filter:blur(15px);border-radius:30px;box-shadow:0 8px 30px #0005}.sound-dock button{border:0;background:transparent;color:#ead5ac;font-size:14px;min-height:32px}.sound-note{font-size:12px;color:#c5c9d2;max-width:150px}.quote{background:#0b101999;border-radius:24px;padding:30px}.three{gap:20px}main>section:not(#inicio){min-height:100svh} @media(max-width:1150px){nav .nav-tab{font-size:14px;padding:10px}header{padding-left:3%;padding-right:3%}.brand-text{font-size:18px}}@media(max-width:950px){header,header.scrolled{height:132px;align-items:flex-start;padding-top:14px}nav .nav-tabs{position:absolute;left:0;right:0;bottom:0;height:55px;overflow:auto;padding:0 4%;gap:9px;background:#0b0f1977}nav .nav-cta{display:block;font-size:14px;margin-top:0}nav .nav-tab{font-size:15px;display:block;min-height:44px;padding:10px 16px}main>section:not(#inicio){padding-top:185px}.hero.cinematic{padding-top:180px}.hero .actions{gap:20px}}@media(max-width:650px){.hero.cinematic .eyebrow{font-size:12px;letter-spacing:.04em}.hero-copy{font-size:17px}.hero .actions{align-items:flex-start;flex-direction:column}.hero-signature{bottom:100px}.hero.cinematic{min-height:900px}.discover{font-size:11px}.sound-dock{left:12px;bottom:12px}.sound-note{display:none}.brand-text small{font-size:9px}.brand-text{font-size:16px}.brand{gap:8px}.nav-cta{padding:12px 15px}.about h2,.about h1{font-size:47px}.contact form{padding:22px}.eyebrow{font-size:12px}.editorial p,.about p{font-size:18px}.three{gap:24px}.hero-signature span{display:none}} @media(prefers-reduced-motion:reduce){main{transition:none}} /* Mobile navigation: one compact header, no permanent floating overlays. */ .mobile-menu{display:none} @media(max-width:950px){ header,header.scrolled{height:78px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:#090d15f2;backdrop-filter:blur(16px)} .brand{min-width:0;gap:10px}.brand img{width:37px;height:43px;flex-shrink:0}.brand-text{font-size:18px;white-space:nowrap}.brand-text small{font-size:9px;letter-spacing:.04em;margin-top:6px} .mobile-menu{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 14px;border:1px solid #c5a05966;border-radius:24px;background:#ffffff06;color:#edd6ad;font-size:14px;flex-shrink:0} header nav{display:none;position:absolute;top:78px;left:0;right:0;background:#0d131ff8;padding:20px;max-height:calc(100dvh - 78px);overflow:auto;border-bottom:1px solid #c5a05955;box-shadow:0 20px 40px #0006} header.menu-open nav{display:flex;flex-direction:column;align-items:stretch;gap:20px} nav .nav-tabs{position:static;display:grid;grid-template-columns:1fr 1fr;height:auto;padding:0;overflow:visible;background:none;gap:8px} nav .nav-tab{text-align:left;min-height:48px;padding:12px 18px;font-size:16px;border-radius:13px;border:1px solid #ffffff15} nav .nav-cta{display:block;text-align:center;margin:0;font-size:16px;padding:14px;min-height:48px} header .sound-dock{position:static;box-shadow:none;display:flex;flex-wrap:wrap;border-radius:16px;padding:14px;gap:12px;background:#080d16} .sound-dock button{font-size:15px;min-height:44px}.sound-note{display:none} .hero.cinematic{height:auto;min-height:calc(100svh - 0px);padding:145px 7% 65px;display:block} .hero.cinematic h1{font-size:clamp(48px,8.5vw,78px);margin:25px 0;line-height:1.08}.hero.cinematic .eyebrow{font-size:11px;letter-spacing:.05em;flex-wrap:wrap;gap:10px}.eyebrow:before{width:24px} .hero-copy{font-size:17px;line-height:1.7}.hero-copy strong{font-size:19px}.hero .actions{margin-top:30px;display:flex;flex-direction:column;align-items:stretch;gap:16px;max-width:430px}.hero .actions .btn{justify-content:space-between;font-size:16px;padding:16px 22px}.hero .actions .text-link{margin:0;padding:12px 0;font-size:16px;min-height:44px} .hero-signature{position:relative;inset:auto;margin-top:36px;text-align:left;font-size:10px;line-height:1.8}.hero-signature b{font-size:13px}.hero-signature span{display:none}.discover{position:relative;inset:auto;display:flex;width:fit-content;margin-top:25px;font-size:10px;gap:18px} main>section:not(#inicio){padding-top:120px}.cinema-copy{transform:none!important;opacity:1!important}.tab-next{padding:24px 7%;align-items:flex-start;flex-direction:column;gap:16px}.tab-next a{width:100%;text-align:left}.contact form{min-width:0} } @media(max-width:380px){header,header.scrolled{padding:0 12px;gap:8px}.brand-text{font-size:16px}.brand-text small{font-size:8px}.mobile-menu{padding:10px 12px}.hero.cinematic h1{font-size:46px}.hero.cinematic{padding-left:6%;padding-right:6%}} :root{--surface:#101722;--ink:#f1eee7;--secondary:#c6cbd3;--accent:#d4b477;--focus:#ead2a3;--ease:cubic-bezier(.22,1,.36,1);color-scheme:dark}::selection{background:#c5a059;color:#0b0f19}html{scrollbar-color:#726044 #0b0f19;scroll-padding-top:100px}input,textarea{caret-color:var(--accent)}a{text-underline-offset:5px}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--focus);outline-offset:5px}.skip-link{position:fixed;top:-90px;left:20px;z-index:1000;background:var(--accent);color:#0b0f19;padding:12px 20px;border-radius:12px}.skip-link:focus{top:12px}.ui-icon{width:19px;height:19px;display:inline-block;vertical-align:middle;flex-shrink:0}.hero.cinematic h1{max-width:11ch;letter-spacing:-.03em;font-size:clamp(64px,7vw,96px);text-wrap:balance}.hero-copy,.about p,.editorial p{max-width:65ch}.btn,.nav-cta,.tab-next a{font-weight:600}.text-link{display:inline-flex;align-items:center;gap:10px}.eyebrow{color:#e0c58f}.hero-signature{color:#e4d3b3}.hero-signature span{color:#d0d1ce}.sound-dock{box-shadow:0 12px 30px #0004}.three article{border-radius:16px}.three small{color:#dfc797}.facts{flex-wrap:wrap;gap:30px}.facts strong{color:#eee5d2}.facts span{color:#ccd0d7}.tab-next a{display:flex;align-items:center;justify-content:space-between;gap:25px}.editorial h2,.editorial h1,.about h2,.about h1{text-wrap:balance}.js .scroll-reveal{transition-duration:.6s;transition-timing-function:var(--ease)} @media(max-width:950px){html{scroll-padding-top:90px}.hero.cinematic{min-height:100svh;padding-top:125px;padding-bottom:85px}.hero.cinematic h1{font-size:clamp(48px,8.6vw,78px);max-width:12ch}.hero-signature{margin-top:25px}.discover{margin-top:18px}.mobile-menu{min-width:84px}.mobile-menu .ui-icon{width:18px}.sound-dock{padding-bottom:max(12px,env(safe-area-inset-bottom))}.contact{gap:32px}.contact form{border-radius:16px}.about .quote{padding:24px}.three article{backdrop-filter:none}nav .nav-cta{display:flex;justify-content:center;align-items:center;gap:12px}} @media(max-width:550px){.about h2,.about h1,.editorial h2,.editorial h1{font-size:44px}.hero .actions{gap:10px}.hero-copy strong{font-size:18px}.quote p{font-size:26px}.facts{gap:24px}.facts strong{font-size:30px}} @media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}} @media(min-width:951px){.hero.cinematic h1{max-width:16ch;text-wrap:initial}} .contact-info{font-style:normal;margin-top:28px} .contact-info p{margin:0 0 22px} .contact-info span{display:block;font:600 12px Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#e0c58f;margin-bottom:6px} .contact-info a{color:var(--ink);display:inline-flex;align-items:center;gap:8px;overflow-wrap:anywhere} .contact-info a:hover{color:var(--accent)} .pot{color:inherit;text-decoration:underline;text-decoration-color:#c5a05999;text-underline-offset:4px;transition:color .25s} .pot:hover{color:var(--accent)} .facts .fact-long strong{font-size:22px;line-height:1.25;max-width:230px} /* Fundo da aba ativa: duas camadas fixas que se cruzam (ver setBackground em polish.js). */ .page{position:relative;isolation:isolate;--bg:linear-gradient(#0b0f19,#0b0f19)} .page[data-tab=sobre]{--bg:linear-gradient(90deg,#080d16e8 0%,#080d16a0 48%,#080d1633 100%),url(sobre-masonic.webp)} .page[data-tab=acoes]{--bg:linear-gradient(90deg,#080d16e0,#080d1655),url(acoes-masonic.webp)} .page[data-tab=artigos]{--bg:linear-gradient(90deg,#080d16de,#080d1644),url(artigos-masonic.webp)} .page[data-tab=rito]{--bg:linear-gradient(90deg,#080d16e8,#080d1633),url(rito-masonic.webp)} .page[data-tab=contato]{--bg:linear-gradient(90deg,#080d16cc,#080d1644),url(contato-masonic.webp)} @media(max-width:650px){.page[data-tab=rito]{--bg:linear-gradient(90deg,#080d16ee,#080d16a6),url(rito-masonic.webp)}} .page-bg{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:#0b0f19} .page-bg i{position:absolute;inset:0;background:var(--bg) center/cover no-repeat;opacity:0;transform:scale(1.045);transition:opacity 1.1s cubic-bezier(.4,0,.2,1),transform 2.2s cubic-bezier(.16,.6,.2,1);will-change:opacity,transform} .page-bg i.on{opacity:1;transform:none} /* Troca de aba: o conteúdo atual sobe e some; o novo entra depois, bloco a bloco (polish.js). */ main>section,main>.tab-next{transition:opacity .55s cubic-bezier(.16,1,.3,1),transform .55s cubic-bezier(.16,1,.3,1)} main.leaving>section:not([hidden]),main.leaving>.tab-next{opacity:0;transform:translateY(-14px);transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,1,1)} .js .scroll-reveal{transition-duration:.75s;transition-timing-function:cubic-bezier(.16,1,.3,1)} footer{padding:56px 7% 100px;display:grid;grid-template-columns:1.3fr 1.55fr 1.45fr auto;gap:40px 3%;align-items:start;color:var(--secondary);font:14px/1.7 Arial,sans-serif;letter-spacing:.01em;background:linear-gradient(180deg,#080d1600,#080d16e6 70%)} .footer-name{display:block;margin-bottom:6px;font:500 21px/1.2 'Cormorant Garamond',serif;color:#d5c59f} .footer-label{display:block;margin-bottom:10px;font:600 11px Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#e0c58f} footer address{font-style:normal} .addr-line{display:block} .footer-links a{display:block;margin-top:10px;color:var(--ink);overflow-wrap:anywhere} .footer-pot a{display:block;padding:3px 0;overflow-wrap:anywhere} .footer-top{display:inline-flex;align-items:center;gap:10px;justify-self:end;min-height:44px;padding:0 22px;border:1px solid #c5a05966;border-radius:32px;color:var(--ink);white-space:nowrap;transition:background .25s,border-color .25s} .footer-top:hover{background:#ffffff12;border-color:#c5a059} @media(max-width:950px){footer{grid-template-columns:1fr 1fr;padding:44px 7% 40px}.footer-top{justify-self:start}} @media(max-width:650px){ .tab-next{padding:18px 7% 2px;gap:0}.tab-next>span{display:none} footer{grid-template-columns:1fr auto;gap:0 12px;padding:14px 7% max(16px,env(safe-area-inset-bottom));align-items:center;font-size:13px;line-height:1.6} .footer-id{grid-column:1;grid-row:1}.footer-loc,.footer-label{display:none}.footer-name{margin:0;font-size:19px} .footer-top{grid-column:2;grid-row:1;justify-self:end;min-width:44px;padding:0;justify-content:center;border-radius:50%}.footer-top-text{display:none} .footer-contact,.footer-pot{grid-column:1/-1} .addr-line{display:inline}.addr-line:not(:nth-last-child(2))::after{content:" · "}.addr-line:nth-last-child(2){white-space:nowrap} .footer-links,.footer-pot{display:flex;flex-wrap:wrap;gap:0 22px} .footer-links a,.footer-pot a{display:flex;align-items:center;min-height:34px;margin:0;padding:0} .footer-links{margin-top:2px} } /* Painéis recebem foco só por código (links com #aba): sem moldura dourada ao redor da seção. */ main:focus,main:focus-visible{outline:none} /* O botão "continue explorando" precisa ler bem sobre qualquer imagem de fundo. */ .tab-next a{background:#0a0f18b8;backdrop-filter:blur(8px)} /* ===== Portal do Obreiro: tela imersiva no mesmo padrão do site ===== */ dialog{width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;color:var(--ink);background:#080d16;overflow-y:auto;overscroll-behavior:contain;isolation:isolate} dialog::backdrop{background:#04070b} dialog::before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,#080d16f2 0%,#080d16c4 55%,#080d169a 100%),url(temple.webp) center/cover no-repeat;transform:scale(1.06);animation:portal-zoom 2.6s cubic-bezier(.16,.6,.2,1) forwards} @keyframes portal-zoom{to{transform:none}} dialog[open]{animation:portal-in .45s ease both} dialog.closing{animation:portal-out .28s ease both} @keyframes portal-in{from{opacity:0}} @keyframes portal-out{to{opacity:0}} html:has(dialog[open]){overflow:hidden} dialog[open] .p-item{animation:portal-rise .9s var(--ease) both;animation-delay:calc(var(--i,0)*80ms + 150ms)} @keyframes portal-rise{from{opacity:0;transform:translateY(26px)}} .portal{max-width:1240px;min-height:100%;margin:0 auto;padding:max(26px,env(safe-area-inset-top)) 6% max(36px,env(safe-area-inset-bottom));display:flex;flex-direction:column} .portal-bar{display:flex;justify-content:space-between;align-items:center;gap:20px} .close{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;border:1px solid #c5a05966;border-radius:50%;background:#0a0f18b8;backdrop-filter:blur(8px);color:var(--ink);cursor:pointer;transition:background .25s,border-color .25s,transform .45s var(--ease)} .close:hover{background:#ffffff14;border-color:#c5a059;transform:rotate(90deg)} .portal-head{margin:clamp(22px,5vh,60px) 0 clamp(20px,3.6vh,38px)} .portal-head h2{margin:22px 0 18px;font:400 clamp(46px,5.6vw,88px)/1.02 'Cormorant Garamond',serif;letter-spacing:-.035em;text-wrap:balance;outline:none} .portal-head h2 em{color:#e5c78c} .portal-head p{max-width:52ch;margin:0;font:17px/1.8 Arial,sans-serif;color:#e0e2e7} .portal-grid,.portal-soon{display:grid;gap:18px} .portal-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .portal-soon{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px} .pcard{position:relative;display:flex;flex-direction:column;min-height:204px;padding:28px;overflow:hidden;border:1px solid #ffffff22;border-top-color:#c5a05999;border-radius:18px;background:#0a0f18b8;backdrop-filter:blur(14px);color:inherit;text-decoration:none;transition:transform .45s var(--ease),border-color .3s,background .3s,box-shadow .45s} .pcard::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(420px 220px at 100% 0,#c5a05929,transparent 70%);opacity:0;transition:opacity .4s} .pcard:hover,.pcard:focus-visible{transform:translateY(-5px);border-color:#c5a059;background:#0d1420d0;box-shadow:0 22px 60px #0007} .pcard:hover::after,.pcard:focus-visible::after{opacity:1} .pcard-top{display:flex;justify-content:space-between;align-items:center;gap:16px} .picon{display:grid;place-items:center;flex-shrink:0;width:52px;height:52px;border:1px solid #c5a05966;border-radius:50%;color:#e0c58f} .picon .ui-icon{width:26px;height:26px} .pnum{font:600 10px Arial,sans-serif;letter-spacing:.2em;color:#c5a059} .pcard h3{margin:auto 0 10px;padding-top:28px;font:500 clamp(30px,2.7vw,40px)/1.1 'Cormorant Garamond',serif;letter-spacing:-.01em} .pcard p{margin:0 0 24px;font:15px/1.7 Arial,sans-serif;color:var(--secondary)} .pgo{display:flex;justify-content:space-between;align-items:center;font:600 11px Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#e5c78c} .pgo i{display:grid;place-items:center;width:40px;height:40px;border:1px solid #c5a05977;border-radius:50%;transition:background .3s,color .3s,transform .45s var(--ease)} .pgo .ui-icon{width:18px;height:18px} .pcard:hover .pgo i,.pcard:focus-visible .pgo i{background:#c5a059;color:#0b0f19;transform:translate(3px,-3px)} .psoon{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:4px 16px;padding:20px 22px;border:1px dashed #ffffff2e;border-radius:16px;background:#0a0f188c;color:#aeb5c4} .psoon .picon{grid-row:1/3;width:44px;height:44px;border-color:#ffffff2e;color:#aeb5c4} .psoon h3{margin:0;font:500 26px/1.1 'Cormorant Garamond',serif;color:#d8dbe2} .psoon p{grid-column:2/4;margin:0;font:13px/1.5 Arial,sans-serif} .pstatus{grid-column:3;grid-row:1;padding:6px 11px;border:1px solid #c5a05955;border-radius:20px;font:600 9px Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#c5a059;white-space:nowrap} .portal-note{margin:24px 0 0;padding-top:18px;border-top:1px solid #ffffff1c;font:13px/1.7 Arial,sans-serif;color:var(--secondary)} @media(max-width:850px){.portal-grid,.portal-soon{grid-template-columns:1fr}.pcard{min-height:200px}} @media(max-width:650px){ dialog::before{background:linear-gradient(180deg,#080d16e8,#080d16cc),url(temple.webp) 62% center/cover no-repeat} .portal{padding:14px 6% max(22px,env(safe-area-inset-bottom))} .portal-head{margin:22px 0 18px} .portal-head p{font-size:16px} .portal-grid,.portal-soon{gap:12px}.portal-soon{margin-top:12px} .pcard{min-height:0;display:grid;grid-template-columns:auto 1fr;gap:4px 16px;padding:18px} .pcard-top{grid-column:1;grid-row:1/4;display:block}.pnum{display:none} .pcard h3,.pcard p,.pcard .pgo{grid-column:2} .pcard h3{margin:0;padding:0;font-size:30px}.pcard p{margin:0 0 10px;font-size:14px} .psoon{padding:12px 14px;gap:0 14px}.psoon .picon{grid-row:auto;width:40px;height:40px}.psoon p{display:none} .portal-note{margin-top:18px} } /* ===== Páginas próprias (site multipágina) ===== */ .p-item[data-i="0"]{--i:0}.p-item[data-i="1"]{--i:1}.p-item[data-i="2"]{--i:2}.p-item[data-i="3"]{--i:3}.p-item[data-i="4"]{--i:4}.p-item[data-i="5"]{--i:5}.p-item[data-i="6"]{--i:6}.p-item[data-i="7"]{--i:7} /* Cartões de publicação nas listas de Ações e Artigos. */ .post-card h3 a{color:inherit;text-decoration:none} .post-card h3 a:hover{color:#e0bd7c} .post-card h3 a::after{content:"";position:absolute;inset:0} .three article.post-card{position:relative} .post-card small{color:#c5a059} /* Página de uma publicação. */ .editorial.post{max-width:900px} .editorial.post .post-summary{font-size:19px;color:#d8dce3;margin:0 0 30px} .post-cover{display:block;width:100%;height:auto;border-radius:18px;margin:10px 0 36px;border:1px solid #ffffff18} .post-body{max-width:72ch;font-size:17px;line-height:1.75;color:#d8dce3} .post-body>*+*{margin-top:1.1em} .post-body h2,.post-body h3,.post-body h4{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;color:#f1e6cf;line-height:1.15;margin-top:1.6em} .post-body h2{font-size:34px}.post-body h3{font-size:28px}.post-body h4{font-size:23px} .post-body ul,.post-body ol{padding-left:1.4em} .post-body li+li{margin-top:.4em} .post-body a{color:#e0bd7c;text-decoration:underline} .post-body img{display:block;max-width:100%;height:auto;border-radius:14px} /* Remotion Player: regras que ele injetaria em