/* Shared shell for the website's sub-pages (Careers): header, footer, buttons and cookie notice — the same paper, ink and red as the exhibition. */
@font-face{font-family:'Instrument Sans';font-weight:400;font-style:normal;font-display:swap;src:url(/assets/fonts/instrument-sans-400.woff2) format('woff2')}
@font-face{font-family:'Instrument Sans';font-weight:500;font-style:normal;font-display:swap;src:url(/assets/fonts/instrument-sans-500.woff2) format('woff2')}
@font-face{font-family:'Instrument Sans';font-weight:400;font-style:italic;font-display:swap;src:url(/assets/fonts/instrument-sans-400-italic.woff2) format('woff2')}
:root{--paper:#F2F0EB;--paper-2:#EAE7E0;--white:#FBFAF7;--ink:#121214;--ink-soft:#3A3935;--grey:#6A675F;--grey-2:#B4B1A9;--stone:#D8D4CB;--rule:rgba(18,18,20,.12);--rule-d:rgba(242,240,235,.14);--red:#BE1E2D;--px:clamp(18px,4.4vw,72px);--wrap:1400px;--ease:cubic-bezier(.22,.75,.12,1);--sans:'Instrument Sans','Helvetica Neue',Helvetica,Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--paper);color:var(--ink);font:400 16px/1.6 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0}
::selection{background:var(--red);color:#fff}
:focus-visible{outline:1.5px solid var(--red);outline-offset:4px}
[hidden]{display:none!important}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:fixed;left:16px;top:-64px;z-index:200;background:var(--ink);color:var(--paper);padding:10px 16px;font-size:14px}
.skip:focus{top:12px}
.pad{padding-left:max(var(--px),calc((100vw - var(--wrap))/2));padding-right:max(var(--px),calc((100vw - var(--wrap))/2))}
.btn{display:inline-flex;align-items:center;gap:12px;height:44px;padding:0 20px;font-size:14px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);transition:background .3s var(--ease),color .3s,border-color .3s}
.btn i{width:8px;height:8px;background:var(--red);transition:transform .4s var(--ease)}
.btn:hover{background:var(--red);border-color:var(--red);color:#fff}
.btn:hover i{background:#fff;transform:rotate(45deg)}
.btn.ghost{background:transparent;color:var(--ink)}
.btn.ghost:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.btn[disabled]{opacity:.55;cursor:default}
.ask{display:inline-flex;align-items:center;gap:10px;font-size:14px;border-bottom:1px solid var(--grey-2);padding-bottom:3px;transition:border-color .3s}
.ask::after{content:"";width:7px;height:7px;background:var(--red);transition:transform .45s var(--ease)}
.ask:hover{border-color:var(--red)}
.ask:hover::after{transform:rotate(45deg)}
.room{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--grey);letter-spacing:.01em}
.room::before{content:"";width:12px;height:7px;background:linear-gradient(var(--red) 0 30%,transparent 30% 70%,var(--red) 70%)}

/* header */
.top{position:sticky;top:0;z-index:40;background:rgba(242,240,235,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--rule)}
.top .in{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.top .logo img{height:28px;width:auto;display:block}
.top nav{display:flex;align-items:center;gap:26px;font-size:14px}
.top nav .lk{opacity:.7;transition:opacity .25s;white-space:nowrap}
.top nav .lk:hover,.top nav .lk[aria-current=page]{opacity:1}
.top nav .lk[aria-current=page]{box-shadow:0 2px 0 var(--red)}
.top .btn{height:40px;padding:0 18px;white-space:nowrap}
.menu-btn{display:inline-flex;align-items:center;gap:9px;opacity:.82}
.menu-btn .ic{position:relative;width:14px;height:9px}
.menu-btn .ic::before,.menu-btn .ic::after{content:"";position:absolute;left:0;right:0;height:1.5px;background:currentColor;transition:transform .4s var(--ease),background .3s}
.menu-btn .ic::before{top:0}.menu-btn .ic::after{bottom:0}
.menu-btn[aria-expanded=true] .ic::before{transform:translateY(3.75px) rotate(45deg);background:var(--red)}
.menu-btn[aria-expanded=true] .ic::after{transform:translateY(-3.75px) rotate(-45deg);background:var(--red)}
.plan{position:fixed;left:0;right:0;top:72px;z-index:39;background:rgba(242,240,235,.98);border-bottom:1px solid var(--rule);padding-top:22px;padding-bottom:28px;box-shadow:0 30px 60px -40px rgba(18,18,20,.35);max-height:calc(100svh - 72px);overflow:auto}
.plan ol{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 28px}
.plan li a{display:grid;grid-template-columns:34px 1fr;padding:12px 0 14px;border-top:1px solid var(--rule)}
.plan .pn{font-size:11.5px;color:var(--grey);padding-top:4px}
.plan .pt{font-size:15.5px}
.plan a:hover .pt{color:var(--red)}
.plan .pfoot{display:flex;gap:24px;flex-wrap:wrap;margin-top:18px}
@media(max-width:1000px){.plan ol{grid-template-columns:repeat(2,minmax(0,1fr))}.top nav .lk.opt{display:none}}
@media(max-width:720px){.top .in{height:62px}.plan{top:62px}.plan ol{grid-template-columns:1fr}.top nav .lk{display:none}.top nav{gap:16px}.top .btn{height:36px;padding:0 14px;font-size:13px}.top .logo img{height:24px}}
@media(max-width:440px){.btn .long{display:none}}
.btn .short{display:none}
@media(max-width:440px){.top .btn .short{display:inline}}

/* footer */
footer{background:linear-gradient(#141416,#0F0F11);color:#B9B6AE;padding-top:clamp(64px,9vh,100px);padding-bottom:calc(32px + env(safe-area-inset-bottom,0px));margin-top:clamp(80px,12vh,140px)}
.fgrid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:40px;padding-bottom:clamp(50px,8vh,90px)}
.fgrid .brand img{height:24px;width:auto;margin-bottom:22px}
.fgrid .brand p{max-width:32ch;font-size:15px}
.fgrid .sig{font-size:22px;letter-spacing:-.02em;color:#EEECE6;margin-top:26px}
.fgrid .sig i{color:#8D8A83}
.fgrid h4{font-weight:400;font-size:12.5px;color:#8D8A83;margin-bottom:16px}
.fgrid ul{list-style:none;display:flex;flex-direction:column;gap:9px;font-size:14.5px}
.fgrid a:hover{color:#EEECE6}
.fgrid .fsub{display:block;font-size:12px;color:#8D8A83;font-style:italic;margin-top:3px}
.foffices{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:40px;padding:34px 0 clamp(44px,7vh,70px);border-top:1px solid var(--rule-d)}
.foffices .fo-h{font-weight:400;font-size:12.5px;color:#8D8A83;display:flex;align-items:center;gap:10px}
.foffices .fo-h::before{content:"";width:12px;height:7px;background:linear-gradient(var(--red) 0 30%,transparent 30% 70%,var(--red) 70%)}
.fo h4{margin-bottom:10px;color:#EEECE6;font-size:14.5px;font-weight:400}
.fo address{font-style:normal;font-size:14px;line-height:1.6}
.fo-map{display:inline-block;margin-top:10px;font-size:12.5px;color:#8D8A83;border-bottom:1px solid #3a3936}
.fo-map:hover{color:#EEECE6;border-color:var(--red)}
.fbase{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding-top:24px;border-top:1px solid var(--rule-d);font-size:12.5px;color:#8D8A83}
.fbase .mark{display:flex;align-items:center;gap:10px}
.fbase .mark i{position:relative;width:16px;height:10px}
.fbase .mark i::before,.fbase .mark i::after{content:"";position:absolute;left:0;right:0;height:3px;background:var(--red)}
.fbase .mark i::before{top:0}.fbase .mark i::after{bottom:0}
.fbase .totop{color:#B9B6AE;border-bottom:1px solid #3a3936}
@media(max-width:860px){.fgrid{grid-template-columns:1fr 1fr}.fgrid .brand{grid-column:1/-1}.foffices{grid-template-columns:1fr 1fr}.foffices .fo-h{grid-column:1/-1}}
@media(max-width:520px){.foffices{grid-template-columns:1fr}}
/* cookie consent: a note at the entrance */
.consent{position:fixed;left:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:60;width:min(420px,calc(100vw - 32px));background:var(--paper);color:var(--ink);border:1px solid rgba(18,18,20,.14);box-shadow:0 34px 70px -34px rgba(18,18,20,.5);padding:24px 24px 22px 27px;opacity:0;transform:translateY(16px);transition:opacity .6s var(--ease),transform .7s var(--ease)}
.consent::before{content:"";position:absolute;left:-1px;top:-1px;bottom:-1px;width:3px;background:var(--red)}
.consent.in{opacity:1;transform:none}
.consent[hidden]{display:none}
.cs-k{display:flex;align-items:center;gap:10px;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--grey)}
.cs-k::before{content:"";width:12px;height:7px;background:linear-gradient(var(--red) 0 30%,transparent 30% 70%,var(--red) 70%)}
.cs-t{font-size:22px;letter-spacing:-.02em;line-height:1.2;margin:12px 0 10px}
.cs-b{font-size:14px;line-height:1.55;color:var(--ink-soft)}
.cs-a{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}
.cs-btn{flex:1 1 140px;display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 16px;font-size:14px;border:1px solid var(--ink);text-align:center;transition:background .3s var(--ease),color .3s var(--ease),border-color .3s}
.cs-yes{background:var(--ink);color:var(--paper)}
.cs-yes:hover{background:var(--red);border-color:var(--red);color:#fff}
.cs-no{background:transparent;color:var(--ink)}
.cs-no:hover{background:var(--ink);color:var(--paper)}
.cs-p{font-size:12.5px;margin-top:14px}
.cs-p a{border-bottom:1px solid var(--grey-2)}
.cs-p a:hover{border-color:var(--red)}
@media(max-width:560px){.consent{left:12px;right:12px;width:auto;padding:20px 18px 18px 21px}.cs-t{font-size:20px}}
/* footer: where to find us */
.foffices{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:40px;padding:34px 0 clamp(50px,7vh,80px);border-top:1px solid var(--rule-d)}
.foffices .fo-h{font-weight:400;font-size:12.5px;color:#8D8A83;align-self:start;display:flex;align-items:center;gap:10px}
.foffices .fo-h::before{content:"";width:12px;height:7px;background:linear-gradient(var(--red) 0 30%,transparent 30% 70%,var(--red) 70%)}
.fo h4{margin-bottom:10px;color:#EEECE6;font-size:14.5px}
.fo address{font-style:normal;font-size:14px;line-height:1.6;color:#B9B6AE}
.fo-map{display:inline-block;margin-top:10px;font-size:12.5px;color:#8D8A83;border-bottom:1px solid #3a3936;padding-bottom:1px;transition:color .25s,border-color .25s}
.fo-map:hover{color:#EEECE6;border-color:var(--red)}
@media(max-width:860px){.foffices{grid-template-columns:1fr 1fr}.foffices .fo-h{grid-column:1/-1}}
@media(max-width:520px){.foffices{grid-template-columns:1fr;gap:28px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}