#ranvel-site{color-scheme:light;--rs-red:#d91118;--rs-deep:#a30912;--rs-paper:light-dark(#fffcf6,#24211d);--rs-white:light-dark(#ffffff,#302b27);--rs-ink:light-dark(#222222,#fff8ef);--rs-muted:light-dark(#665e55,#cec3b5);--rs-line:light-dark(#ded7ca,#574e44);--rs-soft:light-dark(#f3ede2,#39312a);--rs-accent:light-dark(#b60e16,#ff9388);--rs-space:32px;color:var(--rs-ink);background:var(--rs-paper);font:14px/1.6 Manrope,"Noto Sans Thai","Noto Sans JP","Noto Sans SC","Noto Sans TC","Noto Sans Myanmar",sans-serif;container-type:inline-size}
#ranvel-site *{box-sizing:border-box}
#ranvel-site h1,#ranvel-site h2,#ranvel-site h3,#ranvel-site p{margin:0;color:inherit}
#ranvel-site button,#ranvel-site input,#ranvel-site select,#ranvel-site textarea{font:inherit}
#ranvel-site button,#ranvel-site a,#ranvel-site select{touch-action:manipulation}
#ranvel-site button{color:inherit}
#ranvel-site a{color:inherit;text-decoration:none}
#ranvel-site a:hover{text-decoration:underline}
#ranvel-site .rs-kicker{font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
#ranvel-site .rs-eyebrow{display:flex;gap:14px;align-items:center;color:var(--rs-accent)}
#ranvel-site .rs-eyebrow:before{content:'';width:28px;height:3px;background:currentColor}
#ranvel-site .rs-top{display:flex;justify-content:space-between;gap:16px;padding:10px var(--rs-space);background:var(--rs-soft);font-size:11px;color:var(--rs-muted);flex-wrap:wrap}
#ranvel-site .rs-nav{display:flex;align-items:center;gap:24px;padding:22px var(--rs-space);border-bottom:1px solid var(--rs-line);flex-wrap:wrap}
#ranvel-site .rs-logo{display:flex;align-items:center;gap:9px;margin-right:auto;font-size:24px;font-weight:800;letter-spacing:-1.1px;color:var(--rs-accent);line-height:1}
#ranvel-site .rs-logo img{width:48px;height:48px;object-fit:contain}
#ranvel-site .rs-nav-links{display:flex;align-items:center;gap:20px;font-size:12px;font-weight:700;flex-wrap:wrap}
#ranvel-site .rs-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--rs-red);color:#fff;border:0;border-radius:5px;padding:12px 18px;font-size:12px;font-weight:800;min-height:44px;text-align:center}
#ranvel-site .rs-button svg{width:15px;height:15px}
#ranvel-site .rs-outline{background:transparent;color:var(--rs-ink);border:1px solid var(--rs-line)}
#ranvel-site .rs-hero{padding:44px var(--rs-space) 32px;display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center;position:relative}
#ranvel-site .rs-hero-copy{position:relative;z-index:1}
#ranvel-site h1{font:700 clamp(56px,8.5cqw,94px)/.99 Oswald,sans-serif;letter-spacing:-.02em;text-transform:uppercase;margin:19px 0 24px}
#ranvel-site h1 em{font-style:normal;color:var(--rs-accent)}
#ranvel-site .rs-hero-copy>p{font-size:15px;max-width:410px;color:var(--rs-muted);margin-bottom:25px}
#ranvel-site .rs-actions{display:flex;gap:12px;flex-wrap:wrap}
#ranvel-site .rs-script{font-family:Caveat,cursive;font-size:30px;line-height:1.1;transform:rotate(-3deg);color:var(--rs-accent)}
#ranvel-site .rs-postcard{position:relative;transform:rotate(2deg);margin:9px 5px;background:var(--rs-white);padding:12px 12px 20px;box-shadow:0 9px 24px #00000013;border:1px solid var(--rs-line)}
#ranvel-site .rs-photo{min-height:258px;background:linear-gradient(135deg,#ffb7a0 0%,#d92b2d 39%,#9d0c1f 72%,#540b16 100%);display:flex;flex-direction:column;justify-content:space-between;padding:22px;color:#fff;position:relative;overflow:hidden}
#ranvel-site .rs-photo:before{content:'';position:absolute;width:450px;height:400px;border:2px dashed #ffffff55;border-radius:50%;right:-95px;top:30px;transform:rotate(-28deg)}
#ranvel-site .rs-photo .rs-kicker{position:relative}
#ranvel-site .rs-photo-title{position:relative;font:600 50px/1 Oswald,sans-serif;text-transform:uppercase;max-width:260px}
#ranvel-site .rs-postcard-caption{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:16px 4px 0}
#ranvel-site .rs-stamp{position:absolute;top:-22px;right:16px;border:2px solid var(--rs-red);color:var(--rs-red);background:var(--rs-white);border-radius:50%;width:95px;height:95px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:10px;font-weight:800;letter-spacing:.09em;line-height:1.5;transform:rotate(11deg)}
#ranvel-site .rs-caption-small{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--rs-muted)}
#ranvel-site .rs-strip{margin:0 var(--rs-space);border-top:1px solid var(--rs-line);border-bottom:1px solid var(--rs-line);padding:15px 0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:13px;font-size:11px;color:var(--rs-muted)}
#ranvel-site .rs-strip span{display:flex;align-items:center;gap:7px}
#ranvel-site .rs-strip svg{width:16px;height:16px;color:var(--rs-accent)}
#ranvel-site .rs-section{padding:36px var(--rs-space)}
#ranvel-site .rs-section-title{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}
#ranvel-site h2{font:600 clamp(30px,4.3cqw,43px)/1.15 Oswald,sans-serif;text-transform:uppercase;letter-spacing:-.01em}
#ranvel-site .rs-section-title p{font-size:12px;color:var(--rs-muted);margin-top:6px;max-width:490px}
#ranvel-site .rs-events{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
#ranvel-site .rs-ticket{background:var(--rs-white);border:1px solid var(--rs-line);border-radius:8px;overflow:hidden;position:relative}
#ranvel-site .rs-ticket-head{background:var(--rs-red);color:#fff;padding:13px 18px;display:flex;justify-content:space-between;gap:12px;font-size:11px;font-weight:800;letter-spacing:.08em}
#ranvel-site .rs-ticket-content{padding:18px;display:flex;flex-direction:column;gap:13px;min-height:225px}
#ranvel-site h3{font-size:17px;line-height:1.3;font-weight:800}
#ranvel-site .rs-ticket-content p{font-size:12px;color:var(--rs-muted);flex:1}
#ranvel-site .rs-date{font-size:12px;font-weight:800;border-top:1px dashed var(--rs-line);padding-top:14px}
#ranvel-site .rs-text-button{border:0;padding:6px 0;background:transparent;text-align:left;color:var(--rs-accent);font-size:12px;font-weight:800;min-height:36px;display:inline-flex;gap:8px;align-items:center}
#ranvel-site .rs-text-button svg{width:14px;height:14px}
#ranvel-site .rs-event-detail{margin-top:16px;background:var(--rs-soft);border-left:4px solid var(--rs-red);padding:20px}
#ranvel-site .rs-event-detail p{font-size:13px;color:var(--rs-muted);margin:8px 0 16px}
#ranvel-site .rs-group{margin:0 var(--rs-space) 6px;display:grid;grid-template-columns:1.25fr .75fr;gap:25px;align-items:center;background:var(--rs-ink);color:var(--rs-paper);padding:28px;border-radius:7px}
#ranvel-site .rs-group p{font-size:13px;max-width:470px;margin:12px 0 0}
#ranvel-site .rs-group .rs-kicker{margin-bottom:10px}
#ranvel-site .rs-group .rs-actions{justify-content:flex-end}
#ranvel-site .rs-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
#ranvel-site .rs-filter{border:1px solid var(--rs-line);border-radius:30px;padding:8px 15px;background:var(--rs-white);font-size:12px;font-weight:700;min-height:40px}
#ranvel-site .rs-filter[aria-pressed="true"]{background:var(--rs-red);color:#fff;border-color:var(--rs-red)}
#ranvel-site .rs-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#ranvel-site .rs-service{display:flex;gap:13px;align-items:start;text-align:left;background:var(--rs-white);border:1px solid var(--rs-line);border-radius:7px;padding:18px;min-height:135px}
#ranvel-site .rs-service:hover,#ranvel-site .rs-service[aria-pressed="true"]{border-color:var(--rs-red)}
#ranvel-site .rs-service-icon{display:flex;align-items:center;justify-content:center;flex:0 0 35px;width:35px;height:35px;border-radius:5px;background:var(--rs-soft);color:var(--rs-accent)}
#ranvel-site .rs-service-icon svg{width:21px;height:21px}
#ranvel-site .rs-service-copy{min-width:0}
#ranvel-site .rs-service-name{display:block;font-size:13px;font-weight:800;line-height:1.35;margin-bottom:7px}
#ranvel-site .rs-service-desc{display:block;font-size:11px;line-height:1.6;color:var(--rs-muted)}
#ranvel-site .rs-selected{margin-top:20px;background:var(--rs-soft);padding:23px;border-radius:7px;display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center}
#ranvel-site .rs-selected p{font-size:13px;max-width:680px;color:var(--rs-muted);margin-top:8px}
#ranvel-site .rs-process{padding:30px var(--rs-space);border-top:1px solid var(--rs-line);border-bottom:1px solid var(--rs-line);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
#ranvel-site .rs-process strong{font:600 26px/1 Oswald,sans-serif;color:var(--rs-accent);display:block;margin-bottom:9px}
#ranvel-site .rs-process p{font-size:12px;color:var(--rs-muted);margin-top:6px}
#ranvel-site .rs-inquiry{padding:32px;background:var(--rs-soft);border-radius:8px}
#ranvel-site .rs-inquiry-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:23px}
#ranvel-site .rs-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
#ranvel-site .rs-form label{display:grid;gap:7px;font-size:12px;font-weight:700}
#ranvel-site .rs-form select,#ranvel-site .rs-form input{width:100%;min-width:0;background:var(--rs-white);color:var(--rs-ink);border:1px solid var(--rs-line);border-radius:4px;padding:11px 12px;font-size:16px;min-height:46px}
#ranvel-site .rs-form-actions{margin-top:20px;display:flex;gap:17px;align-items:center;flex-wrap:wrap}
#ranvel-site .rs-form-actions small{font-size:11px;color:var(--rs-muted)}
#ranvel-site .rs-preview-result{margin-top:20px!important;padding:18px;background:var(--rs-white);border-left:3px solid var(--rs-red);font-size:13px}
#ranvel-site .rs-footer{padding:25px var(--rs-space);border-top:1px solid var(--rs-line);display:grid;grid-template-columns:1fr 1fr;gap:26px;font-size:11px;color:var(--rs-muted)}
#ranvel-site .rs-footer strong{display:block;font-size:12px;color:var(--rs-ink);margin-bottom:7px}
#ranvel-site .rs-footer-links{display:flex;gap:18px;flex-wrap:wrap;justify-content:flex-end}
#ranvel-site [hidden]{display:none!important}
@media(max-width:720px){#ranvel-site{--rs-space:22px}#ranvel-site .rs-nav{gap:17px}#ranvel-site .rs-nav-links{gap:14px;order:3;width:100%}#ranvel-site .rs-hero{grid-template-columns:1fr;gap:30px;padding-top:30px}#ranvel-site h1{font-size:66px}#ranvel-site .rs-postcard{max-width:480px}#ranvel-site .rs-events,#ranvel-site .rs-services{grid-template-columns:repeat(2,minmax(0,1fr))}#ranvel-site .rs-group{grid-template-columns:1fr;padding:23px}#ranvel-site .rs-group .rs-actions{justify-content:flex-start}#ranvel-site .rs-form{grid-template-columns:1fr 1fr}#ranvel-site .rs-selected{grid-template-columns:1fr}#ranvel-site .rs-footer{grid-template-columns:1fr}#ranvel-site .rs-footer-links{justify-content:flex-start}}
@media(max-width:450px){#ranvel-site{--rs-space:18px}#ranvel-site .rs-top span:last-child{display:none}#ranvel-site .rs-nav>.rs-button{display:none}#ranvel-site .rs-hero-copy>p{font-size:14px}#ranvel-site .rs-events,#ranvel-site .rs-services,#ranvel-site .rs-process,#ranvel-site .rs-form{grid-template-columns:1fr}#ranvel-site .rs-ticket-content{min-height:0}#ranvel-site .rs-service{min-height:0}#ranvel-site .rs-section-title{align-items:start;flex-direction:column;gap:14px}#ranvel-site .rs-inquiry{padding:22px}#ranvel-site .rs-inquiry-head{align-items:start;flex-direction:column;gap:10px}#ranvel-site .rs-photo-title{font-size:43px}#ranvel-site .rs-photo{min-height:238px}#ranvel-site .rs-stamp{width:80px;height:80px;font-size:9px}#ranvel-site .rs-script{font-size:27px}}

html{scroll-behavior:smooth}body{margin:0;background:#fffcf6}*{box-sizing:border-box}:focus-visible{outline:3px solid #222;outline-offset:4px}section[id]{scroll-margin-top:20px}
#ranvel-site{font-size:16px;max-width:1440px;margin:auto;--rs-space:clamp(18px,4vw,56px)}
#ranvel-site .rs-nav-links,#ranvel-site .rs-button,#ranvel-site .rs-text-button,#ranvel-site .rs-filter,#ranvel-site .rs-service-name,#ranvel-site .rs-form label{font-size:14px}
#ranvel-site .rs-kicker,#ranvel-site .rs-top,#ranvel-site .rs-strip,#ranvel-site .rs-caption-small,#ranvel-site .rs-ticket-head,#ranvel-site .rs-date,#ranvel-site .rs-footer,#ranvel-site .rs-form-actions small{font-size:13px}
#ranvel-site .rs-service-desc,#ranvel-site .rs-section-title p,#ranvel-site .rs-ticket-content p,#ranvel-site .rs-group p,#ranvel-site .rs-process p,#ranvel-site .rs-event-detail p{font-size:15px}
#ranvel-site .rs-hero-copy>p{font-size:18px;max-width:520px}#ranvel-site .rs-postcard{transform:rotate(1deg)}
#ranvel-site .rs-hero-image{display:block;width:100%;height:auto;aspect-ratio:1640/720;object-fit:contain;border-radius:3px;background:#180c21}
#ranvel-site .rs-ticket-content{min-height:220px}#ranvel-site .rs-service{min-height:0;display:block;width:100%;text-align:start}
#ranvel-site .rs-service summary{list-style:none;display:flex;gap:12px;align-items:start;min-height:55px;cursor:pointer}#ranvel-site .rs-service summary::-webkit-details-marker{display:none}
#ranvel-site .rs-service summary:after{content:'+';font-size:24px;margin-inline-start:auto;color:var(--rs-accent)}#ranvel-site .rs-service[open] summary:after{content:'−'}
#ranvel-site .rs-service .rs-expanded{font-size:15px;line-height:1.7;padding-top:15px;border-top:1px solid var(--rs-line);margin-top:15px}#ranvel-site .rs-service .rs-expanded button{margin-top:13px}
#ranvel-site .rs-language{background:var(--rs-white);color:var(--rs-ink);border:1px solid var(--rs-line);border-radius:5px;padding:10px;min-height:44px;font-size:14px;max-width:190px}
#ranvel-site .rs-sales{margin:0 var(--rs-space);background:var(--rs-red);color:#fff;padding:28px;border-radius:8px;display:grid;grid-template-columns:1.4fr .6fr;gap:28px;align-items:center}
#ranvel-site .rs-sales h2{margin-top:10px}#ranvel-site .rs-sales p{margin-top:12px;font-size:16px;max-width:780px}#ranvel-site .rs-sales .rs-button{background:#fff;color:var(--rs-deep)}
#ranvel-site .rs-sale-actions{display:grid;gap:10px;align-content:start}#ranvel-site .rs-sales small{font-size:13px;display:block;margin-top:14px}
#ranvel-site .rs-about{display:grid;grid-template-columns:1.3fr .7fr;gap:30px}#ranvel-site .rs-about p{line-height:1.8;margin-top:14px}
#ranvel-site .rs-credentials{background:var(--rs-soft);padding:24px;border-radius:7px;font-size:15px}#ranvel-site .rs-credentials strong{display:block;margin-bottom:10px}
#ranvel-site .rs-contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:25px;margin-bottom:25px}#ranvel-site .rs-channel{padding:20px;background:var(--rs-white);border:1px solid var(--rs-line);border-radius:7px;overflow-wrap:anywhere}
#ranvel-site .rs-channel strong{display:block;margin-bottom:10px}#ranvel-site .rs-channel a{display:block;color:var(--rs-accent);font-weight:700;font-size:15px}#ranvel-site .rs-channel p{font-size:14px}#ranvel-site .rs-coming{color:var(--rs-muted)}
#ranvel-site .rs-offices{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px}#ranvel-site .rs-offices p{font-size:15px;margin-top:10px}#ranvel-site .rs-offices a{font-size:14px;color:var(--rs-accent);font-weight:700}
#ranvel-site .rs-form textarea{min-height:120px;resize:vertical;width:100%;background:var(--rs-white);color:var(--rs-ink);border:1px solid var(--rs-line);border-radius:4px;padding:12px;font-size:16px}#ranvel-site .rs-form .rs-wide{grid-column:1/-1}
#ranvel-site .rs-draft-panel{margin-top:20px;padding:20px;background:var(--rs-white);border-left:3px solid var(--rs-red)}#ranvel-site .rs-draft-panel p{margin-bottom:14px;line-height:1.7}
#ranvel-site .rs-faq{display:grid;gap:12px}#ranvel-site .rs-faq details{background:var(--rs-white);border:1px solid var(--rs-line);border-radius:7px;padding:18px 22px}#ranvel-site .rs-faq summary{font-size:16px;font-weight:800;cursor:pointer}#ranvel-site .rs-faq p{margin-top:14px;font-size:16px;line-height:1.8}
#ranvel-site .rs-booking{display:grid;grid-template-columns:1fr 1fr;gap:28px}#ranvel-site .rs-booking article{background:var(--rs-soft);padding:25px;border-radius:7px}#ranvel-site .rs-booking p{font-size:15px;line-height:1.8;margin-top:12px}
#ranvel-site .rs-event-detail{margin:12px 0 0;font-size:15px}#ranvel-site .rs-event-detail ul{padding-left:20px;line-height:1.8}#ranvel-site .rs-footer{font-size:14px;line-height:1.8}
#ranvel-site .rs-phone{font-size:16px;font-weight:700;color:var(--rs-accent)}
#ranvel-site:lang(ja) h1,#ranvel-site:lang(zh-Hans) h1,#ranvel-site:lang(zh-Hant) h1,#ranvel-site:lang(th) h1,#ranvel-site:lang(my) h1{font-family:inherit;font-size:clamp(40px,5cqw,66px);line-height:1.45;letter-spacing:0;text-transform:none;font-weight:800}
#ranvel-site:lang(ja) h2,#ranvel-site:lang(zh-Hans) h2,#ranvel-site:lang(zh-Hant) h2,#ranvel-site:lang(th) h2,#ranvel-site:lang(my) h2{font-family:inherit;font-size:clamp(26px,3cqw,40px);line-height:1.55;text-transform:none;letter-spacing:0}
#ranvel-site:lang(my){line-height:1.9}#ranvel-site:lang(my) .rs-service-name,#ranvel-site:lang(my) .rs-kicker{line-height:1.9;letter-spacing:0}#ranvel-site:lang(th) .rs-kicker{letter-spacing:0}
#ranvel-site .rs-legal-title{margin-bottom:20px}
@media(max-width:850px){#ranvel-site .rs-sales,#ranvel-site .rs-about{grid-template-columns:1fr}#ranvel-site .rs-sale-actions{grid-template-columns:repeat(3,minmax(0,1fr))}#ranvel-site .rs-nav-links{order:3;width:100%}#ranvel-site .rs-contact-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){#ranvel-site .rs-hero,#ranvel-site .rs-events,#ranvel-site .rs-services,#ranvel-site .rs-form,#ranvel-site .rs-offices,#ranvel-site .rs-contact-grid,#ranvel-site .rs-booking,#ranvel-site .rs-process{grid-template-columns:1fr}#ranvel-site .rs-sale-actions{grid-template-columns:1fr}#ranvel-site .rs-language{max-width:160px}#ranvel-site .rs-logo{font-size:19px}#ranvel-site .rs-nav{gap:10px}#ranvel-site .rs-nav-links{font-size:14px;gap:13px}#ranvel-site h1{font-size:66px}#ranvel-site .rs-section-title{flex-direction:column;align-items:start}#ranvel-site .rs-ticket-content{min-height:0}#ranvel-site .rs-sales{padding:24px}#ranvel-site .rs-inquiry{padding:20px}#ranvel-site .rs-hero-copy>p{font-size:17px}#ranvel-site .rs-section{padding-top:30px;padding-bottom:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

#ranvel-site .rs-skip{position:absolute;top:-100px;left:12px;background:#fff;padding:12px;z-index:10}#ranvel-site .rs-skip:focus{top:8px}#ranvel-site summary{min-height:44px}#ranvel-site .rs-postcard{margin-inline:0}#ranvel-site .rs-script{max-width:60%;font-size:clamp(21px,2.3vw,30px)}