@font-face{font-family:Playfair;src:url('./fonts/playfair-display-600-latin.woff2') format('woff2');font-display:swap;font-weight:600}
:root{--purple:#472e68;--green:#2bbca4;--night:#111018;--ink:#f9f7fb;--muted:#b9b3c2}
*{box-sizing:border-box}
html{background:var(--night);scroll-behavior:smooth}
body{margin:0;min-width:320px;color:var(--ink);font-family:Inter,Arial,sans-serif}
a{color:inherit;text-decoration:none}
.page-shell{min-height:100svh;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse 75% 50% at 23% 19%,rgba(71,46,104,.35),transparent 73%),var(--night)}
.page-shell:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,transparent calc(100% - 1px),rgba(255,255,255,.045) 100%) 0 0/86px 100%,linear-gradient(transparent calc(100% - 1px),rgba(255,255,255,.04) 100%) 0 0/100% 86px;mask-image:linear-gradient(to bottom,black,transparent 86%)}
.ambient-light{position:absolute;z-index:-1;width:55vw;height:55vw;left:-30vw;top:19%;pointer-events:none;background:radial-gradient(circle,rgba(43,188,164,.14),transparent 70%);filter:blur(16px)}
.masthead,.layout,.footer{width:min(1200px,calc(100% - 96px));margin-inline:auto}
.masthead{height:106px;display:flex;align-items:center;gap:28px;border-bottom:1px solid rgba(255,255,255,.13)}
.masthead img{display:block;width:203px;height:auto}
.masthead-rule{height:22px;width:1px;background:rgba(255,255,255,.24)}
.masthead-label{font-size:10px;font-weight:600;letter-spacing:.22em;color:var(--muted)}
.layout{min-height:calc(100svh - 178px);display:grid;grid-template-columns:minmax(0,1fr) minmax(410px,.91fr);gap:clamp(48px,7vw,112px);align-items:center;padding-block:48px 58px}
.intro{position:relative;min-width:0;align-self:stretch;display:flex;align-items:flex-end;padding-bottom:26px}
.art-stage{position:absolute;inset:-10px 0 102px 0;display:flex;align-items:center;justify-content:center;pointer-events:none}
.art-stage img{position:relative;z-index:2;display:block;height:100%;max-width:95%;width:auto;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 26px 48px rgba(0,0,0,.45));animation:art-arrive 1.3s cubic-bezier(.2,.8,.2,1) both}
.art-circle,.art-outline{position:absolute;left:50%;top:51%;transform:translate(-50%,-50%);border-radius:50%;aspect-ratio:1}
.art-circle{width:min(86%,440px);background:radial-gradient(circle at 65% 30%,rgba(68,216,192,.27),rgba(71,46,104,.3) 42%,rgba(71,46,104,.1) 70%,transparent 72%);box-shadow:0 0 90px 28px rgba(71,46,104,.24)}
.art-outline{width:min(96%,490px);border:1px solid rgba(43,188,164,.24)}
.intro-copy{position:relative;z-index:3;width:100%;padding-top:300px;background:linear-gradient(transparent 78%,rgba(17,16,24,.55) 100%)}
h1{max-width:11ch;margin:0;font-family:'Space Grotesk',Arial,sans-serif;font-size:clamp(46px,4.8vw,70px);font-weight:500;line-height:1.02;letter-spacing:-.045em;text-wrap:balance;text-shadow:0 3px 28px rgba(17,16,24,.8)}
h1 em{font-family:Playfair,Georgia,serif;font-size:.88em;font-weight:600;font-style:normal;letter-spacing:-.045em;color:var(--green)}
.destinations{display:grid;gap:16px}
.destination{position:relative;display:grid;grid-template-columns:112px minmax(0,1fr) 30px;align-items:center;gap:8px;min-height:162px;padding:28px 30px 29px 10px;border:0;background-repeat:no-repeat;background-position:center;background-size:100% 100%;filter:drop-shadow(0 13px 16px rgba(0,0,0,.27));transition:transform .35s cubic-bezier(.2,.8,.2,1),filter .35s}
.destination:focus-visible{outline:3px solid var(--green);outline-offset:5px}
.destination-glyph{width:106px;height:106px;display:grid;place-items:center;background:none;border:0;box-shadow:none;overflow:visible}
.destination-glyph img{display:block;width:85px;height:85px;object-fit:contain;filter:drop-shadow(0 7px 8px rgba(0,0,0,.35));transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.destination-copy{display:grid;gap:8px;min-width:0;text-shadow:0 2px 9px rgba(0,0,0,.2)}
.destination-copy strong{font-family:'Space Grotesk',sans-serif;font-size:clamp(22px,2.15vw,30px);font-weight:700;line-height:1.05;letter-spacing:-.03em}
.destination-copy>span{font-size:14px;line-height:1.45}
.destination-arrow{height:28px;width:28px;align-self:end;transition:transform .3s ease}
.destination:is(:hover,:focus-visible){transform:translateY(-5px) scale(1.012);filter:drop-shadow(0 19px 23px rgba(0,0,0,.35))}
.destination:is(:hover,:focus-visible) .destination-glyph img{transform:scale(1.08) rotate(-4deg)}
.destination:is(:hover,:focus-visible) .destination-arrow{transform:translateX(4px)}
.destination-contact{background-image:url('./assets/plate-contact.png');color:#fff}
.destination-contact .destination-copy>span{color:#d9f4eb}
.destination-website{background-image:url('./assets/plate-vise.png');color:#301c4e}
.destination-website .destination-copy{text-shadow:none;transform:translateY(-10px)}
.destination-future{grid-template-columns:112px minmax(0,1fr) 30px;min-height:145px;background-image:url('./assets/plate-cartomantes.png');color:#f6f0fa}
.destination-future .destination-copy strong{font-size:clamp(17px,1.7vw,22px);line-height:1.15}
.destination-future .destination-copy>span{color:#e2d8e7}
.footer{min-height:72px;border-top:1px solid rgba(255,255,255,.13);display:flex;align-items:center;color:#aaa4b3;font-size:11px;line-height:1.4}
@keyframes art-arrive{from{opacity:0;transform:translateY(25px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:850px){.masthead,.layout,.footer{width:min(620px,calc(100% - 40px))}.masthead{height:74px;gap:16px}.masthead img{width:152px}.masthead-rule{height:18px}.masthead-label{font-size:9px}.layout{display:block;min-height:auto;padding:0 0 48px}.intro{height:360px;display:block;padding:0}.art-stage{inset:2px 0 83px}.art-stage img{height:100%;max-width:100%}.art-circle{width:min(75%,300px)}.art-outline{width:min(84%,340px)}.intro-copy{position:absolute;bottom:0;padding:100px 2px 0}.eyebrow{font-size:9px;margin-bottom:10px}h1{font-size:clamp(39px,9vw,55px)}.intro-note{font-size:13px;margin:12px 0 0}.destination{min-height:111px;padding:20px;grid-template-columns:24px 1fr 24px;gap:15px;border-radius:16px}.destination-number{font-size:10px}.destination-copy{gap:6px}.destination-copy strong{font-size:clamp(21px,5.5vw,25px)}.destination-copy>span{font-size:12px}.destination-arrow{width:24px;height:24px}.destination-future{min-height:98px;grid-template-columns:24px 1fr auto}.destination-future .destination-copy strong{font-size:17px}.future-label{font-size:8px;padding:5px 6px}.footer{min-height:60px;font-size:9px}}
@media(max-width:400px){.masthead,.layout,.footer{width:calc(100% - 32px)}.masthead-label{font-size:8px;letter-spacing:.13em}.destination{padding:18px 16px;gap:11px}.destination-copy strong{font-size:20px}.destination-future .destination-copy strong{font-size:16px}.future-label{font-size:7px}.intro{height:342px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media(max-width:850px){.intro{height:380px}.art-stage{inset:2px 0 72px}.destinations{margin-top:28px;gap:12px}.destination{min-height:116px;padding:14px;grid-template-columns:72px minmax(0,1fr) 24px;gap:12px;border-radius:18px}.destination-glyph{height:72px;width:72px;border-radius:14px}.destination-glyph img{height:67px;width:67px}.destination-future{min-height:106px;grid-template-columns:72px minmax(0,1fr) auto}h1{max-width:13ch}}
@media(max-width:400px){.intro{height:355px}.destination{padding:12px;gap:10px;grid-template-columns:65px minmax(0,1fr) 22px}.destination-glyph{height:65px;width:65px}.destination-glyph img{height:62px;width:62px}.destination-future{grid-template-columns:65px minmax(0,1fr) auto}}
@media(max-width:850px){.destination{min-height:127px;grid-template-columns:80px minmax(0,1fr) 24px;gap:5px;padding:20px 22px 20px 6px;border-radius:0}.destination-glyph{height:80px;width:80px;border-radius:0}.destination-glyph img{height:72px;width:72px}.destination-future{min-height:127px;grid-template-columns:80px minmax(0,1fr) 24px}.destination-copy strong{font-size:clamp(20px,5.2vw,25px)}.destination-copy>span{font-size:12px}}
@media(max-width:400px){.destination{min-height:122px;grid-template-columns:70px minmax(0,1fr) 19px;gap:5px;padding:18px 18px 18px 5px}.destination-glyph{height:70px;width:70px}.destination-glyph img{height:65px;width:65px}.destination-future{min-height:122px;grid-template-columns:70px minmax(0,1fr) 19px}.destination-copy strong{font-size:19px}.destination-copy>span{font-size:12px}.destination-future .destination-copy strong{font-size:15px}}
.destinations{gap:12px;min-width:0}
.destination,.destination-future{display:block;width:100%;min-width:0;min-height:0;padding:0;border:0;background:none;filter:drop-shadow(0 13px 16px rgba(0,0,0,.26));transition:transform .35s cubic-bezier(.2,.8,.2,1),filter .35s}
.destination picture,.destination img{display:block;width:100%;max-width:100%;height:auto}
.destination:is(:hover,:focus-visible){transform:translateY(-5px) scale(1.012);filter:drop-shadow(0 18px 23px rgba(0,0,0,.34))}
@media(max-width:850px){.destination img{height:auto}}

/* Placas editoriais: a arte forma a peça; os títulos usam a tipografia do site. */
.destinations{gap:clamp(20px,1.9vw,26px);padding-block:8px}
.destination,.destination-future{position:relative;display:block;width:100%;min-width:0;padding:0;border:0;background:none;filter:drop-shadow(0 12px 16px rgba(0,0,0,.22));transition:transform .32s cubic-bezier(.2,.8,.2,1),filter .32s cubic-bezier(.2,.8,.2,1)}
.destination>img{display:block;width:100%;height:auto;max-width:100%}
.destination-label{position:absolute;inset:11% 7% 11% 30%;display:flex;align-items:center;justify-content:center;text-align:center;font-family:Playfair,Georgia,serif;font-size:clamp(1.125rem,2.32vw,1.9rem);font-weight:600;letter-spacing:-.018em;line-height:1.08;text-wrap:balance;color:#f8f0e8;text-shadow:0 1px 0 #c6b6c5,0 2px 0 #876e89,0 3px 2px rgba(24,10,31,.38),0 5px 7px rgba(24,10,31,.23);pointer-events:none}
.destination-website .destination-label{color:#38234f;text-shadow:0 1px 0 #8e7299,0 2px 0 #634973,0 3px 2px rgba(37,17,49,.3),0 5px 7px rgba(37,17,49,.16)}
.destination-future{opacity:.84;filter:drop-shadow(0 10px 14px rgba(0,0,0,.19))}
a.destination:is(:hover,:focus-visible){transform:translateY(-3px);filter:drop-shadow(0 17px 20px rgba(0,0,0,.3))}
.destination-future:hover{transform:none;filter:drop-shadow(0 10px 14px rgba(0,0,0,.19))}
.destination:focus-visible{outline:2px solid var(--green);outline-offset:5px}
@media(max-width:850px){.destinations{gap:20px;margin-top:36px;padding-block:0}.destination-label{font-size:clamp(1.125rem,4.8vw,1.55rem);inset:10% 6% 10% 30%}}
@media(max-width:400px){.destinations{gap:18px;margin-top:34px}.destination-label{font-size:clamp(1.125rem,5vw,1.25rem)}}

/* Destinos como lista: a escultura fica apenas no medalhão, e o texto respira ao lado. */
.destinations{gap:0;padding-block:0}
.destination,.destination-future{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;column-gap:24px;min-height:142px;padding:12px 0;background:none;filter:none;border-bottom:1px solid rgba(255,255,255,.11);transition:transform .32s cubic-bezier(.2,.8,.2,1),opacity .32s}
.destination:first-child{border-top:1px solid rgba(255,255,255,.11)}
.destination>img{width:112px;height:112px;object-fit:contain;filter:drop-shadow(0 10px 14px rgba(0,0,0,.3));transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.destination-label,.destination-website .destination-label{position:static;display:block;min-width:0;font-family:'Space Grotesk',Arial,sans-serif;font-size:clamp(1.45rem,2.22vw,1.85rem);font-weight:700;line-height:1.14;letter-spacing:-.035em;text-align:left;text-wrap:balance;color:#f9f7fb;text-shadow:none}
.destination-future{opacity:.7;filter:none}
a.destination:is(:hover,:focus-visible){transform:translateX(6px);filter:none}
a.destination:is(:hover,:focus-visible)>img{transform:rotate(-5deg) scale(1.05)}
.destination-future:hover{transform:none;filter:none}
@media(max-width:850px){.destinations{margin-top:34px;gap:0}.destination,.destination-future{grid-template-columns:92px minmax(0,1fr);column-gap:18px;min-height:118px;padding:10px 0}.destination>img{width:92px;height:92px}.destination-label,.destination-website .destination-label{font-size:clamp(1.28rem,4.9vw,1.5rem)}}
@media(max-width:400px){.destinations{margin-top:30px}.destination,.destination-future{grid-template-columns:82px minmax(0,1fr);column-gap:14px;min-height:106px;padding:10px 0}.destination>img{width:82px;height:82px}.destination-label,.destination-website .destination-label{font-size:clamp(1.18rem,5.15vw,1.32rem)}}

/* A moldura começa com o retrato e gira automaticamente para a escultura. */
.art-stage{perspective:1100px}
.art-flip{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:art-portrait-flip 12.727s ease-in-out infinite}
.art-face{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.art-face-back{transform:rotateY(180deg)}
.art-face img{position:relative;z-index:2;display:block;height:100%;max-width:95%;width:auto;object-fit:contain;object-position:center bottom;animation:none;filter:drop-shadow(0 26px 48px rgba(0,0,0,.45))}
.art-face-front img{max-width:100%;filter:drop-shadow(0 20px 34px rgba(0,0,0,.35));-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 60%,rgba(0,0,0,.85) 73%,rgba(0,0,0,.28) 89%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 60%,rgba(0,0,0,.85) 73%,rgba(0,0,0,.28) 89%,transparent 100%)}
.art-face-front .art-circle{background:radial-gradient(circle at 55% 36%,rgba(43,188,164,.3),rgba(71,46,104,.34) 48%,rgba(71,46,104,.08) 71%,transparent 73%)}
@keyframes art-portrait-flip{0%,43%{transform:rotateY(0)}49%,91%{transform:rotateY(180deg)}97%,100%{transform:rotateY(360deg)}}
@media(max-width:850px){.art-stage{transform:translateY(28px)}}
@media(prefers-reduced-motion:reduce){.art-flip{animation:none!important;transform:none!important}}

/* Texto de apoio nativo, alinhado ao medalhão e incluído na área clicável. */
.destination .destination-copy,.destination-website .destination-copy{display:flex;flex-direction:column;justify-content:center;gap:6px;min-width:0;transform:none;text-shadow:none}
.destination .destination-copy .destination-label{font-family:'Space Grotesk',Arial,sans-serif;font-size:clamp(1.45rem,2.22vw,1.85rem);font-weight:700;line-height:1.14;letter-spacing:-.035em;color:#f9f7fb}
.destination .destination-copy .destination-description{display:block;color:#b9b3c2;font-family:Inter,Arial,sans-serif;font-size:clamp(.78rem,.99vw,.88rem);font-weight:400;line-height:1.35;letter-spacing:0;text-wrap:balance}
@media(max-width:850px){.destinations{margin-top:20px}.destination .destination-copy .destination-label{font-size:clamp(1.28rem,4.9vw,1.5rem)}.destination .destination-copy .destination-description{font-size:.78rem}}
@media(max-width:400px){.destinations{margin-top:16px}.destination .destination-copy .destination-label{font-size:clamp(1.18rem,5.15vw,1.32rem)}.destination .destination-copy .destination-description{font-size:.75rem;line-height:1.3}}