@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+Thai:wght@400;500;600&display=swap');
body #studio-entry{--be-forest:#10372d;--be-deep:#08291f;--be-cream:#efefda;--be-sage:#b5cba5;--be-muted:#93b59e;--be-line:rgba(190,220,172,.22);--be-paper:#f6f4ec;--be-ink:#244335;--be-ink-soft:#647466;--be-border:#d9dfd0;width:100%;position:relative;isolation:isolate;font-family:'Manrope','Noto Sans Thai',sans-serif;}
body #studio-entry *{box-sizing:border-box;}
body #studio-entry button,body #studio-entry a{font:inherit;}
body #studio-entry [hidden]{display:none!important;}
body #studio-entry {position:relative;min-height:680px;overflow:hidden;background:radial-gradient(ellipse at 52% 25%,#2b5b40 0%,var(--be-forest) 43%,var(--be-deep) 100%);color:var(--be-cream);display:flex;flex-direction:column;transition:opacity .72s ease,transform .9s cubic-bezier(.22,1,.36,1),filter .75s ease;transform-origin:center;}
body #studio-entry  .entry-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.85;pointer-events:none;}
body #studio-entry  .entry-grain{position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:radial-gradient(rgba(205,221,173,.38) .6px,transparent .6px);background-size:5px 5px;mask-image:linear-gradient(transparent,black);}
body #studio-entry  .entry-top{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 36px;}
body #studio-entry  .entry-mark{font:italic 33px/1 Georgia,serif;width:35px;height:39px;border:1px solid var(--be-line);border-radius:20px 20px 4px 4px;text-align:center;}
body #studio-entry  .entry-top-label{font-size:9px;letter-spacing:2.1px;color:var(--be-sage);}
body #studio-entry  .entry-pause{display:flex;align-items:center;gap:7px;min-height:36px;border:1px solid var(--be-line);border-radius:30px;color:var(--be-sage);background:rgba(8,41,31,.2);padding:8px 12px;font-size:10px;}
body #studio-entry  .entry-pause svg{width:12px;height:12px;}
body #studio-entry  .entry-content{position:relative;z-index:2;display:flex;align-items:center;flex-direction:column;text-align:center;padding:218px 20px 68px;flex:1;}
body #studio-entry  .entry-kicker{display:flex;align-items:center;gap:13px;color:var(--be-sage);font-size:9px;letter-spacing:2.6px;animation:entry-rise 1s .15s both;}
body #studio-entry  .entry-kicker>span{width:25px;height:1px;background:var(--be-line);}
body #studio-entry h1{font:600 clamp(32px,6.7vw,76px)/1.16 'Manrope',sans-serif;letter-spacing:-3.6px;margin:16px 0 15px;white-space:nowrap;animation:entry-rise 1.2s .25s both;}
body #studio-entry  .entry-studio{font-weight:400;color:#c4d0ac;}
body #studio-entry  .entry-content p{font:400 14px/1.7 'Noto Sans Thai',sans-serif;letter-spacing:1.3px;margin:0 0 30px;color:var(--be-sage);animation:entry-rise 1.2s .4s both;}
body #studio-entry  .entry-content p span{margin:0 9px;color:var(--be-muted);}
body #studio-entry  .entry-enter{position:relative;display:flex;align-items:center;justify-content:space-between;gap:44px;min-width:224px;min-height:58px;padding:8px 10px 8px 27px;border:1px solid var(--be-cream);border-radius:38px;background:var(--be-cream);color:var(--be-deep);font-size:14px;font-weight:500;box-shadow:0 7px 35px rgba(0,0,0,.1);transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s;}
body #studio-entry  .entry-enter-arrow{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#dce3ca;transition:background .35s,transform .35s;}
body #studio-entry  .entry-enter-arrow svg{width:19px;height:19px;transition:transform .35s;}
body #studio-entry  .entry-enter:hover,body #studio-entry  .entry-enter:focus-visible{transform:translateY(-3px);box-shadow:0 12px 40px rgba(4,28,18,.24),0 0 0 7px rgba(221,233,196,.05);}
body #studio-entry  .entry-enter:hover svg{transform:translateX(3px);}
body #studio-entry  .entry-signature{margin-top:25px;color:var(--be-muted);font-size:10px;letter-spacing:.6px;animation:entry-rise 1.2s .6s both;}
body #studio-entry  .entry-signature>span{margin:0 7px;}
body #studio-entry  .entry-bottom{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:21px 36px;border-top:1px solid rgba(193,218,174,.1);font-size:8px;letter-spacing:1.4px;color:var(--be-muted);}
body #studio-entry  .entry-bottom-mid{display:flex;align-items:center;gap:8px;}
body #studio-entry  .entry-bottom-mid>span{width:4px;height:4px;border-radius:50%;background:var(--be-sage);}
body #studio-entry  .entry-formula{position:absolute;z-index:1;color:var(--be-muted);opacity:.42;font:italic 20px Georgia,serif;pointer-events:none;animation:entry-drift 10s ease-in-out infinite alternate;}
body #studio-entry  .entry-formula-one{left:10%;top:28%;transform:rotate(-8deg);}
body #studio-entry  .entry-formula-two{right:10%;top:36%;font-size:25px;animation-delay:-3s;}
body #studio-entry  .entry-formula-three{left:16%;top:65%;font-size:18px;animation-delay:-5s;}
body #studio-entry  .entry-formula-four{right:18%;top:76%;font-size:32px;animation-delay:-7s;}
body #studio-entry.entry-paused  .entry-formula{animation-play-state:paused;}
body #studio-entry.entry-leaving {opacity:0;transform:scale(1.075);filter:blur(7px);pointer-events:none;}
body #studio-entry  .entry-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
@keyframes entry-rise{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@keyframes entry-drift{from{translate:0 -5px}to{translate:0 7px}}
body #studio-entry {min-height:max(680px,100svh);border:0;border-radius:0;}
body #studio-entry .entry-content {justify-content:center;padding:220px 20px 62px;}
body #studio-entry .entry-pause,body #studio-entry .entry-enter {cursor:pointer;}
body #studio-entry .entry-enter:disabled {opacity:1;cursor:default;}
body #studio-entry :focus-visible {outline:2px solid var(--be-cream);outline-offset:5px;}
body #studio-entry .entry-pause {font-size:12px;min-height:44px;}
body #studio-entry .entry-top-label {font-size:10px;}
body #studio-entry .entry-signature {font-size:12px;}
@media(max-width:700px){body #studio-entry .entry-top{padding:24px;gap:14px;}body #studio-entry .entry-top-label{font-size:9px;letter-spacing:1.1px;}body #studio-entry h1{letter-spacing:-2px;font-size:clamp(30px,7.4vw,51px);}body #studio-entry .entry-kicker{font-size:9px;letter-spacing:1.2px;}body #studio-entry .entry-formula-one{left:6%;font-size:17px;}body #studio-entry .entry-formula-two{right:5%;font-size:20px;}body #studio-entry .entry-bottom{padding:21px 24px;font-size:9px;letter-spacing:1px;}body #studio-entry .entry-bottom-mid{display:none;}}
@media(max-width:440px){body #studio-entry{min-height:max(670px,100svh);}body #studio-entry .entry-top-label{display:none;}body #studio-entry .entry-top{padding:22px;}body #studio-entry .entry-content{padding:218px 12px 57px;}body #studio-entry .entry-kicker{gap:8px;font-size:8px;letter-spacing:1px;}body #studio-entry .entry-kicker>span{width:14px;}body #studio-entry h1{font-size:clamp(28px,8.1vw,37px);letter-spacing:-1.5px;margin-top:21px;}body #studio-entry .entry-content p{font-size:12px;letter-spacing:.3px;}body #studio-entry .entry-content p span{margin:0 5px;}body #studio-entry .entry-signature{font-size:10px;letter-spacing:0;}body #studio-entry .entry-signature>span{margin:0 4px;}body #studio-entry .entry-formula-one{top:24%;left:5%;font-size:14px;}body #studio-entry .entry-formula-two{top:39%;font-size:17px;}body #studio-entry .entry-formula-three{left:7%;top:71%;font-size:13px;}body #studio-entry .entry-formula-four{right:7%;top:77%;font-size:25px;}}
@media(prefers-reduced-motion:reduce){body #studio-entry *,body #studio-entry *::before,body #studio-entry {animation:none!important;transition:none!important;scroll-behavior:auto!important;}}
html.entry-is-open {overflow-x:hidden;}
html.entry-is-open #root[hidden] {display:none!important;}
body #studio-entry .entry-enter-arrow {font-family:system-ui,sans-serif;font-size:25px;font-weight:400;line-height:1;}
body #studio-entry .entry-pause-icon {font-family:system-ui,sans-serif;font-size:14px;line-height:1;}