.img-box{--aspect-ratio: 1;border-radius:l;border-radius:1rem;--shadow-radius: 1rem;transition:box-shadow var(--trans-time) var(--trans-fnc);box-shadow:0 0 1rem #00000026;box-shadow:0 0 var(--shadow-radius) 0 hsl(0 0% 0%/var(--shadow-alpha, 15%));position:relative;display:block;margin-bottom:2.5rem;background-color:var(--color-bg--darken)}@media (hover: hover){a.img-box:hover,button.img-box:hover,select.img-box:hover,input.img-box:hover,textarea.img-box:hover{--shadow-alpha: 30%}}input.img-box:focus,textarea.img-box:focus,.img-box:not(a):not(button):not(select):not(input):not(textarea){--shadow-alpha: 30%}@media only screen and (max-width: 768px){.img-box{max-width:30rem}}.img-box--16-9{--aspect-ratio: 16 / 9}.img-box--4-3{--aspect-ratio: 4 / 3}.img-box img{border-radius:l;border-radius:1rem;position:relative;display:block;width:100%;aspect-ratio:var(--aspect-ratio);z-index:5}.workshop-card{--col: 1fr;display:grid;grid-template-columns:1fr;grid-template-columns:var(--col);grid-gap:var(--gap-3xl);gap:var(--gap-3xl)}@media only screen and (min-width: 769px){.workshop-card{--col: minmax(160px, 13em) 1fr}}.workshop-card__icon{display:none}@media only screen and (min-width: 769px){.workshop-card__icon{display:block}}.workshop-card__icon>img{border-radius:1rem}.workshop-card__title{display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;justify-content:space-between;width:100%;gap:var(--gap-l);margin-bottom:var(--gap-l)}.workshop-card__title .title{margin-bottom:var(--gap-xs);line-height:1.3}.workshop-card span.by{--color-text--light: hsl(240, 1%, 70%);display:block;margin-top:var(--gap-l);font-family:prometo,sans-serif;font-size:1.25rem;color:#b2b2b3;color:var(--color-text--light)}.workshop-card span.by strong{font-weight:700;color:var(--color-secondary)}.workshop-card__number{font-family:prometo;font-size:clamp(2.875rem,1.9821rem + 4.4643vw,6rem);font-weight:700;line-height:1;color:#0000001a}.speaker-box{--speaker-col-template: minmax(1rem, 1fr);--speaker-align-items: flex-strat;--gap: 1.5rem;--speaker-photo-scale: 1;--spaker-shadow-alpha: 0;--separator-scale-x: 1;--circle-bg: var(--color-primary);--small-circle-display: none;--small-circle-color: var(--color-primary);--small-circle-top: 0;--small-circle-left: 0;--small-circle-transform: 0, 0;display:grid;grid-template-columns:minmax(1rem,1fr);grid-template-columns:var(--speaker-col-template);gap:1.5rem;grid-gap:1.5rem;grid-gap:var(--gap);gap:var(--gap);align-items:flex-strat;align-items:var(--speaker-align-items);align-content:flex-start;justify-content:flex-start;-webkit-text-decoration:none;text-decoration:none}@media only screen and (max-width: 425px){.speaker-box{--speaker-col-template: 5.625rem minmax(1rem, 1fr);--gap: 1rem;--speaker-align-items: center}}@media (hover: hover){a.speaker-box:hover{--separator-scale-x: 1.5;--spaker-shadow-alpha: .3;--circle-bg: var(--color-secondary--lighten);--speaker-photo-scale: 1.05}}@media only screen and (hover: hover) and (max-width: 425px){a.speaker-box:hover{--separator-scale-x: 1;--spaker-shadow-alpha: 0;--circle-bg: var(--color-primary);--speaker-photo-scale: 1}}.speaker-box--mayor{--small-circle-display: block}.speaker-box--mayor:nth-child(1){--small-circle-top: 19%;--small-circle-left: 17.5%;--small-circle-transform: 0, 0}.speaker-box--mayor:nth-child(2){--small-circle-top: 98%;--small-circle-left: 15%;--small-circle-transform: 0, -100%}.speaker-box--mayor:nth-child(3){--small-circle-color: var(--color-secondary--lighten);--small-circle-top: 70%;--small-circle-left: 73%;--small-circle-transform: 0, 0}.speaker-box--mayor:nth-child(4){--small-circle-top: 98%;--small-circle-left: 15%;--small-circle-transform: 0, -100%}.speaker-box--mayor:nth-child(5){--small-circle-color: var(--color-secondary--lighten);--small-circle-top: 18%;--small-circle-left: 65%;--small-circle-transform: 0, 0}.speaker-box--mayor:nth-child(6){--small-circle-top: 70%;--small-circle-left: 73%;--small-circle-transform: 0, 0}.speaker-box__photo{position:relative;aspect-ratio:1;transform:scale(var(--speaker-photo-scale));transition:transform var(--trans-time) var(--trans-fnc)}.speaker-box__photo:before{position:absolute;top:var(--small-circle-top);left:var(--small-circle-left);display:var(--small-circle-display);content:"";width:20%;aspect-ratio:1;background-image:repeating-linear-gradient(160deg,var(--color-white) 0%,var(--color-white) 2.5%,var(--small-circle-color) 2.5%,var(--small-circle-color) 5%);border-radius:50%;transform:translate(var(--small-circle-transform));z-index:-3}.speaker-box__photo:after{--shadow-radius: .5rem;transition:box-shadow var(--trans-time) var(--trans-fnc);box-shadow:0 .25rem .5rem 0 hsla(0,0%,0%,var(--shadow-alpha, var(--spaker-shadow-alpha)));box-shadow:0 .25rem var(--shadow-radius) 0 hsl(0 0% 0%/var(--shadow-alpha, var(--spaker-shadow-alpha)));position:absolute;inset:auto auto 3% 50%;display:block;content:"";width:78.2%;aspect-ratio:1;background-color:var(--circle-bg);border-radius:50%;transform:translate(-49.2%);transition:background var(--trans-time) var(--trans-fnc),box-shadow var(--trans-time) var(--trans-fnc);z-index:-2}@media (hover: hover){.speaker-box__photoa:after:hover{--shadow-alpha: 30%}.speaker-box__photobutton:after:hover{--shadow-alpha: 30%}.speaker-box__photoselect:after:hover{--shadow-alpha: 30%}.speaker-box__photoinput:after:hover{--shadow-alpha: 30%}.speaker-box__phototextarea:after:hover{--shadow-alpha: 30%}}.speaker-box__photoinput:after:focus{--shadow-alpha: 30%}.speaker-box__phototextarea:after:focus{--shadow-alpha: 30%}.speaker-box__photo:after:not(a):not(button):not(select):not(input):not(textarea){--shadow-alpha: 30%}.speaker-box__photo img{position:relative;display:block;width:100%;aspect-ratio:1;z-index:10}.speaker-box__info{--separator-width: 25%;--separator-height: 3px;--name-display: inline-block;--name-font-size: 1.375rem;--desc-font-size: .875rem;--info-text-align: center;--social-trans-y: 0;--separator-display: block;display:grid;grid-template-columns:minmax(1rem,1fr);grid-gap:var(--gap);gap:var(--gap);align-items:flex-start;align-content:flex-start;justify-content:flex-start;font-family:prometo,sans-serif;color:var(--color-text);text-align:center;text-align:var(--info-text-align)}@media only screen and (max-width: 425px){.speaker-box__info{--desc-font-size: small;--name-font-size: large;--info-text-align: left;--separator-width: 20%}}.speaker-box__info--detail{--social-trans-y: -25%;transform:translateY(5%)}@media only screen and (max-width: 425px){.speaker-box__info--detail{--gap: .875rem;--separator-height: 2px}}.speaker-box__info--mayor{--separator-width: 15%;--name-display: block}@media only screen and (max-width: 425px){.speaker-box__info--mayor{--name-display: inline-block;--separator-width: 20%}}.speaker-box__info>small{--desc-margin-x: auto;--desc-max-width: 13.75rem;margin-left:auto;margin-right:auto;margin-left:var(--desc-margin-x);margin-right:var(--desc-margin-x);width:min(100%,13.75rem);width:min(100%,var(--desc-max-width));font-size:var(--desc-font-size)}@media only screen and (max-width: 425px){.speaker-box__info>small{--desc-max-width: 100%;--desc-margin-x: 0}}.speaker-box__name{position:relative;font-size:var(--name-font-size);line-height:1}.speaker-box__name:before{--separator-left: 50%;--separator-trans-x: -50%;position:absolute;top:calc(100% + var(--gap) / 2);left:50%;left:var(--separator-left);display:var(--separator-display);content:"";width:var(--separator-width);height:var(--separator-height);background:var(--color-primary);transform:translate(-50%) translateY(-50%) scaleX(var(--separator-scale-x));transform:translate(var(--separator-trans-x)) translateY(-50%) scaleX(var(--separator-scale-x));transition:transform var(--trans-time) var(--trans-fnc)}@media only screen and (max-width: 425px){.speaker-box__name:before{--separator-left: 0;--separator-trans-x: 0}}.speaker-box__name *{font-size:inherit;line-height:inherit}.speaker-box__name>span{display:var(--name-display)}.tags{display:flex;flex-flow:row wrap;align-items:stretch;align-content:normal;justify-content:flex-start;gap:1rem}.tags>span{--tag-bg-color: var(--color-primary--light);--tag-color: var(--color-primary);padding:.5rem 1rem;--shadow-radius: 1rem;transition:box-shadow var(--trans-time) var(--trans-fnc);box-shadow:0 0 1rem #0003;box-shadow:0 0 var(--shadow-radius) 0 hsl(0 0% 0%/var(--shadow-alpha, .2));border-radius:m;border-radius:.5rem;display:inline-grid;align-items:center;justify-items:center;place-items:center;background-color:var(--color-primary--light);background-color:var(--tag-bg-color);font-size:1rem;font-size:var(--tag-font-size, 1rem);line-height:1;color:var(--color-primary);color:var(--tag-color);text-transform:uppercase}@media (hover: hover){.tags>spana:hover,.tags>spanbutton:hover,.tags>spanselect:hover,.tags>spaninput:hover,.tags>spantextarea:hover{--shadow-alpha: 30%}}.tags>spaninput:focus,.tags>spantextarea:focus,.tags>span:not(a):not(button):not(select):not(input):not(textarea){--shadow-alpha: 30%}@media only screen and (max-width: 425px){.tags>span{--tag-font-size: .875rem}}.tags>span:first-child{--tag-bg-color: var(--color-bg);--tag-color: var(--color-text)}.session__container{--gap: 2.5rem;--col-template: minmax(1rem, 1fr) 320px;display:grid;grid-template-columns:minmax(1rem,1fr) 320px;grid-template-columns:var(--col-template);gap:2.5rem;grid-gap:2.5rem;grid-gap:var(--gap);gap:var(--gap);align-items:flex-start;align-content:flex-start;justify-content:flex-start}@media only screen and (max-width: 768px){.session__container{--col-template: minmax(1rem, 1fr);--gap: 2.5rem}}.session__right{--gap: 2.5rem;--col-count: 1;display:grid;grid-template-columns:repeat(1,minmax(1rem,1fr));grid-template-columns:repeat(var(--col-count),minmax(1rem,1fr));gap:2.5rem;grid-gap:2.5rem;grid-gap:var(--gap);gap:var(--gap);align-items:flex-start;align-content:flex-start;justify-content:flex-start}@media only screen and (max-width: 768px){.session__right{--col-count: 2;--gap: 1.5rem}}@media only screen and (max-width: 425px){.session__right{--col-count: 1}}.workshop-schedule .relative:not(:has(> .schedule__switch))>.tabs{margin-bottom:var(--gap-2xl)}.workshop-video{align-items:start}@media only screen and (max-width: 1024px){.workshop-video{--col-count: 2}}@media only screen and (max-width: 768px){.workshop-video{--col-count: 1}}.workshop-content{--col-count: repeat(2, 1fr);grid-template-columns:repeat(2,1fr);grid-template-columns:var(--col-count)}@media only screen and (max-width: 1024px){.workshop-content{--col-count: 1}}.workshop-content ul li{margin-bottom:var(--gap)}.workshop-content ul li>span{font-weight:300}
