body,html{margin:0;padding:0;color:#000;background-color:#fff;line-height:1.2}p{margin:1rem 0}p:first-child{margin-top:0}p:last-child{margin-bottom:0}h2{text-transform:uppercase}a{color:#000;text-decoration:none;font-weight:700}a:hover{text-decoration:underline}.cn,.cnf{font-family:'Noto Sans TC',Raleway,sans-serif}.langen .cn,.langen .fr{display:none!important}.langen .isen{text-decoration:underline}.langcn .en,.langcn .fr{display:none!important}.langcn .iscn{text-decoration:underline}.langfr .cn,.langfr .en{display:none!important}.langfr .isfr{text-decoration:underline}.testonly{display:none!important}.langfr .smallfr span{font-size:.8em}.fancyframe-hk{padding:1.6rem;background-image:url(/img/hk/frame-tl.png),url(/img/hk/frame-br.png);background-position:top left,bottom right;background-repeat:no-repeat;background-size:6.4rem}.fancyborder{position:relative;padding:1.6rem;background-color:#fff;background-image:url(/img/border-tl.png),url(/img/border-tr.png),url(/img/border-bl.png),url(/img/border-br.png),url(/img/border-h.png),url(/img/border-v.png),url(/img/border-h.png),url(/img/border-v.png);background-position:top left,top right,bottom left,bottom right,top,right,bottom,left;background-repeat:no-repeat;background-size:1.6rem,1.6rem,1.6rem,1.6rem,99% .65rem,.65rem 99%,99% .65rem,.65rem 99%}.fancyborder .pointer{display:block;width:1.85rem;height:1.85rem;background:url(/img/border-p.png) center left/1.85rem 1.85rem;position:absolute;top:calc(50% - .925rem);left:-.88rem}.fancyborder-clermont{position:relative;padding:1.6rem;background-color:#fff;background-image:url(/img/clermont/border-tl.png),url(/img/clermont/border-tr.png),url(/img/clermont/border-bl.png),url(/img/clermont/border-br.png),url(/img/clermont/border-t.png),url(/img/clermont/border-r.png),url(/img/clermont/border-b.png),url(/img/clermont/border-l.png);background-position:top left,top right,bottom left,bottom right,top,right,bottom,left;background-repeat:no-repeat;background-size:1.6rem,1.6rem,1.6rem,1.6rem,99% 1.6rem,1.6rem 99%,99% 1.6rem,1.6rem 99%}.fancyborder-clermont .pointer{display:block;width:1.85rem;height:1.85rem;background:url(/img/border-p.png) center left/1.85rem 1.85rem;position:absolute;top:calc(50% - .925rem);left:-.88rem}.fancyborder.fancyborderMenuSpace{background-image:url(/img/border-tl.png),url(/img/white.png),url(/img/border-bl.png),url(/img/border-br.png),url(/img/border-h.png),url(/img/border-v.png),url(/img/border-h.png),url(/img/border-v.png);background-size:1.6rem,7rem 3rem,1.6rem,1.6rem,99% .65rem,.65rem 99%,99% .65rem,.65rem 99%}.fancyborder-clermont.fancyborderMenuSpace{background-image:url(/img/clermont/border-tl.png),url(/img/white.png),url(/img/clermont/border-bl.png),url(/img/clermont/border-br.png),url(/img/clermont/border-t.png),url(/img/clermont/border-r.png),url(/img/clermont/border-b.png),url(/img/clermont/border-l.png);background-size:1.6rem,11rem 3rem,1.6rem,1.6rem,99% 1.6rem,1.6rem 99%,99% 1.6rem,1.6rem 99%}.cols{display:flex}.cols>div{flex:1}.center{text-align:center}.s{font-size:.75em}.popup{display:flex;align-items:center;justify-content:center;position:fixed;top:0;bottom:0;left:0;right:0;background-color:#4a5465F8;z-index:100}.popup .window{background-color:#fff;border-radius:1rem;padding:1rem;width:33rem;max-height:95vh;max-height:95dvh;max-width:95vw;overflow:auto}.popup .btn{display:block!important;text-align:center}.popup.hide{display:none}.popup.full .window{width:auto}main{margin:0 10rem;font-size:1.5rem;text-align:justify}main h2,main h3,main h4{text-align:left}main.has-nav{margin:0 33%}body.memento{margin-bottom:0}body.memento main{margin:0 30.5%;text-align:center}body.memento h1{margin:0;display:block;overflow:hidden;text-indent:-1000em;background:url(/img/logo.png) center/100% 100%;aspect-ratio:1140/356;position:absolute;top:2.5rem;left:2.5rem;width:19rem;z-index:20}body.memento h2{color:grey;font-size:1em;text-transform:uppercase;text-align:center}body.memento .card{position:relative;min-height:100vh;min-height:100dvh;margin:0;padding:0;display:flex;align-items:center;justify-content:center}body.memento .fancyborderMemento{position:absolute;box-sizing:border-box;top:1rem;left:1rem;right:1rem;bottom:1rem;z-index:0}body.memento .more{color:grey}body.memento .more a{color:grey}body.memento .name{font-weight:700}body.memento .bird{margin:0;position:absolute;top:0;left:0;right:0;mix-blend-mode:multiply;z-index:2}body.memento .bird img{width:100%;aspect-ratio:2048/2586}body.memento .paper{position:absolute;top:0;left:0;right:0;bottom:0;mix-blend-mode:multiply;z-index:1;background:url(/img/paper.jpg);background-size:cover}body.memento .inner{position:relative;z-index:10;padding:42rem 3rem 6rem}body.memento .inner h2,body.memento .inner p{margin:.5rem 0;margin:clamp(.2rem,calc(10vh - 7rem),2rem) 0}body.memento .audio{display:flex;align-items:center;justify-content:center}body.memento .audio a{display:block;overflow:hidden;text-indent:-1000em;background:url(/img/icon-play-large.png) center/100% 100%;aspect-ratio:1/1;height:3rem;margin-right:1rem}body.memento .audio .wav{display:block;position:relative;width:15rem;line-height:1}body.memento .audio .wav img{width:15rem;aspect-ratio:8/2}body.memento .audio .wav #wav2{display:block;position:absolute;overflow:hidden;top:0;left:0;width:0%}body.memento .btns{position:absolute;bottom:2rem;right:3rem;left:3rem;z-index:11;white-space:nowrap;display:flex}body.memento .btns .btn{padding:1rem;flex-grow:1;margin:0 .25rem}body.memento .langmenu{right:1.2rem!important;top:.8rem!important}body.memento .busy{margin:2rem}body.memento .spin{margin:auto;width:3rem;height:3rem;border-radius:100%;border:1rem solid;border-color:#4a5465 #4a5465 #f2f4f7 #f2f4f7;animation-name:spin;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:linear}body.memento .card-clermont h1{display:block;overflow:hidden;text-indent:-1000em;background:url(/img/clermont/title-en.png?2) center/100% 100%;aspect-ratio:1080/554;width:22rem;left:calc(50% - 11rem)}body.memento .card-clermont .bird img{margin-top:4rem}body.memento .card-clermont #btnLang{font-size:1.4rem;position:relative;top:-.6rem}body.memento .card-clermont .inner{padding-top:44rem}body.memento.langfr .card-clermont h1{background-image:url(/img/clermont/title-fr.png?2)}#mappic img{aspect-ratio:9/16;height:38rem;border-radius:1rem}.btn{font-size:1.5rem;display:inline-block;padding:1rem 3rem;color:#fff;background-color:#000;border-radius:1rem}.btn:hover{text-decoration:none;background-color:#4a5465}.btn.white{background:#fff;color:#000;border:.15rem solid #d2d6dd}.btn.white:hover{background-color:#f2f4f7}body.home{font-family:Raleway,sans-serif}body.home h1{display:none}body.home h2{text-align:center;margin-bottom:.5em}body.home img{width:30rem}body.home a{display:block;width:30rem;margin:auto}body.makememento .langmenu,body.memento .langmenu{position:absolute;top:0;right:0;margin:0;font-size:2rem;z-index:12}body.makememento .langmenu a:hover,body.memento .langmenu a:hover{text-decoration:none}body.makememento .langmenu .infoicon,body.memento .langmenu .infoicon{display:inline-block;overflow:hidden;text-indent:-1000em;background:url(/img/icon-info.png) center/100% 100%;aspect-ratio:1/1;height:1em;margin-left:.5em;vertical-align:-10%}body.makememento #step1{display:none}body.makememento.step1 #step1{display:block}body.makememento #step2{display:none}body.makememento.step2 #step2{display:block}body.makememento #step3{display:none}body.makememento.step3 #step3{display:block}body.makememento #step4{display:none}body.makememento.step4 #step4{display:block}body.makememento.step1 .progress{display:none}body.makememento.step3 .p2{background:#4a5465}body.makememento.step4 .p2{background:#4a5465}body.makememento.step4 .p3{background:#4a5465}body.makememento.langfr header.search-clermont h1{background-image:url(/img/clermont/title-fr.png?2)!important}body.makememento header{margin:0 30% 2rem;position:relative}body.makememento header h1{margin:.5rem 0;display:block;overflow:hidden;text-indent:-1000em;background:url(/img/logo.png) center/100% 100%;aspect-ratio:1140/356;height:5rem}body.makememento header.search-clermont h1{display:block;overflow:hidden;text-indent:-1000em;background:url(/img/clermont/title-en.png?2) center/100% 100%;aspect-ratio:1080/554;margin:.5rem auto}body.makememento header .progress{display:flex;margin-top:1rem;justify-content:space-between}body.makememento header .progress span{display:block;width:22%;height:.5rem;border-radius:.25rem;background:#d2d6dd}body.makememento header .progress .p1{background:#4a5465}body.makememento.step1 header{margin-top:.5rem;padding-top:8rem}body.makememento.step1 header h1{display:block;overflow:hidden;text-indent:-1000em;background:url(/img/logo-framed.png) center/100% 100%;aspect-ratio:1432/676;height:auto}body.makememento.step1 header.search-clermont h1{display:block;overflow:hidden;text-indent:-1000em;background:url(/img/clermont/title-en.png?2) center/100% 100%;aspect-ratio:1080/554}body.makememento.step2 .fancyborder-clermont,body.makememento.step3 .fancyborder-clermont,body.makememento.step4 .fancyborder-clermont{background:0 0!important;padding:0!important}body.makememento h2{font-size:2.5rem;font-weight:700;text-align:center;text-transform:none;margin:auto}body.makememento h2.small{font-size:2rem}body.makememento .frame{background:#fff;filter:drop-shadow(0 2px 2px #00000033)}body.makememento .input{margin:0;padding:1rem;position:relative}body.makememento .input label{display:block;color:#4a5465;font-size:1.5rem;font-weight:400;margin:0 0 1rem}body.makememento .input input{display:block;width:100%;box-sizing:border-box;font-size:1.5rem;color:#000;padding:1.5rem;border:.15rem solid #d2d6dd;border-radius:1rem}body.makememento main{text-align:center;padding-bottom:2rem}body.makememento #step1{font-weight:700;font-size:2.5rem}body.makememento #step2{display:none}body.makememento #step2 h2{padding:0 10%}body.makememento .searchbox input{background:url(/img/icon-search.png) 1rem center/2rem no-repeat;padding:1.5rem 4rem}body.makememento .searchbox .filter{display:block;overflow:hidden;text-indent:-1000em;background:url(/img/icon-filter.png) center/100% 100%;aspect-ratio:1/1;width:2rem;position:absolute;right:2.5rem;bottom:2.5rem}body.makememento .searchbox img{width:8rem;height:8rem;display:block;margin:auto}body.makememento .searchbox ul{margin:0;padding:0;list-style-type:none;display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}body.makememento .searchbox ul li{margin:0;padding:0;list-style-type:none;width:47%;border-bottom:.15rem solid #f2f4f7;padding:.5rem;box-sizing:border-box}body.makememento .searchbox ul a{display:block}body.makememento .searchbox ul span{font-size:1.5rem;display:flex;align-items:center;justify-content:center;min-height:2.5em;padding-left:2.5rem;background:url(/img/icon-play.png) .25rem center/2rem no-repeat}body.makememento .searchbox #moreresults{background-color:#d2d6dd;margin-bottom:1rem}body.makememento .searchbox #moreresults.hide{display:none}body.makememento #birdinfo{font-size:1.5rem}body.makememento #birdinfo .name{font-weight:700}body.makememento #birdinfo img{width:20rem;height:20rem}body.makememento #birdinfo .location span{display:inline-block;padding-left:3rem;color:#4a5465;background:url(/img/icon-globe.png) .25rem center/2rem no-repeat}body.makememento #filter p{font-weight:700}body.makememento #filter .cols{align-items:flex-end;text-align:left}body.makememento #filter ul{margin:0;padding:0;list-style-type:none;line-height:1.5}body.makememento #filter .window{background:#fff url(/img/icon-filter.png) 5.5rem 3rem/5rem 5rem no-repeat}body.makememento #step3{margin-top:16rem}body.makememento #step3 h2{font-weight:400;margin:0 6%}body.makememento #step3 .btn{min-width:7rem;margin:0 1rem}body.makememento #step4{font-weight:700;font-size:2rem}body.makememento #step4 h2{font-size:2rem}body.hongkong{font-family:Raleway,sans-serif}body.hongkong header{position:relative;z-index:11;left:-10%;width:50%;background:url(/img/home-img.jpg) center/100% 100%;aspect-ratio:1800/1932;display:flex;align-items:center;justify-content:center;font-size:1.65em;text-align:center;font-weight:700;margin:auto;mix-blend-mode:multiply}body.hongkong main{position:relative;z-index:10}body.hongkong .logo{width:100%;display:block;overflow:hidden;text-indent:-1000em;background:url(/img/logo.png) center/100% 100%;aspect-ratio:1140/356}body.hongkong .logo_hkadc{width:75%;margin:auto;display:block;overflow:hidden;text-indent:-1000em;background:url(/img/logo-hkadc-en.png) center/100% 100%;aspect-ratio:1144/402}body.hongkong.langcn .logo_hkadc{display:block;overflow:hidden;text-indent:-1000em;background:url(/img/logo-hkadc-cn.png) center/100% 100%;aspect-ratio:1336/326}body.hongkong .logo_fc{width:75%;margin:auto;display:block;overflow:hidden;text-indent:-1000em;background:url(/img/logo-fc.png) center/100% 100%;aspect-ratio:1595/355}body.hongkong .logo_mo{width:75%;margin:auto;display:block;overflow:hidden;text-indent:-1000em;background:url(/img/logo-mo.png) center/100% 100%;aspect-ratio:1408/400}body.hongkong .logo_zc{width:50%;margin:auto;display:block;overflow:hidden;text-indent:-1000em;background:url(/img/logo-zc.png) center/100% 100%;aspect-ratio:822/304}body.hongkong nav{font-weight:700;font-size:1.5rem}body.hongkong nav .openmenu{display:none;margin:0}body.hongkong nav .langmenu{position:fixed;z-index:14;top:2rem;left:2rem;margin:0}body.hongkong nav .rightmenu{position:fixed;z-index:13;top:2rem;right:2rem;bottom:2rem;padding-left:2rem;width:calc(33% - 4rem);box-sizing:border-box;overflow:auto;display:flex;flex-direction:column}body.hongkong nav ul{margin:0;flex:1;display:flex;flex-direction:column;padding-left:0}body.hongkong nav ul sup{font-size:.6em}body.hongkong nav ul li{margin:0;padding:0;list-style-type:none;margin:.5em 0;padding-left:1.6rem;position:relative}body.hongkong nav ul .supported{font-size:.75em;line-height:2;margin-top:auto}body.hongkong #hosting{min-height:100vh}body.hongkong nav .pointer{display:none}body.hongkong.intro nav .intro .pointer{display:block}body.hongkong.about nav .about .pointer{display:block}body.hongkong.search nav .search .pointer{display:block}body.hongkong.team nav .team .pointer{display:block}body.hongkong.paintings nav .paintings .pointer{display:block}body.hongkong.inclusion nav .inclusion .pointer{display:block}body.hongkong.sustainability nav .sustainability .pointer{display:block}body.hongkong.hosting nav .hosting .pointer{display:block}body.hongkong.k11ndp2023 nav .k11ndp2023 .pointer{display:block}body.hongkong .bg{display:block;position:fixed;z-index:-1;width:40rem;height:40rem;left:calc(50% - 20rem);top:calc(50% - 20rem);background-size:100% 100%;transition:opacity 1s;opacity:0}body.hongkong #about .bg{background-image:url(/img/bg-about.jpg)}body.hongkong #search .bg{background-image:url(/img/bg-search.jpg)}body.hongkong #team .bg{background-image:url(/img/bg-team.jpg)}body.hongkong #paintings .bg{background-image:url(/img/bg-paintings.jpg)}body.hongkong #inclusion .bg{background-image:url(/img/bg-inclusion.jpg)}body.hongkong #sustainability .bg{background-image:url(/img/bg-sustainability.jpg)}body.hongkong #hosting .bg{background-image:url(/img/bg-hosting.jpg)}body.hongkong #k11ndp2023 .bg{background-image:url(/img/bg-search.jpg)}body.hongkong .supported{margin-top:8rem}body.hongkong .bird{position:fixed;left:2rem;top:2rem;bottom:2rem;width:calc(33% - 4rem);transition:opacity 1s;opacity:0;z-index:12;background:#fff;display:flex;align-items:center;justify-content:center}body.hongkong .bird img{display:block;width:100%}body.hongkong.about #about .bg,body.hongkong.about #about .bird,body.hongkong.hosting #hosting .bg,body.hongkong.hosting #hosting .bird,body.hongkong.inclusion #inclusion .bg,body.hongkong.inclusion #inclusion .bird,body.hongkong.k11ndp2023 #k11ndp2023 .bg,body.hongkong.k11ndp2023 #k11ndp2023 .bird,body.hongkong.paintings #paintings .bg,body.hongkong.paintings #paintings .bird,body.hongkong.search #search .bg,body.hongkong.search #search .bird,body.hongkong.sustainability #sustainability .bg,body.hongkong.sustainability #sustainability .bird,body.hongkong.team #team .bg,body.hongkong.team #team .bird{opacity:1}body.clermont{font-family:Faustina,serif;font-optical-sizing:auto;font-weight:300}body.clermont .important,body.clermont a,body.clermont h1,body.clermont h2,body.clermont h3,body.clermont h4,body.clermont h5,body.clermont h6,body.clermont strong{font-weight:600}body.clermont header .fancyframe-clermont{display:block;width:60%;margin:auto;aspect-ratio:2154/1674;overflow:hidden;text-indent:-1000em}body.clermont header .fancyframe-clermont.en{background:url(/img/clermont/title-home-en.png) center/100% auto no-repeat,url(/img/clermont/title.jpg) center/100% 100%}body.clermont header .fancyframe-clermont.fr{background:url(/img/clermont/title-home-fr.png) center/100% auto no-repeat,url(/img/clermont/title.jpg) center/100% 100%}body.clermont header .langmenu-clermont{margin:0;position:absolute;top:1rem;right:1rem;font-size:2rem}body.clermont .darrow{display:block;width:2rem;aspect-ratio:156/298;margin:1rem auto 3rem;background:url(/img/clermont/darrow.png) center/100% 100%}body.clermont .section-center{text-align:center;margin-top:2rem}body.clermont .section-2col{display:flex;align-items:center}body.clermont .section-2col aside{padding-left:10rem}body.clermont .section-2col aside img{width:40rem;margin:0 -6rem}body.clermont .section-2col aside.left{padding-left:0;padding-right:10rem;order:-1}body.clermont .section-2col aside.text{font-weight:600}body.clermont .section-2col aside.text p{width:28rem}body.clermont .section-logos{margin-top:8rem}body.clermont .section-logos ul{list-style-type:none;margin:0;padding:0;display:flex;align-items:center;justify-content:space-between}body.clermont .section-logos li{margin:0;padding:0;width:15rem}body.clermont .section-logos img{width:100%}body.clermont section{margin:4rem auto}body.clermont #begin{font-size:1.75rem;font-weight:600}body.clermont #begin .important{font-size:2.5rem}body.clermont #place{width:55%;font-size:2.5rem}.gallery .window{width:40rem}.gallery .pictures{margin:0;padding:0;list-style-type:none;display:grid;gap:1rem;grid-template-columns:auto auto auto auto;width:100%}.gallery .pictures img{width:9rem;aspect-ratio:1;display:block}.gallery .picture{text-align:center}.gallery .picture img{max-width:100%;max-height:80vh}body,html{font-size:calc(100vw / 100)}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (max-width:900px){body,html{font-size:calc(100vw / 40)}main,main.has-nav{margin:0 2rem 2rem;font-size:1.5rem;text-align:justify}.notmob{display:none!important}.gallery .window{width:33rem}.gallery .pictures img{width:7.5rem}body.memento main{margin:0}body.makememento header{margin:0 2rem 2rem}body.makememento h2.small{font-size:1.4rem}body.hongkong nav{position:fixed;height:6rem;width:100%;top:0;background:#fff url(/img/logo.png) 2rem center/auto 5rem no-repeat;z-index:13}body.hongkong nav .langmenu,body.hongkong nav .rightmenu{display:none}body.hongkong nav .openmenu{overflow:hidden;text-indent:-1000em;display:block}body.hongkong nav .openmenu a{display:block;position:absolute;top:1.5rem;right:2rem;width:3rem;height:3rem;background:url(/img/menu.png) center/100% 100%}body.hongkong nav .intro,body.hongkong nav .supported{display:none}body.hongkong.menuopen .rightmenu{display:block;top:6rem;right:0;left:0;bottom:auto;width:auto;max-height:calc(100% - 6rem);filter:drop-shadow(0 10px 5px #00000033);padding-bottom:2rem;background:#fff}body.hongkong.menuopen .rightmenu .fancyborder{background-image:none,none,none,none,none,none,none,url(/img/border-v.png)}body.hongkong.menuopen .langmenu{display:block;left:auto;right:2rem;top:8rem}body.hongkong header{left:0;width:100%;margin:6rem 0 0;background-image:url(/img/home-mob-img.jpg);aspect-ratio:1080/1402;mix-blend-mode:normal}body.hongkong header .fancyframe-hk{background:0 0}body.hongkong .anchor{padding-top:6rem}body.hongkong .bird{position:static;width:auto;opacity:1;transition:none;background:0 0;mix-blend-mode:multiply;text-align:center}body.hongkong .bird img{display:inline;width:auto!important;max-width:30rem;max-height:20rem}body.clermont main{font-size:1.25rem}body.clermont header .fancyframe-clermont{display:block;width:100%;margin:auto;aspect-ratio:1485/1984;overflow:hidden;text-indent:-1000em}body.clermont header .fancyframe-clermont.en{background:url(/img/clermont/title-mo-en.png) center/100% auto no-repeat,url(/img/clermont/title-mo.jpg) center/100% 100%}body.clermont header .fancyframe-clermont.fr{background:url(/img/clermont/title-mo-fr.png) center/100% auto no-repeat,url(/img/clermont/title-mo.jpg) center/100% 100%}body.clermont .darrow{display:none}body.clermont #begin{font-size:1.25rem;font-weight:600}body.clermont #begin .important{font-size:2rem}body.clermont #place{width:80%;font-size:2rem}body.clermont .section-2col{flex-direction:column}body.clermont .section-2col aside{padding:0!important;text-align:center}body.clermont .section-2col aside img{width:90%;margin:0}body.clermont .section-2col aside.left{order:1}body.clermont .section-2col aside.text{width:100%;text-align:left;margin-top:4rem}body.clermont .section-logos{margin-top:4rem}body.clermont .section-logos ul{flex-direction:column}body.clermont .section-logos li{width:10rem;padding:.5rem 0}}