@font-face{font-family:Dragie;src:url('/demo/fonts/thai-thai-400.woff2') format('woff2');font-weight:400;font-display:swap;unicode-range:U+0E01-0E5B,U+200C-200D,U+25CC}
@font-face{font-family:Dragie;src:url('/demo/fonts/thai-latin-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Dragie;src:url('/demo/fonts/thai-thai-500.woff2') format('woff2');font-weight:500;font-display:swap;unicode-range:U+0E01-0E5B,U+200C-200D,U+25CC}
@font-face{font-family:Dragie;src:url('/demo/fonts/thai-thai-700.woff2') format('woff2');font-weight:700;font-display:swap;unicode-range:U+0E01-0E5B,U+200C-200D,U+25CC}
@font-face{font-family:Dragie;src:url('/demo/fonts/thai-latin-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Dragie;src:url('/demo/fonts/thai-thai-800.woff2') format('woff2');font-weight:800;font-display:swap;unicode-range:U+0E01-0E5B,U+200C-200D,U+25CC}
@font-face{font-family:Dragie;src:url('/demo/fonts/thai-latin-800.woff2') format('woff2');font-weight:800;font-display:swap}
:root{--ink:#111c44;--blue:#2375ff;--violet:#9361ff;--line:#d4e0f3;--pale:#f3f8ff;--radius:16px;--font:Dragie,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--ink);background:#fff;font:16px/1.6 var(--font);overflow-x:clip}body:has(dialog[open]){overflow:hidden}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.25}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button,a{touch-action:manipulation}button{cursor:pointer}img{display:block;max-width:100%;height:auto}button{border:0}button:disabled{cursor:wait;opacity:.6}[hidden]{display:none!important}::selection{background:#dceaff}.icon{width:24px;height:24px;flex-shrink:0;vertical-align:middle}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #9462ff;outline-offset:5px}.sr-only,.trap{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:fixed;top:-100px;left:20px;z-index:50;background:white;padding:10px 20px}.skip:focus{top:10px}.studio-wrap{width:92%;max-width:1280px;margin-inline:auto}
.studio-header{position:relative;z-index:10;background:#fffffffa}.header-inner{height:62px;display:flex;align-items:center;gap:30px}.studio-brand{display:inline-flex;align-items:center;gap:22px;flex-shrink:0}.studio-brand img{width:139px;height:auto}.studio-brand>span{font:500 16px/1.4 var(--font);border-left:1px solid #bccce3;padding-left:22px;white-space:nowrap}.studio-header nav{display:flex;align-items:center;gap:30px;margin-left:auto;font-size:13px}.studio-header nav a{padding:10px 0}.studio-header nav a:hover,.studio-footer nav a:hover{color:var(--blue)}.studio-language-slot{border-left:1px solid #bccce3;padding-left:27px;margin-left:16px}.studio .language-switch{color:#7385a8;font-size:12px;gap:3px}.studio .language-switch a[aria-current=true]{color:var(--blue);border-color:transparent}.studio .language-switch a{min-height:34px}.studio-menu{display:none;background:none;padding:8px}
.studio-hero{position:relative;background:linear-gradient(110deg,#f0f3ff,#edf8ff 48%,#f1f4ff);isolation:isolate}.hero-wash{position:absolute;inset:0;overflow:hidden;z-index:-1}.hero-wash:before{content:'';position:absolute;width:90%;height:150%;left:-36%;top:-50%;transform:rotate(34deg);background:linear-gradient(90deg,#ffffffbd,#e7e9ff77)}.hero-wash:after{content:'';position:absolute;width:80%;height:120%;right:-20%;top:-65%;border-radius:50%;background:linear-gradient(180deg,#e8e5ff77,#fff8);transform:rotate(25deg)}.hero-inner{position:relative;display:grid;grid-template-columns:44% 56%;height:435px;align-items:center}.studio-hero-copy{position:relative;z-index:4;padding-left:28px;pointer-events:none}.studio-hero-copy a{pointer-events:auto}.studio-hero h1{font-size:clamp(40px,5.1vw,71px);font-weight:800;letter-spacing:-.055em;line-height:1.15;white-space:nowrap}.studio-hero h1 span{font-size:.89em;background:linear-gradient(90deg,#2275ff 30%,#7760ff);background-clip:text;-webkit-background-clip:text;color:transparent}.studio-hero-copy>p{font-size:clamp(17px,2vw,26px);line-height:1.45;margin-top:18px;letter-spacing:-.025em}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:23px;white-space:nowrap}.studio-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;border:1px solid var(--blue);border-radius:99px;background:var(--blue);color:white;min-height:51px;padding:12px 30px;font-weight:700;font-size:17px;line-height:1.4;transition:transform .2s,box-shadow .2s,background .2s}.studio-button:hover{background:#1265ef;box-shadow:0 6px 18px #2674ff26;transform:translateY(-2px)}.hero-actions .studio-button{box-shadow:0 5px 9px #2a70ff24;min-height:60px;font-size:21px}.hero-actions>p{font-size:21px;font-weight:700}.hero-actions strong{font-size:34px;line-height:1;color:var(--blue);letter-spacing:-.04em}.hero-actions>p>span{color:var(--blue)}.hero-art{position:relative;height:100%;min-width:0}.floating-preview{position:absolute;top:35px;width:47%;aspect-ratio:1.52;border:5px solid white;border-radius:16px;overflow:hidden;box-shadow:0 5px 24px #718bc930;background:#ecf3ff;z-index:1;animation:preview-float 7s ease-in-out infinite;--tilt:-8deg;transform:rotate(var(--tilt))}.floating-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;opacity:0;transition:opacity 1.2s ease}.floating-preview img.is-active{opacity:1}.preview-left{left:0}.preview-right{right:-1%;top:42px;--tilt:5deg;animation-delay:-3.5s}.hero-mascot{position:absolute;width:69%;max-width:none;left:12%;bottom:-43px;z-index:3;animation:mascot-float 6s ease-in-out infinite;transform-origin:50% 85%;filter:drop-shadow(0 9px 5px #699bd21b)}.orbit-ribbon{position:absolute;left:-1%;top:37%;width:104%;height:51%;border-radius:50%;border:7px solid transparent;border-top-color:#c3e9ff;border-left-color:#b9dcff;border-bottom-color:#96acff;border-right-color:#a978ff;transform:rotate(-8deg);z-index:2;box-shadow:0 -2px 0 8px #ffffff94}.grow-note{display:block;font-family:'Segoe Print','Bradley Hand','Apple Chancery',cursive;font-style:italic;color:#2885ff;line-height:1.03;letter-spacing:-.055em;transform:rotate(-10deg);font-size:27px;white-space:nowrap}.hero-grow{position:absolute;right:8%;bottom:44px;z-index:4}.motion-toggle{position:absolute;right:0;bottom:12px;border:1px solid #bccde9;border-radius:50%;display:grid;place-items:center;background:#ffffffb0;color:#6380a8;width:29px;height:29px;z-index:5}.motion-toggle .icon{width:13px;height:13px}.motion-toggle:hover{background:white;color:var(--blue)}
.studio-gallery{padding-block:36px 44px}.gallery-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.gallery-heading h2{font-size:36px;font-weight:800;letter-spacing:-.035em}.gallery-heading>p{font-size:17px;font-weight:700}.gallery-tools{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px}.studio-filters{display:flex;gap:10px;flex-wrap:wrap}.studio-filters button{border:1px solid var(--line);border-radius:99px;background:#fff;padding:9px 23px;min-height:44px;font-size:14px;white-space:nowrap;transition:background .2s,color .2s,border-color .2s}.studio-filters button[aria-pressed=true]{background:var(--blue);border-color:var(--blue);color:white}.studio-filters button:hover{border-color:var(--blue)}.studio-search{background:#f6f9ff;border:1px solid #dce7f8;border-radius:99px;display:flex;gap:12px;align-items:center;padding:0 18px;min-height:45px;width:315px;flex-shrink:0}.studio-search .icon{width:20px;height:20px}.studio-search input{width:100%;min-width:0;border:0;background:none;outline:none;font-size:14px;padding:10px 0}.studio-search:focus-within{outline:3px solid #9361ff;outline-offset:3px}.studio-search input:focus-visible{outline:none}.studio-search input::placeholder{color:#8496b5}.studio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 20px}.studio-card{min-width:0;background:linear-gradient(135deg,#f7fbff,#eff6ff);border-radius:var(--radius);overflow:hidden;transition:transform .25s,box-shadow .25s}.studio-card:hover{transform:translateY(-5px);box-shadow:0 12px 24px #506da518}.studio-card a{display:block}.studio-card:focus-within{outline:3px solid var(--violet);outline-offset:5px}.studio-preview{position:relative;aspect-ratio:1.47;background:#e9f0f8;overflow:hidden;border-radius:var(--radius)}.studio-preview>img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .5s}.studio-card:hover .studio-preview>img{transform:scale(1.025)}.preview-open{position:absolute;bottom:14px;left:50%;transform:translate(-50%,8px);display:flex;align-items:center;gap:10px;background:#fffefc;color:var(--ink);font-size:12px;border-radius:99px;padding:9px 17px;white-space:nowrap;box-shadow:0 3px 15px #17234520;opacity:0;transition:opacity .2s,transform .2s}.preview-open .icon{width:16px;height:16px}.studio-card:hover .preview-open,.studio-card:focus-within .preview-open{opacity:1;transform:translate(-50%,0)}.studio-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 19px 14px}.studio-caption h3{font-size:17px;font-weight:700;letter-spacing:-.02em;line-height:1.3}.studio-caption p{font-size:14px;color:#536482;line-height:1.5;margin-top:1px}.studio-caption>.icon{color:var(--blue);width:23px;height:23px}.gallery-more{display:flex;justify-content:center;padding-top:29px}.studio-button.secondary{background:white;color:var(--ink);border-color:#6596ff;min-height:45px;padding:9px 32px;font-size:14px;font-weight:500}.studio-button.secondary .icon{color:var(--blue);width:21px;height:21px}.studio-empty{text-align:center;padding:65px 20px;background:var(--pale);border-radius:16px}.studio-empty h3{font-size:24px}.studio-empty p{margin:12px 0 24px;color:#5d7091}
.studio-package{position:relative;background:linear-gradient(110deg,#edf3ff 3%,#eeefff 38%,#edf8ff 75%,#edf1ff);isolation:isolate}.studio-package:before{content:'';position:absolute;left:0;right:0;top:-25px;height:60px;background:inherit;clip-path:polygon(0 45%,8% 0,24% 30%,48% 48%,70% 30%,85% 0,100% 40%,100% 100%,0 100%);z-index:-1}.package-inner{display:grid;grid-template-columns:28% 34% 38%;align-items:center;min-height:315px;gap:0}.package-art{position:relative;align-self:stretch}.package-art img{position:absolute;width:100%;max-width:none;left:-14%;bottom:4px}.package-art .grow-note{position:absolute;right:5%;bottom:28px;font-size:23px}.package-copy{padding-right:20px}.package-copy h2{font-size:40px;letter-spacing:-.045em;font-weight:800;line-height:1.22}.package-copy h2 span{color:var(--blue)}.package-copy p{font-size:16px;margin-top:15px;max-width:330px;line-height:1.6;letter-spacing:-.02em}.package-offer{border-left:1px solid #cdd9f0;padding-left:48px}.package-offer>p:first-child{font-size:18px;line-height:1.2}.package-price{color:var(--blue);font-weight:800;font-size:45px;line-height:1.15;letter-spacing:-.045em;white-space:nowrap}.package-price strong{font-size:88px;letter-spacing:-.06em}.package-offer ul{list-style:none;padding:0;display:flex;gap:18px;margin:14px 0 26px;white-space:nowrap}.package-offer li{display:flex;align-items:center;gap:6px;font-size:11px}.package-offer li .icon{color:var(--blue);width:22px;height:22px}.package-offer .studio-button{width:100%;font-size:17px;gap:15px;min-height:58px;padding-inline:20px}.studio-footer{padding-block:24px 30px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-top>.grow-note{font-size:25px}.studio-footer nav{display:flex;gap:20px;font-size:12px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;color:#8192ae;font-size:11px;margin-top:27px}.footer-bottom strong{color:#526b94;font-weight:500}
#studio-inquiry{width:min(600px,calc(100% - 32px));max-height:90dvh;border:1px solid var(--line);border-radius:24px;padding:35px;color:var(--ink);background:white;box-shadow:0 25px 100px #0b235a33;overscroll-behavior:contain}#studio-inquiry::backdrop{background:#10213b66;backdrop-filter:blur(7px)}.inquiry-close{position:absolute;right:16px;top:16px;border-radius:50%;padding:8px;background:var(--pale)}.inquiry-heading h2{font-size:32px;font-weight:800;letter-spacing:-.03em}.inquiry-heading h2 span{color:var(--blue)}.inquiry-heading>p{font-size:13px;color:#5d7091;margin-top:10px}.inquiry-form{margin-top:22px}.inquiry-form .form-mode{font-size:12px;background:var(--pale);padding:12px 15px;border-radius:9px;margin-bottom:19px}.inquiry-form fieldset{border:0;padding:0;margin:0 0 16px}.inquiry-form legend,.inquiry-form label{font-size:13px}.inquiry-form legend{margin-bottom:6px}.inquiry-form label{display:block}.inquiry-form input:not([type=checkbox]),.inquiry-form select,.inquiry-form textarea{width:100%;background:#fbfdff;border:1px solid var(--line);border-radius:9px;padding:11px 13px;min-height:46px;margin-top:6px;font-size:16px}.inquiry-form textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}.inquiry-form .consent{display:flex;align-items:flex-start;gap:9px;font-size:12px;margin:16px 0}.inquiry-form input[type=checkbox]{width:18px;height:18px;flex-shrink:0;margin-top:2px;accent-color:var(--blue)}.inquiry-form .btn{width:100%;border-radius:99px;background:var(--blue);color:white;min-height:49px;padding:12px 20px;font-weight:700}.form-status{padding:14px;border-radius:9px;font-size:13px;margin-top:16px;background:#eaf9ef}.form-status[data-state=error]{background:#fff0f0;color:#973640}.package-details{font-size:12px;color:#647797;border-top:1px solid var(--line);margin-top:24px;padding-top:16px}.package-details summary{cursor:pointer}.package-details p{margin-top:12px}
@keyframes mascot-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}@keyframes preview-float{0%,100%{transform:translateY(0) rotate(var(--tilt))}50%{transform:translateY(-9px) rotate(calc(var(--tilt) + 1deg))}}.motion-paused .hero-mascot,.motion-paused .floating-preview{animation-play-state:paused}.studio[data-page-hidden=true] .hero-mascot,.studio[data-page-hidden=true] .floating-preview{animation-play-state:paused}
html[lang=en] .studio-hero h1{font-size:clamp(36px,4.45vw,62px);line-height:1.13;letter-spacing:-.06em;white-space:normal}html[lang=en] .studio-hero h1 span{font-size:.9em}html[lang=en] .studio-hero-copy>p{font-size:20px}html[lang=en] .hero-actions{gap:18px}html[lang=en] .hero-actions .studio-button{font-size:17px;padding-inline:22px}html[lang=en] .hero-actions>p{font-size:17px}html[lang=en] .hero-actions strong{font-size:30px}html[lang=en] .studio-filters button{padding-inline:19px}html[lang=en] .package-copy h2{font-size:39px}html[lang=en] .package-offer ul{gap:10px}html[lang=en] .package-offer li{font-size:10px}
@media(min-width:1440px){.hero-inner{height:475px}.hero-mascot{width:67%}.studio-hero-copy{padding-left:28px}}
@media(max-width:1100px){.header-inner{height:54px;gap:18px}.studio-brand{gap:17px}.studio-brand img{width:115px}.studio-brand>span{font-size:14px;padding-left:17px}.studio-header nav{gap:25px;font-size:11px}.studio-language-slot{padding-left:20px;margin-left:12px}.hero-inner{height:350px}.studio-hero-copy{padding-left:20px}.studio-hero h1{font-size:5.1vw}.studio-hero-copy>p{margin-top:14px}.hero-actions{gap:18px;margin-top:16px}.hero-actions .studio-button{min-height:50px;font-size:17px;padding:10px 25px;gap:15px}.hero-actions>p{font-size:17px}.hero-actions strong{font-size:29px}.floating-preview{top:27px;border-width:4px;border-radius:13px}.preview-right{top:34px}.hero-mascot{bottom:-37px}.hero-grow{font-size:23px;right:6%;bottom:35px}.studio-gallery{padding-block:29px 41px}.gallery-heading h2{font-size:31px}.gallery-heading>p{font-size:14px}.gallery-tools{gap:15px;margin-bottom:18px}.studio-filters{gap:8px}.studio-filters button{padding:8px 20px;font-size:12px;min-height:36px}.studio-search{min-height:38px;width:27%;padding-inline:15px;gap:10px}.studio-search input{font-size:12px;padding-block:8px}.studio-grid{gap:17px 16px}.studio-caption{padding:9px 15px 11px}.studio-caption h3{font-size:14px}.studio-caption p{font-size:12px}.studio-preview{border-radius:13px}.studio-card{border-radius:13px}.gallery-more{padding-top:24px}.package-inner{min-height:257px}.package-copy h2{font-size:32px}.package-copy p{font-size:13px;margin-top:12px}.package-offer{padding-left:38px}.package-offer>p:first-child{font-size:15px}.package-price{font-size:37px}.package-price strong{font-size:73px}.package-offer ul{gap:12px;margin:11px 0 20px}.package-offer li{font-size:9px;gap:5px}.package-offer li .icon{width:20px;height:20px}.package-offer .studio-button{min-height:49px;font-size:14px}.package-art .grow-note{font-size:20px}.footer-top>.grow-note{font-size:23px}.studio-footer nav{font-size:11px;gap:15px}html[lang=en] .studio-filters button{padding-inline:13px}html[lang=en] .studio-search{width:25%}html[lang=en] .studio-hero-copy>p{font-size:16px}html[lang=en] .hero-actions .studio-button{font-size:14px;padding-inline:19px}html[lang=en] .hero-actions>p{font-size:14px}html[lang=en] .hero-actions strong{font-size:25px}html[lang=en] .package-copy h2{font-size:31px}html[lang=en] .package-offer{padding-left:26px}html[lang=en] .package-offer li{font-size:8px}}
@media(max-width:760px){.studio-wrap{width:90%}.header-inner{height:66px;gap:10px}.studio-brand{gap:12px}.studio-brand img{width:104px}.studio-brand>span{font-size:12px;padding-left:12px}.studio-language-slot{margin-left:auto;padding-left:0;border:0}.studio .language-switch{font-size:11px;gap:0}.studio .language-switch a{min-width:25px;padding:4px}.studio-menu{display:block;padding:6px}.studio-menu .icon{width:22px;height:22px}.studio-header nav{display:none;position:absolute;left:0;right:0;top:100%;padding:15px 5% 22px;background:white;box-shadow:0 14px 20px #17315a0d;font-size:15px;gap:25px;justify-content:center}.studio-header nav.is-open{display:flex}.hero-inner{height:auto;grid-template-columns:1fr;padding-top:30px}.studio-hero-copy{padding:0;pointer-events:auto;text-align:center}.studio-hero h1{font-size:clamp(35px,8.1vw,56px);letter-spacing:-.045em;line-height:1.22}.studio-hero-copy>p{font-size:16px;line-height:1.6;margin-top:15px}.hero-actions{justify-content:center;gap:19px;margin-top:21px}.hero-actions .studio-button{min-height:47px;font-size:15px;gap:13px;padding:10px 21px}.hero-actions>p{font-size:15px}.hero-actions strong{font-size:26px}.hero-art{height:330px;width:100%;max-width:540px;margin:15px auto 0}.floating-preview{width:47%;top:20px}.preview-left{left:1%}.preview-right{top:28px;right:0}.hero-mascot{width:73%;left:10%;bottom:-18px;max-height:100%;object-fit:contain}.orbit-ribbon{top:34%;height:51%;width:100%;left:0;border-width:5px;box-shadow:0 -2px 0 5px #ffffff94}.hero-grow{font-size:20px;right:0;bottom:39px}.motion-toggle{right:0;bottom:5px;width:28px;height:28px}.studio-gallery{padding-top:39px;padding-bottom:58px}.gallery-heading{align-items:flex-start;gap:12px;margin-bottom:20px}.gallery-heading h2{font-size:25px}.gallery-heading>p{font-size:11px;padding-top:7px;white-space:nowrap}.gallery-tools{flex-direction:column;align-items:stretch;gap:14px;margin-bottom:21px}.studio-filters{gap:7px;flex-wrap:nowrap;overflow-x:auto;padding:3px 2px 7px;scrollbar-width:thin}.studio-filters button{font-size:12px;min-height:39px;padding:8px 16px}.studio-search{width:100%;min-height:44px}.studio-search input{font-size:14px;padding:10px 0}.studio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 13px}.studio-preview{aspect-ratio:1.35;border-radius:11px}.studio-card{border-radius:11px}.studio-caption{padding:10px 10px 12px;align-items:flex-start;gap:4px}.studio-caption h3{font-size:12px;overflow-wrap:anywhere}.studio-caption p{font-size:10px;margin-top:4px}.studio-caption>.icon{width:18px;height:18px}.preview-open{display:none}.package-inner{grid-template-columns:37% 63%;padding:15px 0 30px;min-height:0}.package-art{height:200px;align-self:center}.package-art img{width:130%;left:-21%;bottom:0}.package-art .grow-note{display:none}.package-copy{padding:0 0 0 12px}.package-copy h2{font-size:28px}.package-copy p{font-size:12px;max-width:230px;margin-top:10px}.package-offer{grid-column:1/-1;border-left:0;border-top:1px solid #ccdaf2;margin-top:3px;padding:22px 0 0;text-align:center}.package-price{font-size:34px}.package-price strong{font-size:73px}.package-offer>p:first-child{font-size:15px}.package-offer ul{justify-content:center;gap:20px;margin:14px 0 21px}.package-offer li{font-size:11px;gap:7px}.package-offer .studio-button{max-width:400px;font-size:16px}.footer-top{flex-wrap:wrap;gap:23px}.footer-top>.grow-note{font-size:20px;margin-left:auto}.studio-footer nav{width:100%;justify-content:center;font-size:12px;gap:24px}.footer-bottom{margin-top:22px;text-align:center;flex-direction:column;gap:5px;font-size:10px}.studio-footer{padding:26px 0}.studio-footer .studio-brand img{width:104px}.studio-footer .studio-brand>span{font-size:12px}#studio-inquiry{padding:30px 23px;max-height:92dvh;border-radius:19px}.inquiry-heading h2{font-size:29px}.inquiry-form .form-mode{font-size:11px}.form-row{grid-template-columns:1fr;gap:15px}.inquiry-form .consent{font-size:11px}html[lang=en] .studio-hero h1{font-size:clamp(37px,8.7vw,58px);letter-spacing:-.055em;max-width:500px;margin:auto}html[lang=en] .studio-hero h1 span{font-size:.86em}html[lang=en] .studio-hero-copy>p{font-size:15px}html[lang=en] .hero-actions{gap:20px}html[lang=en] .hero-actions .studio-button{font-size:14px}html[lang=en] .studio-search{width:100%}html[lang=en] .gallery-heading h2{font-size:23px}html[lang=en] .gallery-heading>p{font-size:10px;white-space:normal;max-width:90px;text-align:right}html[lang=en] .package-copy h2{font-size:28px}html[lang=en] .package-offer{padding-left:0}html[lang=en] .package-offer li{font-size:10px}}
@media(max-width:400px){.header-inner{gap:5px}.studio-brand{gap:10px}.studio-brand img{width:90px}.studio-brand>span{font-size:11px;padding-left:10px}.hero-art{height:285px}.studio-hero h1{font-size:33px}.gallery-heading h2{font-size:23px}.gallery-heading>p{font-size:10px}.package-copy h2{font-size:25px}.package-art{height:180px}.package-offer ul{gap:15px}.package-offer li{font-size:10px}.studio-caption h3{font-size:11px}.footer-top>.grow-note{font-size:17px}.studio-footer .studio-brand img{width:91px}.studio-footer .studio-brand>span{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.motion-toggle{display:none}}
/* Match the proportions of the approved 1024px concept. */
@media(min-width:761px){.hero-mascot{width:60%;left:13%;bottom:-42px}.studio-hero h1{font-size:clamp(48px,6.05vw,80px);line-height:1.08}.studio-hero h1 span{font-size:.89em}.studio-hero-copy>p{margin-top:16px}.studio-hero-copy{padding-top:7px}.gallery-heading h2{font-size:38px}.studio-gallery{padding-bottom:25px}.gallery-more .studio-button{min-height:38px;padding-block:7px}.package-copy h2{font-size:42px}}
@media(min-width:761px) and (max-width:1100px){.header-inner{height:48px}.hero-inner{height:346px}.gallery-heading h2{font-size:35px}.gallery-heading{margin-bottom:14px}.gallery-tools{margin-bottom:18px}.studio-gallery{padding-bottom:25px}.package-inner{min-height:257px}.package-copy h2{font-size:36px}.studio-hero-copy>p{font-size:21px}.hero-actions .studio-button{padding-inline:28px}.hero-actions{gap:19px}.hero-actions>p{font-size:18px}.package-art img{width:110%;left:-16%}.studio-footer{padding-block:19px 23px}.footer-bottom{margin-top:23px}}
@media(min-width:761px){html[lang=th] .studio-hero h1{transform:translateY(15px)}.footer-top .studio-language-slot{margin-left:0;padding-left:15px}.footer-top>.grow-note{margin-inline:auto}.package-price strong{font-size:88px}}
@media(min-width:761px) and (max-width:1100px){html[lang=th] .studio-hero h1{font-size:70px;line-height:1.04}html[lang=th] .studio-hero h1 span{font-size:55px}html[lang=th] .studio-hero-copy>p{margin-top:9px}.gallery-heading h2{font-size:38px}.gallery-heading{margin-bottom:10px}.studio-gallery{padding-bottom:17px}.gallery-tools{margin-bottom:15px}.package-price{font-size:43px}.package-offer ul{margin-top:5px}.footer-top{gap:20px}.footer-top>.grow-note{font-size:22px}.footer-top .studio-language-slot{padding-left:10px}.studio-footer nav{gap:12px}}
@media(max-width:760px){.footer-top .studio-language-slot{display:none}}
@media(min-width:761px) and (max-width:960px){.hero-inner{grid-template-columns:50% 50%;height:330px}.studio-hero-copy{padding-left:15px}html[lang=th] .studio-hero h1{font-size:clamp(48px,6.5vw,62px);transform:translateY(8px)}html[lang=th] .studio-hero h1 span{font-size:clamp(39px,5.15vw,49px)}html[lang=th] .studio-hero-copy>p{font-size:17px;margin-top:15px}.hero-actions{gap:14px}.hero-actions .studio-button{min-height:46px;padding-inline:20px;font-size:15px;gap:12px}.hero-actions>p{font-size:15px}.hero-actions strong{font-size:27px}.hero-mascot{width:77%;left:1%;bottom:-28px}.hero-grow{font-size:18px;right:0;bottom:29px}.floating-preview{top:24px}.preview-right{top:29px}.gallery-heading h2{font-size:32px}.studio-filters button{padding-inline:16px}.package-copy h2{font-size:28px}.package-copy p{font-size:12px}.package-offer{padding-left:20px}.package-price{font-size:32px}.package-price strong{font-size:73px}.package-offer ul{flex-wrap:wrap;gap:8px 11px;margin:10px 0 15px}.package-offer .studio-button{font-size:12px;gap:8px;padding-inline:13px}.footer-top{gap:15px}.footer-top .studio-brand{gap:12px}.footer-top .studio-brand img{width:100px}.footer-top .studio-brand>span{font-size:12px;padding-left:12px}.footer-top>.grow-note{font-size:19px}.studio-footer nav{gap:10px;font-size:10px}.footer-top .studio-language-slot{padding-left:8px}html[lang=en] .studio-hero h1{font-size:40px}html[lang=en] .studio-hero-copy>p{font-size:16px}html[lang=en] .package-copy h2{font-size:28px}}
@media(max-width:400px){.orbit-ribbon{width:92%;left:4%}.hero-actions{gap:14px}.hero-actions .studio-button{padding-inline:18px}}
.mascot-speech{position:absolute;right:0;bottom:72px;z-index:4;isolation:isolate;width:205px;padding:15px 18px;text-align:center;border:1px solid #c6d9ff;border-radius:26px;background:#fff;box-shadow:0 7px 24px #5981cf1c;transform:rotate(-3deg);font-size:18px;line-height:1.45}
.mascot-speech:before,.mascot-speech:after{content:'';position:absolute;pointer-events:none;clip-path:polygon(100% 0,0 0,100% 100%)}
.mascot-speech:before{left:-25px;top:22px;width:26px;height:27px;background:#c6d9ff}
.mascot-speech:after{left:-22px;top:23px;width:24px;height:24px;background:#fff}
.mascot-speech span,.mascot-speech strong{display:block}.mascot-speech strong{font-size:25px;color:var(--blue);font-weight:800}
.inquiry-form .phone-field{margin-bottom:16px}
html[lang=en] .mascot-speech{font-size:15px}html[lang=en] .mascot-speech strong{font-size:23px}
@media(max-width:1100px){.mascot-speech{width:168px;padding:12px 13px;bottom:56px;font-size:15px}.mascot-speech strong{font-size:21px}html[lang=en] .mascot-speech{font-size:12px}html[lang=en] .mascot-speech strong{font-size:19px}}
@media(max-width:960px){.mascot-speech{width:142px;right:-2px;bottom:36px;font-size:13px}.mascot-speech strong{font-size:19px}}
@media(max-width:760px){.mascot-speech{right:0;bottom:40px;width:145px;padding:11px 10px;font-size:13px}.mascot-speech strong{font-size:19px}.mascot-speech:before{top:21px;width:22px;height:23px;left:-21px}.mascot-speech:after{top:22px;width:20px;height:20px;left:-18px}html[lang=en] .mascot-speech{font-size:11px}html[lang=en] .mascot-speech strong{font-size:17px}}
@media(max-width:400px){.mascot-speech{width:128px;right:0;bottom:36px;font-size:12px}.mascot-speech strong{font-size:18px}html[lang=en] .mascot-speech{font-size:10px}html[lang=en] .mascot-speech strong{font-size:16px}}