/* Exact supplied identity; layout and motion are separate from the artwork. */
.header{background:linear-gradient(110deg,#0c0913f5,#17101cf5);border-bottom:1px solid #b58aab30;box-shadow:0 12px 40px #00000020}
.nav{min-height:126px;gap:22px}.header nav{gap:22px;flex-wrap:wrap;justify-content:center}.header nav a{white-space:nowrap;padding-block:10px}
.brand{gap:18px;text-decoration:none}.brand img{display:block;width:96px;height:96px;object-fit:contain;border-radius:14px;border:1px solid #c49ba337;box-shadow:0 8px 24px #0006;flex-shrink:0}
.brand-copy{display:flex;flex-direction:column;align-items:flex-start}.brand strong{font-size:2.15rem;line-height:1;letter-spacing:.035em;font-weight:800;color:#faf5fa}.brand small{font-size:.69rem;letter-spacing:.3em;margin-top:8px;color:#c4b5c8}.brand em{font-size:.79rem;line-height:1.3;font-weight:400;letter-spacing:.035em;color:#dcb698;font-style:normal;margin-top:10px}
.brand:focus-visible{outline:2px solid #edbd87;outline-offset:7px;border-radius:12px}.brand:hover strong{color:#f1d8c3}
.about-photo{margin:0;padding:14px;background:linear-gradient(140deg,#33223b,#110d1c 60%,#382224);border:1px solid #ab818c42;border-radius:22px;box-shadow:0 25px 65px #0004}
.about-photo img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;padding:0;border-radius:12px;background:#0d081a;display:block}.about-photo figcaption{padding:16px 10px 5px;color:#c8bccb;font-size:.8rem;letter-spacing:.04em}
.footer-top .brand img{width:88px;height:88px}.footer-top>.signature{display:none}
#home-title:focus{outline:none}
.home-transition[hidden]{display:none!important}.home-transition{position:fixed;inset:0;z-index:1000;isolation:isolate;overflow:hidden;pointer-events:auto;contain:strict}
.transition-panel{position:absolute;inset:-2px;background:radial-gradient(ellipse at 50% 43%,#2d1835 0%,#110c1b 45%,#08070e 100%);will-change:transform,opacity}
.transition-panel-top{clip-path:polygon(0 0,100% 0,100% 44%,0 56%);animation:ronex-open-top 1120ms cubic-bezier(.65,0,.25,1) both}
.transition-panel-bottom{clip-path:polygon(0 55.8%,100% 43.8%,100% 100%,0 100%);animation:ronex-open-bottom 1120ms cubic-bezier(.65,0,.25,1) both}
.transition-identity{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;animation:ronex-identity 1120ms ease both}
.transition-identity img{width:min(300px,64vw,52vh);height:auto;aspect-ratio:1;object-fit:contain;border-radius:20px;box-shadow:0 24px 90px #0009,0 0 0 1px #d8b2ad30}
.transition-identity span{font:400 .85rem 'Manrope',sans-serif;letter-spacing:.2em;color:#e3c7b1}
.transition-cut{position:absolute;top:50%;left:-10%;width:120%;height:2px;background:linear-gradient(90deg,transparent,#9e7ac2 20%,#fbf2e7 50%,#f1ac64 75%,transparent);box-shadow:0 0 16px #f5ddc66b;transform-origin:center;animation:ronex-cut 1120ms ease both}
@keyframes ronex-open-top{0%{opacity:0;transform:translateY(-3%)}14%,53%{opacity:1;transform:translateY(0)}100%{opacity:1;transform:translateY(-60%)}}
@keyframes ronex-open-bottom{0%{opacity:0;transform:translateY(3%)}14%,53%{opacity:1;transform:translateY(0)}100%{opacity:1;transform:translateY(60%)}}
@keyframes ronex-identity{0%,9%{opacity:0;transform:translateY(8px) scale(.97)}25%,49%{opacity:1;transform:translateY(0) scale(1)}69%,100%{opacity:0;transform:translateY(-8px) scale(1.025)}}
@keyframes ronex-cut{0%,37%{opacity:0;transform:rotate(-5deg) scaleX(0)}48%{opacity:1;transform:rotate(-5deg) scaleX(1)}65%,100%{opacity:0;transform:rotate(-5deg) scaleX(1.04)}}
@media(max-width:1200px){.header nav{gap:16px}.nav{gap:18px}.brand{gap:12px}.brand img{width:84px;height:84px}.brand strong{font-size:1.85rem}.desktop-apply{display:none}}
@media(max-width:1000px){.header nav{gap:12px}.header nav a{font-size:.8rem}.brand img{width:76px;height:76px}.brand strong{font-size:1.65rem}.brand em{font-size:.7rem}.nav-actions{gap:10px}.nav{gap:14px;min-height:108px}}
@media(max-width:800px){.header nav{background:#130e1b}.header nav a{font-size:1rem;padding:12px}.header nav.open{align-items:stretch}.nav{min-height:100px}.brand img{width:72px;height:72px}.brand strong{font-size:1.7rem}.brand em{margin-top:7px}.brand small{font-size:.6rem;margin-top:6px}.about-photo img{height:auto;padding:0}.about-photo{max-width:560px;width:100%;margin-inline:auto}}
@media(max-width:480px){.nav{min-height:88px;gap:10px}.brand{gap:10px}.brand img{width:58px;height:58px;border-radius:10px}.brand strong{font-size:1.35rem;letter-spacing:.02em}.brand small{font-size:.55rem;letter-spacing:.22em}.header .brand em{display:none}.nav-actions{gap:8px}.languages{gap:3px}.footer-top .brand img{width:76px;height:76px}.footer-top .brand strong{font-size:1.7rem}.about-photo{padding:9px;border-radius:16px}.about-photo img{height:auto;padding:0}.transition-identity{gap:16px}}
@media(max-width:360px){.header .brand img{width:48px;height:48px}.header .brand strong{font-size:1.2rem}.header .brand{gap:7px}.nav{gap:6px}.nav-actions{gap:5px}}
@media(prefers-reduced-motion:reduce){.home-transition{display:none!important}.transition-panel,.transition-identity,.transition-cut{animation:none!important}}
@media(min-width:801px) and (max-width:1000px){.header nav{display:none;position:absolute;top:100%;left:0;right:0;background:#130e1b;padding:20px;border-bottom:1px solid #4e395b}.header nav.open{display:flex;flex-direction:column;align-items:stretch}.header nav a{font-size:1rem;padding:12px}.menu-toggle{display:block;background:none;color:white;border:1px solid #675471;border-radius:4px;padding:5px 10px;font-size:1.2rem;min-width:44px;min-height:44px}}
/* Larger original artwork, without a second slogan beside it. */
.header .nav{min-height:184px;padding-block:12px}
.header .brand img{width:160px;height:160px;border-radius:16px}
.header .brand{gap:20px}.header .brand strong{font-size:1.9rem}.header .brand small{font-size:.7rem}
.footer-top .brand img{width:112px;height:112px}
.home-transition{border:0;padding:0;margin:0;max-width:none;max-height:none;width:100vw;height:100vh;height:100dvh;background:transparent;color:inherit;inset:0;overflow:hidden}
.home-transition::backdrop{background:transparent}
.home-transition .transition-panel,.home-transition .transition-identity,.home-transition .transition-cut{animation:none!important}
.home-transition .transition-identity img{width:min(380px,76vw,62vh);border-radius:18px}
.home-transition .transition-cut{transform:rotate(-5deg);opacity:0}
@media(max-width:1200px){.header .nav{min-height:160px}.header .brand img{width:136px;height:136px}.header .brand{gap:14px}.header .brand strong{font-size:1.65rem}}
@media(max-width:1000px){.header .nav{min-height:144px}.header .brand img{width:120px;height:120px}}
@media(max-width:600px){.header .nav{min-height:116px;padding-block:10px}.header .brand img{width:96px;height:96px;border-radius:12px}.header .brand{gap:12px}.header .brand strong{font-size:1.5rem}}
@media(max-width:480px){.header .brand-copy{display:none}.header .nav{gap:16px}.header .nav-actions{gap:14px}.header .languages{gap:6px}.header .languages button{font-size:.875rem;padding-inline:3px}.header .menu-toggle{min-width:44px;min-height:44px}}
@media(prefers-reduced-motion:reduce){.home-transition:not([hidden]){display:block!important}}
@media(min-width:1001px) and (max-width:1320px){.header .desktop-apply{display:none}}
@media(max-width:360px){.header .nav{gap:8px}.header .nav-actions{gap:6px}.header .languages{gap:3px}.header .languages button{font-size:.75rem;padding-inline:1px}}
/* Champagne-gold edge and a travelling reflection at the moment of the cut. */
.home-transition .transition-cut{height:2px;background:linear-gradient(90deg,transparent 2%,#96672d 18%,#e8b768 36%,#fff5d5 50%,#efc77f 64%,#9c6e36 82%,transparent 98%);box-shadow:0 0 10px #ffc86c80,0 0 30px #e9a54140}
.transition-glint{position:absolute;left:0;top:-3px;width:110px;height:8px;border-radius:50%;background:radial-gradient(ellipse,#fffaf0 0%,#ffe7b0 22%,#efb95c70 52%,transparent 75%);box-shadow:0 0 22px #f9cb7870;opacity:0;pointer-events:none}
@media(prefers-reduced-motion:reduce){.transition-glint{display:none}}
/* The full artwork is aligned across both panels, then separates at the cut. */
.home-transition .transition-panel{inset:0;background:radial-gradient(ellipse at 50% 45%,#2c1a2a,#110c18 48%,#0b0811 80%)}
.home-transition .transition-panel-top{clip-path:polygon(0 0,100% 0,100% 44.05%,0 56.05%)}
.home-transition .transition-panel-bottom{clip-path:polygon(0 55.95%,100% 43.95%,100% 100%,0 100%)}
.transition-edge{position:absolute;inset:0;background:linear-gradient(100deg,#8b5519,#f7c977 28%,#fff4d2 52%,#d79037 78%,#8e541d);clip-path:polygon(0 55.68%,100% 43.68%,100% 44.32%,0 56.32%);opacity:0;pointer-events:none}
.home-transition .transition-cut{top:50%;left:-1%;width:102%;height:3px;transform:rotate(var(--cut-angle,-5deg));transform-origin:50% 50%;background:linear-gradient(90deg,transparent,#dfa043 14%,#ffedb3 38%,#fffaf0 52%,#f9c873 76%,transparent);box-shadow:0 0 9px #fff0b9,0 0 24px #ffc364b3,0 0 65px #d987364d}
.home-transition .transition-glint{top:-8px;width:240px;height:20px;background:radial-gradient(ellipse,#fffef3 0%,#fff0bc 15%,#ffd380a6 35%,#f0a34440 58%,transparent 75%);box-shadow:0 0 34px #ffca7266;filter:blur(.4px)}
.transition-impact{position:absolute;left:50%;top:50%;width:min(850px,90vw);height:min(350px,45vh);transform:translate(-50%,-50%);background:radial-gradient(ellipse,#fff1c26b 0%,#ffc56c38 25%,#cd732812 47%,transparent 70%);opacity:0;pointer-events:none}
@media(prefers-reduced-motion:reduce){.transition-edge,.transition-impact,.transition-glint{display:none}}