/* Native language selection, compact enough for the existing mobile header. */
.language-control{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 64px;width:64px;height:44px;min-height:44px;background:var(--ink,#0b0a09);color:var(--paper,#f5f2ed);border:1px solid var(--line,#ffffff40);font:700 .875rem/1 Arial,sans-serif;letter-spacing:.04em;isolation:isolate}
.language-control::after{content:"";width:6px;height:6px;border-right:1.5px solid var(--red,#ff061a);border-bottom:1.5px solid var(--red,#ff061a);transform:rotate(45deg);margin-left:9px;margin-top:-4px}
.language-control select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font:16px Arial,sans-serif;z-index:1}
.language-control select option{background:#0b0a09;color:#f5f2ed}
.language-control:focus-within{outline:2px solid var(--red,#ff061a);outline-offset:3px}
.floating-navigation>.language-control{position:fixed;right:24px;top:calc(-50vh + 50% + 28px)}
.photo-dialog-top>.language-control,.bruma-dialog-top>.language-control{margin-left:auto;margin-right:16px}
.photo-dialog-top>p,.bruma-dialog-top>p{min-width:0;overflow-wrap:anywhere}
.legal-header{display:flex;align-items:center;justify-content:space-between;gap:20px}
html:not([lang="it"]) .contact h2{font-size:clamp(46px,10vw,160px);overflow-wrap:anywhere}
html:not([lang="it"]) .menu-links a{font-size:clamp(28px,5.8vw,78px);overflow-wrap:anywhere}
html:not([lang="it"]) .bruma-invitation-title h3{font-size:clamp(46px,7vw,110px)}
html:not([lang="it"]) .photo-story-title{overflow-wrap:anywhere}
@media(max-width:700px){
 .floating-navigation>.language-control{position:relative;top:auto;right:auto;flex-basis:52px;width:52px;border:0;border-right:1px solid var(--line);background:transparent;margin-right:2px}
 .floating-navigation .menu-toggle{padding-inline:8px;gap:5px}
 .floating-navigation .work-with-me{padding-left:10px;letter-spacing:0}
 .photo-dialog-top>.language-control,.bruma-dialog-top>.language-control{flex-basis:52px;width:52px;margin-right:8px;margin-left:8px}
 .photo-dialog-top,.bruma-dialog-top{gap:6px;flex-wrap:wrap}
 .photo-dialog-top>p,.bruma-dialog-top>p{flex:1 1 120px;font-size:.875rem}
 .legal-header{flex-wrap:wrap}
 html:not([lang="it"]) .menu-links a{font-size:clamp(28px,8vw,52px)}
 html:not([lang="it"]) .contact h2{font-size:clamp(42px,10vw,70px)}
 html:not([lang="it"]) .bruma-menu-hero h1{font-size:clamp(40px,9vw,68px);overflow-wrap:anywhere}
}
@media(max-width:359px){.floating-navigation .work-with-me{display:none}.floating-navigation .menu-toggle{padding-inline:14px}}