@font-face{font-family:'Gantari';src:url('/assets/fonts/Gantari-VariableFont_wght.woff2') format('woff2-variations');font-weight:100 900;font-style:normal;font-display:swap} @font-face{font-family:'Gantari';src:url('/assets/fonts/Gantari-Italic-VariableFont_wght.woff2') format('woff2-variations');font-weight:100 900;font-style:italic;font-display:swap} html{box-sizing:border-box} html:focus-within{scroll-behavior:smooth} *,*:before,*:after{box-sizing:inherit} *{margin:0} html,body{height:100%} body{line-height:1.5;-webkit-font-smoothing:antialiased} ul[role="list"],ol[role="list"]{list-style:none} img,picture,video,canvas,svg{display:block;max-width:100%} input,button,textarea,select{font:inherit;letter-spacing:inherit;word-spacing:inherit} p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;hyphens:auto} a:not([class]){text-decoration-skip-ink:auto} #root,#__next{isolation:isolate} @media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto} *,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important} }:root{font-size:100%;--color-brand-primary:#4b5466;--color-surface-light:#fafafa;--color-surface-muted:#e9eaec;--color-text-primary:#231f20;--color-text-secondary:#9a9a9b;--color-accent:#ed1c24;--main-container-width:clamp(500px,85vw,1920px);--font-family:"Gantari",sans-serif;--main-line-height:1.5;--main-font-size:1rem;--flow-space:0.5em;--step--4:clamp(0.5376rem,0.6548rem + -0.0977vw,0.6243rem);--step--3:clamp(0.672rem,0.713rem + -0.0342vw,0.7023rem);--step--2:clamp(0.7901rem,0.7726rem + 0.0562vw,0.84rem);--step--1:clamp(0.8889rem,0.8322rem + 0.1815vw,1.05rem);--step-0:clamp(1rem,0.89rem + 0.3521vw,1.3125rem);--step-1:clamp(1.125rem,0.9434rem + 0.581vw,1.6406rem);--step-2:clamp(1.2656rem,0.9892rem + 0.8847vw,2.0508rem);--step-3:clamp(1.4238rem,1.0225rem + 1.2841vw,2.5635rem);--step-4:clamp(1.6018rem,1.0375rem + 1.8057vw,3.2043rem)} body{font-family:var(--font-family);font-size:var(--step-0);line-height:var(--main-line-height);background-color:var(--color-surface-light);overflow-x:hidden} *{text-underline-offset:0.15rem} p{font-size:var(--step--1);color:var(--color-text-primary);hyphens:none} h1{font-size:var(--step-2);color:var(--color-brand-primary);letter-spacing:1.1;font-weight:300;text-wrap:balance} h2{font-size:var(--step-0);color:var(--color-text-secondary);letter-spacing:1.1;font-weight:300} h3{font-size:var(--step-0);color:var(--color-text-secondary);letter-spacing:1.1;font-weight:300} a{text-decoration:none;font-weight:600;font-size:inherit;cursor:pointer;transition:color 0.2s;text-transform:uppercase;color:var(--color-text-secondary);letter-spacing:1.1;&:hover,&:focus{text-decoration:underline;color:var(--color-accent)} } figcaption{margin-top:0.5em;max-width:20ch;& > h3{font-size:var(--step--2);color:var(--color-text-secondary);text-transform:uppercase;font-weight:600} & > p{font-size:var(--step--1);color:var(--color-text-secondary)} & > * + *{padding-bottom:0;line-height:1.2} } summary{display:block;font-size:var(--step--1)} summary::after{content:"view more";color:var(--color-brand-primary);text-transform:uppercase;font-weight:500;font-size:var(--step--2);cursor:pointer;display:block;margin-top:1em;border:1px solid var(--color-brand-primary);padding:0.4em 0.8em;text-align:center;width:fit-content} summary:hover::after{background-color:var(--color-brand-primary);color:var(--color-surface-light)} details[open] summary::after{content:"… close"} details p{font-size:var(--step--1);line-height:inherit;color:inherit;font-weight:inherit;margin:0;padding:0} .flow > * + *{margin-block-start:var(--flow-space,1em)} .full-bleed{width:100vw;margin-left:calc(50% - 50vw)} .section-title{font-size:var(--step-1);color:var(--color-text-secondary);font-weight:300;text-transform:uppercase;font-display:block;letter-spacing:0.01rem;margin:0;line-height:1.1} .section-branded-title{font-size:var(--step-2);color:var(--color-brand-primary);font-weight:300;text-transform:uppercase;font-display:block;letter-spacing:0.01rem;margin:0;line-height:1.1} .section-subtitle{font-size:var(--step-1);color:var(--color-text-secondary);font-weight:300;text-transform:uppercase;font-display:block;letter-spacing:0.01rem;margin:0;line-height:1.1} .title-tight{padding-bottom:0em} .section-microtitle{font-size:var(--step--1);color:var(--color-text-secondary);letter-spacing:1.1;font-weight:400} .plain-section-microtitle{font-size:var(--step--3);color:var(--color-text-secondary);letter-spacing:1.1;font-weight:400} .capitalize{text-transform:capitalize} .uppercase{text-transform:uppercase} .plain-link{text-decoration:none;font-weight:600;cursor:pointer} .plain-link:hover{text-decoration:underline;color:var(--color-accent)} .plain-link-light{text-decoration:none;font-weight:400;cursor:pointer} .plain-link-light:hover{text-decoration:underline;color:var(--color-accent)} .exhibition-images-wrapper{margin-top:2em} .current-exhibition-wrapper{margin-top:2em} .margin-bottom-2{margin-bottom:2rem} .margin-top-2{margin-top:2rem} .catalogue-links-wrapper{display:flex;gap:1rem} .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .page-wrapper{display:grid;grid-template-areas:"header" "main" "footer";grid-template-rows:auto 1fr auto;min-height:100vh} header{grid-area:header} main{grid-area:main} footer{grid-area:footer} .cq-grid{:has(> &){container-type:inline-size} & img{width:100%;object-fit:cover} display:grid;--gap:3em;gap:var(--gap,1em);grid-template-columns:repeat(4,1fr);@container (max-width:500px){grid-template-columns:repeat(2,1fr);gap:1em} align-items:start} .grid-stack{display:grid;grid-template-rows:auto 1fr;margin-bottom:5rem;gap:3rem} .grid-stack > *:not(:first-child){margin-top:4rem} .section-intro{:has(> &){container-type:inline-size } display:grid;grid-template-columns:repeat(2,1fr);grid-template-areas:"intro ." "under .";gap:0.5rem;align-content:start;& .section-title{grid-area:intro;margin-bottom:unset} & >:nth-child(2){grid-area:under;border-top:1px solid var(--color-text-secondary);display:flex;justify-content:flex-end;align-items:center} &[data-one-quarter-grid="true"]{grid-template-columns:1fr 3fr} @container (max-width:500px){&{gap:0.7rem;grid-template-columns:1fr} &[data-one-quarter-grid="true"]{grid-template-columns:1fr} & .section-title{grid-column:1;text-align:left} & >:nth-child(2){grid-column:1;justify-content:center;padding-top:0.5rem} } } .header-wrapper{max-width:var(--main-container-width);margin-left:auto;margin-right:auto;display:grid;grid-template-columns:1fr 2fr;grid-template-rows:1fr;grid-template-areas:"logo navbar";align-items:center;justify-content:space-between;gap:1rem;padding-top:2.4rem;padding-bottom:2.4rem} header{background-color:var(--color-surface-light)} header[data-home-header="true"]{background-color:var(--color-brand-primary);& .logo-durban-segnini{color:var(--color-surface-light)} & .navbar-menu a{color:var(--color-surface-light)} } .logo-section{grid-area:logo} .logo-durban-segnini{height:7rem;width:auto;max-width:320px;display:block;color:var(--color-brand-primary);@media (max-width:500px){max-width:190px} } .navbar-section{grid-area:navbar} .navbar-menu{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:2rem;list-style:none;padding:0} .navbar-menu a{white-space:nowrap;color:var(--color-brand-primary);text-decoration:none;font-weight:400;text-transform:uppercase;font-size:var(--step--2);cursor:pointer} .navbar-menu a:hover,.navbar-menu a:focus{text-decoration:underline} .navbar-menu a.active{font-weight:600} .hamburger-menu{display:none;flex-direction:column;justify-content:space-around;width:1.5rem;height:1.5rem;background:transparent;border:none;cursor:pointer;padding:0;z-index:10} .hamburger-line{width:1.5rem;height:0.125rem;background-color:currentColor;border-radius:5px;transition:all 0.3s linear;position:relative;transform-origin:1px} .hamburger-menu[aria-expanded="true"] .hamburger-line:first-child{transform:rotate(45deg)} .hamburger-menu[aria-expanded="true"] .hamburger-line:nth-child(2){opacity:0;transform:translateX(20px)} .hamburger-menu[aria-expanded="true"] .hamburger-line:nth-child(3){transform:rotate(-45deg)} @media (max-width:500px){.header-wrapper{margin-top:1rem;grid-template-columns:1fr auto;grid-template-rows:1fr;grid-template-areas:"logo hamburger";padding:1rem;align-items:center;margin-bottom:1rem} .logo-section{grid-area:logo;justify-self:start;align-self:center} .logo-durban-segnini{height:2.5rem} .hamburger-menu{display:flex;grid-area:hamburger;color:var(--color-brand-primary)} header[data-home-header="true"] .hamburger-menu{color:var(--color-surface-light)} .navbar-section{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:var(--color-surface-light);display:flex;align-items:center;justify-content:center;transform:translateX(-100%);transition:transform 0.3s ease-in-out;z-index:5} header[data-home-header="true"] .navbar-section{background-color:var(--color-brand-primary)} .navbar-section[aria-expanded="true"]{transform:translateX(0)} .navbar-menu{flex-direction:column;justify-content:center;align-items:center;gap:2rem;list-style:none;padding:0;margin:0} .navbar-menu li{font-size:var(--step-1)} .navbar-menu a{color:var(--color-brand-primary);font-size:var(--step-1);transition:font-weight 0.2s ease} .navbar-menu a:hover,.navbar-menu a:focus{font-weight:600} .navbar-menu a.active{font-weight:600;text-decoration:underline} header[data-home-header="true"] .navbar-menu a{color:var(--color-surface-light)} } main{max-width:var(--main-container-width);margin-left:auto;margin-right:auto;width:100%;padding-top:2em;padding-bottom:2em} @media (max-width:500px){.main-wrapper{padding-left:1em;padding-right:1em} } footer{background-color:var(--color-surface-muted)} .footer-wrapper{max-width:var(--main-container-width);margin-left:auto;margin-right:auto;padding-top:2em;padding-bottom:2em;margin-bottom:1rem;display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"address newsletter";gap:2rem;align-items:start} .footer-address-wrapper{grid-area:address;display:grid;grid-template-rows:auto auto;gap:1rem;height:100%} .newsletter-content{display:grid;grid-template-columns:1fr;gap:1rem} .newsletter-content > p{color:var(--color-text-secondary);text-transform:uppercase;font-style:normal;font-size:var(--step--1)} .footer-address > p{color:var(--color-text-secondary);text-transform:uppercase;font-style:normal;font-size:var(--step--1)} .footer-address > p > a{color:var(--color-text-secondary);text-decoration:underline;font-weight:600;cursor:pointer} .footer-address > p > a:hover{color:var(--color-accent)} .footer-newsletter-wrapper{grid-area:newsletter} .newsletter-content > p{max-width:46ch} .footer-social-media-icons{display:flex;gap:1rem} .social-icon{color:var(--color-text-primary);transition:color 0.2s ease} .social-icon:hover{color:var(--color-accent)} .newsletter-form{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:auto;grid-template-areas:"name name" "email submit";border:1px solid var(--color-text-secondary);background:var(--color-surface-light)} .newsletter-form .form-group{display:flex;flex-direction:column;background:var(--color-surface-muted)} .newsletter-form .form-group--name{grid-area:name} .newsletter-form .form-group--email{grid-area:email} .newsletter-form .form-group--submit{grid-area:submit;display:flex;justify-content:center;align-items:center;border:1px solid var(--color-text-secondary);background:var(--color-surface-muted)} .newsletter-form input{border:none;background:transparent;padding:0.75rem;font-size:var(--step--1);font-family:var(--font-family);color:var(--color-text-secondary);outline:none;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-transform:uppercase} .newsletter-form input::placeholder{color:var(--color-text-secondary);font-size:var(--step--1);text-transform:uppercase} .newsletter-form input:focus,.newsletter-form input:not(:placeholder-shown){color:var(--color-text-secondary)} .newsletter-submit-btn{background:none;border:none;color:var(--color-text-secondary);padding:0.75rem;font-size:var(--step--1);font-weight:500;text-transform:uppercase;letter-spacing:0.05em;cursor:pointer;transition:color 0.2s ease;width:100%;height:100%} .newsletter-submit-btn:hover{background-color:var(--color-brand-primary);color:var(--color-surface-light)} @media (max-width:500px){.footer-wrapper{padding:1rem;grid-template-columns:1fr;grid-template-areas:"newsletter" "address";gap:1.5rem} .footer-address > p{font-size:var(--step--2)} .footer-social-media-icons{justify-content:center;margin-top:0.8rem} .newsletter-form{grid-template-columns:1fr;grid-template-areas:"name" "email" "submit"} } .event-listing-wrapper{:has(> &){container-type:inline-size} display:grid;grid-template-columns:1fr;gap:3rem;width:90%;justify-self:right;@container (max-width:500px){width:100%} } .picker-wrapper{margin-top:2rem;@media (max-width:500px){margin-top:1rem} } .event-card{:has(> &){container-type:inline-size} display:grid;grid-template-columns:1fr 4fr 5fr;gap:2rem;& > .h2{grid-column:1;text-align:right;color:var(--color-text-secondary);font-weight:300} & .event-card-content{grid-column:2;h3{hyphens:none;text-transform:uppercase} h3 a{text-decoration:underline;font-weight:300} > * + *{margin-block-start:var(--flow-space,1em)} ul{list-style:none;padding:0} } & .event-card-image{display:grid;grid-column:3;aspect-ratio:3/2;width:100%;height:100%;overflow:hidden;position:relative;img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain} } @container (max-width:500px){grid-template-columns:1fr 5fr;.event-card-image{display:none} } } .exhibitions-layout{width:100%;justify-self:unset;.event-card{grid-template-columns:1fr 1fr 1fr;.event-card-content{grid-column:unset} .event-card-image{grid-column:unset} @container (max-width:500px){grid-template-columns:1fr 1fr;.event-card-image{aspect-ratio:1/1;height:fit-content;align-self:start} .event-card-image:nth-child(2){display:unset} .event-card-image:nth-child(3){display:none} } } } .event-listing-wrapper.artfairs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;width:100%;@container (max-width:768px){grid-template-columns:repeat(2,1fr);gap:2rem} @container (max-width:500px){grid-template-columns:1fr;gap:1.5rem} .event-card{grid-template-columns:1fr 4fr;& .event-card-content{grid-column:2} } } .picker{:has(> &){container-type:inline-size} display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-end;border-top:1px solid var(--color-brand-primary);position:relative;@container (max-width:500px){padding-top:1rem;justify-content:center} } .picker::before{content:'';position:absolute;left:0;width:50%;height:1px} .picker-button{background:none;border:none;color:var(--color-text-secondary);font-size:var(--step--2);font-weight:500;cursor:pointer;padding:0.25rem 0.5rem;transition:color 0.2s ease;text-transform:uppercase} .picker-button:hover{color:var(--color-accent)} .picker-button.active{color:var(--color-accent);font-weight:800} @media (max-width:500px){.picker{gap:0.25rem} .picker-button{font-size:var(--step--2);padding:0.2rem 0.4rem} } .contact-form{width:70%;margin:0 auto} .form-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:1rem;grid-template-areas:"first-name last-name" "email email" "phone phone" "message message" "submit submit"} .form-group{display:flex;flex-direction:column;gap:0.5rem} .form-group--first-name{grid-area:first-name} .form-group--last-name{grid-area:last-name} .form-group--email{grid-area:email} .form-group--phone{grid-area:phone} .form-group--message{grid-area:message} .form-group--submit{grid-area:submit;display:flex;justify-content:center;align-items:center} .form-group label{font-size:var(--step--2);font-weight:400;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:0.05em} .form-group input,.form-group textarea{border:1px solid var(--color-text-secondary);background:transparent;padding:0.75rem;font-size:var(--step-0);font-family:var(--font-family);color:var(--color-text-primary);outline:none;transition:border-color 0.2s ease;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none} .form-group input:focus,.form-group textarea:focus{border-color:var(--color-text-primary)} .form-group textarea{resize:vertical;min-height:120px} .contact-submit-btn{align-self:center;background:none;border:1px solid var(--color-brand-primary);color:var(--color-brand-primary);padding:1em 2em;font-size:var(--step--2);font-weight:500;text-transform:uppercase;letter-spacing:0.05em;cursor:pointer;transition:all 0.2s ease;margin-top:1rem} .contact-submit-btn:hover{background-color:var(--color-brand-primary);color:var(--color-surface-light)} @media (max-width:500px){.contact-form{width:100%} .form-grid{grid-template-columns:1fr;grid-template-areas:"first-name" "last-name" "email" "phone" "message" "submit";gap:0.5rem} } .hero-wrapper{display:grid;grid-template-columns:2fr 3fr;grid-template-rows:auto;align-items:center;gap:5rem;padding-bottom:3em;margin-bottom:6rem} .hero-content{padding-top:3em;& h1 a{text-decoration:none;color:var(--color-brand-primary);cursor:pointer;font-size:var(--step-2);font-weight:300;&:hover,&:focus{text-decoration:underline;font-weight:300} &:visited{color:var(--color-brand-primary);text-decoration:none} } @media (max-width:500px){padding-top:1em} } .hero-content h1{text-transform:uppercase} .hero-content p{padding-top:2em;hyphens:auto} .hero-image{display:grid;grid-template-columns:1fr auto;grid-template-rows:1fr auto;grid-template-areas:"image image" "figcaption navigation";gap:1rem} .hero-carousel{grid-area:image;position:relative;width:100%;aspect-ratio:3/2;overflow:hidden} .carousel-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 0.5s ease-in-out} .carousel-image.active{opacity:1} .hero-fitcaption{grid-area:figcaption;margin-top:0;font-size:var(--step--2);color:var(--color-text-secondary);display:none;flex-direction:column;justify-content:flex-start} .hero-fitcaption h3{margin:0;padding:0;line-height:1} .hero-fitcaption p{margin:0;padding:0;line-height:1} .hero-navigation{grid-area:navigation;display:flex;gap:0.5rem} .hero-arrow{background:none;border:1px solid var(--color-text-secondary);color:var(--color-text-secondary);cursor:pointer;font-size:1.2rem;padding:0.4em 0.8em;transition:all 0.2s ease;width:fit-content;height:fit-content;display:flex;align-items:center;justify-content:center;text-transform:uppercase;font-weight:500;font-size:var(--step--2)} .hero-arrow:hover{background-color:var(--color-brand-primary);color:var(--color-surface-light)} .news-wrapper{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;grid-template-areas:"title ." ". content";gap:1em;padding-bottom:3em;padding-top:4rem;border-top:1px solid var(--color-text-secondary)} .news-title{grid-area:title;border-bottom:1px solid var(--color-text-secondary);text-transform:uppercase} .news-content{grid-area:content} @media (max-width:500px){.hero-wrapper{grid-template-columns:1fr;gap:2rem;margin-bottom:1rem} .hero-image{grid-template-columns:1fr;grid-template-rows:auto auto auto;grid-template-areas:"image" "figcaption" "navigation";gap:1rem} .hero-navigation{justify-content:center} .news-wrapper{grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"title" "content";padding-top:2rem} } .lb-loader,.lightbox{text-align:center;line-height:0}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;opacity:.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;font-weight:400;outline:0}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-loader,.lb-nav{position:absolute;left:0}.lb-outerContainer:after{content:"";display:table;clear:both}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(/assets/images/lightbox/loading.gif) no-repeat}.lb-nav{top:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(/assets/images/lightbox/prev.png) left 48% no-repeat;background-size:1rem 1rem;opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(/assets/images/lightbox/next.png) right 48% no-repeat;background-size:1rem 1rem;opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{opacity:1}.lb-dataContainer{margin:0 auto;padding-top:0.8rem;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{content:"";display:table;clear:both}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:1rem;height:1rem;background:url(/assets/images/lightbox/close.png) top right no-repeat;background-size:contain;text-align:right;outline:0;opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;opacity:1}