@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Teko:wght@300..700&display=swap";@layer base,mobile;@keyframes mobile-nav-appear{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@media(width<900px){nav{display:none}}nav#mobile-nav{padding-inline:var(--content-inline-padding);filter:drop-shadow(0 4px 12px rgba(0,0,0,.5));position:fixed;left:0;top:0;right:0;margin:0;color:#fff;z-index:3;background-color:var(--conference-palette-color-bg-menu);a{transition:all .5s ease-in-out}a:hover{opacity:.5}header{border-bottom:1px solid white;margin-bottom:.5rem;h2{margin:.5rem 3rem .5rem 0;text-wrap:balance}@media(width<720px){h2{font-size:1.8rem}}}menu{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;li{flex-basis:50%;@media(width<720px){flex-basis:100%}margin:0;padding:0;a{display:block;text-decoration:none;color:inherit;font-size:clamp(1rem,5vw,2rem);font-weight:600}}}footer{border-top:1px solid white;margin-top:.5rem;padding:.5rem 0;a,span{display:inline-block;margin-right:1rem;text-decoration:none;color:inherit;font-size:.8rem}}}body{input#mobile-nav-toggle{display:none}nav#mobile-nav{display:none}}body:has(input#mobile-nav-toggle:checked){nav#mobile-nav{animation-name:mobile-nav-appear;animation-duration:.25s;animation-timing-function:cubic-bezier(.13,1.69,.84,.92);animation-fill-mode:forwards;display:block}}*,*:before,*:after{box-sizing:border-box}:root{--header-height: 8rem}html{background-color:var(--html-background-color);--content-max-width: 1200px;--content-inline-padding: max(8rem, (100% - var(--content-max-width)) / 2);@media(width<720px){--content-inline-padding: 2rem}--conference-palette-color-bg-menu-text: }@layer base{h1{font-size:2.5rem}h2{font-size:2.2rem}h3{font-size:1.8rem}h4,h5,h6{font-size:1.5rem}address{font-style:normal}a{text-decoration:none;color:inherit}body{max-width:1920px;background-color:#fff;padding:0;margin:0 auto;font-family:sans-serif;line-height:1.5;>article,>main{max-width:var(--content-max-width);margin:0 auto;padding:0 1rem;a{text-decoration:underline;color:var(--conference-palette-color-bg-menu)}}>*{padding-inline:var(--content-inline-padding);padding-block:2rem}>header{div#buttons{z-index:4;position:absolute;top:0;right:0;>*{width:clamp(64px,10vw,108px);height:clamp(64px,10vw,108px);display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:clamp(.9rem,1vw,1.2rem);font-weight:600;svg{width:50%;height:50%}}label#menu-button{cursor:pointer;background-color:var(--conference-palette-color-bg-menu);top:0;right:0}a#tickets-link{background-color:var(--conference-palette-color-bg-ticket);font-weight:600;text-decoration:none}}backdrop-filter:blur(0px);width:100%;position:sticky;background-attachment:local;background-color:#fff;top:0;margin:0 auto;z-index:2;display:flex;align-items:center;justify-content:flex-start;gap:2rem;height:var(--header-height);&:has(+section.hero){color:#fff;background-color:transparent}@media(width<720px){div:has(time):has(address){display:none}}nav#main-nav{display:flex;gap:3rem;font-size:1.2rem;a{font-weight:600}@media(width<1200px){display:none}}}section.hero{padding-top:var(--header-height);position:relative;background-image:var(--hero-image-url);background-size:cover;background-position:center;top:calc(var(--header-height) * -1);margin-bottom:calc(var(--header-height) * -1);z-index:1;video{position:absolute;top:0;left:0;width:100%;height:auto;z-index:-1}}>footer{background-color:#999;section{max-width:var(--content-max-width);margin:0 auto;padding:2rem 1rem}section.partners{h2{text-align:center}ul{list-style:none;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem;margin:0;padding:0;li{a{display:block;margin:.5rem;flex:1 0 150px;max-width:180px;img{max-width:100%;height:auto;display:block;filter:brightness(0) invert(1);opacity:.75}}}}}section.contact{display:flex;align-items:flex-start;justify-content:space-between;padding:2rem 0;gap:1rem;@media(width<720px){flex-direction:column}address{flex:1 0 33%;h2{font-size:1.2rem;margin:.5rem 0}p{margin:.5rem 0}}ul{flex-basis:66%;display:flex;list-style:none;flex-wrap:wrap;margin:0;padding:0;row-gap:1rem;li{flex:1 50%;font-weight:600;min-width:300px;a:hover{text-decoration:underline}}}}}}.with-right-arrow{display:flex;align-items:center;justify-content:space-between;&:after{content:"➜";display:block;font-size:2.5rem;height:3rem;display:flex;align-items:center;justify-content:center}}section.home-links{padding-block:2rem;div{max-width:var(--content-max-width);margin:0 auto;display:flex;column-gap:20%;flex-wrap:wrap;>*{margin:0;padding:0;flex:1 0 300px}h2{flex-basis:30%;font-size:2.5rem;font-weight:600;min-width:200px}ul{flex-basis:50%;font-size:1.5rem;font-weight:600;list-style:none;padding:0;li{display:block;a{display:flex;margin-bottom:1rem;align-items:center;justify-content:space-between}}}}}section.takeaways{display:flex;flex-wrap:wrap;gap:2rem;div{flex:1 0 30%;min-width:20rem;padding:2rem;h3{margin:0}p{margin-bottom:0}position:relative;&:before{content:"";position:absolute;inset:0;border-radius:1rem;padding:2px;background:linear-gradient(to bottom,var(--conference-palette-color-bg-menu),var(--conference-palette-color-bg-ticket));mask:conic-gradient(#000 0 0) content-box,conic-gradient(#000 0 0);mask-composite:exclude;pointer-events:none}}}section.speakers{text-align:center;ul.speaker-grid{max-width:var(--content-max-width);margin:0 auto 2rem;display:flex;justify-content:center;padding:0rem;gap:2rem;list-style:none;flex-wrap:wrap;li{flex:1 0 30%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-width:200px;text-align:left;figure{width:100%;margin:0;padding:0;@media(prefers-reduced-motion:no-preference){transition:transform .1s ease-in-out;&:hover{transform:scale(1.1)}}img{width:100%;max-width:100%;height:auto}figcaption{text-align:left;font-size:1.2rem;font-weight:600;display:flex;align-items:center;justify-content:space-between}small{display:block;font-size:.8em;text-wrap:balance}}}}}section.calls-to-action{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4rem;a{display:block;transition:all .2s ease-in-out;&:hover{transform:scale(1.1)}flex-basis:45%;flex-grow:1;min-width:120px;span{font-weight:600;font-size:1.2rem}small{font-size:1rem}img{max-width:100%;aspect-ratio:1/1;object-fit:cover;object-position:center;height:auto}}}@keyframes marquee{0%{transform:translate(0)}50%{transform:translate(50%)}50%{transform:translate(-50%)}to{transform:translate(-100%)}}.marquee{padding-inline:0;overflow:hidden;white-space:nowrap;&:hover{ul{animation-play-state:paused}}ul{margin:0;list-style:none;display:inline-flex;gap:0 3rem;flex-wrap:wrap;padding-inline:var(--content-inline-padding);justify-content:center;@media(prefers-reduced-motion:no-preference){animation-play-state:running;animation:marquee 20s linear infinite;flex-wrap:nowrap;padding-inline:1rem;justify-content:space-around}}}section.tag-marquee{background-color:var(--conference-palette-color4);ul{gap:1rem;li{padding:.5rem 2rem;position:relative;&:before{content:"";position:absolute;inset:0;border-radius:2rem;padding:2px;background:linear-gradient(to bottom,var(--conference-palette-color-bg-menu),var(--conference-palette-color-bg-ticket));mask:conic-gradient(#000 0 0) content-box,conic-gradient(#000 0 0);mask-composite:exclude;pointer-events:none}}}}section.partner-marquee{h2{text-align:center}ul{li{&:hover{transform:scale(1.1)}display:inline-block;img{height:6rem;width:auto}}}}section.info-links{display:flex;list-style:none;flex-wrap:wrap;gap:2rem;align-items:stretch;a{display:flex;flex:1 0 120px;padding-block:1rem;gap:1rem;strong{display:block;font-size:1.2rem;font-weight:600}flex-direction:column;align-items:flex-start;&:after{margin-top:auto;display:block;align-self:flex-start}border-bottom:3px solid #000}@media(width<960px){a{flex:1 0 40%}}@media(width<720px){flex-direction:column;row-gap:0;a{display:block;flex:1 0 auto;&:after{float:right}}}}}.button,input[type=submit],input[type=reset],button{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border:none;cursor:pointer;text-decoration:none;color:inherit;margin:.5rem;border:2px solid transparent;&:first-child{margin-left:0}@media(prefers-reduced-motion:no-preference){transition:all .1s ease-in-out;&:hover{transform:scale(1.1)}}&.primary{background-color:var(--conference-palette-color4);border-color:var(--conference-palette-color4);color:var(--conference-palette-color4-text)}&.alt{background-color:var(--conference-palette-color-bg-menu);border-color:var(--conference-palette-color-bg-menu);color:var(--conference-palette-color-bg-menu-text)}}:root{--html-background-color: #9b9895;--fabricsqlapac-green: #00B294;--fabricsqlapac-blue: #1360A8;--fabricsqlapac-dark-green: #196759;--fabricsqlapac-dark-blue: #0b3a65;--fabricsqlapac-sand: #faf6ef;--fabricsqlapac-black: #1a1a1a;--fabricsqlapac-white: #ffffff}h1,h2,h3{font-family:Teko,sans-serif;font-weight:600;line-height:1.2}h4,h5,h6{font-weight:200;line-height:1.2}body{font-family:Inter,sans-serif;>header{--header-background-opacity: 0;--header-background-color: var(--fabricsqlapac-white);background-color:rgb(from var(--header-background-color) r g b / min(var(--header-background-opacity),.8));border-bottom:1px solid rgb(from var(--header-background-color) r g b / var(--header-background-opacity));h1{background-size:contain;background-repeat:no-repeat;background-position:left center;display:block;text-indent:-9999px;flex-basis:clamp(200px,70vw,300px);aspect-ratio:300/98;max-height:calc(var(--header-height) - 2rem);background-image:url(/images/fabricsqlapac-apac-logotype.svg);a{display:block;width:100%;height:100%}}&:has(+section.hero){h1{background-image:url(/images/fabricsqlapac-apac-logotype-dark.svg)}--header-background-color: var(--fabricsqlapac-black)}div#buttons{color:var(--fabricsqlapac-white)}}section.hero{p#hero-sponsor{padding:1rem 0;display:flex;align-items:center;gap:1rem}color:var(--fabricsqlapac-white);background-image:linear-gradient(120deg,rgb(from var(--fabricsqlapac-black) r g b / .9) 0%,var(--fabricsqlapac-dark-green) 50%),linear-gradient(#fff),var(--hero-image-url);background-blend-mode:multiply,saturation;ul.event-stats{list-style:none;display:flex;flex-wrap:wrap;margin:0;padding:0;align-items:center;gap:2rem;li{list-style:none;text-align:center;flex:1;border:2px solid;border-image:linear-gradient(to bottom,var(--fabricsqlapac-green),var(--fabricsqlapac-blue)) 1;padding:1rem;text-transform:uppercase;strong{display:block;font-size:2rem;font-family:Teko,sans-serif}}}h2{margin:1rem 40% 1rem 0;font-size:4rem;line-height:4rem;font-weight:900;@media(width<600px){font-size:3rem;line-height:3rem;margin-right:0}}}section.home-links{background:url(/images/fabricsqlapac-wave-pattern.svg) no-repeat -200px -200px / 120% auto,linear-gradient(to bottom right,var(--fabricsqlapac-dark-blue),var(--fabricsqlapac-blue));background-blend-mode:overlay;color:var(--fabricsqlapac-white);a:hover{color:hsl(from var(--fabricsqlapac-white) h s calc(l - 25))}}section.calls-to-action{background:url(/images/fabricsqlapac-wave-pattern.svg) no-repeat -200px -200px / 120% auto,url(/images/fabricsqlapac-wave-pattern.svg) no-repeat -200px 100% / 150% auto,linear-gradient(to bottom right,var(--fabricsqlapac-green),var(--fabricsqlapac-dark-blue));background-blend-mode:overlay;color:var(--fabricsqlapac-white);a:hover{color:hsl(from var(--fabricsqlapac-white) h s calc(l - 25))}}section.info-links{a:hover{color:var(--fabricsqlapac-blue);border-color:var(--fabricsqlapac-blue)}}>footer{background:url(/images/fabricsqlapac-wave-pattern.svg) no-repeat -100px 100% / 150% auto,linear-gradient(to bottom,var(--fabricsqlapac-dark-blue),var(--fabricsqlapac-blue));background-blend-mode:overlay;color:var(--fabricsqlapac-white);section.contact{border-top:1px solid var(--fabricsqlapac-white)}}}button,.button,input[type=submit],input[type=reset]{font-weight:600;font-size:1.2em;letter-spacing:.02em;&.framed{background:rgb(from var(--fabricsqlapac-black) r g b / .5);border:2px solid var(--fabricsqlapac-white);color:var(--fabricsqlapac-white)}}