/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}body{background:var(--ink);color:var(--cream);font-family:var(--font-noto-thai),sans-serif;margin:0}.shell{width:min(1220px,100% - 48px);margin-inline:auto}.nav{z-index:5;justify-content:space-between;align-items:center;height:88px;display:flex;position:relative}.brand{font-family:var(--font-barlow);letter-spacing:.12em;align-items:center;gap:12px;font-size:20px;font-weight:700;display:flex}.brand span{background:var(--amber);width:38px;height:38px;color:var(--ink);letter-spacing:0;border-radius:50%;place-items:center;display:grid}.navLinks{color:#cbd0d8;gap:34px;font-size:14px;display:flex}.navLinks a{transition:all .2s}.navLinks a:hover{color:var(--amber)}.hero{grid-template-columns:1.02fr .98fr;align-items:center;gap:48px;min-height:calc(100vh - 88px);padding-block:45px 90px;display:grid}.eyebrow{font-family:var(--font-barlow),sans-serif;letter-spacing:.22em;color:var(--amber);margin:0 0 18px;font-size:12px;font-weight:700}.hero h1,.wideTitle{font-family:var(--font-barlow),sans-serif;letter-spacing:-.035em;margin:0;font-size:clamp(76px,9vw,132px);font-weight:800;line-height:.78}.hero h2{margin:28px 0 12px;font-size:clamp(26px,3vw,42px)}.lead{color:#aeb5bf;max-width:610px;font-size:18px;line-height:1.8}.actions{flex-wrap:wrap;gap:14px;margin-top:32px;display:flex}.button{border:1px solid #4b5360;justify-content:center;align-items:center;padding:15px 22px;font-size:14px;font-weight:600;transition:all .25s;display:inline-flex}.button.primary{background:var(--amber);border-color:var(--amber);color:#0b0d10}.button.primary:hover{transform:translateY(-3px);box-shadow:0 10px 35px #f3a72833}.button.ghost:hover{border-color:var(--amber);color:var(--amber)}.stats{border-top:1px solid #303641;gap:42px;margin-top:48px;padding-top:25px;display:flex}.stats div{flex-direction:column;display:flex}.stats strong{font-family:var(--font-barlow);color:var(--cream);font-size:30px}.stats span{color:#858d98;font-size:11px}.heroVisual{background:radial-gradient(circle at 60% 35%,#372815 0,#17191f 34%,#0a0c10 72%);border:1px solid #303642;height:640px;position:relative;overflow:hidden}.heroVisual:after{content:"";background:repeating-linear-gradient(90deg,#0000 0 49px,#ffffff07 50px),repeating-linear-gradient(0deg,#0000 0 49px,#ffffff07 50px);position:absolute;inset:0}.reel{z-index:1;background:#141820;border:1px solid #f3a72888;position:absolute;box-shadow:0 0 80px #f3a72822}.reelOne{aspect-ratio:16/10;width:72%;top:13%;right:-6%;transform:rotate(5deg)}.reelTwo{aspect-ratio:16/10;width:62%;bottom:8%;left:-5%;transform:rotate(-6deg)}.reel span{font-family:var(--font-barlow);color:#f3a728;font-size:42px;position:absolute;bottom:18px;left:22px}.play{z-index:3;background:var(--amber);color:#101216;border-radius:50%;place-items:center;width:90px;height:90px;padding-left:5px;font-size:27px;display:grid;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.timecode{z-index:3;color:#f3a728;font-family:monospace;position:absolute;bottom:22px;right:25px}.featuredCertificate{background:var(--paper);color:#161616;padding:110px 0}.certificateGrid{grid-template-columns:.72fr 1.28fr;align-items:center;gap:70px;display:grid}.red{color:var(--red)}.certificateCopy h2,.sectionHead h2,.certHeader h2,footer h2{font-family:var(--font-barlow),var(--font-noto-thai);letter-spacing:-.03em;margin:0 0 26px;font-size:clamp(48px,6vw,78px);line-height:.95}.certificateCopy p{color:#4a4a4a;line-height:1.8}.certificateCopy .certName{font-family:var(--font-barlow);color:#111;margin:30px 0 4px;font-size:26px;font-weight:700}.certificateCopy ul{color:#555;padding-left:21px;line-height:1.9}.textLink{color:var(--red);border-bottom:1px solid var(--red);margin-top:15px;font-weight:700;display:inline-block}.certificateFrame{background:#fff;padding:14px;transition:all .3s;display:block;transform:rotate(1deg);box-shadow:0 25px 70px #0d152222}.certificateFrame:hover{transform:rotate(0)translateY(-6px)}.certificateFrame img{width:100%;height:auto;display:block}.certificateFrame span{text-align:right;color:#777;padding:12px 4px 2px;font-size:12px;display:block}.section{grid-template-columns:.9fr 1.1fr;gap:80px;padding-block:120px;display:grid}.sectionHead h2{font-size:clamp(50px,6vw,82px)}.aboutText{color:#b8bec7;font-size:19px;line-height:1.9}.skillsSection{background:#12161c;padding:100px 0}.wideTitle{color:#f0ece5;font-size:clamp(64px,8.5vw,120px)}.skillGrid{border-top:1px solid #343a43;grid-template-columns:repeat(4,1fr);margin-top:55px;display:grid}.skillGrid article{border-right:1px solid #343a43;padding:34px 28px 45px 0}.skillGrid article+article{padding-left:28px}.skillGrid span{color:var(--amber);font-family:var(--font-barlow);font-size:17px}.skillGrid h3{font-family:var(--font-barlow);margin:18px 0 12px;font-size:27px}.skillGrid p{color:#979fab;font-size:14px;line-height:1.8}.toolLine{color:#6f7885;font-family:var(--font-barlow);letter-spacing:.08em;border-top:1px solid #343a43;justify-content:space-between;padding-top:30px;font-size:14px;display:flex}.workSection{display:block}.workSection .sectionHead{justify-content:space-between;align-items:end;display:flex}.sectionIntro{color:#969eaa;max-width:650px;margin:0 0 45px;line-height:1.8}.videoGrid{grid-template-columns:repeat(2,1fr);gap:28px;display:grid}.videoCard{border-top:1px solid #3b424d;padding-top:16px}.featuredVideo{grid-column:1/-1}.videoWrap{aspect-ratio:16/9;background:#13171e;position:relative;overflow:hidden}.videoWrap iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.videoMeta{align-items:center;gap:18px;padding:17px 0 12px;display:flex}.videoMeta span{color:var(--amber);font-family:var(--font-barlow)}.videoMeta h3{font-family:var(--font-barlow);margin:0;font-size:24px}.certSection{background:var(--cream);color:var(--ink);padding:115px 0}.certHeader{justify-content:space-between;align-items:end;margin-bottom:55px;display:flex}.certHeader h2{font-size:clamp(52px,6vw,80px)}.button.light{border-color:#777}.badgeGrid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.badgeGrid article{background:#fff;border:1px solid #dedbd4;flex-direction:column;justify-content:space-between;min-height:320px;padding:28px;display:flex}.badgeImage{place-items:center;height:205px;display:grid}.badgeImage img{max-width:100%;max-height:190px}.badgeGrid h3{margin:22px 0 0;font-size:14px;line-height:1.55}.education{padding-block:115px}.educationGrid{border-top:1px solid #353b45;grid-template-columns:.8fr 1.2fr;gap:70px;padding-top:35px;display:grid}.educationGrid>div:first-child{flex-direction:column;display:flex}.educationGrid strong{font-size:32px}.educationGrid span{color:var(--amber);margin-top:8px}.educationGrid h2{margin:5px 0 18px;font-size:38px}.educationGrid p{color:#9ba3ae;line-height:1.8}footer{background:var(--amber);color:#0a0c10;padding:105px 0 35px}.footerGrid{grid-template-columns:1.2fr .8fr;align-items:end;gap:80px;display:grid}.footerGrid p{max-width:550px}.socials{flex-direction:column;display:flex}.socials a{border-top:1px solid #0a0c1066;justify-content:space-between;padding:19px 0;font-weight:600;display:flex}.socials span{font-family:var(--font-barlow);letter-spacing:.08em}.copyright{border-top:1px solid #0a0c1066;justify-content:space-between;margin-top:80px;padding-top:22px;font-size:12px;display:flex}@media (width<=900px){.navLinks{display:none}.hero{grid-template-columns:1fr}.heroVisual{height:480px}.certificateGrid,.section,.footerGrid{grid-template-columns:1fr}.certificateGrid{gap:45px}.skillGrid{grid-template-columns:1fr 1fr}.skillGrid article:nth-child(2){border-right:0}.toolLine{flex-wrap:wrap;gap:18px}.badgeGrid{grid-template-columns:repeat(2,1fr)}.educationGrid{grid-template-columns:1fr}.certHeader{align-items:start;gap:30px}.footerGrid{align-items:start}}@media (width<=600px){.shell{width:min(100% - 30px,1220px)}.nav{height:72px}.hero{padding-top:35px}.hero h1{font-size:64px}.heroVisual{height:390px}.stats{justify-content:space-between;gap:18px}.featuredCertificate,.section,.skillsSection,.certSection,.education{padding-block:75px}.certificateCopy h2,.sectionHead h2,.certHeader h2,footer h2{font-size:48px}.skillGrid,.videoGrid,.badgeGrid{grid-template-columns:1fr}.skillGrid article,.skillGrid article+article{border-bottom:1px solid #343a43;border-right:0;padding:26px 0}.toolLine{grid-template-columns:1fr 1fr;display:grid}.featuredVideo{grid-column:auto}.certHeader{display:block}.certHeader .button{margin-top:20px}.badgeGrid article{min-height:280px}.educationGrid{gap:30px}.copyright{line-height:1.8;display:block}.copyright span{display:block}.footerGrid{gap:40px}}:root{--ink:#010804;--panel:#06150b;--cream:#f4ffe9;--paper:#06120a;--amber:#a8ff60;--muted:#86a58e;--red:#b7ff70}.nav{border-bottom:1px solid #74ff7930}.brand span{background:linear-gradient(145deg,#d8ff9c,#66e957);box-shadow:0 0 24px #7dff6d55}.navLinks{color:#b7cdb9}.navLinks a:hover{color:#baff75;text-shadow:0 0 15px #7bff73}.brand img{object-fit:contain;border-radius:12px;width:46px;height:46px;display:block;box-shadow:0 0 24px #7dff6d40}.hero:before{content:"";filter:blur(60px);pointer-events:none;background:#39ff5a0c;border-radius:50%;width:36vw;height:36vw;position:absolute;top:20%;left:8%}.hero{position:relative}.hero h1 span{color:#0000;-webkit-text-stroke:1px #83d875}.lead{color:#aec5b1}.button{border-color:#65ad6d}.button.primary{color:#021005;background:linear-gradient(135deg,#d4ff86,#73e85e);border-color:#a8ff60;box-shadow:inset 0 1px #fff8,0 0 28px #62ff5830}.button.primary:hover{box-shadow:0 12px 42px #62ff5866}.button.ghost:hover{color:#cfff96;border-color:#a8ff60}.stats{border-top-color:#3d7148}.stats span{color:#89a990}.heroVisual{background:radial-gradient(circle at 58% 39%,#52d93644 0,#0d3418 27%,#06170c 52%,#020804 76%);border:1px solid #83f57072;border-radius:28px;box-shadow:inset 0 0 50px #60ff3422,0 0 60px #5fff4224}.heroVisual:before{content:"";z-index:2;pointer-events:none;border:1px solid #b5ff7b55;border-radius:21px;position:absolute;inset:12px;box-shadow:inset 0 0 24px #7cff6130}.reel{background:linear-gradient(145deg,#12341b,#06110a);border-color:#a8ff6090;box-shadow:0 0 80px #5cff3940}.reel span,.timecode{color:#baff76}.play{color:#041207;background:linear-gradient(145deg,#ddff9a,#63e84d);box-shadow:0 0 40px #75ff58}.featuredCertificate{color:#efffe5;background:radial-gradient(circle at 85% 45%,#164823 0,#07180d 38%,#020904 76%);border-block:1px solid #69e85c3b}.certificateCopy p{color:#b3cbb6}.certificateCopy .certName{color:#dfffc6}.certificateCopy ul{color:#9dbc9f}.textLink{color:#baff75;border-bottom-color:#baff75}.certificateFrame{background:linear-gradient(145deg,#eaffe2,#8fec6c);border:1px solid #c4ff936b;border-radius:20px;padding:10px;box-shadow:0 0 0 8px #66ff4220,0 25px 90px #4dff3c3d}.certificateFrame img{border-radius:13px}.certificateFrame span{color:#18331c;font-weight:700}.section{border-bottom:1px solid #6ae66c24}.aboutText{color:#94ad98}.aboutText p:first-child{color:#efffe7}.skillsSection{background:linear-gradient(#06130a,#0a2411 45%,#041008);border-block:1px solid #73ff6535}.wideTitle{color:#f2ffe8;text-shadow:0 0 45px #6dff4b24}.skillGrid{border-top-color:#397747}.skillGrid article{border-right-color:#397747}.skillGrid span,.videoMeta span,.educationGrid span{color:#baff75}.skillGrid p{color:#88a38e}.toolLine{color:#70a678;border-top-color:#397747}.sectionIntro{color:#91ab96}.videoCard{border-top-color:#427d4a}.videoWrap{background:#06130a;border:1px solid #59d35e2e;box-shadow:0 18px 48px #000b}.certSection{color:#efffe9;background:linear-gradient(#07150b,#0c2713 48%,#061209);border-block:1px solid #74ff7040}.button.light{color:#e8ffdc;border-color:#80c878}.badgeGrid article{color:#07120a;background:linear-gradient(160deg,#eefee9 0,#c9f7b7 100%);border:1px solid #a8ff6090;border-radius:18px;box-shadow:0 10px 34px #0006,inset 0 1px #fff}.badgeImage{background:#fff;border-radius:13px}.educationGrid{border-top-color:#3e7b48}.educationGrid p{color:#95af9a}footer{color:#021006;background:radial-gradient(circle at 20% 20%,#91ff67 0,#4fd840 42%,#1c7f2b 100%)}.footerGrid .eyebrow{color:#082d0c}.socials a,.copyright{border-color:#062b0e70}.aboutSection{grid-template-columns:.82fr 1.06fr 1.02fr;align-items:center;gap:42px}.aboutSection .sectionHead h2{font-size:clamp(42px,4.7vw,66px)}.aboutPortrait{align-self:center;margin:0;position:relative}.aboutPortrait img{object-fit:contain;width:100%;height:auto;display:block}.aboutText{font-size:17px}@media (width<=1000px){.aboutSection{grid-template-columns:1fr 1fr}.aboutSection .sectionHead{grid-column:1/-1}.aboutPortrait{align-self:start}}@media (width<=700px){.aboutSection{grid-template-columns:1fr;gap:32px}.aboutSection .sectionHead{grid-column:auto}.aboutPortrait{width:100%;max-width:560px;margin-inline:auto}.aboutText{font-size:16px}}@media (width<=600px){.skillGrid article,.skillGrid article+article{border-bottom-color:#397747}.heroVisual{border-radius:20px}.heroVisual:before{border-radius:14px}.brand img{border-radius:10px;width:40px;height:40px}}.heroVideo{isolation:isolate;background:#000105!important}.heroVideo video{object-fit:cover;z-index:0;background:#000105;width:100%;height:100%;position:absolute;inset:0}.heroVideo:before{z-index:3}.videoShade{z-index:1;pointer-events:none;background:linear-gradient(#0000 55%,#000105b8 100%);position:absolute;inset:0}.videoStatus{z-index:4;font-family:var(--font-barlow);letter-spacing:.15em;color:#cfffaa;align-items:center;gap:9px;font-size:11px;display:flex;position:absolute;bottom:24px;left:27px}.videoStatus span{background:#99ff63;border-radius:50%;width:7px;height:7px;animation:1.8s ease-in-out infinite statusPulse;box-shadow:0 0 14px #74ff57}@keyframes statusPulse{50%{opacity:.35;transform:scale(.72)}}@media (prefers-reduced-motion:reduce){.videoStatus span{animation:none}}.heroVideoBanner{aspect-ratio:16/9;width:100%;height:auto;max-height:calc(100vh - 88px);box-shadow:none;border:0;border-radius:0;background:#000105!important}.heroVideoBanner:before{border:0;border-radius:0;inset:0;box-shadow:inset 0 0 90px #00010580}.heroVideoBanner:after{display:none}.heroVideoBanner video{object-fit:cover}.heroVideoBanner .videoShade{background:linear-gradient(#0000 72%,#000105 100%)}.heroVideoBanner .videoStatus{bottom:28px;left:max(24px,50vw - 610px)}.heroIntro{min-height:0;padding-block:80px 110px;display:block}.heroIntro:before{top:-18%;left:4%}.heroIntro .heroCopy{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);align-items:end;column-gap:70px;display:grid}.heroIntro .eyebrow,.heroIntro h1,.heroIntro h2{grid-column:1}.heroIntro .lead,.heroIntro .actions{grid-column:2}.heroIntro .lead{grid-row:2/4;margin:0}.heroIntro .actions{grid-row:4;margin-top:24px}.heroIntro .stats{grid-column:1/-1}@media (width<=900px){.heroVideoBanner{max-height:none}.heroIntro .heroCopy{display:block}.heroIntro .lead{margin-top:24px}}@media (width<=600px){.heroVideoBanner{aspect-ratio:16/9;border-radius:0;min-height:0}.heroVideoBanner:before{border-radius:0}.heroVideoBanner .videoStatus{font-size:9px;bottom:13px;left:16px}.heroIntro{padding-block:55px 75px}}.hybridHeader{border-top:1px solid #79e86b66;grid-template-columns:1fr 1fr;align-items:end;gap:60px;margin-top:68px;padding:32px 0 28px;display:grid}.hybridHeader .eyebrow{margin-bottom:8px}.hybridHeader h3{font-family:var(--font-barlow);color:#efffe7;margin:0;font-size:clamp(54px,7vw,92px);line-height:.85}.hybridHeader>p{color:#98b49e;max-width:520px;margin:0;line-height:1.8}.shortsGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.shortCard{min-width:0}.shortWrap{aspect-ratio:9/16;background:#020805;border:1px solid #71e76b55;transition:all .25s;position:relative;overflow:hidden;box-shadow:0 18px 44px #000a}.shortWrap:before{content:"";pointer-events:none;z-index:1;position:absolute;inset:0;box-shadow:inset 0 0 26px #74ff3d22}.shortWrap:hover{border-color:#a8ff60;transform:translateY(-5px);box-shadow:0 22px 55px #47ff3130}.shortWrap iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.shortMeta{align-items:flex-start;gap:12px;padding:14px 2px 0;display:flex}.shortMeta span{font-family:var(--font-barlow);color:#baff75;font-size:14px}.shortMeta h4{font-family:var(--font-barlow);color:#dfffd3;margin:0;font-size:17px;line-height:1.2}.archiveTitle{color:#79a780;font-family:var(--font-barlow);letter-spacing:.18em;border-top:1px solid #427d4a;margin:90px 0 30px;padding-top:20px;font-size:12px}@media (width<=900px){.hybridHeader{grid-template-columns:1fr;gap:20px}.shortsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=500px){.shortsGrid{gap:10px}.shortMeta{gap:7px}.shortMeta h4{font-size:13px}.hybridHeader{margin-top:45px}.archiveTitle{margin-top:65px}}body{font-feature-settings:"kern" 1;line-height:1.65}.hero h2,.certificateCopy h2,.sectionHead h2,.certHeader h2,.educationGrid h2,footer h2{font-family:var(--font-noto-thai),sans-serif;letter-spacing:0;text-wrap:balance;font-weight:700;line-height:1.28}.hero h2{margin-top:34px;margin-bottom:16px;line-height:1.4}.certificateCopy h2,.sectionHead h2,.certHeader h2,footer h2{margin-bottom:32px}.lead,.aboutText,.certificateCopy p,.certificateCopy li,.sectionIntro,.hybridHeader>p,.educationGrid p,.footerIntro>p{line-height:1.9}.navLinks,.button,.stats span{line-height:1.55}.scriptMenu{color:#caff9d;white-space:nowrap;border:1px solid #74ff7966;align-items:center;gap:9px;padding:10px 15px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.scriptMenu:hover{color:#0a0d0b;background:#baff75;border-color:#baff75;box-shadow:0 0 24px #7dff6d33}.scriptMenu span{font-size:16px}@media (width<=900px){.scriptMenu{margin-left:auto}}@media (width<=420px){.scriptMenu{padding:9px 11px;font-size:12px}.brand{font-size:16px}.brand span{width:34px;height:34px}}.sectionHead .eyebrow,.certificateCopy .eyebrow,.certHeader .eyebrow{margin-bottom:22px}.socials{gap:12px}.socials a{background:#efffd521;border:1px solid #062b0e5c;border-radius:16px;grid-template-columns:52px 1fr 28px;align-items:center;gap:16px;padding:16px 18px;transition:transform .22s,background .22s,box-shadow .22s;display:grid}.socials a:hover{background:#f4ffe74d;transform:translateY(-3px);box-shadow:0 12px 30px #0c4a1d30}.socialIcon{color:#a8ff60;background:#061c0c;border-radius:50%;place-items:center;width:52px;height:52px;display:grid;box-shadow:inset 0 0 0 1px #6fff5e55,0 7px 18px #13551d36}.socialIcon svg{fill:currentColor;width:27px;height:27px}.socialCopy{flex-direction:column;gap:2px;min-width:0;display:flex;font-family:var(--font-noto-thai),sans-serif!important;letter-spacing:0!important}.socialCopy small{font-family:var(--font-barlow),sans-serif;letter-spacing:.14em;color:#164b21;font-size:11px;line-height:1.2}.socialCopy strong{white-space:nowrap;text-overflow:ellipsis;font-size:17px;line-height:1.45;overflow:hidden}.socialArrow{text-align:right;font-size:21px;line-height:1;font-family:var(--font-barlow),sans-serif!important;letter-spacing:0!important}.footerIntro>p:last-child{max-width:560px;margin-top:0}@media (width<=600px){.hero h2,.certificateCopy h2,.sectionHead h2,.certHeader h2,.educationGrid h2,footer h2{line-height:1.35}.certificateCopy h2,.sectionHead h2,.certHeader h2,footer h2{margin-bottom:25px;font-size:44px}.socials a{grid-template-columns:46px 1fr 24px;gap:12px;padding:13px 14px}.socialIcon{width:46px;height:46px}.socialIcon svg{width:24px;height:24px}.socialCopy strong{font-size:15px}}.toolsHeading{border-top:1px solid #397747;justify-content:space-between;align-items:end;gap:28px;margin-top:52px;padding-top:28px;display:flex}.toolsHeading>span{font-family:var(--font-barlow),sans-serif;letter-spacing:.18em;color:#baff75;font-size:13px;font-weight:700}.toolsHeading p{color:#7fa088;margin:0;font-size:13px;line-height:1.7}.toolLine{font-family:var(--font-noto-thai),sans-serif;letter-spacing:0;color:#efffe8;border-top:0;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding-top:22px;display:grid}.toolItem{background:linear-gradient(145deg,#0c2212,#06110a);border:1px solid #4d8a5655;border-radius:14px;align-items:center;gap:13px;min-width:0;padding:17px 14px;transition:transform .22s,border-color .22s,box-shadow .22s;display:flex;box-shadow:inset 0 1px #c7ffae0d}.toolItem:hover{border-color:#8af67091;transform:translateY(-4px);box-shadow:0 14px 35px #0008,0 0 25px #5dff3d12}.toolMark{border:1px solid;border-radius:11px;flex:0 0 48px;place-items:center;width:48px;height:48px;font-size:21px;font-weight:700;line-height:1;display:grid;box-shadow:inset 0 0 16px;letter-spacing:-.04em!important;font-family:Arial,sans-serif!important}.toolMark.afterEffects{color:#b9a7ff;background:#140a56}.toolMark.premiere{color:#e3b3ff;background:#2a074b}.toolMark.photoshop{color:#70d9ff;background:#061f4f}.toolMark.seedance{color:#baff75;background:linear-gradient(145deg,#103f1e,#06170b)}.toolMark.kling{color:#f6ffe9;background:linear-gradient(145deg,#294d31,#0a1610)}.toolInfo{flex-direction:column;min-width:0;display:flex;font-family:var(--font-noto-thai),sans-serif!important;letter-spacing:0!important}.toolInfo strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;line-height:1.45;overflow:hidden}.toolInfo small{color:#75937c;font-family:var(--font-barlow),sans-serif;letter-spacing:.04em;margin-top:2px;font-size:10px;line-height:1.3}@media (width<=1050px){.toolLine{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=700px){.toolsHeading{display:block}.toolsHeading p{margin-top:8px}.toolLine{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.toolItem{gap:10px;padding:13px 10px}.toolMark{flex-basis:42px;width:42px;height:42px;font-size:18px}}@media (width<=420px){.toolLine{grid-template-columns:1fr}.toolInfo strong{font-size:14px}}.shortWrap{border-radius:20px;transform:translateZ(0)}.shortWrap:before,.shortWrap iframe{border-radius:inherit}@media (width<=600px){.shortWrap{border-radius:15px}}.button{border-radius:999px;padding-inline:27px;overflow:hidden}@media (width<=600px){.button{padding-inline:22px}}.motionHeader{margin-top:110px}.motionHeader h3{font-size:clamp(48px,6.5vw,86px)}.motionShortsGrid{margin-bottom:38px}.motionWideGrid{border-top:1px solid #397747;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding-top:35px;display:grid}.wideVideoCard{min-width:0}.wideVideoWrap{aspect-ratio:16/9;background:#020805;border:1px solid #71e76b55;border-radius:20px;transition:transform .25s,border-color .25s,box-shadow .25s;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 18px 44px #000a}.wideVideoWrap:before{content:"";border-radius:inherit;pointer-events:none;z-index:1;position:absolute;inset:0;box-shadow:inset 0 0 26px #74ff3d22}.wideVideoWrap:hover{border-color:#a8ff60;transform:translateY(-5px);box-shadow:0 22px 55px #47ff3130}.wideVideoWrap iframe{border-radius:inherit;border:0;width:100%;height:100%;position:absolute;inset:0}.wideVideoMeta{align-items:flex-start;gap:12px;padding:14px 2px 0;display:flex}.wideVideoMeta span{font-family:var(--font-barlow),sans-serif;color:#baff75;font-size:14px}.wideVideoMeta h4{font-family:var(--font-barlow),sans-serif;color:#dfffd3;margin:0;font-size:18px;line-height:1.25}@media (width<=800px){.motionHeader{margin-top:85px}.motionWideGrid{grid-template-columns:1fr;gap:28px}}@media (width<=600px){.motionHeader{margin-top:68px}.wideVideoWrap{border-radius:15px}.wideVideoMeta h4{font-size:15px}}.cinematicHeader{margin-top:115px}.cinematicHeader h3{font-size:clamp(46px,6.2vw,82px);line-height:.82}.cinematicGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.cinematicFeature{background:radial-gradient(circle at 15%,#153b1d 0,#07170c 42%,#030905 100%);border:1px solid #4e91575c;border-radius:26px;grid-template-columns:minmax(200px,260px) minmax(0,1fr);align-items:center;gap:28px;min-width:0;padding:22px;display:grid;box-shadow:0 24px 70px #0009}.cinematicVideo{aspect-ratio:9/16;background:#000;border:1px solid #75e96866;border-radius:20px;width:100%;position:relative;overflow:hidden;box-shadow:0 18px 50px #000c}.cinematicVideo iframe{border-radius:inherit;border:0;width:100%;height:100%;position:absolute;inset:0}.cinematicCopy{min-width:0}.cinematicNumber{font-family:var(--font-barlow),sans-serif;letter-spacing:.14em;color:#a8ff75;font-size:11px}.cinematicCopy h4{font-family:var(--font-barlow),sans-serif;color:#efffe7;margin:13px 0 17px;font-size:clamp(32px,3.1vw,47px);line-height:.92}.cinematicCopy>p{color:#98b09d;margin:0;font-size:13px;line-height:1.85}.cinematicTags{flex-wrap:wrap;gap:7px;margin-top:22px;display:flex}.cinematicTags span{color:#bad8bd;font-family:var(--font-barlow),sans-serif;letter-spacing:.05em;background:#1232197a;border:1px solid #64ad6c55;border-radius:999px;padding:7px 10px;font-size:9px;line-height:1}@media (width<=1100px){.cinematicFeature{grid-template-columns:1fr}.cinematicVideo{max-width:330px;margin-inline:auto}.cinematicCopy{text-align:center}.cinematicTags{justify-content:center}}@media (width<=800px){.cinematicHeader{margin-top:85px}.cinematicGrid{grid-template-columns:1fr;gap:28px}.cinematicFeature{grid-template-columns:minmax(220px,330px) minmax(0,1fr);gap:34px;padding:24px}.cinematicVideo{margin:0}.cinematicCopy{text-align:left}.cinematicTags{justify-content:flex-start}}@media (width<=600px){.cinematicHeader{margin-top:68px}.cinematicFeature{border-radius:20px;grid-template-columns:1fr;gap:25px;padding:14px 14px 25px}.cinematicVideo{border-radius:15px;max-width:360px;margin-inline:auto}.cinematicCopy{text-align:center}.cinematicTags{justify-content:center}.cinematicCopy h4{font-size:39px}.cinematicCopy>p{font-size:14px}}.socialIcon.gmailIcon{color:#1f1f1f;background:#fff;box-shadow:inset 0 0 0 1px #ffffffa6,0 7px 18px #13551d36}.socialIcon.gmailIcon svg{width:29px;height:29px}.socialIcon.phoneIcon{color:#a8ff60;background:#071d0d;box-shadow:inset 0 0 0 1px #85ff6b66,0 7px 18px #13551d36}.socialIcon.phoneIcon svg{width:26px;height:26px}.socialIcon.youtubeIcon{color:#f03;background:#fff;box-shadow:inset 0 0 0 1px #ffffffa6,0 7px 18px #13551d36}.socialIcon.youtubeIcon svg{width:29px;height:29px}.workflowSection{background:radial-gradient(circle at 50% 0,#123c1c 0,#07170c 38%,#020804 78%);border-block:1px solid #6cff5e38;padding:115px 0}.workflowIntro{grid-template-columns:1fr 1fr;align-items:end;gap:70px;margin-bottom:55px;display:grid}.workflowIntro h2{font-family:var(--font-barlow),sans-serif;letter-spacing:-.035em;color:#efffe6;margin:0;font-size:clamp(66px,8vw,112px);font-weight:800;line-height:.8}.workflowIntro>p{color:#9bb3a0;max-width:550px;margin:0;font-size:16px;line-height:1.9}.workflowGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.workflowCard{background:linear-gradient(150deg,#0b2011,#041009);border:1px solid #4b8d5457;border-radius:24px;min-width:0;padding:14px 14px 24px;box-shadow:0 24px 65px #0008}.workflowVideo{aspect-ratio:16/9;background:#000;border:1px solid #75e96848;border-radius:16px;position:relative;overflow:hidden}.workflowVideo iframe{border-radius:inherit;border:0;width:100%;height:100%;position:absolute;inset:0}.workflowCopy{grid-template-columns:44px 1fr;gap:14px;padding:25px 8px 17px;display:grid}.workflowNumber{font-family:var(--font-barlow),sans-serif;color:#baff75;font-size:18px}.workflowKicker{font-family:var(--font-barlow),sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#83b68a!important;margin:0 0 5px!important;font-size:11px!important;line-height:1.3!important}.workflowCopy h3{font-family:var(--font-barlow),sans-serif;color:#efffe8;margin:0 0 12px;font-size:30px;line-height:1}.workflowCopy div>p:last-child{color:#91aa96;margin:0;font-size:13px;line-height:1.85}.workflowTags{flex-wrap:wrap;gap:7px;padding:0 8px;display:flex}.workflowTags span{color:#b8d3bb;font-family:var(--font-barlow),sans-serif;letter-spacing:.05em;background:#0d2a143d;border:1px solid #64ad6c55;border-radius:999px;padding:7px 11px;font-size:10px;line-height:1}@media (width<=850px){.workflowIntro{grid-template-columns:1fr;gap:28px}.workflowGrid{grid-template-columns:1fr}.workflowCard{width:100%;max-width:700px;margin-inline:auto}}@media (width<=600px){.workflowSection{padding:78px 0}.workflowIntro{margin-bottom:38px}.workflowIntro h2{font-size:62px}.workflowCard{border-radius:18px;padding:10px 10px 20px}.workflowVideo{border-radius:13px}.workflowCopy{grid-template-columns:34px 1fr;gap:9px;padding:20px 4px 15px}.workflowCopy h3{font-size:25px}.workflowTags{padding:0 4px}}.skillTop{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:26px;display:flex}.skillGrid .skillNumber{color:#baff75;font-family:var(--font-barlow),sans-serif;letter-spacing:.04em;padding-top:4px;font-size:17px;line-height:1;display:block}.skillIcon{color:#baff75;background:radial-gradient(circle at 35% 25%,#2d6c36 0,#102d17 38%,#06110a 78%);border:1px solid #79ef6d70;border-radius:20px;place-items:center;width:78px;height:78px;transition:transform .25s,border-color .25s,box-shadow .25s;display:grid;box-shadow:inset 0 0 24px #7aff4c1e,0 12px 32px #0007}.skillIcon svg{filter:drop-shadow(0 0 8px #7eff5e4d);width:48px;height:48px}.skillGrid article:hover .skillIcon{border-color:#baff75;transform:translateY(-6px)rotate(2deg);box-shadow:inset 0 0 28px #7aff4c2e,0 16px 38px #40ff3024}.skillGrid article:nth-child(2) .skillIcon{color:#8effda}.skillGrid article:nth-child(3) .skillIcon{color:#dcff80}.skillGrid article:nth-child(4) .skillIcon{color:#a7cfff}@media (width<=600px){.skillTop{margin-bottom:18px}.skillIcon{border-radius:17px;width:68px;height:68px}.skillIcon svg{width:41px;height:41px}}.motionEnhancement{padding:42px 0 26px}.studioStage{--rx:0deg;--ry:0deg;perspective:1600px;max-width:1020px;margin:auto}.studioMonitor{aspect-ratio:758/584;width:100%;transform:rotateX(var(--rx)) rotateY(var(--ry));filter:drop-shadow(0 26px 35px #0008);transition:transform .45s ease-out;position:relative}.studioHardware{clip-path:polygon(.15% .15%,99.85% .15%,99.85% 75.5%,62.15% 75.5%,62.15% 99.7%,37.85% 99.7%,37.85% 75.5%,.15% 75.5%);width:100%;height:100%;display:block}.aeScreen{color:#bcbcbc;background:#232323;flex-direction:column;width:95.3%;height:69.45%;font-family:Arial,sans-serif;font-size:clamp(6px,.9vw,12px);line-height:1.4;display:flex;position:absolute;top:3.12%;left:2.35%;overflow:hidden;container-type:inline-size}.aeMenu{color:#ddd;white-space:nowrap;background:#353535;align-items:center;gap:2%;height:5%;min-height:0;padding:0 1%;font-size:.8em;display:flex}.aeMenu b{font-weight:600}.aeToolbar{background:#272727;border-bottom:1px solid #111;justify-content:space-between;align-items:center;height:7%;padding:0 1%;display:flex}.aeToolbar>span:last-child{color:#a6a6a6;font-size:.8em}.aeWorkspace{grid-template-columns:20% 61% 19%;height:61%;min-height:0;display:grid}.aeProject,.aeEffects{border-right:2px solid #141414;padding:0 4%;font-size:.82em;overflow:hidden}.aePanelTitle{color:#d2d2d2;white-space:nowrap;border-bottom:1px solid #141414;align-items:center;gap:1em;height:2.4em;font-size:.9em;display:flex}.aePanelTitle span{color:#a8a8a8;font-size:.9em}.aeAsset{white-space:nowrap;padding:.45em .2em}.aeAsset.selected{color:#d9e6f7;background:#3a4857}.aeProject p{white-space:nowrap;font-size:.85em}.aeProjectInfo{color:#8d8d8d;margin-top:20%;font-size:.85em}.aeComposition{border-right:2px solid #111;flex-direction:column;min-height:0;display:flex}.aeComposition>.aePanelTitle{padding:0 2%}.aeVideoArea{background:#0d0d0d;flex:1;justify-content:center;align-items:center;min-height:0;padding:2.5% 4%;display:flex}.aeVideoArea video{object-fit:contain;width:100%;height:100%;display:block}.aeViewOptions{white-space:nowrap;padding:.35em 2%;font-size:.8em}.aeEffects{border:0}.aeEffects p{border-bottom:1px solid #151515;margin:.45em 0;padding:.45em 0}.aeEffects>div:not(.aePanelTitle){white-space:nowrap;padding:.25em 0;font-size:.9em}.aeTimeline{border-top:3px solid #111;height:27%;overflow:hidden}.aeTimeline>.aePanelTitle{height:1.8em;padding:0 1%;font-size:.85em}.aeTimelineBody{grid-template-columns:32% 68%;height:calc(100% - 1.8em);display:grid}.aeLayerNames{font-size:.8em;overflow:hidden}.aeLayerNames strong{color:#6dadf0;font:inherit;padding:.2em 3%;display:block}.aeLayerNames>div{white-space:nowrap;border-top:1px solid #343434;height:1.75em;padding:0 3%}.aeTracks{background:repeating-linear-gradient(90deg,#0000 0 19.8%,#444 20%);border-left:2px solid #111;position:relative}.aeRuler{border-bottom:2px solid #68ad52;justify-content:space-between;height:1.65em;padding:0 1%;font-size:.8em;display:flex}.aeClip{background:#8096b9;border:1px solid #a4b9d4;width:98%;height:1.35em;margin:.07em 0;display:block}.clipTwo{background:#776292;border-color:#a38abf;width:75%;margin-left:9%}.clipThree{background:#b59754;border-color:#d7bb7c;width:98%}.clipFour{background:#57875a;border-color:#7bad7d;width:88%}.aePlayhead{background:#6dbafa;width:1px;animation:5s linear infinite paused aePlayback;position:absolute;top:0;bottom:0;left:1%}.aePlayhead.running{animation-play-state:running}.aePlayhead:before{content:"";background:#6dbafa;width:5px;height:6px;display:block;transform:translate(-2px)}@keyframes aePlayback{to{left:99%}}.studioStage .stageControls{justify-content:center;gap:14px;margin-top:12px;display:flex}.studioStage .stageControls button{color:#baff75;font:14px var(--font-noto-thai),sans-serif;cursor:pointer;background:#07170c;border:1px solid #397747;border-radius:999px;padding:12px 22px}.studioStage .stageControls button:hover{background:#102d17;border-color:#baff75}.studioStage :focus-visible{outline-offset:4px;outline:2px solid #baff75}@media (width<=600px){.motionEnhancement{padding-top:24px}.studioStage .stageControls{gap:8px;margin-top:16px}.studioStage .stageControls button{padding:10px 14px}.aeMenu span{font-size:.8em}.studioMonitor{filter:drop-shadow(0 12px 20px #0008)}}@media (prefers-reduced-motion:reduce){.studioMonitor{transition:none;transform:none!important}.aePlayhead{animation:none!important}}.bannerPlayback{z-index:4;color:#dfffd3;font:14px var(--font-noto-thai);cursor:pointer;background:#06110bd9;border:1px solid #baff7580;border-radius:999px;padding:10px 20px;position:absolute;bottom:24px;right:24px}.studioIntro.heroIntro{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:44px;padding-block:110px 120px;display:grid}.studioIntro.heroIntro .heroCopy{min-width:0;display:block}.studioIntro.heroIntro h1{font-size:clamp(60px,6.7vw,94px)}.studioIntro.heroIntro h2{font-size:30px}.studioIntro.heroIntro .lead{margin-top:22px;font-size:16px;line-height:1.9}.studioIntro.heroIntro .actions{gap:10px;margin-top:24px}.studioIntro.heroIntro .button{padding:13px 20px;font-size:14px}.studioIntro.heroIntro .stats{gap:24px;margin-top:30px}.studioIntro .motionEnhancement{min-width:0;padding:65px 0 75px;position:relative}.studioIntro .studioStage{--rx:-5deg;--ry:-17deg;perspective:1100px;position:relative}.studioIntro .studioMonitor{width:94%;transform:rotateX(var(--rx)) rotateY(var(--ry)) rotateZ(2deg);filter:drop-shadow(22px 30px 24px #000b);margin-left:3%}.studioIntro .stageControls{z-index:4;margin-top:40px;position:relative}.studioIntro .aeScreen{font-size:clamp(5px,.58vw,8px)}.floatingTools{z-index:3;pointer-events:none;transform-style:preserve-3d;position:absolute;inset:0}.floatingTool{text-align:center;--glass:#baff75;--angle:-9deg;width:78px;animation:6s ease-in-out infinite glassFloat;position:absolute}.glassLogo{width:66px;height:66px;color:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:perspective(400px) rotateY(-20deg) rotateX(12deg) rotateZ(var(--angle));background:linear-gradient(145deg,#ffffff40 0%,#ffffff09 40%,#08110cb3 75%);border:1px solid #ffffff65;border-radius:19px;place-items:center;margin:auto;display:grid;position:relative;box-shadow:inset 2px 2px 3px #ffffff60,inset -3px -3px 8px #0005,5px 7px #31514055,10px 16px 24px #0008}.glassLogo:before{content:"";pointer-events:none;border-top:1px solid #ffffff70;border-left:1px solid #ffffff35;border-radius:15px;position:absolute;inset:4px}.glassLogo b{text-shadow:0 2px 8px #0009;font:700 29px Arial}.glassLogo img{filter:brightness(0)invert()drop-shadow(0 2px 5px #0008);width:35px;height:35px}.floatingTool>span{font:12px var(--font-barlow),sans-serif;letter-spacing:.03em;color:#d4e9d8;white-space:nowrap;text-shadow:0 2px 8px #000;margin-top:12px;display:block}.glass-ae{--glass:#c3a7ff;--angle:-12deg;top:-15%;left:3%}.glass-pr{--glass:#e1b0ff;--angle:8deg;animation-delay:-1s;top:-22%;left:37%}.glass-ps{--glass:#79d1ff;--angle:13deg;animation-delay:-2s;top:-10%;right:0}.glass-seedance{--angle:8deg;animation-delay:-3s;top:31%;right:-5%}.glass-gpt{--angle:-6deg;animation-delay:-4s;bottom:1%;right:8%}.glass-gemini{--angle:8deg;animation-delay:-2.5s;bottom:-7%;left:33%}.glass-kling{--angle:-14deg;animation-delay:-1.5s;top:48%;left:-4%}@keyframes glassFloat{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-12px)rotate(2deg)}}@media (width<=1000px){.studioIntro.heroIntro{grid-template-columns:1fr;gap:55px;padding-block:70px}.studioIntro.heroIntro .heroCopy{max-width:740px}.studioIntro.heroIntro h1{font-size:clamp(70px,11vw,110px)}.studioIntro .motionEnhancement{width:min(620px,90%);margin:auto}.studioIntro .aeScreen{font-size:8px}}@media (width<=600px){.studioIntro.heroIntro{gap:30px}.studioIntro.heroIntro h1{font-size:clamp(52px,13vw,78px)}.studioIntro .motionEnhancement{width:92%;padding-top:65px;padding-bottom:50px}.floatingTool{width:58px}.glassLogo{border-radius:14px;width:48px;height:48px}.glassLogo:before{border-radius:11px}.glassLogo b{font-size:23px}.glassLogo img{width:27px;height:27px}.floatingTool>span{margin-top:9px;font-size:12px}.studioIntro .aeScreen{font-size:5px}.studioIntro .stageControls{margin-top:48px}.studioIntro .stageControls button{padding:10px 12px;font-size:12px}.bannerPlayback{padding:8px 12px;font-size:12px;bottom:12px;right:12px}.glass-gpt{bottom:4%}.glass-gemini{bottom:-4%}}@media (prefers-reduced-motion:reduce){.floatingTool{animation:none}.studioIntro .studioMonitor{transform:rotateY(-12deg)rotate(2deg)!important}}.glass-seedance .glassLogo b{letter-spacing:-1px;font-size:19px}.studioWorkspace{aspect-ratio:1/1.12;width:100%;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry)) rotateZ(2deg);transition:transform .45s ease-out;position:relative}.workspaceDesk{z-index:0;pointer-events:none;width:100%;height:auto;position:absolute;top:42.5%;left:0;-webkit-mask-image:linear-gradient(#000 0% 90%,#0000 100%);mask-image:linear-gradient(#000 0% 90%,#0000 100%)}.studioIntro .studioWorkspace .studioMonitor{filter:drop-shadow(6px 9px 8px #0006);z-index:2;width:75%;margin:0;position:absolute;top:0;left:12.5%;transform:none!important}.monitorContactShadow{filter:blur(4px);z-index:1;background:#000b;border-radius:50%;width:24%;height:2.8%;position:absolute;top:50.5%;left:38%;transform:rotate(-2deg)}.studioIntro .stageControls{margin-top:15px}.studioIntro .motionEnhancement{padding-bottom:30px}.studioIntro .floatingTools{bottom:34%}.studioIntro .glass-gpt{bottom:-8%}.studioIntro .glass-gemini{bottom:-15%}.studioIntro .glass-kling{top:64%}@media (width<=600px){.studioIntro .stageControls{margin-top:12px}.studioIntro .motionEnhancement{padding-bottom:20px}.studioIntro .aeScreen{font-size:4px}}@media (prefers-reduced-motion:reduce){.studioWorkspace{transition:none;transform:rotateY(-12deg)rotate(2deg)}.studioIntro .studioWorkspace .studioMonitor{transform:none!important}}.emeraldPortfolio{--ink:#071b0d;--panel:#071e0f;--cream:#f4fcee;--paper:#edf8e5;--amber:#a3e86f;--muted:#adbfa0;--red:#acea7c;--accent:#a3e86f;--line:#a2e86d33;--copy:#bdcbb2;--ribs:url(/emerald-ribbed-reference.jpg);color:var(--cream);isolation:isolate;background:#071b0d;overflow:clip}.emeraldPortfolio ::selection{color:#071c0e;background:#b1ec83}.emeraldPortfolio .nav{border-bottom:1px solid var(--line);background:linear-gradient(100deg,#071b0d,#092412 65%,#071b0d)}.emeraldPortfolio .brand img{box-shadow:0 0 22px #7cdf3021}.emeraldPortfolio .navLinks{color:#d0ddc6}.emeraldPortfolio .navLinks a:hover{color:var(--accent)}.emeraldPortfolio .scriptMenu{color:#e3f8d3;background:#0b2b16;border:1px solid #a2e86d55;box-shadow:inset 0 1px #daf6c512}.emeraldPortfolio .videoStatus{color:#e6f9d8}.emeraldPortfolio .videoStatus span{background:#a2e86c;box-shadow:0 0 14px #83e03c}.emeraldPortfolio .bannerPlayback,.emeraldPortfolio .studioStage .stageControls button{color:#e8f9db;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#092312d9;border-color:#a5e67366}.emeraldPortfolio .studioIntro{isolation:isolate;padding-block:125px 135px;position:relative}.emeraldPortfolio .studioIntro:before{content:"";z-index:-2;filter:none;background:linear-gradient(90deg,#071b0df7 0%,#071b0de6 31%,#071b0d26 74%,#071b0d40),linear-gradient(180deg,#071b0d 0%,transparent 26%,transparent 70%,#071b0d),linear-gradient(#61bb1d1a,#61bb1d1a),var(--ribs) center 56% / cover no-repeat;border-radius:0;width:auto;height:auto;position:absolute;inset:0 calc(50% - 50vw)}.emeraldPortfolio .studioIntro:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 74% 52%,#78de2a15,#0000 55%);position:absolute;inset:0}.emeraldPortfolio .hero h1{color:#f6fdf1;text-shadow:0 4px 28px #0a170e55}.emeraldPortfolio .hero h1 span{color:#0000;-webkit-text-stroke:1px #a9ea77;text-shadow:none}.emeraldPortfolio .eyebrow{color:var(--accent)}.emeraldPortfolio .lead,.emeraldPortfolio .aboutText,.emeraldPortfolio .sectionIntro,.emeraldPortfolio .hybridHeader>p,.emeraldPortfolio .workflowIntro>p,.emeraldPortfolio .workflowCopy div>p:last-child,.emeraldPortfolio .cinematicCopy>p,.emeraldPortfolio .skillGrid p{color:var(--copy)}.emeraldPortfolio .aboutText p:first-child{color:#edf8e5}.emeraldPortfolio .button{color:#e7f9d9;border-color:#74a64d}.emeraldPortfolio .button.primary{color:#082010;background:linear-gradient(125deg,#d6f5bf 0%,#9be661 52%,#6ac624 100%);border-color:#bfef9b;box-shadow:inset 0 1px #f5fdefaa,0 8px 30px #66c31e24}.emeraldPortfolio .button.primary:hover{transform:translateY(-3px);box-shadow:0 12px 34px #73db233d}.emeraldPortfolio .button.ghost:hover{color:#d1f4b7;background:#0c2e17;border-color:#b3ec87}.emeraldPortfolio .stats,.emeraldPortfolio .section,.emeraldPortfolio .skillGrid,.emeraldPortfolio .skillGrid article,.emeraldPortfolio .toolsHeading,.emeraldPortfolio .toolLine,.emeraldPortfolio .hybridHeader,.emeraldPortfolio .motionWideGrid,.emeraldPortfolio .educationGrid{border-color:var(--line)}.emeraldPortfolio .stats strong{color:#f2fceb}.emeraldPortfolio .stats span{color:#bbcab0;font-size:12px}.emeraldPortfolio .glassLogo{background:linear-gradient(145deg,#f3fcec47,#9de76419 42%,#082211cb);border-color:#cdf3b075;box-shadow:inset 2px 2px 3px #e5f9d65c,inset -3px -3px 8px #071b0d66,5px 7px #42642855,10px 16px 24px #0a170e77}.emeraldPortfolio .floatingTool>span{color:#effbe6}.emeraldPortfolio .monitorContactShadow{background:#071b0dc9}.emeraldPortfolio .featuredCertificate{border-block:1px solid var(--line);color:#f6fdf1;background:linear-gradient(110deg,#071b0d 5%,#092211 65%,#0c2f18)}.emeraldPortfolio .certificateCopy p,.emeraldPortfolio .certificateCopy ul{color:var(--copy)}.emeraldPortfolio .certificateCopy .certName{color:#e6f9d8}.emeraldPortfolio .textLink{color:#b9ee90;border-color:#b9ee90}.emeraldPortfolio .certificateFrame{background:linear-gradient(145deg,#d0f4b5,#63973b);border-color:#c5f1a366;box-shadow:0 0 0 6px #aeeb8009,0 24px 70px #071b0d99}.emeraldPortfolio .certificateFrame span{color:#092412}.emeraldPortfolio .aboutSection{background:0 0}.emeraldPortfolio .skillsSection{border-color:var(--line);background:linear-gradient(#071b0d,#081e0f 60%,#071b0d)}.emeraldPortfolio .wideTitle,.emeraldPortfolio .workflowIntro h2,.emeraldPortfolio .hybridHeader h3{color:#f3fcec;text-shadow:none}.emeraldPortfolio .skillGrid .skillNumber,.emeraldPortfolio .toolsHeading>span,.emeraldPortfolio .workflowNumber,.emeraldPortfolio .shortMeta span,.emeraldPortfolio .wideVideoMeta span,.emeraldPortfolio .cinematicNumber,.emeraldPortfolio .educationGrid span{color:#aeeb7f}.emeraldPortfolio .skillIcon{color:#baee93;background:linear-gradient(145deg,#4f782f55,#0b2c16 55%,#071b0d);border-color:#a3e86f75;box-shadow:inset 0 1px #e4f8d433,0 12px 30px #0a170e55}.emeraldPortfolio .skillGrid article:hover .skillIcon{border-color:#cff3b3;box-shadow:0 15px 35px #65c11e25}.emeraldPortfolio .toolItem{border-color:var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(140deg,#0e3019b3,#071b0dc9);box-shadow:inset 0 1px #d2f4b80d}.emeraldPortfolio .toolInfo strong{color:#eefbe4;font-size:14px}.emeraldPortfolio .toolInfo small,.emeraldPortfolio .toolsHeading p{color:#b9c9ad;font-size:12px}.emeraldPortfolio .workflowCard,.emeraldPortfolio .cinematicFeature{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#113c1fb3,#071b0de6);border:1px solid #acea7c33;box-shadow:inset 0 1px #e6f9d70d,0 20px 48px #0a170e44}.emeraldPortfolio .workflowKicker{color:#b8dd9b!important;font-size:12px!important}.emeraldPortfolio .workflowCopy h3,.emeraldPortfolio .shortMeta h4,.emeraldPortfolio .wideVideoMeta h4,.emeraldPortfolio .cinematicCopy h4{color:#f1fbe9}.emeraldPortfolio .workflowTags span,.emeraldPortfolio .cinematicTags span{color:#d0ebbc;background:#0d3219;border-color:#b0eb8340;font-size:12px}.emeraldPortfolio .shortWrap,.emeraldPortfolio .wideVideoWrap,.emeraldPortfolio .workflowVideo,.emeraldPortfolio .cinematicVideo{background:#071b0d;border-color:#a4e97044;box-shadow:0 15px 38px #0a170e66}.emeraldPortfolio .shortWrap:before,.emeraldPortfolio .wideVideoWrap:before{box-shadow:inset 0 0 20px #9ae66010}.emeraldPortfolio .shortWrap:hover,.emeraldPortfolio .wideVideoWrap:hover{border-color:#c1f09d;box-shadow:0 20px 45px #66c41f20}.emeraldPortfolio .certSection{border-color:var(--line);background:linear-gradient(120deg,#071b0d,#0a2a15 65%,#071b0d)}.emeraldPortfolio .badgeGrid article{color:#ecfae1;background:linear-gradient(155deg,#143e22,#082110);border:1px solid #acea7c40;box-shadow:inset 0 1px #d5f5bc15,0 14px 30px #0a170e33}.emeraldPortfolio .badgeImage{background:#f6fcf2}.emeraldPortfolio .educationGrid p{color:var(--copy)}.emeraldPortfolio footer{isolation:isolate;color:#f5fcef;background:linear-gradient(90deg,#071b0eed,#0a2814bb 65%,#0b2e1780),linear-gradient(0deg,#071b0d,transparent 75%),linear-gradient(#61bb1d1a,#61bb1d1a),var(--ribs) center 77%/cover no-repeat;border-top:1px solid #9ce66349;position:relative}.emeraldPortfolio .footerGrid .eyebrow{color:#bcef95}.emeraldPortfolio .footerIntro>p{color:#cee5bd}.emeraldPortfolio .socials a{color:#f0fbe8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(120deg,#0c3018d9,#114623a6);border-color:#b5ed8a40;box-shadow:inset 0 1px #dbf6c615}.emeraldPortfolio .socials a:hover{background:#325e11;border-color:#cbf2ad}.emeraldPortfolio .socialCopy small{color:#bbe09e}.emeraldPortfolio .socialIcon:not(.gmailIcon):not(.youtubeIcon){color:#d8f5c2;background:#0c2e17;box-shadow:inset 0 0 0 1px #bfef9b36}.emeraldPortfolio .copyright{color:#c2d8b1;border-color:#a6db7e3b}.emeraldPortfolio :focus-visible{outline-offset:5px;outline:2px solid #c9f2a9}@media (width<=1000px){.emeraldPortfolio .studioIntro{padding-block:80px 90px}.emeraldPortfolio .studioIntro:before{background:linear-gradient(180deg,#071b0d 0%,#071b0ded 28%,#071b0d66 64%,#071b0d 100%),linear-gradient(#61bb1d1a,#61bb1d1a),var(--ribs) center 60%/cover no-repeat}}@media (width<=600px){.emeraldPortfolio .studioIntro{padding-block:60px 65px}.emeraldPortfolio .studioIntro:before{background-size:auto,cover}.emeraldPortfolio footer{background-position:50%,50%,50% 74%}.emeraldPortfolio .toolInfo strong{font-size:14px}}.liquidFilterDefinitions{pointer-events:none;position:fixed;overflow:hidden}.emeraldPortfolio .liquidSurface{--glass-x:30%;--glass-y:0%;--glass-blur:16px;isolation:isolate;background:#0922116b;border:1px solid #dff7cc57;transition:background .25s,border-color .25s,box-shadow .25s,transform .25s;position:relative;box-shadow:inset 0 1px #f5fdefa1,inset 1px 0 #e6f9d835,inset 0 -1px #d2f4b856,0 8px 28px #071b0d40}.emeraldPortfolio .liquidSurface:before{content:"";z-index:-2;border-radius:inherit;pointer-events:none;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(155%) brightness(1.06);backdrop-filter:blur(var(--glass-blur)) saturate(155%) brightness(1.06);background:linear-gradient(135deg,#f3fced29 0%,#daf6c408 30%,#071b0d38 65%,#c3f0a01c 100%);position:absolute;inset:0}@supports ((-webkit-backdrop-filter:url("#liquid-refraction")) or (backdrop-filter:url("#liquid-refraction"))){.emeraldPortfolio .liquidSurface:before{-webkit-backdrop-filter:blur(var(--glass-blur)) url(#liquid-refraction) saturate(155%) brightness(1.06);backdrop-filter:blur(var(--glass-blur)) url(#liquid-refraction) saturate(155%) brightness(1.06)}}.emeraldPortfolio .liquidSurface:after{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at var(--glass-x) var(--glass-y),#f5fdef2b,transparent 56%),linear-gradient(165deg,#f5fdef2e,transparent 21%,transparent 76%,#c2f09e17);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #f6fdf110,inset 0 2px 3px #f5fdef2b,inset 0 -2px 4px #b4ed8820}.emeraldPortfolio .liquidSurface:hover{background:#103f2080;border-color:#dff7cca6;box-shadow:inset 0 1px #f8fdf4cc,inset 0 -1px #dff7cd75,0 12px 34px #071b0d55}.emeraldPortfolio .nav.liquidSurface{--glass-blur:22px;z-index:10;background:#071b0da6;border-radius:0 0 24px 24px;padding-inline:24px}.emeraldPortfolio .button.liquidSurface,.emeraldPortfolio .scriptMenu.liquidSurface,.emeraldPortfolio .bannerPlayback.liquidSurface,.emeraldPortfolio .stageControls .liquidSurface{--glass-blur:12px;color:#f1fbe9;border-radius:999px;overflow:visible}.emeraldPortfolio .button.primary.liquidSurface{color:#092512;text-shadow:0 1px #f3fcec42;background:linear-gradient(130deg,#cff3b3a3,#89dc498f 55%,#56a41aa6);border-color:#def7cba6;font-weight:700;box-shadow:inset 0 1px 1px #f6fdf1d9,inset 0 -2px 3px #376a1077,0 10px 30px #519b1829}.emeraldPortfolio .toolItem.liquidSurface{background:#0a261370;border-radius:18px}.emeraldPortfolio .workflowCard.liquidSurface,.emeraldPortfolio .cinematicFeature.liquidSurface{--glass-blur:20px;background:#09241287;border-radius:26px}.emeraldPortfolio .badgeGrid article.liquidSurface{--glass-blur:18px;color:#effbe5;background:#0c321973;border-radius:22px}.emeraldPortfolio .socials a.liquidSurface{color:#f3fced;--glass-blur:20px;background:#0f3e1f73;border-radius:20px}.emeraldPortfolio .glassLogo.liquidSurface{--glass-blur:9px;background:#cff3b31a;box-shadow:inset 1px 2px 3px #f7fdf2b3,inset -2px -3px 7px #0e361b66,5px 7px #62953b3d,10px 16px 24px #0a170e77}.emeraldPortfolio .bannerPlayback.liquidSurface{z-index:4;position:absolute}.emeraldPortfolio .liquidSurface:focus-visible{outline-offset:5px;outline:2px solid #d5f5bd}@media (width<=600px){.emeraldPortfolio .nav.liquidSurface{border-radius:0 0 18px 18px;padding-inline:14px}.emeraldPortfolio .workflowCard.liquidSurface,.emeraldPortfolio .cinematicFeature.liquidSurface{border-radius:20px}.emeraldPortfolio .liquidSurface{--glass-blur:10px}}@media (prefers-reduced-motion:reduce){.emeraldPortfolio .liquidSurface{transition:none}.emeraldPortfolio .liquidSurface:hover{transform:none}}@media (prefers-reduced-transparency:reduce){.emeraldPortfolio .liquidSurface{background:#0d331a!important}.emeraldPortfolio .button.primary.liquidSurface{background:#b1eb85!important}.emeraldPortfolio .liquidSurface:before{-webkit-backdrop-filter:none!important}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.emeraldPortfolio .liquidSurface{background:#0d331a}.emeraldPortfolio .button.primary.liquidSurface{background:#b1eb85}}body{background:#0a1c11}.emeraldPortfolio{--ink:#0a1c11;--panel:#132c18;--amber:#a8e063;--accent:#a8e063;--red:#a8e063;--cream:#f5faef;--copy:#c2d0b7;--line:#a8e06338;--ribs:repeating-linear-gradient(90deg,#a8e06305 0px,#a8e0630c 3px,#10281916 8px,#10281905 20px);background:#0a1c11}.emeraldPortfolio .studioIntro:before{background:linear-gradient(90deg,#0a1c11f2 0%,#0a1c11c9 35%,#0a1c1126 75%),linear-gradient(180deg,#0a1c11,transparent 24%,transparent 76%,#0a1c11),var(--ribs),radial-gradient(ellipse at 86% 28%,#a8e06355,transparent 49%),radial-gradient(ellipse at 60% 80%,#56ab2f4d,transparent 60%),#0d2415}.emeraldPortfolio .studioIntro:after{background:radial-gradient(at 74% 52%,#a8e06312,#0000 55%)}.emeraldPortfolio .hero h1 span{-webkit-text-stroke:1px #a8e063}.emeraldPortfolio .eyebrow,.emeraldPortfolio .textLink{color:#a8e063}.emeraldPortfolio .button.primary,.emeraldPortfolio .button.primary.liquidSurface{color:#10260c;text-shadow:none;background:linear-gradient(120deg,#56ab2f,#a8e063);border-color:#c2f48c;box-shadow:inset 0 1px 1px #eeffd6bf,inset 0 -2px 3px #315d2977,0 10px 30px #56ab2f29}.emeraldPortfolio .button.primary.liquidSurface:hover{background:linear-gradient(120deg,#6aba3e,#bbec7d)}.emeraldPortfolio .heroVideo,.emeraldPortfolio .heroVideoBanner{background:#0a1c11!important}.emeraldPortfolio .heroVideo video{background:#0a1c11}.emeraldPortfolio .heroVideoBanner .videoShade{background:linear-gradient(#0000 70%,#0a1c11)}.emeraldPortfolio .workflowSection{background:linear-gradient(180deg,#0c2115 0%,#102a17e6 60%,#0b2013),var(--ribs);border-color:#a8e06333}.emeraldPortfolio footer{background:linear-gradient(90deg,#0a2115f0,#14311dd9 65%,#254d2380),var(--ribs),radial-gradient(ellipse at 95% 10%,#a8e06380,transparent 65%),#102a18;color:#f5faef}.emeraldPortfolio .glassLogo.liquidSurface{background:#a8e0631a}.emeraldPortfolio .studioWorkspace{filter:drop-shadow(0 15px 30px #081d124d)}@media (width<=1000px){.emeraldPortfolio .studioIntro:before{background:linear-gradient(180deg,#0a1c11 0%,#0a1c11ed 28%,#0a1c1155 64%,#0a1c11),var(--ribs),radial-gradient(ellipse at 80% 65%,#a8e06366,transparent 62%),#102818}}@media (prefers-reduced-transparency:reduce){.emeraldPortfolio .liquidSurface{background:#19351d!important}.emeraldPortfolio .button.primary.liquidSurface{background:#a8e063!important}}.brand img{object-fit:contain;flex:none;width:34px;height:34px;display:block}.nav-actions{align-items:center;gap:24px;display:flex}.back-home{color:#c8c7c0;border:1px solid #3b3b37;align-items:center;padding:10px 14px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.back-home:hover{border-color:var(--acid);color:var(--acid)}@media (width<=560px){.nav-actions{gap:10px}.back-home{padding:8px 10px;font-size:11px}.brand{font-size:0}.brand img{width:32px;height:32px}}.guide-hero{background:radial-gradient(circle at 78% 25%,#292d1b 0,#0000 35%);min-height:470px;padding:90px clamp(24px,8vw,130px) 80px}.guide-hero h1{letter-spacing:-.06em;max-width:1050px;margin:35px 0 28px;font-size:clamp(62px,8vw,118px);line-height:.84}.guide-hero p{color:#a09f98;max-width:650px;line-height:1.8}.guide-steps{background:var(--paper);color:var(--ink);padding:85px clamp(24px,6vw,95px)}.guide-step-grid{background:#cbc8be;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:35px;display:grid}.guide-step-grid article{background:#fff;min-height:210px;padding:30px}.guide-step-grid strong{color:#7d8c00;font:700 10px/1 monospace}.guide-step-grid h2{margin:32px 0 10px;font-size:20px}.guide-step-grid p{color:#74736c;margin:0;font-size:12px;line-height:1.75}.guide-settings{grid-template-columns:.45fr 1.55fr;gap:60px;padding:65px clamp(24px,8vw,130px);display:grid}.guide-settings>div{background:#34342f;grid-template-columns:repeat(2,1fr);gap:1px;display:grid}.guide-settings article{background:#101010;padding:25px}.guide-settings code{color:var(--acid);font-weight:700}.guide-settings p{color:#898982;margin:10px 0 0;font-size:12px;line-height:1.7}.guide-code-section{background:var(--paper);color:var(--ink);grid-template-columns:.55fr 1.45fr;gap:70px;padding:90px clamp(24px,6vw,95px);display:grid}.guide-code-intro h2{letter-spacing:-.045em;margin:28px 0;font-size:clamp(38px,4vw,62px);line-height:.94}.guide-code-list{gap:25px;display:grid}.guide-code-card{color:#e5e4dd;box-shadow:6px 6px 0 var(--acid);background:#171715;min-width:0}.guide-code-head{border-bottom:1px solid #33332f;justify-content:space-between;align-items:center;gap:20px;min-height:72px;padding:13px 15px 13px 22px;display:flex}.guide-code-head span{letter-spacing:.1em;color:#777771;font:700 8px/1 monospace}.guide-code-head h3{margin:7px 0 0;font-size:15px}.guide-code-head button{color:#dbdad3;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #4a4a44;padding:10px 12px;font-size:10px}.guide-code-head button:hover,.guide-code-head button.copied{border-color:var(--acid);color:var(--acid)}.guide-code-card pre{max-height:430px}.code-note{color:#a3a29a;border-top:1px solid #33332f;margin:0;padding:14px 22px;font-size:10px;line-height:1.6}@media (width<=900px){.guide-step-grid{grid-template-columns:repeat(2,1fr)}.guide-settings,.guide-code-section{grid-template-columns:1fr;gap:35px}}@media (width<=560px){.guide-hero{min-height:400px;padding-top:65px}.guide-hero h1{font-size:55px}.guide-step-grid,.guide-settings>div{grid-template-columns:1fr}.guide-code-section{padding-block:65px}.guide-code-head{flex-direction:column;align-items:flex-start}.guide-code-head button{width:100%}}.library-page,.detail-page{color:#f3f0e8;background:#101010;min-height:100vh}.library-hero{background:radial-gradient(circle at 78% 20%,#282c1b 0,#0000 35%);min-height:500px;padding:85px clamp(24px,8vw,130px) 70px;position:relative;overflow:hidden}.library-title-row{grid-template-columns:1.4fr .7fr;align-items:end;gap:60px;margin-top:32px;display:grid}.library-title-row h1{letter-spacing:-.07em;text-transform:uppercase;margin:0;font-size:clamp(72px,10vw,150px);line-height:.76}.library-title-row h1 em{color:var(--acid);font-style:normal}.library-title-row p{color:#999991;max-width:440px;line-height:1.8}.library-count{align-items:end;gap:12px;display:flex;position:absolute;top:90px;right:8vw}.library-count strong{color:var(--acid);font-size:54px;line-height:1}.library-count span{color:#75756f;letter-spacing:.12em;font:700 9px/1.5 monospace}.library-browser{background:var(--paper);color:var(--ink);min-height:600px;padding:55px clamp(24px,6vw,95px) 110px}.library-tools{border-bottom:1px solid #c9c6bc;justify-content:space-between;align-items:center;gap:30px;padding-bottom:28px;display:flex}.script-search{background:#fff;border:1px solid #c6c3b9;align-items:center;gap:12px;width:min(330px,100%);height:44px;padding:0 16px;display:flex}.script-search span{font-size:22px}.script-search input{background:0 0;border:0;outline:0;width:100%;font:13px Arial}.filters{flex-wrap:wrap;gap:7px;display:flex}.filters button{letter-spacing:.08em;cursor:pointer;background:0 0;border:1px solid #cac7bd;padding:10px 13px;font:700 9px/1 monospace}.filters button.active,.filters button:hover{background:var(--ink);color:var(--acid);border-color:var(--ink)}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:36px;display:grid}.library-card{background:#fff;border:1px solid #d8d5cb;flex-direction:column;min-height:440px;padding:25px 28px 0;transition:all .25s;display:flex;overflow:hidden}.library-card:hover{box-shadow:8px 8px 0 var(--acid);border-color:#9fae62;transform:translateY(-5px)}.card-top{color:#9a9991;justify-content:space-between;font:700 10px/1 monospace;display:flex}.card-top b{color:#697337}.script-glyph{height:125px;color:var(--acid);letter-spacing:-.08em;background:#181816;place-items:center;margin:25px -28px;font:800 clamp(50px,6vw,84px)/1 monospace;display:grid}.library-card h2{letter-spacing:-.04em;margin:0 0 14px;font-size:36px;line-height:1}.library-card>p{color:#77766f;max-width:500px;margin:0;font-size:13px;line-height:1.7}.card-meta{color:#77766e;letter-spacing:.08em;gap:18px;margin-top:22px;font:700 9px/1 monospace;display:flex}.open-script{border-top:1px solid #dedbd2;justify-content:space-between;margin-top:auto;padding:18px 0;font-size:12px;font-weight:700;display:flex}.open-script span{color:#758500;font-size:17px}.empty-library{text-align:center;color:#777;grid-column:1/-1;padding:80px}.detail-hero{grid-template-columns:1fr .7fr;align-items:center;gap:60px;min-height:560px;padding:90px clamp(24px,8vw,130px);display:grid}.detail-category{letter-spacing:.14em;color:var(--acid);font:700 10px/1 monospace}.detail-hero h1{letter-spacing:-.065em;margin:35px 0;font-size:clamp(64px,8vw,120px);line-height:.78}.detail-hero h1 em{color:var(--acid);font-style:normal}.detail-hero p{color:#9a9992;max-width:590px;line-height:1.8}.bounce-demo{aspect-ratio:1;background:radial-gradient(circle,#2a2e1c,#0000 65%);border:1px solid #31322d;place-items:center;display:grid;position:relative}.bounce-demo i{background:#3c3e33;width:70%;height:1px;position:absolute;bottom:22%}.bounce-demo span{background:var(--acid);color:#101010;border-radius:50%;place-items:center;width:135px;height:135px;font:800 17px/1 monospace;display:grid;transform:translateY(-25px);box-shadow:0 40px 45px #0008}.detail-content{background:var(--paper);color:var(--ink);grid-template-columns:.55fr 1.45fr;gap:70px;padding:90px clamp(24px,8vw,130px);display:grid}.detail-content dl{margin-top:35px}.detail-content dl div{border-top:1px solid #ccc9bf;padding:18px 0}.detail-content dt{font:700 15px/1 monospace}.detail-content dd{color:#77766e;margin:7px 0 0;font-size:12px}.bounce-code{box-shadow:8px 8px 0 var(--acid)}.bounce-how{padding-top:90px}.detail-page footer a:last-child{color:var(--acid);font-size:12px;font-weight:700}@media (width<=800px){.library-title-row,.detail-hero,.detail-content{grid-template-columns:1fr}.library-count{display:none}.library-tools{flex-direction:column;align-items:stretch}.library-grid{grid-template-columns:1fr}.detail-hero{padding-top:70px}.bounce-demo{max-width:430px}.detail-content{gap:35px}}@media (width<=560px){.library-hero{min-height:400px;padding-top:65px}.library-title-row h1{font-size:72px}.library-title-row{grid-template-columns:1fr;gap:30px}.library-grid{gap:18px}.library-card{min-height:400px;padding-inline:20px}.script-glyph{margin-inline:-20px}.filters{flex-wrap:nowrap;padding-bottom:3px;overflow:auto}.filters button{white-space:nowrap}.detail-hero h1{font-size:59px}.detail-content{padding-block:65px}.bounce-demo{display:none}}:root{--ink:#101010;--paper:#f3f0e8;--acid:#d9ff43}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ink);color:var(--paper);margin:0;font-family:Arial,Noto Sans Thai,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}nav{z-index:2;border-bottom:1px solid #292927;justify-content:space-between;align-items:center;height:82px;padding:0 clamp(24px,5vw,80px);display:flex;position:relative}.brand{letter-spacing:.12em;align-items:center;gap:10px;font-size:14px;font-weight:800;display:flex}.brand span{background:var(--acid);width:34px;height:34px;color:var(--ink);letter-spacing:-.04em;place-items:center;display:grid;transform:rotate(-3deg)}.nav-link{color:#c8c7c0;align-items:center;gap:14px;font-size:13px;display:flex}.nav-link span{color:var(--acid);font-size:18px}.hero{background:radial-gradient(circle at 75% 25%,#272a1c 0,#0000 30%);min-height:720px;padding:105px clamp(24px,8vw,130px) 80px;position:relative;overflow:hidden}.hero:after{content:"</>";color:#0000;-webkit-text-stroke:1px #292a26;z-index:0;font:900 clamp(180px,28vw,430px)/1 monospace;position:absolute;top:55px;right:-3vw;transform:rotate(-8deg)}.hero>*{z-index:1;position:relative}.eyebrow,.section-label{letter-spacing:.16em;color:var(--acid);font:700 11px/1 monospace}.eyebrow{align-items:center;gap:12px;display:flex}.eyebrow span{background:var(--acid);width:26px;height:2px}.hero h1{letter-spacing:-.065em;text-transform:uppercase;max-width:1050px;margin:35px 0 30px;font-size:clamp(54px,8.3vw,126px);line-height:.91}.hero h1 em,.section-intro h2 em{color:var(--acid);font-style:normal}.hero>p{color:#aaa9a2;max-width:530px;font-size:16px;line-height:1.8}.cta{background:var(--acid);color:var(--ink);align-items:center;gap:28px;margin-top:33px;padding:16px 18px 16px 24px;font-size:14px;font-weight:700;display:inline-flex}.cta span{font-size:20px}.hero-stat{align-items:flex-end;gap:12px;display:flex;position:absolute;bottom:74px;right:8vw}.hero-stat strong{color:var(--acid);letter-spacing:-.06em;font:800 58px/1 Arial}.hero-stat span{color:#85857f;letter-spacing:.11em;font:700 10px/1.5 monospace}.scripts-section{background:var(--paper);color:var(--ink);padding:100px clamp(24px,6vw,95px) 120px}.section-intro{grid-template-columns:1fr 2.1fr 1fr;align-items:end;gap:40px;margin-bottom:70px;display:grid}.section-intro .section-label{color:#77776f;align-self:start;padding-top:15px}.section-intro h2{letter-spacing:-.055em;margin:0;font-size:clamp(44px,5.5vw,84px);line-height:.9}.section-intro p{color:#66665e;font-size:14px;line-height:1.7}.cards{gap:40px;display:grid}.script-card{border-top:1px solid #c9c6bc;grid-template-columns:minmax(280px,.75fr) 1.55fr;gap:5vw;padding-top:28px;display:grid}.card-heading{grid-template-columns:46px 1fr;align-content:start;gap:16px;display:grid}.script-number{color:#9a9991;padding-top:8px;font:700 12px/1 monospace}.card-heading h2{letter-spacing:-.035em;margin:0 0 15px;font-size:clamp(25px,2.6vw,39px);line-height:1.12}.card-heading p{color:#75746d;max-width:380px;margin:0;font-size:14px;line-height:1.7}.code-window{color:#e5e4dd;background:#171715;min-width:0;box-shadow:0 16px 40px #25241e14}.window-bar{border-bottom:1px solid #33332f;align-items:center;gap:14px;height:54px;padding:0 14px 0 18px;display:flex}.window-bar>span{color:#777771;letter-spacing:.12em;flex:1;font:700 9px/1 monospace}.dots{gap:6px;display:flex}.dots i{background:#4b4b46;border-radius:50%;width:7px;height:7px;display:block}.window-bar button{color:#dbdad3;cursor:pointer;background:0 0;border:1px solid #4a4a44;align-items:center;gap:9px;height:33px;padding:0 12px;font-size:11px;transition:all .2s;display:flex}.window-bar button:hover,.window-bar button.copied{border-color:var(--acid);color:var(--acid)}.window-bar button b{font-size:14px}pre{max-height:510px;font:12px/1.75 var(--font-geist-mono),monospace;tab-size:2;margin:0;padding:28px;overflow:auto}.featured .code-window{box-shadow:8px 8px 0 var(--acid)}.how-to{padding:100px clamp(24px,8vw,130px)}.steps{background:#33332f;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:35px;display:grid}.steps>div{background:var(--ink);min-height:210px;padding:42px 35px}.steps strong{color:var(--acid);font:700 11px/1 monospace}.steps h3{margin:35px 0 10px;font-size:22px}.steps p{color:#898983;margin:0;font-size:13px;line-height:1.65}.tip{border:1px solid #353532;align-items:center;gap:20px;margin-top:34px;padding:20px 24px;display:flex}.tip span{color:var(--acid);letter-spacing:.14em;font:700 10px/1 monospace}.tip p{color:#a09f98;margin:0;font-size:13px}.tip code{color:var(--paper)}footer{color:#6f6f69;letter-spacing:.06em;border-top:1px solid #2c2c29;justify-content:space-between;align-items:center;gap:20px;min-height:150px;padding:40px clamp(24px,5vw,80px);font-size:11px;display:flex}footer .brand{color:var(--paper)}footer p{letter-spacing:0;font-size:12px}@media (width<=850px){.hero{min-height:670px;padding-top:90px}.hero-stat{display:none}.section-intro{grid-template-columns:1fr;gap:22px}.section-intro .section-label{padding:0}.script-card{grid-template-columns:1fr;gap:28px}.steps{grid-template-columns:1fr}.steps>div{min-height:auto}.cards{gap:70px}}@media (width<=560px){nav{height:70px}.nav-link{font-size:0}.nav-link span{font-size:20px}.hero{min-height:610px;padding-top:75px}.hero h1{margin-top:30px;font-size:51px}.hero>p{font-size:14px}.scripts-section,.how-to{padding-top:75px;padding-bottom:80px}.section-intro{margin-bottom:52px}.card-heading{grid-template-columns:32px 1fr}.window-bar>span{display:none}.window-bar{justify-content:space-between}pre{padding:22px 18px;font-size:11px}footer{flex-direction:column;align-items:flex-start}.tip{align-items:flex-start}.featured .code-window{box-shadow:5px 5px 0 var(--acid)}}
