/* Occitan signature — gold, wine red, ink. No external assets or fonts. */
@view-transition{navigation:auto}
:root{--signature-gold:#edcc87;--signature-red:#8c1d39;--signature-ink:#090a0c}
::view-transition-old(root){animation:signature-out .18s ease both}
::view-transition-new(root){animation:signature-in .36s ease both}
@keyframes signature-out{to{opacity:0;transform:translateY(-6px)}}
@keyframes signature-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
header{box-shadow:0 8px 35px #0003;backdrop-filter:blur(18px)}
.brand img{box-shadow:0 0 0 1px #edcc8740,0 0 22px #d7ac5125;transition:transform .35s ease,box-shadow .35s ease}
.brand:hover img{transform:rotate(-8deg) scale(1.08);box-shadow:0 0 0 1px #edcc8780,0 0 28px #d7ac5140}
.signature-hero.hero{background:radial-gradient(ellipse at 82% 47%,#8c1d392c,transparent 48%),radial-gradient(ellipse at 45% 95%,#92713b16,transparent 50%),#090a0c;min-height:760px}
.signature-hero .cinema-copy{z-index:2}
.signature-hero h1{font-size:clamp(62px,6.8vw,108px);line-height:1.02}
.signature-hero h1 em{color:#edcc87;text-shadow:0 10px 70px #d6a34220}
.signature-hero .eyebrow{color:#edcc87;letter-spacing:3px}
.signature-hero .button{border-radius:100px;background:linear-gradient(115deg,#f4ddb0,#d4ab60);color:#20190c;box-shadow:0 8px 35px #d7ac5118;padding:17px 25px;transition:transform .25s ease,box-shadow .25s ease}
.signature-hero .button:hover{transform:translateY(-3px);box-shadow:0 14px 40px #d7ac5135}
.signature-art{height:530px;position:relative;perspective:none}
.signature-art>.cinema-screen,.signature-art>.screen-foot,.signature-art>.screen-ground,.signature-art>.screen-coordinate{display:none}
.signature-seal{width:min(100%,500px);aspect-ratio:1;position:relative;display:grid;place-items:center;isolation:isolate}
.signature-seal:before{content:"";position:absolute;inset:11%;border-radius:50%;background:radial-gradient(circle at 35% 25%,#721e32,#260c15 55%,#0c0b0d 75%);box-shadow:inset 0 0 65px #0008,0 30px 100px #0008,0 0 80px #8c1d3920;border:1px solid #edcc872b}
.signature-orbit{position:absolute;inset:0;border:1px solid #edcc8733;border-radius:50%;animation:signature-orbit 30s linear infinite}
.signature-orbit:before,.signature-orbit:after{content:"";position:absolute;width:9px;height:9px;top:50%;border-radius:50%;background:#edcc87;box-shadow:0 0 18px #edcc87;left:-5px}
.signature-orbit:after{left:auto;right:-5px;width:5px;height:5px}
.signature-inner{position:absolute;inset:8%;border-radius:50%;border:1px dashed #edcc872a;display:grid;place-items:center;transform:rotate(-12deg)}
.signature-cross{width:100%;height:100%;fill:#6b172c;stroke:#edcc87;stroke-width:1.6;stroke-linejoin:round;filter:drop-shadow(0 0 12px #e7b76c30)}
.signature-inner .signature-cross{width:100%;opacity:.85}
.signature-logo{position:absolute;width:22%;height:auto;top:25%;border-radius:50%;box-shadow:0 0 40px #edcc872a}
.signature-wordmark{position:absolute;top:48%;font:500 clamp(45px,6vw,78px)/1 Georgia,serif;letter-spacing:.14em;padding-left:.14em;color:#f5dfa7;text-shadow:0 5px 25px #000}
.signature-caption{position:absolute;top:68%;font:9px/1.5 ui-monospace,monospace;letter-spacing:3px;color:#e4cda3}
.signature-opening{background:radial-gradient(circle,#35101d,#090a0c 65%)!important;pointer-events:none!important}
.signature-opening>.signature-cross{position:absolute;width:min(68vw,390px);height:min(68vw,390px);opacity:.26;animation:signature-emerge 1.5s ease both}
.signature-opening .occitan-intro-name{position:relative;z-index:2}
@keyframes signature-emerge{from{transform:scale(.85) rotate(-12deg);opacity:0}to{transform:scale(1) rotate(0);opacity:.26}}
@keyframes signature-orbit{to{transform:rotate(360deg)}}
.card,.panel,.story{transition:border-color .3s ease,box-shadow .3s ease}
.card:hover{box-shadow:0 12px 40px #0002;border-color:#edcc8755}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #edcc87;outline-offset:5px}
@media(max-width:799px){.signature-hero.hero{min-height:0;padding-top:40px}.signature-hero h1{font-size:clamp(52px,11vw,78px)}.signature-art{height:auto;min-height:300px;margin:30px auto 5px;width:min(100%,370px)}.signature-seal{width:100%}.signature-wordmark{font-size:57px}.signature-caption{font-size:8px;letter-spacing:2px}.signature-hero .cinema-baseline{margin-top:28px}.signature-hero .actions{flex-wrap:wrap}.signature-hero .button{padding:15px 20px}.signature-hero .cinema-copy{padding-bottom:0}}
@media(prefers-reduced-motion:reduce){.signature-orbit,.signature-opening>.signature-cross{animation:none}.signature-opening{display:none!important}::view-transition-old(root),::view-transition-new(root){animation:none}.brand img,.card,.panel,.story,.signature-hero .button{transition:none}}

@media(max-width:799px){.cinema-art.signature-art{display:flex}.signature-hero .cinema-baseline{display:flex}}

.signature-reduced .signature-orbit{animation:none}.signature-reduced::view-transition-old(root),.signature-reduced::view-transition-new(root){animation:none}
.mtp-page-transition{background:radial-gradient(circle at center,#6b172c40,transparent 55%),#090a0c}.mtp-transition-orbit{border-color:#edcc8745}.mtp-transition-signature{color:#edcc87;letter-spacing:5px}