*{
margin:0;
padding:0;
box-sizing:border-box;
}
html{
-webkit-text-size-adjust:100%;
}
body{
background:#F7F3EE;
color:#2E2519;
text-rendering:optimizeLegibility;
-webkit-font-smoothing:antialiased;
overflow-wrap:break-word;
line-height:1.6;
font-size:0.938rem;
font-family:"Nunito Sans", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
img{
max-width:100%;
display:block;
}
a{
color:inherit;
text-decoration:none;
}
button{
background:none;
border:none;
font-family:inherit;
cursor:pointer;
}
::-webkit-scrollbar{
width:0.5rem;
height:0.5rem;
}
::-webkit-scrollbar-thumb{
border-radius:0.5rem;
background:rgba(0,0,0,0.52);
}
::-webkit-scrollbar-track{
background:transparent;
}
.jot-layoutlma{
display:flex;
flex-direction:column;
min-height:100vh;
}
.jot-mainlma{
flex:1 1 auto;
width:100%;
min-width:0;
}
.jot-containerlma{
padding:0 16px;
margin:0 auto;
width:100%;
max-width:1400px;
}
@media(min-width:771px){
.jot-containerlma{
padding:0 2rem;
}
}
@media(min-width:1102px){
.jot-containerlma{
padding:0 3.5rem;
}
}
.jot-eyebrowlma{
letter-spacing:.2em;
text-transform:uppercase;
line-height:1.4;
font-size:11px;
display:inline-block;
color:#C28A2A;
font-family:"Nunito Sans", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
overflow-wrap:break-word;
font-weight:600;
}
.jot-bandlma{
background:#1E1710;
color:#F5ECD9;
}
.jot-bandlma .jot-eyebrowlma{
color:#E8B84B;
}
@keyframes zm2-float{
0%,100%{
transform:translateY(0)}
50%{
transform:translateY(-12px)}
}
@keyframes zm2-pulse{
0%,100%{
opacity:.55}
50%{
opacity:1}
}
.jot-tblma{
background:#F7F3EE;
border-bottom:1px solid rgba(26,20,16,0.15);
position:sticky;
top:0;
z-index:50;
}
.jot-tb_inlma{
gap:16px;
padding:12px 16px;
margin:0 auto;
align-items:center;
justify-content:space-between;
width:100%;
display:flex;
max-width:1400px;
}
@media(min-width:767px){
.jot-tb_inlma{
padding:16px 2rem;
}
}
@media(min-width:1100px){
.jot-tb_inlma{
padding:18px 3.5rem;
}
}
.jot-tb_leftlma{
gap:28px;
min-width:0;
align-items:center;
display:flex;
}
.jot-tb_logolma{
gap:11px;
align-items:center;
display:flex;
min-width:0;
}
.jot-tb_logo_marklma{
flex:0 0 auto;
border-radius:0.5rem;
width:34px;
object-fit:cover;
height:2.125rem;
}
.jot-tb_logo_txtlma{
line-height:1;
flex-direction:column;
min-width:0;
display:flex;
}
.jot-tb_logo_namelma{
overflow:hidden;
font-weight:700;
font-family:"Fraunces", 'Iowan Old Style', Georgia, serif;
text-overflow:ellipsis;
font-size:1.375rem;
letter-spacing:.02em;
white-space:nowrap;
color:#1A1410;
}
.jot-tb_logo_sublma{
overflow:hidden;
margin-top:4px;
letter-spacing:.32em;
color:#C28A2A;
white-space:nowrap;
text-overflow:ellipsis;
text-transform:uppercase;
font-weight:600;
font-size:8.5px;
}
.jot-tb_navlma{
display:none;
}
@media(min-width:957px){
.jot-tb_navlma{
gap:1.75rem;
align-items:center;
display:flex;
}
}
.jot-tb_nav_itemlma{
transition:color .2s ease,border-color .2s ease;
color:#2E2519;
font-size:14px;
padding-bottom:3px;
white-space:nowrap;
font-weight:600;
border-bottom:2px solid transparent;
}
.jot-tb_nav_itemlma:hover{
color:#1A1410;
}
.jot-tb_nav_itemlma.jot-state_activelma{
border-color:#C28A2A;
color:#1A1410;
}
.jot-tb_rightlma{
flex:0 0 auto;
gap:14px;
display:flex;
align-items:center;
}
.jot-tb_searchlma{
transition:color .2s ease;
align-items:center;
justify-content:center;
color:#2E2519;
display:flex;
}
.jot-tb_searchlma:hover{
color:#C28A2A;
}
.jot-tb_searchlma svg{
height:18px;
width:1.125rem;
}
.jot-tb_langlma{
letter-spacing:.1em;
font-size:11px;
color:#6B5C47;
font-weight:600;
text-transform:uppercase;
}
.jot-tb_langlma:hover{
color:#1A1410;
}
.jot-tb_loginlma{
display:none;
font-size:14px;
color:#1A1410;
font-weight:600;
}
@media(min-width:766px){
.jot-tb_loginlma{
display:inline-block;
}
}
.jot-tb_registerlma{
transition:background-color .2s ease;
background:#1A1410;
border-radius:62.438rem;
padding:11px 1.375rem;
font-size:14px;
color:#F5ECD9;
white-space:nowrap;
font-weight:700;
}
.jot-tb_registerlma:hover{
background:#2E2519;
}
.jot-moblma{
background:#F7F3EE;
z-index:60;
bottom:0;
border-top:1px solid rgba(26,20,16,0.15);
padding-bottom:env(safe-area-inset-bottom);
left:0;
position:fixed;
right:0;
}
@media(min-width:960px){
.jot-moblma{
display:none;
}
}
.jot-mob_inlma{
margin:0 auto;
align-items:stretch;
justify-content:space-around;
max-width:560px;
display:flex;
}
.jot-mob_itemlma{
padding:9px 0.25rem;
gap:3px;
transition:color .2s ease;
flex:1 1 0;
display:flex;
color:#6B5C47;
align-items:center;
flex-direction:column;
min-width:0;
}
.jot-mob_itemlma.jot-state_activelma{
color:#C28A2A;
}
.jot-mob_iclma{
justify-content:center;
display:flex;
align-items:center;
}
.jot-mob_iclma svg{
height:1.25rem;
width:1.25rem;
}
.jot-mob_lblma{
overflow:hidden;
white-space:nowrap;
max-width:100%;
font-weight:600;
font-size:0.625rem;
text-overflow:ellipsis;
}
@media(max-width:960px){
body{
padding-bottom:60px;
}
}
.jot-raillma{
min-width:0;
position:relative;
}
.jot-rail_scrolllma{
gap:14px;
display:flex;
scrollbar-width:thin;
padding-bottom:0.875rem;
-webkit-overflow-scrolling:touch;
overflow-x:auto;
}
@media(min-width:768px){
.jot-rail_scrolllma{
gap:1.125rem;
}
}
.jot-gclma{
flex:0 0 auto;
width:150px;
display:block;
}
@media(min-width:769px){
.jot-gclma{
width:188px;
}
}
.jot-gc_imglma{
overflow:hidden;
border-radius:0.875rem;
background:#FDFAF6;
box-shadow:0 2px 6px rgba(26,20,16,0.07), 0 8px 1.25rem rgba(26,20,16,0.09);
padding-bottom:133.33%;
position:relative;
}
.jot-gc_imglma img{
inset:0;
height:100%;
object-fit:cover;
width:100%;
position:absolute;
}
.jot-gc_coverlma{
inset:0;
background:linear-gradient(160deg,transparent 55%,rgba(0,0,0,0.52));
position:absolute;
pointer-events:none;
}
.jot-gc_hoverlma{
background:rgba(0,0,0,0.52);
inset:0;
transition:opacity .2s ease;
position:absolute;
opacity:0;
justify-content:center;
align-items:center;
display:flex;
}
.jot-gclma:hover .jot-gc_hoverlma{
opacity:1;
}
.jot-gc_hover_btnlma{
border-radius:62.438rem;
background:#1A1410;
align-items:center;
display:flex;
width:2.875rem;
color:#F5ECD9;
height:2.875rem;
justify-content:center;
}
.jot-gc_hover_btnlma svg{
width:18px;
height:18px;
}
.jot-gc_infolma{
gap:2px;
flex-direction:column;
margin-top:9px;
display:flex;
min-width:0;
}
.jot-gc_namelma{
overflow:hidden;
text-overflow:ellipsis;
font-size:13px;
color:#1A1410;
font-weight:700;
white-space:nowrap;
}
.jot-gc_provlma{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
color:#6B5C47;
font-size:0.688rem;
}
.jot-gc_metalma{
font-size:0.688rem;
color:#6B5C47;
}
.jot-tclma{
flex:0 0 auto;
display:block;
width:11.25rem;
}
@media(min-width:769px){
.jot-tclma{
width:230px;
}
}
.jot-tc_imglma{
border-radius:0.875rem;
background:#FDFAF6;
overflow:hidden;
box-shadow:0 2px 6px rgba(26,20,16,0.07), 0 0.5rem 1.25rem rgba(26,20,16,0.09);
position:relative;
padding-bottom:75%;
}
.jot-tc_imglma img{
inset:0;
width:100%;
position:absolute;
height:100%;
object-fit:cover;
}
.jot-tc_infolma{
gap:2px;
flex-direction:column;
min-width:0;
margin-top:9px;
display:flex;
}
.jot-tc_namelma{
overflow:hidden;
font-size:0.875rem;
text-overflow:ellipsis;
white-space:nowrap;
font-weight:700;
color:#1A1410;
}
.jot-tc_rtplma{
font-size:0.688rem;
color:#6B5C47;
}
.jot-lclma{
flex:0 0 auto;
width:14.375rem;
display:block;
}
@media(min-width:766px){
.jot-lclma{
width:16.75rem;
}
}
.jot-lc_imglma{
border-radius:0.875rem;
overflow:hidden;
background:#FDFAF6;
position:relative;
box-shadow:0 2px 6px rgba(26,20,16,0.07), 0 0.5rem 20px rgba(26,20,16,0.09);
padding-bottom:62.5%;
}
.jot-lc_imglma img{
inset:0;
position:absolute;
width:100%;
object-fit:cover;
height:100%;
}
.jot-lc_livelma{
gap:7px;
padding:4px 0.563rem;
background:rgba(0,0,0,0.52);
border-radius:999px;
display:flex;
left:12px;
align-items:center;
top:0.75rem;
position:absolute;
}
.jot-lc_live_dotlma{
border-radius:50%;
background:#C0392B;
animation:zm2-pulse 1.6s infinite;
width:8px;
height:0.5rem;
}
.jot-lc_seatslma{
font-weight:600;
letter-spacing:.08em;
font-size:10px;
text-transform:uppercase;
color:#F5ECD9;
}
.jot-lc_infolma{
gap:2px;
margin-top:0.563rem;
min-width:0;
flex-direction:column;
display:flex;
}
.jot-lc_namelma{
overflow:hidden;
font-size:0.938rem;
font-weight:700;
white-space:nowrap;
text-overflow:ellipsis;
color:#1A1410;
}
.jot-lc_betlma{
font-size:0.688rem;
color:#6B5C47;
}
.jot-pclma{
background:#FDFAF6;
border-radius:14px;
padding:1rem 0.875rem;
border:1px solid rgba(26,20,16,0.08);
gap:0.5rem;
min-height:74px;
justify-content:center;
min-width:0;
align-items:center;
flex-direction:column;
display:flex;
}
.jot-pc_logolma{
flex:0 0 auto;
height:1.75rem;
width:auto;
object-fit:contain;
max-width:100%;
}
.jot-pc_namelma{
overflow:hidden;
text-align:center;
color:#6B5C47;
font-size:11px;
white-space:nowrap;
max-width:100%;
text-overflow:ellipsis;
}
.jot-gc_taglma{
padding:3px 8px;
border-radius:0.5rem;
font-weight:700;
display:inline-block;
text-transform:uppercase;
font-size:10px;
top:10px;
left:0.625rem;
letter-spacing:.06em;
z-index:2;
position:absolute;
}
.jot-gc_tag_hotlma{
background:#C0392B;
color:#F5ECD9;
}
.jot-gc_tag_newlma{
background:#E8B84B;
color:#1A1410;
}
.jot-gc_tag_jplma{
background:#C28A2A;
color:#1A1410;
}
.jot-gc_tag_livelma{
background:#C0392B;
color:#F5ECD9;
}
.jot-shlma{
margin-bottom:1.125rem;
min-width:0;
}
.jot-sh_rowlma{
gap:1rem;
flex-wrap:wrap;
display:flex;
justify-content:space-between;
align-items:flex-end;
}
.jot-sh_rowlma .jot-sh_llma{
gap:0.375rem;
display:flex;
min-width:0;
flex-direction:column;
}
.jot-sh_stacklma{
gap:10px;
display:flex;
flex-direction:column;
align-items:flex-start;
}
.jot-sh_centerlma{
gap:0.625rem;
align-items:center;
display:flex;
text-align:center;
flex-direction:column;
}
.jot-sh_h2lma{
font-size:1.5rem;
overflow-wrap:break-word;
font-weight:600;
line-height:1.1;
font-family:"Fraunces", 'Iowan Old Style', Georgia, serif;
color:#1A1410;
}
@media(min-width:765px){
.jot-sh_h2lma{
font-size:1.875rem;
}
}
.jot-bandlma .jot-sh_h2lma{
color:#F5ECD9;
}
.jot-sh_eb_linelma{
gap:0.625rem;
display:inline-flex;
align-items:center;
}
.jot-sh_eb_linelma::before{
background:#C28A2A;
display:inline-block;
height:1px;
content:"";
width:28px;
}
.jot-bandlma .jot-sh_eb_linelma::before{
background:#E8B84B;
}
.jot-sh_eb_dotlma{
gap:0.5rem;
align-items:center;
display:inline-flex;
}
.jot-sh_eb_dotlma::before{
background:#C28A2A;
border-radius:50%;
display:inline-block;
width:0.375rem;
content:"";
height:0.375rem;
}
.jot-bandlma .jot-sh_eb_dotlma::before{
background:#E8B84B;
}
.jot-sh_linklma{
gap:6px;
transition:color .2s ease,border-color .2s ease,background-color .2s ease;
font-weight:600;
align-items:center;
padding-bottom:2px;
color:#1A1410;
border-bottom:1px solid #1A1410;
font-size:0.813rem;
display:inline-flex;
white-space:nowrap;
}
.jot-sh_linklma:hover{
border-color:#C28A2A;
color:#C28A2A;
}
.jot-sh_linklma svg{
width:0.875rem;
height:0.875rem;
}
.jot-sh_link_chevlma{
border-bottom:0;
padding-bottom:0;
}
.jot-sh_link_btnlma{
border-radius:62.438rem;
background:#1A1410;
padding:9px 18px;
border-bottom:0;
color:#F5ECD9;
}
.jot-sh_link_btnlma:hover{
background:#2E2519;
border-color:transparent;
color:#F5ECD9;
}
.jot-bandlma .jot-sh_linklma{
border-color:#F5ECD9;
color:#F5ECD9;
}
.jot-bandlma .jot-sh_link_btnlma{
background:#E8B84B;
color:#1A1410;
}
.jot-sh_rulelma{
margin:-2px 0 1.125rem;
background:rgba(26,20,16,0.15);
height:1px;
}
.jot-bandlma .jot-sh_rulelma{
background:rgba(255,243,218,0.13);
}
.jot-herolma{
padding:2rem 0 8px;
}
@media(min-width:769px){
.jot-herolma{
padding:3.5rem 0 24px;
}
}
.jot-hero_inlma{
gap:2rem;
grid-template-columns:1fr;
align-items:center;
display:grid;
}
@media(min-width:899px){
.jot-hero_inlma{
grid-template-columns:1.05fr .95fr;
gap:3rem;
}
}
.jot-hero_copylma{
min-width:0;
}
.jot-hero_eyebrowlma{
gap:10px;
margin-bottom:22px;
align-items:center;
display:inline-flex;
}
.jot-hero_eyebrow_linelma{
background:#C28A2A;
flex:0 0 auto;
width:1.75rem;
display:inline-block;
height:1px;
}
.jot-hero_h1lma{
color:#1A1410;
font-family:"Fraunces", 'Iowan Old Style', Georgia, serif;
letter-spacing:-.01em;
font-weight:600;
margin-bottom:20px;
font-size:38px;
overflow-wrap:break-word;
line-height:1.04;
}
@media(min-width:771px){
.jot-hero_h1lma{
font-size:54px;
}
}
@media(min-width:1101px){
.jot-hero_h1lma{
font-size:62px;
}
}
.jot-hero_h1lma em{
color:#C28A2A;
font-style:normal;
}
.jot-hero_sublma{
font-size:1rem;
max-width:480px;
color:#8C7660;
line-height:1.6;
margin-bottom:1.875rem;
}
@media(min-width:769px){
.jot-hero_sublma{
font-size:18px;
}
}
.jot-hero_actionslma{
gap:0.875rem;
margin-bottom:2.125rem;
align-items:center;
display:flex;
flex-wrap:wrap;
}
.jot-hero_ctalma{
background:#1A1410;
border-radius:62.438rem;
transition:background-color .2s ease;
gap:10px;
padding:1rem 30px;
align-items:center;
font-size:15px;
font-weight:700;
display:inline-flex;
color:#F5ECD9;
}
.jot-hero_ctalma:hover{
background:#2E2519;
}
.jot-hero_cta_iclma{
align-items:center;
display:inline-flex;
}
.jot-hero_cta_iclma svg{
width:1rem;
height:1rem;
}
.jot-hero_cta_altlma{
transition:border-color .2s ease,color .2s ease;
padding:0.938rem 26px;
border:1px solid rgba(26,20,16,0.15);
background:transparent;
border-radius:999px;
color:#1A1410;
font-weight:600;
display:inline-flex;
font-size:15px;
align-items:center;
}
.jot-hero_cta_altlma:hover{
border-color:#C28A2A;
color:#C28A2A;
}
.jot-hero_trustlma{
gap:1.375rem;
flex-wrap:wrap;
align-items:center;
display:flex;
}
.jot-hero_trust_itemlma{
gap:0.563rem;
align-items:center;
font-weight:600;
display:flex;
color:#2E2519;
font-size:13px;
}
.jot-hero_trust_iclma{
color:#C28A2A;
align-items:center;
display:inline-flex;
}
.jot-hero_trust_iclma svg{
width:16px;
height:16px;
}
.jot-hero_promolma{
border-radius:20px;
background:#FDFAF6;
overflow:hidden;
position:relative;
box-shadow:0 12px 3rem rgba(26,20,16,0.16), 0 3px 10px rgba(26,20,16,0.10);
min-height:300px;
display:flex;
}
.jot-hero_promo_bglma{
inset:0;
background-position:center;
background-size:cover;
position:absolute;
}
.jot-hero_promo_bglma::after{
inset:0;
background:linear-gradient(120deg,#1E1710 0%,rgba(0,0,0,0.52) 55%,transparent 100%);
content:"";
position:absolute;
}
.jot-hero_promo_glowlma{
background:radial-gradient(circle,rgba(194,138,42,0.18) 0%,transparent 65%);
border-radius:50%;
top:-40px;
height:16.25rem;
right:-20px;
width:16.25rem;
position:absolute;
pointer-events:none;
}
.jot-hero_promo_ctlma{
padding:28px;
z-index:2;
max-width:88%;
position:relative;
align-self:flex-end;
}
.jot-hero_promo_labellma{
text-transform:uppercase;
letter-spacing:.25em;
display:block;
color:#E8B84B;
margin-bottom:0.5rem;
font-weight:700;
font-size:10px;
}
.jot-hero_promo_amountlma{
line-height:1.05;
color:#F5ECD9;
overflow-wrap:break-word;
font-family:"Fraunces", 'Iowan Old Style', Georgia, serif;
font-weight:600;
font-size:32px;
}
@media(min-width:769px){
.jot-hero_promo_amountlma{
font-size:40px;
}
}
.jot-hero_promo_amountlma em{
color:#E8B84B;
font-style:normal;
}
.jot-hero_ratinglma{
border:1px solid rgba(26,20,16,0.08);
gap:10px;
background:#FDFAF6;
padding:0.625rem 0.875rem;
border-radius:0.875rem;
max-width:min(260px,62%);
right:0.875rem;
display:flex;
top:14px;
z-index:3;
align-items:center;
box-shadow:0 2px 0.375rem rgba(26,20,16,0.07), 0 8px 1.25rem rgba(26,20,16,0.09);
position:absolute;
}
.jot-hero_rating_scorelma{
flex:0 0 auto;
font-family:"Fraunces", 'Iowan Old Style', Georgia, serif;
color:#1A1410;
font-size:1.5rem;
font-weight:700;
}
.jot-hero_rating_txtlma{
flex:1 1 auto;
min-width:0;
}
.jot-hero_rating_starslma{
gap:2px;
display:flex;
color:#C28A2A;
}
.jot-hero_rating_starslma svg{
width:12px;
height:12px;
}
.jot-hero_rating_caplma{
display:block;
line-height:1.35;
color:#6B5C47;
overflow-wrap:break-word;
margin-top:3px;
font-size:0.688rem;
}
.jot-statlma{
border-top:1px solid rgba(26,20,16,0.15);
margin-top:1rem;
border-bottom:1px solid rgba(26,20,16,0.15);
}
.jot-stat_inlma{
grid-template-columns:repeat(2,1fr);
display:grid;
}
@media(min-width:767px){
.jot-stat_inlma{
grid-template-columns:repeat(4,1fr);
}
}
.jot-stat_itemlma{
padding:1.375rem 14px;
border-right:1px solid rgba(26,20,16,0.08);
min-width:0;
border-bottom:1px solid rgba(26,20,16,0.08);
}
.jot-stat_itemlma:nth-child(2n){
border-right:0;
}
.jot-stat_itemlma:nth-child(n+3){
border-bottom:0;
}
@media(min-width:767px){
.jot-stat_itemlma{
border-bottom:0;
}
.jot-stat_itemlma:nth-child(2n){
border-right:1px solid rgba(26,20,16,0.08);
}
.jot-stat_itemlma:nth-child(4n){
border-right:0;
}
}
.jot-stat_valuelma{
font-family:"Fraunces", 'Iowan Old Style', Georgia, serif;
color:#1A1410;
overflow-wrap:break-word;
line-height:1;
font-weight:700;
font-size:1.875rem;
}
@media(min-width:771px){
.jot-stat_valuelma{
font-size:34px;
}
}
.jot-stat_labellma{
margin-top:6px;
overflow-wrap:break-word;
color:#6B5C47;
font-size:13px;
line-height:1.4;
}
.jot-jplma{
padding:1.875rem 0 10px;
}
.jot-jp_gridlma{
gap:1rem;
grid-template-columns:1fr;
display:grid;
}
@media(min-width:769px){
.jot-jp_gridlma{
grid-template-columns:1fr 1fr;
}
.jot-jp_card_megalma{
grid-column:1/-1;
}
}
@media(min-width:998px){
.jot-jp_gridlma{
grid-template-columns:1.4fr 1fr 1fr;
}
.jot-jp_card_megalma{
grid-column:auto;
}
}
.jot-jp_cardlma{
overflow:hidden;
border-radius:20px;
gap:0.75rem;
padding:26px;
background:#FDFAF6;
border:1px solid rgba(26,20,16,0.08);
display:flex;
position:relative;
min-height:200px;
min-width:0;
flex-direction:column;
justify-content:space-between;
}
.jot-jp_card_megalma{
background:linear-gradient(135deg,#261D12,#0F0C08);
border-color:transparent;
min-height:210px;
color:#F5ECD9;
}
.jot-jp_glowlma{
border-radius:50%;
background:radial-gradient(circle,rgba(194,138,42,0.18),transparent 70%);
top:-40px;
height:200px;
pointer-events:none;
position:absolute;
right:-40px;
width:12.5rem;
}
.jot-jp_labellma{
gap:0.625rem;
align-items:center;
justify-content:space-between;
text-transform:uppercase;
font-size:10px;
letter-spacing:.16em;
font-weight:700;
flex-wrap:wrap;
color:#C28A2A;
display:flex;
position:relative;
}
.jot-jp_card_megalma .jot-jp_labellma{
color:#E8B84B;
}
.jot-jp_droplma{
text-transform:none;
letter-spacing:.04em;
color:#6B5C47;
font-weight:600;
}
.jot-jp_card_megalma .jot-jp_droplma{
color:#B09070;
}
.jot-jp_amountlma{
position:relative;
line-height:1;
font-family:"Fraunces", 'Iowan Old Style', Georgia, serif;
color:#1A1410;
overflow-wrap:break-word;
font-weight:700;
font-size:2.375rem;
}
.jot-jp_card_megalma .jot-jp_amountlma{
animation:zm2-pulse 2.4s infinite;
color:#E8B84B;
font-size:3rem;
}
@media(min-width:768px){
.jot-jp_card_megalma .jot-jp_amountlma{
font-size:54px;
}
}
.jot-jp_gamelma{
font-size:13px;
position:relative;
color:#6B5C47;
}
.jot-jp_card_megalma .jot-jp_gamelma{
color:#B09070;
}
.jot-jp_ctalma{
align-self:flex-start;
position:relative;
}
.jot-jp_card_megalma .jot-jp_ctalma{
transition:opacity .2s ease;
background:#E8B84B;
border-radius:999px;
padding:0.625rem 1.25rem;
font-size:13px;
color:#1A1410;
font-weight:700;
}
.jot-jp_card_megalma .jot-jp_ctalma:hover{
opacity:.9;
}
.jot-jp_cardlma:not(.jot-jp_card_megalma) .jot-jp_ctalma{
transition:color .2s ease,border-color .2s ease;
padding-bottom:2px;
border-bottom:1px solid #1A1410;
font-size:0.813rem;
font-weight:700;
color:#1A1410;
}
.jot-jp_cardlma:not(.jot-jp_card_megalma) .jot-jp_ctalma:hover{
border-color:#C28A2A;
color:#C28A2A;
}
.jot-jp_seolma{
margin:14px 0 0;
line-height:1.65;
font-size:0.875rem;
overflow-wrap:break-word;
max-width:47.5rem;
color:#8C7660;
}
.jot-jp_seolma strong{
font-weight:700;
color:#1A1410;
}
.jot-growlma{
padding:1.625rem 0 0.625rem;
}
.jot-row_seolma{
margin:10px 0 0;
color:#8C7660;
max-width:760px;
overflow-wrap:break-word;
font-size:0.875rem;
line-height:1.65;
}
.jot-row_seolma strong{
font-weight:700;
color:#1A1410;
}
.jot-growlma{
padding:26px 0 10px;
}
.jot-row_seolma{
margin:0.625rem 0 0;
font-size:0.875rem;
color:#8C7660;
overflow-wrap:break-word;
line-height:1.65;
max-width:47.5rem;
}
.jot-row_seolma strong{
color:#1A1410;
font-weight:700;
}
.jot-prlma{
padding:30px 0 6px;
}
.jot-pr_cardlma{
flex:0 0 auto;
padding:1.625rem;
border:1px solid rgba(26,20,16,0.08);
background:#FDFAF6;
gap:10px;
border-radius:1.25rem;
overflow:hidden;
min-height:12.5rem;
width:280px;
position:relative;
display:flex;
flex-direction:column;
}
@media(min-width:770px){
.jot-pr_cardlma{
width:300px;
}
}
.jot-pr_card_featlma{
background:linear-gradient(150deg,#261D12,#0F0C08);
border-color:transparent;
color:#F5ECD9;
}
.jot-pr_glowlma{
border-radius:50%;
background:radial-gradient(circle,rgba(194,138,42,0.18),transparent 70%);
opacity:0;
position:absolute;
width:130px;
pointer-events:none;
right:-30px;
top:-1.875rem;
height:8.125rem;
}
.jot-pr_card_featlma .jot-pr_glowlma{
opacity:1;
}
.jot-pr_labellma{
font-weight:700;
text-transform:uppercase;
font-size:0.625rem;
letter-spacing:.16em;
position:relative;
color:#C28A2A;
}
.jot-pr_card_featlma .jot-pr_labellma{
color:#E8B84B;
}
.jot-pr_amountlma{
font-family:"Fraunces", 'Iowan Old Style', Georgia, serif;
font-size:26px;
font-weight:600;
position:relative;
overflow-wrap:break-word;
line-height:1.08;
color:#1A1410;
}
.jot-pr_card_featlma .jot-pr_amountlma{
color:#F5ECD9;
}
.jot-pr_amountlma em{
font-style:normal;
color:#C28A2A;
}
.jot-pr_card_featlma .jot-pr_amountlma em{
color:#E8B84B;
}
.jot-pr_termslma{
color:#6B5C47;
font-size:0.813rem;
position:relative;
line-height:1.5;
}
.jot-pr_card_featlma .jot-pr_termslma{
color:#B09070;
}
.jot-pr_ctalma{
position:relative;
margin-top:auto;
align-self:flex-start;
}
.jot-pr_card_featlma .jot-pr_ctalma{
transition:opacity .2s ease;
background:#E8B84B;
border-radius:62.438rem;
padding:9px 1.125rem;
color:#1A1410;
font-size:0.813rem;
font-weight:700;
}
.jot-pr_card_featlma .jot-pr_ctalma:hover{
opacity:.9;
}
.jot-pr_cardlma:not(.jot-pr_card_featlma) .jot-pr_ctalma{
transition:color .2s ease,border-color .2s ease;
border-bottom:1px solid #1A1410;
font-size:0.813rem;
font-weight:700;
padding-bottom:2px;
color:#1A1410;
}
.jot-pr_cardlma:not(.jot-pr_card_featlma) .jot-pr_ctalma:hover{
border-color:#C28A2A;
color:#C28A2A;
}
.jot-gflma{
padding:24px 0 0.375rem;
}
.jot-gf_inlma{
gap:10px;
display:flex;
flex-wrap:wrap;
}
.jot-gf_chiplma{
border:1px solid rgba(26,20,16,0.15);
transition:color .2s ease,border-color .2s ease,background-color .2s ease;
border-radius:62.438rem;
background:#FDFAF6;
padding:0.625rem 18px;
white-space:nowrap;
font-size:13px;
font-weight:600;
color:#2E2519;
}
.jot-gf_chiplma:hover{
border-color:#C28A2A;
color:#C28A2A;
}
.jot-gf_chiplma.jot-state_activelma{
background:#1A1410;
border-color:transparent;
color:#F5ECD9;
}
.jot-applma{
padding:30px 0 0.625rem;
}
.jot-app_inlma{
gap:28px;
border-radius:20px;
border:1px solid rgba(26,20,16,0.08);
padding:32px;
background:#FDFAF6;
display:flex;
flex-direction:column;
}
@media(min-width:765px){
.jot-app_inlma{
padding:40px 44px;
gap:2.5rem;
justify-content:space-between;
flex-direction:row;
align-items:center;
}
}
.jot-app_copylma{
min-width:0;
max-width:560px;
}
.jot-app_eyebrowlma{
margin-bottom:12px;
}
.jot-app_h2lma{
margin-bottom:0.75rem;
color:#1A1410;
font-weight:600;
overflow-wrap:break-word;
font-size:28px;
font-family:"Fraunces", 'Iowan Old Style', Georgia, serif;
line-height:1.05;
}
@media(min-width:768px){
.jot-app_h2lma{
font-size:34px;
}
}
.jot-app_textlma{
line-height:1.6;
font-size:14px;
margin-bottom:22px;
color:#8C7660;
}
.jot-app_btnslma{
gap:12px;
display:flex;
flex-wrap:wrap;
}
.jot-app_btnlma{
background:#1A1410;
gap:10px;
transition:background-color .2s ease;
padding:0.688rem 20px;
border-radius:14px;
align-items:center;
color:#F5ECD9;
display:inline-flex;
}
.jot-app_btnlma:hover{
background:#2E2519;
}
.jot-app_btn_iclma{
display:inline-flex;
align-items:center;
}
.jot-app_btn_iclma svg{
width:18px;
height:18px;
}
.jot-app_btn_lblma{
font-weight:700;
font-size:0.844rem;
}
.jot-app_qr_wraplma{
flex:0 0 auto;
gap:1.125rem;
display:flex;
align-items:center;
}
.jot-app_qrlma{
flex:0 0 auto;
border-radius:0.875rem;
width:108px;
background-color:#1A1410;
height:108px;
background-image:repeating-linear-gradient(0deg,#FDFAF6 0 5px,transparent 5px 11px),repeating-linear-gradient(90deg,#FDFAF6 0 0.313rem,transparent 5px 11px);
}
.jot-app_qr_caplma{
max-width:5.75rem;
font-size:12.5px;
color:#6B5C47;
line-height:1.4;
}
.jot-viplma{
padding:48px 0;
}
@media(min-width:770px){
.jot-viplma{
padding:64px 0;
}
}
.jot-vip_headlma{
gap:0.875rem;
flex-direction:column;
margin-bottom:1.875rem;
display:flex;
}
@media(min-width:881px){
.jot-vip_headlma{
gap:1.5rem;
flex-direction:row;
align-items:flex-end;
justify-content:space-between;
}
}
.jot-vip_eyebrowlma{
margin-bottom:0.75rem;
}
.jot-vip_h2lma{
overflow-wrap:break-word;
color:#F5ECD9;
font-family:"Fraunces", 'Iowan Old Style', Georgia, serif;
line-height:1.05;
font-size:32px;
font-weight:600;
}
@media(min-width:765px){
.jot-vip_h2lma{
font-size:2.5rem;
}
}
.jot-vip_introlma{
line-height:1.6;
color:#B09070;
font-size:0.875rem;
max-width:26.25rem;
}
.jot-vip_gridlma{
grid-template-columns:repeat(auto-fit,minmax(9.375rem,1fr));
gap:0.875rem;
display:grid;
}
.jot-vip_cardlma{
border-radius:0.875rem;
border:1px solid rgba(255,243,218,0.13);
padding:22px 1.125rem;
min-width:0;
}
.jot-vip_card_featlma{
background:rgba(255,243,218,0.07);
border-color:#E8B84B;
}
.jot-vip_card_iclma{
background:linear-gradient(135deg,#C28A2A,#F0CC72);
border-radius:8px;
height:34px;
width:2.125rem;
display:block;
margin-bottom:1rem;
}
.jot-vip_namelma{
font-size:1.25rem;
overflow-wrap:break-word;
margin-bottom:0.375rem;
font-family:"Fraunces", 'Iowan Old Style', Georgia, serif;
color:#F5ECD9;
font-weight:600;
}
.jot-vip_perklma{
color:#B09070;
overflow-wrap:break-word;
line-height:1.5;
font-size:12.5px;
}
.jot-gmlma{
padding:30px 0 10px;
}
.jot-gm_inlma{
grid-template-columns:1fr;
gap:1.125rem;
display:grid;
}
@media(min-width:878px){
.jot-gm_inlma{
grid-template-columns:1.25fr 1fr;
}
}
.jot-gm_leftlma{
border:1px solid rgba(26,20,16,0.08);
background:#FDFAF6;
padding:2rem;
border-radius:20px;
min-width:0;
}
.jot-gm_eyebrowlma{
margin-bottom:0.625rem;
}
.jot-gm_h2lma{
font-family:"Fraunces", 'Iowan Old Style', Georgia, serif;
overflow-wrap:break-word;
font-weight:600;
line-height:1.06;
margin-bottom:0.5rem;
color:#1A1410;
font-size:1.625rem;
}
@media(min-width:766px){
.jot-gm_h2lma{
font-size:28px;
}
}
.jot-gm_textlma{
max-width:30rem;
margin-bottom:22px;
line-height:1.6;
color:#8C7660;
font-size:0.875rem;
}
.jot-gm_levellma{
font-weight:700;
font-size:22px;
margin-bottom:0.5rem;
font-family:"Fraunces", 'Iowan Old Style', Georgia, serif;
color:#C28A2A;
}
.jot-gm_barlma{
overflow:hidden;
background:rgba(26,20,16,0.15);
border-radius:62.438rem;
height:0.5rem;
margin-bottom:6px;
}
.jot-gm_bar_filllma{
border-radius:62.438rem;
background:linear-gradient(90deg,#C28A2A,#F0CC72);
height:100%;
}
.jot-gm_bar_metalma{
gap:0.625rem;
justify-content:space-between;
display:flex;
font-size:0.688rem;
color:#6B5C47;
margin-bottom:18px;
}
.jot-gm_missionslma{
gap:0.625rem;
flex-wrap:wrap;
display:flex;
}
.jot-gm_missionlma{
border:1px solid rgba(26,20,16,0.15);
background:#F7F3EE;
gap:0.438rem;
padding:9px 15px;
border-radius:999px;
font-size:12.5px;
align-items:center;
color:#2E2519;
display:inline-flex;
font-weight:600;
}
.jot-gm_mission_iclma{
color:#C28A2A;
display:inline-flex;
align-items:center;
}
.jot-gm_mission_iclma svg{
width:13px;
height:0.813rem;
}
.jot-gm_rightlma{
padding:2rem;
background:linear-gradient(150deg,#261D12,#0F0C08);
overflow:hidden;
border-radius:20px;
position:relative;
display:flex;
color:#F5ECD9;
flex-direction:column;
}
.jot-gm_glowlma{
border-radius:50%;
background:radial-gradient(circle,rgba(194,138,42,0.18),transparent 70%);
top:-30px;
pointer-events:none;
right:-30px;
width:9.375rem;
position:absolute;
height:150px;
}
.jot-gm_ref_eyebrowlma{
position:relative;
margin-bottom:0.625rem;
}
.jot-gm_ref_h2lma{
font-weight:600;
color:#F5ECD9;
overflow-wrap:break-word;
position:relative;
margin-bottom:8px;
font-family:"Fraunces", 'Iowan Old Style', Georgia, serif;
line-height:1.1;
font-size:1.625rem;
}
.jot-gm_ref_textlma{
margin-bottom:20px;
font-size:0.844rem;
color:#B09070;
line-height:1.55;
position:relative;
}
.jot-gm_ref_ctalma{
transition:opacity .2s ease;
border-radius:999px;
padding:0.688rem 1.375rem;
background:#E8B84B;
color:#1A1410;
position:relative;
margin-top:auto;
font-weight:700;
font-size:13.5px;
align-self:flex-start;
}
.jot-gm_ref_ctalma:hover{
opacity:.9;
}
.jot-oplma{
padding:2.25rem 0 0.625rem;
}
.jot-op_inlma{
border-radius:0.875rem;
grid-template-columns:1fr;
background:#FDFAF6;
padding:2rem;
gap:32px;
border:1px solid rgba(26,20,16,0.08);
align-items:center;
display:grid;
}
@media(min-width:861px){
.jot-op_inlma{
gap:44px;
padding:2.125rem 40px;
grid-template-columns:.9fr 1.1fr;
}
}
.jot-op_leftlma{
min-width:0;
}
.jot-op_eyebrowlma{
margin-bottom:12px;
}
.jot-op_h2lma{
overflow-wrap:break-word;
color:#1A1410;
line-height:1.08;
margin-bottom:0.625rem;
font-size:28px;
font-weight:600;
font-family:"Fraunces", 'Iowan Old Style', Georgia, serif;
}
@media(min-width:770px){
.jot-op_h2lma{
font-size:30px;
}
}
.jot-op_textlma{
line-height:1.6;
font-size:14px;
color:#8C7660;
}
.jot-op_gridlma{
background:rgba(26,20,16,0.15);
grid-template-columns:1fr 1fr;
gap:1px;
border-radius:0.5rem;
border:1px solid rgba(26,20,16,0.15);
overflow:hidden;
display:grid;
}
.jot-op_fieldlma{
background:#F7F3EE;
padding:18px 20px;
min-width:0;
}
.jot-op_field_lblma{
color:#C28A2A;
font-weight:600;
text-transform:uppercase;
letter-spacing:.1em;
margin-bottom:0.313rem;
font-size:0.625rem;
}
.jot-op_field_vallma{
overflow-wrap:break-word;
font-size:14px;
color:#1A1410;
font-weight:700;
}
.jot-etlma{
padding:2.25rem 0 0.625rem;
}
.jot-et_inlma{
gap:2rem;
grid-template-columns:1fr;
align-items:start;
display:grid;
}
@media(min-width:882px){
.jot-et_inlma{
grid-template-columns:1.1fr .9fr;
gap:48px;
}
}
.jot-et_leftlma{
min-width:0;
}
.jot-et_eyebrowlma{
margin-bottom:12px;
}
.jot-et_h2lma{
overflow-wrap:break-word;
margin-bottom:14px;
font-size:1.75rem;
font-weight:600;
color:#1A1410;
font-family:"Fraunces", 'Iowan Old Style', Georgia, serif;
line-height:1.06;
}
@media(min-width:769px){
.jot-et_h2lma{
font-size:32px;
}
}
.jot-et_textlma{
line-height:1.65;
margin-bottom:22px;
font-size:0.938rem;
color:#8C7660;
}
.jot-et_statslma{
gap:24px;
display:flex;
flex-wrap:wrap;
}
.jot-et_statlma{
min-width:0;
}
.jot-et_stat_vlma{
color:#1A1410;
font-family:"Fraunces", 'Iowan Old Style', Georgia, serif;
line-height:1;
font-weight:700;
font-size:1.625rem;
}
.jot-et_stat_llma{
font-size:12.5px;
color:#6B5C47;
margin-top:4px;
}
.jot-et_rightlma{
gap:12px;
flex-direction:column;
display:flex;
}
.jot-et_memberlma{
border-radius:14px;
gap:1rem;
border:1px solid rgba(26,20,16,0.08);
background:#FDFAF6;
padding:1.125rem 1.25rem;
display:flex;
align-items:center;
min-width:0;
}
.jot-et_member_avlma{
flex:0 0 auto;
border-radius:50%;
background:linear-gradient(135deg,#261D12,#C28A2A);
width:48px;
height:3rem;
}
.jot-et_member_namelma{
color:#1A1410;
font-weight:700;
overflow-wrap:break-word;
font-size:0.938rem;
}
.jot-et_member_rolelma{
font-size:12.5px;
overflow-wrap:break-word;
color:#6B5C47;
}
.jot-et_updatedlma{
background:#F7F3EE;
border:1px solid rgba(26,20,16,0.08);
padding:0.875rem 1.125rem;
gap:0.5rem;
border-radius:14px;
font-size:0.781rem;
align-items:center;
color:#8C7660;
display:flex;
}
.jot-drlma{
padding:2.25rem 0 0.625rem;
}
.jot-dr_inlma{
padding:1.75rem 32px;
border:1px dashed rgba(26,20,16,0.15);
border-radius:14px;
gap:20px;
display:flex;
flex-direction:column;
}
@media(min-width:765px){
.jot-dr_inlma{
gap:32px;
align-items:center;
flex-direction:row;
justify-content:space-between;
}
}
.jot-dr_h2lma{
margin-bottom:0.5rem;
font-family:"Fraunces", 'Iowan Old Style', Georgia, serif;
line-height:1.1;
font-size:24px;
font-weight:600;
color:#1A1410;
overflow-wrap:break-word;
}
@media(min-width:766px){
.jot-dr_h2lma{
font-size:26px;
}
}
.jot-dr_textlma{
line-height:1.6;
font-size:14px;
overflow-wrap:break-word;
max-width:42.5rem;
color:#8C7660;
}
.jot-dr_textlma b{
font-weight:700;
color:#1A1410;
}
.jot-dr_ctalma{
flex:0 0 auto;
transition:color .2s ease;
white-space:nowrap;
color:#1A1410;
font-weight:700;
font-size:13.5px;
border-bottom:1px solid #C28A2A;
padding-bottom:2px;
}
.jot-dr_ctalma:hover{
color:#C28A2A;
}
.jot-provlma{
padding:40px 0 1.25rem;
}
.jot-prov_eyebrowlma{
display:block;
margin-bottom:18px;
}
.jot-prov_gridlma{
grid-template-columns:repeat(2,1fr);
gap:0.75rem;
display:grid;
}
@media(min-width:563px){
.jot-prov_gridlma{
grid-template-columns:repeat(3,1fr);
}
}
@media(min-width:897px){
.jot-prov_gridlma{
grid-template-columns:repeat(6,1fr);
}
}
.jot-tslma{
padding:2.75rem 0;
}
.jot-ts_inlma{
gap:32px;
grid-template-columns:1fr;
align-items:center;
display:grid;
}
@media(min-width:882px){
.jot-ts_inlma{
gap:3rem;
grid-template-columns:1.4fr 1fr;
}
}
.jot-ts_leftlma{
min-width:0;
}
.jot-ts_h2lma{
overflow-wrap:break-word;
font-size:1.625rem;
line-height:1.1;
color:#F5ECD9;
margin-bottom:0.75rem;
font-family:"Fraunces", 'Iowan Old Style', Georgia, serif;
font-weight:600;
}
@media(min-width:768px){
.jot-ts_h2lma{
font-size:28px;
}
}
.jot-ts_textlma{
max-width:32.5rem;
font-size:14.5px;
margin-bottom:22px;
line-height:1.6;
color:#B09070;
}
.jot-ts_badgeslma{
gap:18px;
display:flex;
flex-wrap:wrap;
align-items:center;
}
.jot-ts_badgelma{
color:#B09070;
font-size:13px;
font-weight:600;
}
.jot-ts_paylma{
gap:0.75rem;
display:flex;
flex-wrap:wrap;
}
@media(min-width:878px){
.jot-ts_paylma{
justify-content:flex-end;
}
}
.jot-ts_pay_chiplma{
border-radius:14px;
border:1px solid rgba(255,243,218,0.13);
padding:0.75rem 16px;
background:rgba(255,243,218,0.07);
color:#F5ECD9;
font-size:0.875rem;
font-weight:700;
}
.jot-ttlma{
padding:48px 0 10px;
}
@media(min-width:769px){
.jot-ttlma{
padding:60px 0 10px;
}
}
.jot-tt_headlma{
text-align:center;
margin-bottom:2.125rem;
}
.jot-tt_eyebrowlma{
margin-bottom:12px;
}
.jot-tt_h2lma{
font-family:"Fraunces", 'Iowan Old Style', Georgia, serif;
color:#1A1410;
overflow-wrap:break-word;
font-size:2rem;
font-weight:600;
line-height:1.05;
}
@media(min-width:770px){
.jot-tt_h2lma{
font-size:42px;
}
}
.jot-tt_gridlma{
gap:1.125rem;
grid-template-columns:1fr;
display:grid;
}
@media(min-width:761px){
.jot-tt_gridlma{
grid-template-columns:repeat(3,1fr);
}
}
.jot-tt_cardlma{
background:#FDFAF6;
border:1px solid rgba(26,20,16,0.08);
padding:30px;
border-radius:14px;
flex-direction:column;
display:flex;
min-width:0;
}
.jot-tt_card_iclma{
margin-bottom:1.125rem;
color:#C28A2A;
display:inline-flex;
align-items:center;
}
.jot-tt_card_iclma svg{
width:28px;
height:28px;
}
.jot-tt_card_hlma{
line-height:1.15;
margin-bottom:8px;
font-family:"Fraunces", 'Iowan Old Style', Georgia, serif;
overflow-wrap:break-word;
color:#1A1410;
font-size:22px;
font-weight:600;
}
.jot-tt_card_plma{
margin-bottom:0.875rem;
overflow-wrap:break-word;
font-size:14px;
line-height:1.6;
color:#8C7660;
}
.jot-tt_card_plma b{
font-weight:700;
color:#1A1410;
}
.jot-tt_card_linklma{
transition:color .2s ease;
color:#1A1410;
padding-bottom:2px;
align-self:flex-start;
border-bottom:1px solid #C28A2A;
font-size:0.813rem;
font-weight:700;
margin-top:auto;
}
.jot-tt_card_linklma:hover{
color:#C28A2A;
}
.jot-rvlma{
background:#FDFAF6;
padding:3rem 0;
border-top:1px solid rgba(26,20,16,0.08);
margin-top:24px;
border-bottom:1px solid rgba(26,20,16,0.08);
}
@media(min-width:767px){
.jot-rvlma{
padding:56px 0;
}
}
.jot-rv_headlma{
gap:1rem;
display:flex;
flex-direction:column;
margin-bottom:1.875rem;
}
@media(min-width:769px){
.jot-rv_headlma{
gap:1.25rem;
flex-direction:row;
justify-content:space-between;
align-items:flex-end;
}
}
.jot-rv_eyebrowlma{
margin-bottom:10px;
}
.jot-rv_h2lma{
line-height:1.05;
overflow-wrap:break-word;
font-weight:600;
color:#1A1410;
font-family:"Fraunces", 'Iowan Old Style', Georgia, serif;
font-size:30px;
}
@media(min-width:767px){
.jot-rv_h2lma{
font-size:38px;
}
}
.jot-rv_agglma{
gap:0.75rem;
align-items:center;
display:flex;
}
.jot-rv_agg_starslma{
gap:3px;
color:#C28A2A;
display:flex;
}
.jot-rv_agg_starslma svg{
height:1.125rem;
width:18px;
}
.jot-rv_sourcelma{
color:#8C7660;
font-size:0.813rem;
}
.jot-rv_gridlma{
grid-template-columns:1fr;
gap:18px;
display:grid;
}
@media(min-width:763px){
.jot-rv_gridlma{
grid-template-columns:repeat(3,1fr);
}
}
.jot-rv_cardlma{
border:1px solid rgba(26,20,16,0.08);
padding:26px;
border-radius:14px;
background:#F7F3EE;
min-width:0;
}
.jot-rv_card_starslma{
gap:2px;
color:#C28A2A;
display:flex;
margin-bottom:0.75rem;
}
.jot-rv_card_starslma svg{
width:0.875rem;
height:0.875rem;
}
.jot-rv_card_bodylma{
color:#1A1410;
font-weight:500;
margin-bottom:1rem;
line-height:1.45;
font-family:"Fraunces", 'Iowan Old Style', Georgia, serif;
font-size:1.125rem;
overflow-wrap:break-word;
}
.jot-rv_card_metalma{
gap:0.625rem;
align-items:center;
display:flex;
flex-wrap:wrap;
}
.jot-rv_card_avlma{
flex:0 0 auto;
background:linear-gradient(135deg,#C28A2A,#F0CC72);
border-radius:50%;
width:2rem;
height:2rem;
}
.jot-rv_card_authorlma{
color:#1A1410;
font-size:0.813rem;
font-weight:700;
}
.jot-rv_card_loclma{
font-size:12px;
color:#6B5C47;
}
.jot-wylma{
padding:48px 0;
}
@media(min-width:766px){
.jot-wylma{
padding:56px 0;
}
}
.jot-wy_inlma{
grid-template-columns:1fr;
gap:32px;
align-items:start;
display:grid;
}
@media(min-width:902px){
.jot-wy_inlma{
grid-template-columns:.8fr 1.2fr;
gap:3rem;
}
}
.jot-wy_leftlma{
min-width:0;
}
.jot-wy_eyebrowlma{
margin-bottom:0.875rem;
}
.jot-wy_h2lma{
font-weight:600;
color:#1A1410;
font-family:"Fraunces", 'Iowan Old Style', Georgia, serif;
overflow-wrap:break-word;
line-height:1.05;
font-size:32px;
margin-bottom:1rem;
}
@media(min-width:770px){
.jot-wy_h2lma{
font-size:2.5rem;
}
}
.jot-wy_introlma{
line-height:1.6;
color:#8C7660;
font-size:0.938rem;
}
.jot-wy_gridlma{
grid-template-columns:1fr;
gap:1.125rem;
display:grid;
}
@media(min-width:561px){
.jot-wy_gridlma{
grid-template-columns:1fr 1fr;
}
}
.jot-wy_cardlma{
padding:26px;
border:1px solid rgba(26,20,16,0.08);
background:#FDFAF6;
border-radius:0.875rem;
min-width:0;
}
.jot-wy_card_iclma{
justify-content:center;
display:inline-flex;
align-items:center;
color:#C28A2A;
margin-bottom:1rem;
}
.jot-wy_card_iclma svg{
height:26px;
width:1.625rem;
}
.jot-wy_card_hlma{
margin-bottom:0.5rem;
overflow-wrap:break-word;
font-family:"Fraunces", 'Iowan Old Style', Georgia, serif;
color:#1A1410;
line-height:1.15;
font-weight:600;
font-size:1.313rem;
}
.jot-wy_card_plma{
overflow-wrap:break-word;
font-size:0.875rem;
line-height:1.55;
color:#8C7660;
}
.jot-htslma{
padding:48px 0;
}
@media(min-width:765px){
.jot-htslma{
padding:3.875rem 0;
}
}
.jot-hts_headlma{
gap:1.125rem;
flex-direction:column;
margin-bottom:34px;
display:flex;
}
@media(min-width:765px){
.jot-hts_headlma{
gap:24px;
flex-direction:row;
justify-content:space-between;
align-items:flex-end;
}
}
.jot-hts_eyebrowlma{
margin-bottom:0.75rem;
}
.jot-hts_h2lma{
line-height:1.05;
font-size:30px;
font-family:"Fraunces", 'Iowan Old Style', Georgia, serif;
font-weight:600;
overflow-wrap:break-word;
color:#F5ECD9;
}
@media(min-width:771px){
.jot-hts_h2lma{
font-size:2.375rem;
}
}
.jot-hts_ctalma{
background:#E8B84B;
flex:0 0 auto;
padding:15px 30px;
border-radius:999px;
transition:opacity .2s ease;
color:#1A1410;
font-size:15px;
font-weight:700;
}
.jot-hts_ctalma:hover{
opacity:.9;
}
.jot-hts_gridlma{
grid-template-columns:1fr;
gap:24px;
display:grid;
}
@media(min-width:762px){
.jot-hts_gridlma{
grid-template-columns:repeat(3,1fr);
}
}
.jot-hts_steplma{
padding-top:22px;
border-top:1px solid rgba(255,243,218,0.13);
min-width:0;
}
.jot-hts_step_numlma{
line-height:1;
margin-bottom:0.875rem;
font-family:"Fraunces", 'Iowan Old Style', Georgia, serif;
font-size:2.75rem;
font-weight:700;
color:#E8B84B;
}
.jot-hts_step_hlma{
margin-bottom:8px;
line-height:1.2;
overflow-wrap:break-word;
font-weight:700;
font-size:1.188rem;
color:#F5ECD9;
}
.jot-hts_step_plma{
overflow-wrap:break-word;
color:#B09070;
line-height:1.55;
font-size:14px;
}
.jot-pmtlma{
padding:48px 0 10px;
}
.jot-pmt_inlma{
grid-template-columns:1fr;
gap:2rem;
align-items:start;
display:grid;
}
@media(min-width:883px){
.jot-pmt_inlma{
gap:48px;
grid-template-columns:1fr 1.1fr;
}
}
.jot-pmt_leftlma{
min-width:0;
}
.jot-pmt_eyebrowlma{
margin-bottom:12px;
}
.jot-pmt_h2lma{
margin-bottom:0.75rem;
overflow-wrap:break-word;
color:#1A1410;
font-size:30px;
font-family:"Fraunces", 'Iowan Old Style', Georgia, serif;
font-weight:600;
line-height:1.06;
}
@media(min-width:767px){
.jot-pmt_h2lma{
font-size:32px;
}
}
.jot-pmt_textlma{
color:#8C7660;
line-height:1.6;
font-size:14.5px;
margin-bottom:22px;
}
.jot-pmt_logoslma{
gap:0.625rem;
grid-template-columns:repeat(2,1fr);
display:grid;
}
@media(min-width:481px){
.jot-pmt_logoslma{
grid-template-columns:repeat(4,1fr);
}
}
.jot-pmt_logolma{
border:1px solid rgba(26,20,16,0.08);
padding:0 8px;
border-radius:8px;
background:#FDFAF6;
overflow:hidden;
font-size:12.5px;
display:flex;
white-space:nowrap;
align-items:center;
font-weight:700;
text-overflow:ellipsis;
height:50px;
justify-content:center;
color:#2E2519;
text-align:center;
}
.jot-pmt_tablelma{
overflow:hidden;
border:1px solid rgba(26,20,16,0.08);
border-radius:14px;
min-width:0;
}
.jot-pmt_theadlma{
background:#1C1610;
grid-template-columns:1.4fr 1fr 1fr 1fr;
display:grid;
}
.jot-pmt_thlma{
overflow:hidden;
padding:13px 0.875rem;
font-weight:700;
white-space:nowrap;
text-overflow:ellipsis;
font-size:0.625rem;
color:#F5ECD9;
text-transform:uppercase;
letter-spacing:.08em;
}
.jot-pmt_rowlma{
grid-template-columns:1.4fr 1fr 1fr 1fr;
border-top:1px solid rgba(26,20,16,0.08);
display:grid;
}
.jot-pmt_rowlma:nth-child(odd){
background:#FDFAF6;
}
.jot-pmt_tdlma{
padding:0.875rem;
min-width:0;
color:#8C7660;
overflow-wrap:break-word;
font-size:0.844rem;
}
.jot-pmt_rowlma .jot-pmt_tdlma:first-child{
color:#1A1410;
font-weight:700;
}
.jot-pmt_rowlma .jot-pmt_tdlma:last-child{
font-weight:700;
color:#3A7D5A;
}
.jot-sclma{
padding:48px 0 0.625rem;
}
.jot-sc_headlma{
margin-bottom:28px;
text-align:center;
}
.jot-sc_eyebrowlma{
margin-bottom:0.75rem;
}
.jot-sc_h2lma{
font-family:"Fraunces", 'Iowan Old Style', Georgia, serif;
line-height:1.05;
color:#1A1410;
font-weight:600;
font-size:1.875rem;
overflow-wrap:break-word;
}
@media(min-width:770px){
.jot-sc_h2lma{
font-size:36px;
}
}
.jot-sc_tablelma{
border-radius:14px;
border:1px solid rgba(26,20,16,0.08);
margin:0 auto;
overflow:hidden;
max-width:56.25rem;
}
.jot-sc_theadlma{
grid-template-columns:1.6fr 1fr 1fr;
background:#1C1610;
display:grid;
}
.jot-sc_thlma{
padding:0.938rem 1.125rem;
text-align:center;
overflow-wrap:break-word;
font-size:0.813rem;
font-weight:700;
color:#B09070;
}
.jot-sc_thlma:first-child{
text-align:left;
}
.jot-sc_th_uslma{
color:#E8B84B;
}
.jot-sc_rowlma{
grid-template-columns:1.6fr 1fr 1fr;
display:grid;
border-top:1px solid rgba(26,20,16,0.08);
}
.jot-sc_rowlma:nth-child(even){
background:#FDFAF6;
}
.jot-sc_tdlma{
padding:0.938rem 1.125rem;
min-width:0;
font-size:14px;
color:#6B5C47;
text-align:center;
overflow-wrap:break-word;
}
.jot-sc_tdlma:first-child{
font-weight:600;
text-align:left;
color:#2E2519;
}
.jot-sc_td_uslma{
font-weight:700;
color:#3A7D5A;
}
.jot-sblma{
padding:3rem 0;
background:#FDFAF6;
border-top:1px solid rgba(26,20,16,0.08);
margin-top:1.5rem;
border-bottom:1px solid rgba(26,20,16,0.08);
}
@media(min-width:767px){
.jot-sblma{
padding:56px 0;
}
}
.jot-sb_eyebrowlma{
margin-bottom:12px;
display:block;
}
.jot-sb_h2lma{
overflow-wrap:break-word;
font-family:"Fraunces", 'Iowan Old Style', Georgia, serif;
margin-bottom:26px;
font-size:1.875rem;
color:#1A1410;
line-height:1.05;
font-weight:600;
}
@media(min-width:771px){
.jot-sb_h2lma{
font-size:2.25rem;
}
}
.jot-sb_gridlma{
grid-template-columns:1fr;
gap:16px;
display:grid;
}
@media(min-width:562px){
.jot-sb_gridlma{
grid-template-columns:1fr 1fr;
}
}
@media(min-width:959px){
.jot-sb_gridlma{
grid-template-columns:repeat(4,1fr);
}
}
.jot-sb_cardlma{
padding:24px;
background:#F7F3EE;
border:1px solid rgba(26,20,16,0.08);
border-radius:14px;
min-width:0;
}
.jot-sb_card_hlma{
color:#1A1410;
line-height:1.15;
overflow-wrap:break-word;
font-weight:600;
font-size:1.188rem;
margin-bottom:0.5rem;
font-family:"Fraunces", 'Iowan Old Style', Georgia, serif;
}
.jot-sb_card_plma{
color:#8C7660;
font-size:0.844rem;
line-height:1.6;
overflow-wrap:break-word;
}
.jot-sb_rtplma{
border:1px solid rgba(26,20,16,0.08);
grid-template-columns:1fr;
padding:26px 28px;
gap:24px;
background:#F7F3EE;
border-radius:14px;
display:grid;
align-items:center;
margin-top:1.125rem;
}
@media(min-width:762px){
.jot-sb_rtplma{
gap:2.5rem;
grid-template-columns:1fr 1fr;
}
}
.jot-sb_rtp_hlma{
font-weight:600;
font-size:1.25rem;
margin-bottom:8px;
font-family:"Fraunces", 'Iowan Old Style', Georgia, serif;
color:#1A1410;
line-height:1.15;
overflow-wrap:break-word;
}
.jot-sb_rtp_plma{
color:#8C7660;
overflow-wrap:break-word;
line-height:1.6;
font-size:13.5px;
}
.jot-sb_rtp_statslma{
gap:16px;
display:flex;
}
.jot-sb_statlma{
border-radius:8px;
padding:18px;
flex:1 1 0;
background:#FDFAF6;
min-width:0;
text-align:center;
}
.jot-sb_stat_vlma{
font-size:26px;
font-family:"Fraunces", 'Iowan Old Style', Georgia, serif;
overflow-wrap:break-word;
font-weight:700;
color:#3A7D5A;
}
.jot-sb_stat_llma{
font-size:0.719rem;
color:#6B5C47;
margin-top:0.25rem;
}
.jot-ellma{
padding:3rem 0;
}
@media(min-width:770px){
.jot-ellma{
padding:56px 0;
}
}
.jot-el_inlma{
grid-template-columns:1fr;
gap:2.5rem;
align-items:start;
display:grid;
}
@media(min-width:901px){
.jot-el_inlma{
gap:56px;
grid-template-columns:1fr 1fr;
}
}
.jot-el_leftlma{
min-width:0;
}
.jot-el_eyebrowlma{
margin-bottom:14px;
}
.jot-el_h2lma{
font-size:2rem;
font-weight:600;
margin-bottom:1.375rem;
font-family:"Fraunces", 'Iowan Old Style', Georgia, serif;
color:#1A1410;
overflow-wrap:break-word;
line-height:1.08;
}
@media(min-width:766px){
.jot-el_h2lma{
font-size:38px;
}
}
.jot-el_bodylma p{
line-height:1.7;
margin-bottom:18px;
overflow-wrap:break-word;
color:#2E2519;
font-size:16px;
}
.jot-el_dropcaplma{
padding:6px 12px 0 0;
float:left;
font-size:3.875rem;
line-height:.8;
font-weight:700;
font-family:"Fraunces", 'Iowan Old Style', Georgia, serif;
color:#C28A2A;
}
.jot-el_rightlma{
min-width:0;
}
.jot-el_quotelma{
border-radius:1.25rem;
background:linear-gradient(150deg,#261D12,#0F0C08);
padding:36px;
color:#F5ECD9;
position:relative;
margin-bottom:24px;
}
.jot-el_quote_marklma{
align-items:center;
margin-bottom:0.375rem;
color:#E8B84B;
display:inline-flex;
}
.jot-el_quote_marklma svg{
width:34px;
height:2.125rem;
}
.jot-el_quote_textlma{
color:#F5ECD9;
font-family:"Fraunces", 'Iowan Old Style', Georgia, serif;
font-weight:500;
font-size:1.375rem;
line-height:1.4;
margin-bottom:1.375rem;
overflow-wrap:break-word;
}
.jot-el_quote_metalma{
gap:12px;
align-items:center;
display:flex;
}
.jot-el_quote_avlma{
border-radius:50%;
flex:0 0 auto;
background:linear-gradient(135deg,#C28A2A,#F0CC72);
width:38px;
height:2.375rem;
}
.jot-el_quote_authorlma{
font-size:14px;
font-weight:700;
color:#F5ECD9;
}
.jot-el_quote_meta_sublma{
color:#B09070;
font-size:0.75rem;
}
.jot-el_explainlma{
overflow:hidden;
border:1px solid rgba(26,20,16,0.08);
border-radius:14px;
}
.jot-el_explain_cardlma{
padding:1.375rem 24px;
}
.jot-el_explain_cardlma+.jot-el_explain_cardlma{
border-top:1px solid rgba(26,20,16,0.08);
}
.jot-el_explain_hlma{
line-height:1.15;
font-weight:600;
font-family:"Fraunces", 'Iowan Old Style', Georgia, serif;
overflow-wrap:break-word;
color:#1A1410;
font-size:1.25rem;
margin-bottom:8px;
}
.jot-el_explain_plma{
color:#8C7660;
line-height:1.55;
font-size:0.875rem;
overflow-wrap:break-word;
}
.jot-faqlma{
background:#FDFAF6;
padding:3rem 0;
border-bottom:1px solid rgba(26,20,16,0.08);
border-top:1px solid rgba(26,20,16,0.08);
margin-top:1.5rem;
}
@media(min-width:770px){
.jot-faqlma{
padding:3.875rem 0;
}
}
.jot-faq_headlma{
margin-bottom:2.125rem;
text-align:center;
}
.jot-faq_eyebrowlma{
margin-bottom:0.75rem;
}
.jot-faq_h2lma{
font-size:2rem;
font-family:"Fraunces", 'Iowan Old Style', Georgia, serif;
line-height:1.05;
overflow-wrap:break-word;
color:#1A1410;
font-weight:600;
}
@media(min-width:771px){
.jot-faq_h2lma{
font-size:2.375rem;
}
}
.jot-faq_listlma{
gap:0.75rem;
margin:0 auto;
flex-direction:column;
display:flex;
max-width:51.25rem;
}
.jot-faq_itemlma{
border-radius:0.875rem;
background:#F7F3EE;
overflow:hidden;
border:1px solid rgba(26,20,16,0.08);
}
.jot-faq_qlma{
gap:1.25rem;
padding:1.25rem 24px;
list-style:none;
font-weight:700;
font-size:1rem;
display:flex;
color:#1A1410;
cursor:pointer;
justify-content:space-between;
align-items:center;
overflow-wrap:break-word;
}
.jot-faq_qlma::-webkit-details-marker{
display:none;
}
.jot-faq_q_iclma{
transition:transform .2s ease;
flex:0 0 auto;
color:#C28A2A;
align-items:center;
display:inline-flex;
}
.jot-faq_q_iclma svg{
width:1.125rem;
height:1.125rem;
}
.jot-faq_itemlma[open] .jot-faq_q_iclma{
transform:rotate(180deg);
}
.jot-faq_alma{
padding:0 24px 20px;
color:#8C7660;
line-height:1.6;
overflow-wrap:break-word;
font-size:0.906rem;
}
.jot-sglma{
padding:48px 0 0.625rem;
}
.jot-sg_eyebrowlma{
margin-bottom:12px;
display:block;
}
.jot-sg_h2lma{
font-family:"Fraunces", 'Iowan Old Style', Georgia, serif;
line-height:1.05;
margin-bottom:28px;
font-weight:600;
color:#1A1410;
font-size:1.875rem;
overflow-wrap:break-word;
}
@media(min-width:769px){
.jot-sg_h2lma{
font-size:2.25rem;
}
}
.jot-sg_gridlma{
grid-template-columns:1fr;
gap:24px;
display:grid;
}
@media(min-width:723px){
.jot-sg_gridlma{
grid-template-columns:repeat(3,1fr);
}
}
.jot-sg_collma{
min-width:0;
}
.jot-sg_col_hlma{
font-weight:600;
line-height:1.15;
color:#1A1410;
overflow-wrap:break-word;
margin-bottom:10px;
font-size:1.375rem;
font-family:"Fraunces", 'Iowan Old Style', Georgia, serif;
}
.jot-sg_col_plma{
overflow-wrap:break-word;
line-height:1.65;
font-size:0.875rem;
color:#8C7660;
}
.jot-lhlma{
padding:40px 0 1.25rem;
}
.jot-lh_inlma{
padding-top:34px;
border-top:1px solid rgba(26,20,16,0.15);
}
.jot-lh_eyebrowlma{
display:block;
margin-bottom:22px;
}
.jot-lh_gridlma{
grid-template-columns:1fr 1fr;
gap:1.75rem;
display:grid;
}
@media(min-width:603px){
.jot-lh_gridlma{
grid-template-columns:repeat(3,1fr);
}
}
@media(min-width:963px){
.jot-lh_gridlma{
grid-template-columns:repeat(5,1fr);
}
}
.jot-lh_collma{
min-width:0;
}
.jot-lh_col_hlma{
margin-bottom:12px;
overflow-wrap:break-word;
font-weight:700;
font-size:0.813rem;
color:#1A1410;
}
.jot-lh_linkslma{
gap:8px;
flex-direction:column;
display:flex;
}
.jot-lh_linklma{
transition:color .2s ease;
overflow-wrap:break-word;
color:#8C7660;
font-size:13px;
}
.jot-lh_linklma:hover{
color:#C28A2A;
}
.jot-ftlma{
background:#1C1610;
margin-top:2.5rem;
color:#B09070;
}
.jot-ft_inlma{
gap:32px;
grid-template-columns:1fr;
padding:3rem 0 1.75rem;
display:grid;
}
@media(min-width:598px){
.jot-ft_inlma{
grid-template-columns:1fr 1fr;
}
}
@media(min-width:897px){
.jot-ft_inlma{
grid-template-columns:1.4fr 1fr 1fr 1fr;
}
}
.jot-ft_brandlma{
min-width:0;
}
.jot-ft_logolma{
font-family:"Fraunces", 'Iowan Old Style', Georgia, serif;
font-size:1.625rem;
overflow-wrap:break-word;
font-weight:700;
color:#F5ECD9;
}
.jot-ft_taglinelma{
font-size:13.5px;
max-width:17.5rem;
color:#B09070;
line-height:1.6;
margin-top:0.875rem;
}
.jot-ft_contactlma{
transition:color .2s ease;
max-width:17.5rem;
display:inline-block;
margin-top:12px;
font-size:13px;
overflow-wrap:anywhere;
color:#E8B84B;
}
.jot-ft_contactlma:hover{
color:#F5ECD9;
}
.jot-ft_collma{
min-width:0;
}
.jot-ft_col_hlma{
margin-bottom:0.875rem;
letter-spacing:.08em;
overflow-wrap:break-word;
font-size:0.813rem;
font-weight:700;
color:#F5ECD9;
text-transform:uppercase;
}
.jot-ft_col_linkslma{
gap:10px;
flex-direction:column;
display:flex;
}
.jot-ft_linklma{
transition:color .2s ease;
font-size:0.844rem;
overflow-wrap:break-word;
color:#B09070;
}
.jot-ft_linklma:hover{
color:#F5ECD9;
}
.jot-ft_botlma{
gap:16px;
padding:1.375rem 0 2.5rem;
flex-direction:column;
border-top:1px solid rgba(255,243,218,0.13);
display:flex;
}
@media(min-width:769px){
.jot-ft_botlma{
gap:20px;
justify-content:space-between;
align-items:center;
flex-direction:row;
}
}
.jot-ft_legallma{
color:#B09E8A;
overflow-wrap:break-word;
font-size:0.719rem;
line-height:1.6;
max-width:760px;
}
.jot-ft_legallma b{
font-weight:700;
color:#B09070;
}
.jot-ft_agelma{
border-radius:0.5rem;
padding:0.25rem 9px;
flex:0 0 auto;
border:1.5px solid #E8B84B;
font-size:0.813rem;
color:#E8B84B;
font-weight:700;
}