@import "https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700;800;900&display=swap";*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;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}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.bottom-4{bottom:1rem}.left-1\/2{left:50%}.left-4{left:1rem}.top-1\/2{top:50%}.top-4{top:1rem}.top-5{top:1.25rem}.z-10{z-index:10}.z-20{z-index:20}.col-span-full{grid-column:1/-1}.mx-auto{margin-left:auto;margin-right:auto}.-mt-10{margin-top:-2.5rem}.mb-10{margin-bottom:2.5rem}.mb-14{margin-bottom:3.5rem}.mb-2{margin-bottom:.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-5{margin-top:1.25rem}.mt-7{margin-top:1.75rem}.mt-auto{margin-top:auto}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.aspect-\[0\.82\]{aspect-ratio:.82}.h-1\.5{height:.375rem}.h-20{height:5rem}.h-\[220px\]{height:220px}.h-full{height:100%}.h-px{height:1px}.min-h-0{min-height:0}.min-h-screen{min-height:100vh}.w-1\.5{width:.375rem}.w-20{width:5rem}.w-40{width:10rem}.w-44{width:11rem}.w-\[340px\]{width:340px}.w-\[82\%\]{width:82%}.w-full{width:100%}.min-w-0{min-width:0}.max-w-\[1080px\]{max-width:1080px}.max-w-\[1440px\]{max-width:1440px}.max-w-\[1500px\]{max-width:1500px}.max-w-\[150px\]{max-width:150px}.max-w-\[260px\]{max-width:260px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.origin-\[50\%_48\%\]{transform-origin:50% 48%}.-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness:mandatory}.snap-start{scroll-snap-align:start}.snap-center{scroll-snap-align:center}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\[12px_minmax\(0\,1fr\)\]{grid-template-columns:12px minmax(0,1fr)}.grid-cols-\[auto_minmax\(0\,1fr\)_auto\]{grid-template-columns:auto minmax(0,1fr) auto}.flex-col{flex-direction:column}.place-items-center{place-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.gap-y-14{row-gap:3.5rem}.justify-self-end{justify-self:end}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-hidden{overflow-y:hidden}.overflow-x-clip{overflow-x:clip}.whitespace-nowrap{white-space:nowrap}.rounded-2xl{border-radius:1rem}.rounded-\[24px\]{border-radius:24px}.rounded-\[32px\]{border-radius:32px}.rounded-\[34px\]{border-radius:34px}.rounded-\[40px\]{border-radius:40px}.rounded-full{border-radius:9999px}.rounded-t-\[40px\]{border-top-left-radius:40px;border-top-right-radius:40px}.border{border-width:1px}.border-2{border-width:2px}.border-t{border-top-width:1px}.border-dotted{border-style:dotted}.border-\[\#D7E2EA\]{--tw-border-opacity:1;border-color:rgb(215 226 234/var(--tw-border-opacity,1))}.border-\[\#D7E2EA\]\/15{border-color:#d7e2ea26}.border-\[\#D7E2EA\]\/20{border-color:#d7e2ea33}.border-\[\#D7E2EA\]\/30{border-color:#d7e2ea4d}.border-white\/20{border-color:#fff3}.border-white\/55{border-color:#ffffff8c}.bg-\[\#0C0C0C\]{--tw-bg-opacity:1;background-color:rgb(12 12 12/var(--tw-bg-opacity,1))}.bg-\[\#0C0C0C\]\/75{background-color:#0c0c0cbf}.bg-\[\#111\]{--tw-bg-opacity:1;background-color:rgb(17 17 17/var(--tw-bg-opacity,1))}.bg-\[\#BBCCD7\]{--tw-bg-opacity:1;background-color:rgb(187 204 215/var(--tw-bg-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-white\/70{background-color:#ffffffb3}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-3{padding:.75rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-0\.5{padding-bottom:.125rem}.pb-1{padding-bottom:.25rem}.pb-10{padding-bottom:2.5rem}.pb-2{padding-bottom:.5rem}.pb-8{padding-bottom:2rem}.pt-24{padding-top:6rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-center{text-align:center}.text-right{text-align:right}.font-kanit{font-family:Kanit,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[clamp\(1\.5rem\,3\.15vw\,3\.5rem\)\]{font-size:clamp(1.5rem,3.15vw,3.5rem)}.text-\[clamp\(2\.1rem\,6\.4vw\,88px\)\]{font-size:clamp(2.1rem,6.4vw,88px)}.text-\[clamp\(2\.8rem\,7vw\,5\.8rem\)\]{font-size:clamp(2.8rem,7vw,5.8rem)}.text-\[clamp\(3rem\,10vw\,130px\)\]{font-size:clamp(3rem,10vw,130px)}.text-\[clamp\(3rem\,12vw\,160px\)\]{font-size:clamp(3rem,12vw,160px)}.text-\[clamp\(4\.5rem\,15vw\,13\.5rem\)\]{font-size:clamp(4.5rem,15vw,13.5rem)}.text-\[clamp\(4rem\,8vw\,7rem\)\]{font-size:clamp(4rem,8vw,7rem)}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-light{font-weight:300}.font-medium{font-weight:500}.uppercase{text-transform:uppercase}.leading-\[0\.72\]{line-height:.72}.leading-\[0\.78\]{line-height:.78}.leading-\[0\.95\]{line-height:.95}.leading-none{line-height:1}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-\[-0\.08em\]{letter-spacing:-.08em}.tracking-\[0\.08em\]{letter-spacing:.08em}.tracking-\[0\.14em\]{letter-spacing:.14em}.tracking-\[0\.16em\]{letter-spacing:.16em}.tracking-tight{letter-spacing:-.025em}.tracking-widest{letter-spacing:.1em}.text-\[\#BBCCD7\]{--tw-text-opacity:1;color:rgb(187 204 215/var(--tw-text-opacity,1))}.text-\[\#D7E2EA\]{--tw-text-opacity:1;color:rgb(215 226 234/var(--tw-text-opacity,1))}.text-\[\#D7E2EA\]\/65{color:#d7e2eaa6}.text-\[\#D7E2EA\]\/70{color:#d7e2eab3}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/50{color:#ffffff80}.text-white\/70{color:#ffffffb3}.text-white\/75{color:#ffffffbf}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.drop-shadow-\[0_42px_72px_rgba\(0\,0\,0\,0\.78\)\]{--tw-drop-shadow:drop-shadow(0 42px 72px #000000c7);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{color:#d7e2ea;background:#0c0c0c;min-width:320px;min-height:100%;font-family:Kanit,sans-serif}html{scroll-behavior:smooth;scroll-snap-type:y proximity}body{overflow-x:clip}.portfolio-page-section{scroll-snap-align:start;min-height:100dvh}.contact-page-section{scroll-snap-align:none;min-height:auto}.portfolio-page-shell{width:100%;max-width:1500px;margin-inline:auto}.portfolio-services-shell{min-height:max(560px,100dvh - 11rem)}a{color:inherit;text-decoration:none}img{display:block}.project-stack{height:calc(100dvh - 24px);min-height:540px;transform-style:preserve-3d;padding:12px 0}.project-stack+.project-stack{margin-top:1.5vh}.project-stack>div{width:100%;min-height:0}.project-media-scroll{-moz-column-gap:0;scroll-behavior:smooth;scrollbar-width:none;touch-action:pan-y;overscroll-behavior-x:contain;column-gap:0;scroll-padding-inline:max(9%,50% - 540px)}.project-media-scroll::-webkit-scrollbar{display:none}.project-media-stage{isolation:isolate}.project-category-header,.project-category-description{width:min(82%,1200px);margin-inline:auto}.project-page-indicator{right:max(1.25rem,50% - min(82%,1200px)/2 + 1rem)}.project-media-spacer{flex:0 0 max(9%,50% - 540px);min-width:0}.project-board+.project-board{margin-left:clamp(1.25rem,1.8vw,1.75rem)}.project-track-control{z-index:40;color:#d7e2ea;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#0c0c0c94;border:1px solid #d7e2ea7a;border-radius:999px;place-items:center;width:clamp(44px,4vw,64px);height:clamp(44px,4vw,64px);transition:opacity .18s,background .18s,border-color .18s,transform .18s;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 14px 32px #00000057,inset 0 0 18px #ffffff14}.project-track-control:hover:not(:disabled){background:#282828b8;border-color:#d7e2ead1;transform:translateY(-50%)scale(1.06)}.project-track-control:focus-visible{outline-offset:4px;outline:2px solid #d7e2eae6}.project-track-control:disabled{cursor:not-allowed;opacity:.22}.project-track-control-prev{left:clamp(10px,2vw,28px)}.project-track-control-next{right:clamp(10px,2vw,28px)}.project-board{opacity:.72;filter:saturate(.82)brightness(.74);min-height:0;transition:transform .52s,opacity .52s,filter .52s,box-shadow .52s;transform:scale(.94)}.project-board[data-active=true]{z-index:2;opacity:1;filter:saturate(1.08)brightness(1.05);transform:scale(1);box-shadow:0 32px 70px #00000073,0 0 0 1px #d7e2ea2e}.project-board-video-expanded{filter:none!important;transform:none!important}.project-category-video-expanded>.project-category-header,.project-category-video-expanded>.project-category-description,.project-category-video-expanded>.project-page-indicator,.project-category-video-expanded .project-media-spacer,.project-category-video-expanded .project-board:not(.project-board-video-expanded),.project-category-video-expanded .project-board-video-expanded>figcaption{display:none}.project-board-long{scrollbar-color:#d7e2ea94 #ffffff14;scrollbar-width:thin;overscroll-behavior-y:contain;min-height:0}.project-board-long::-webkit-scrollbar{width:7px}.project-board-long::-webkit-scrollbar-track{background:#ffffff14}.project-board-long::-webkit-scrollbar-thumb{background:#d7e2ea94;border-radius:999px}.project-video-frame video::-webkit-media-controls-start-playback-button{opacity:0}.project-video-frame-expanded{z-index:120;-webkit-backdrop-filter:none;backdrop-filter:none;background:#000;padding:clamp(14px,3vw,34px);inset:0;position:fixed!important}.project-video-frame-expanded+figcaption{display:none!important}.project-video-frame-expanded video{width:min(100%,1280px);height:min(100%,82dvh);margin:auto}.project-video-frame-expanded .project-media-expand,.project-video-frame-expanded .project-video-play{display:none!important}.project-video-frame-expanded video::-webkit-media-controls{display:none!important}.project-video-frame-expanded video::-webkit-media-controls-enclosure{display:none!important}.project-video-expanded-close{top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));z-index:124;color:#d7e2ea;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0c0c0c94;border:1px solid #d7e2ea6b;border-radius:999px;place-items:center;width:44px;height:44px;display:grid;position:fixed}.project-video-play{box-shadow:0 18px 45px #0000006b,inset 0 0 26px #ffffff1f}.project-video-play span{border-top:15px solid #0000;border-bottom:15px solid #0000;border-left:24px solid #d7e2ea;width:0;height:0;margin-left:6px}.project-image-open{cursor:zoom-in;color:inherit;background:0 0;border:0;display:block}.project-media-expand{z-index:22;color:#d7e2ea;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);letter-spacing:.08em;background:#0c0c0c8a;border:1px solid #d7e2ea6b;border-radius:999px;align-items:center;gap:8px;min-height:38px;padding:0 14px;font-size:12px;font-weight:600;transition:background .18s,border-color .18s,transform .18s;display:inline-flex;position:absolute;top:clamp(14px,2vw,24px);right:clamp(14px,2vw,24px);box-shadow:0 14px 28px #00000047}.project-media-expand:hover{background:#282828b8;border-color:#d7e2eab8;transform:translateY(-1px)}.project-preview-overlay{z-index:100;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#000000d1;place-items:center;padding:clamp(12px,2.5vw,28px);display:grid;position:fixed;inset:0}.project-preview-panel{background:#0c0c0ceb;border:1px solid #d7e2ea47;border-radius:clamp(22px,4vw,44px);flex-direction:column;width:min(100%,1480px);height:min(100%,92dvh);min-height:0;display:flex;overflow:hidden;box-shadow:0 30px 90px #00000094}.project-preview-toolbar{color:#d7e2ea;border-bottom:1px solid #d7e2ea29;flex:none;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.project-preview-toolbar div{gap:4px;min-width:0;display:grid}.project-preview-toolbar strong{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(.95rem,1.6vw,1.2rem);font-weight:800;overflow:hidden}.project-preview-toolbar span{color:#d7e2ea99;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:500;overflow:hidden}.project-preview-close{color:#d7e2ea;background:#ffffff0f;border:1px solid #d7e2ea4d;border-radius:999px;flex:none;place-items:center;width:42px;height:42px;display:grid}.project-preview-content{overscroll-behavior:contain;flex:1;justify-content:center;align-items:flex-start;min-height:0;padding:clamp(10px,2vw,22px);display:flex;overflow:auto}.project-preview-image{-o-object-fit:contain;object-fit:contain;width:auto;max-width:100%;height:auto;max-height:none}.project-preview-video{-o-object-fit:contain;object-fit:contain;align-self:center;width:100%;max-width:1280px;max-height:100%}.portfolio-title{color:#fff;text-shadow:0 16px 32px #00000073}.portfolio-letter{transform-origin:50% 75%;display:inline-block}.portfolio-letter-0{transform:rotate(-8deg)translateY(.05em)}.portfolio-letter-1{transform:rotate(4deg)translateY(-.02em)}.portfolio-letter-2{transform:rotate(-5deg)translateY(.04em)}.portfolio-letter-3{transform:rotate(3deg)translateY(-.01em)}.portfolio-letter-4{transform:rotate(-4deg)translateY(.02em)}.portfolio-letter-5{transform:rotate(5deg)translateY(.04em)}.portfolio-letter-6{transform:rotate(-3deg)translateY(-.02em)}.portfolio-letter-7{transform:rotate(4deg)translateY(.03em)}.portfolio-letter-8{transform:rotate(-4deg)translateY(.01em)}.portfolio-wordmark{min-height:clamp(360px,58vh,640px)}.portfolio-collage-shape{pointer-events:none;opacity:.95;will-change:opacity;animation:3.2s step-end infinite portfolio-mark-flicker;position:absolute}.portfolio-collage-star{aspect-ratio:1;filter:drop-shadow(0 0 12px #ffde3b7a);clip-path:polygon(50% 0%,58% 34%,90% 18%,66% 44%,100% 50%,66% 56%,90% 82%,58% 66%,50% 100%,42% 66%,10% 82%,34% 56%,0% 50%,34% 44%,10% 18%,42% 34%);background:#ffde3b;width:clamp(44px,7vw,82px);bottom:11%;left:4%}.portfolio-collage-circle{aspect-ratio:1;filter:drop-shadow(0 0 12px #ff4dd56b);background:radial-gradient(circle at 38% 35%,#fff 0 .2rem,#0000 .24rem),repeating-radial-gradient(circle,#ff4dd5 0 2px,#ee84d5 2px 4px);border-radius:999px;width:clamp(40px,6vw,72px);animation-delay:.45s;bottom:9%;left:31%}.portfolio-collage-triangle{aspect-ratio:1;clip-path:polygon(50% 0%,100% 100%,0% 100%);filter:drop-shadow(0 0 14px #6483ff70);background:linear-gradient(135deg,#8aa1ff,#6483ff);width:clamp(52px,8vw,92px);animation-delay:.9s;bottom:10%;right:30%;transform:rotate(8deg)}.portfolio-collage-paper{aspect-ratio:1;filter:drop-shadow(0 0 14px #c1f32b61);background:repeating-linear-gradient(135deg,#00000024 0 2px,#0000 2px 6px),linear-gradient(135deg,#c1f32b,#c6dc3c);width:clamp(66px,10vw,120px);animation-delay:1.35s;bottom:8%;right:5%;transform:rotate(-3deg)}@keyframes portfolio-mark-flicker{0%,to{opacity:.55}12%{opacity:1}25%{opacity:.55}37%{opacity:.55}49%{opacity:.55}61%{opacity:.55}73%{opacity:.55}85%{opacity:.55}}.portfolio-collage-star{animation-delay:0s}.portfolio-collage-circle{animation-delay:.8s}.portfolio-collage-triangle{animation-delay:1.6s}.portfolio-collage-paper{animation-delay:2.4s}.portfolio-inline-marks{align-items:center;gap:10px;min-height:34px;display:inline-flex}.portfolio-inline-mark-shell{will-change:transform;width:22px;height:22px;animation:14s linear infinite portfolio-inline-rotate;display:block}.portfolio-inline-mark{opacity:.55;width:100%;height:100%;animation:3.2s step-end infinite portfolio-inline-flicker;display:block}.portfolio-inline-mark-0{color:#ffde3b;clip-path:polygon(50% 0%,61% 35%,100% 50%,61% 65%,50% 100%,39% 65%,0% 50%,39% 35%);background:#ffde3b}.portfolio-inline-mark-1{color:#ff4dd5;border:4px solid #ff4dd5;border-radius:999px;box-shadow:inset 0 0 0 3px #ee84d5}.portfolio-inline-mark-2{color:#6483ff;clip-path:polygon(50% 0%,100% 100%,0% 100%);background:#6483ff}.portfolio-inline-mark-3{color:#c1f32b;background:#c1f32b}.portfolio-inline-mark-0{animation-delay:0s}.portfolio-inline-mark-1{animation-delay:.8s}.portfolio-inline-mark-2{animation-delay:1.6s}.portfolio-inline-mark-3{animation-delay:2.4s}@keyframes portfolio-inline-flicker{0%,to{opacity:.35;transform:scale(.88)}12%{opacity:1;filter:brightness(1.55)drop-shadow(0 0 8px);transform:scale(1.2)}25%{opacity:.42;transform:scale(.92)}}@keyframes portfolio-inline-rotate{0%{transform:rotate(-8deg)}to{transform:rotate(352deg)}}.section-side-marks{z-index:4;pointer-events:none;position:absolute}.section-title-with-marks{justify-content:center;align-items:center;gap:clamp(12px,2vw,30px);display:flex}.section-heading-stack{justify-items:center;gap:.35rem;display:grid}.section-title-with-marks>.section-side-marks,.resume-title-with-mark>.section-side-marks{flex:none;position:static;transform:none}.section-side-marks-left{top:clamp(58px,8vw,110px);left:clamp(8px,2vw,30px)}.section-side-marks-right{top:clamp(58px,8vw,110px);right:clamp(10px,2vw,30px)}.section-side-marks-card{top:58px;right:clamp(16px,2.4vw,34px)}.section-side-marks .portfolio-inline-marks{flex-direction:row;gap:16px}.section-side-marks .portfolio-inline-mark-shell{width:25px;height:25px}.resume-title-with-mark{justify-content:space-between;align-items:center;gap:16px;display:flex}.resume-title-with-mark>.section-side-marks .portfolio-inline-marks{gap:12px}.contact-footer-side{justify-content:flex-end;align-items:flex-end;gap:28px;display:flex}.contact-footer-side>.portfolio-inline-marks{justify-content:flex-end;min-width:150px;padding-bottom:2px}.portfolio-hero-nav{min-height:34px}.portfolio-nav-links{white-space:nowrap}.portfolio-hero-subtitle{z-index:2;position:absolute;bottom:22%;left:0;right:0}.about-resume-info{text-align:left;color:#d7e2eac7;gap:12px;width:100%;min-width:0;max-width:760px;font-size:.95rem;line-height:1.6;display:grid}.about-page-section{overflow:visible}.about-section-frame{background:#ffffff03;border:1px solid #d7e2ea33;border-radius:clamp(28px,4vw,52px);width:100%;padding:clamp(1rem,2.5vw,2rem)}.about-copy{min-width:0}.about-title-row{width:100%}.about-title-with-marks{width:100%;transform:none}.about-title-with-marks .about-heading-stack{transform:none}.about-heading{overflow-wrap:anywhere;max-width:100%;font-size:clamp(3.5rem,8.5vw,8rem)}@media (width>=640px){.about-avatar-column{margin-left:-.5rem}}@media (width>=768px){.about-avatar-column{margin-left:-1rem}}.about-info-card{background:#ffffff04;border:1px solid #d7e2ea33;border-radius:28px;min-width:0;padding:clamp(1.25rem,2.4vw,1.8rem);overflow:hidden}.about-info-card-heading{border-bottom:1px solid #d7e2ea24;justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:1rem;display:flex}.about-info-kicker,.about-info-index{color:#d7e2ea7a;letter-spacing:.14em;text-transform:uppercase;font-size:.68rem;font-weight:600;line-height:1}.about-info-card h3{color:#bbccd7;letter-spacing:.06em;margin-top:.42rem;font-size:clamp(1.1rem,1.6vw,1.35rem);font-weight:700}.about-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem 1.25rem;padding-top:1.1rem;display:grid}.about-info-item{gap:.25rem;display:grid}.about-info-item-wide{grid-column:1/-1}.about-info-item span,.about-info-label{color:#d7e2ea7a;letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;font-weight:600}.about-info-item strong{overflow-wrap:anywhere;word-break:break-word;color:#d7e2eaf2;font-size:clamp(.98rem,1.35vw,1.12rem);font-weight:700}.about-education-main{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.8rem;padding-top:1.1rem;display:flex}.about-education-main strong{color:#d7e2eaf7;font-size:clamp(1.3rem,2.5vw,1.7rem);font-weight:700}.about-education-main span{color:#d7e2ea9e;font-size:.98rem;font-weight:500}.about-education-meta{color:#d7e2ead1;letter-spacing:.02em;justify-content:space-between;align-items:center;gap:1rem;padding-top:.8rem;font-size:.98rem;font-weight:600;display:flex}.about-education-meta strong{color:#d7e2eaf2;font-weight:700}.about-info-card p{color:#d7e2ea94;gap:.4rem;margin-top:1rem;display:grid}.about-info-label{color:#d7e2ea7a;display:block}.about-course-value{color:#d7e2eaf2;overflow-wrap:anywhere;word-break:break-word;font-size:clamp(.98rem,1.35vw,1.12rem);font-weight:700;line-height:1.5;display:block}.resume-highlights-grid{align-items:stretch}.resume-highlights-section{min-height:auto;padding-bottom:clamp(1.5rem,3vw,2.5rem)}.resume-highlight-item{width:100%}.resume-highlight-panel{flex-direction:column;height:100%;display:flex}.resume-highlight-list{flex:1;align-content:start}.resume-highlight-item h3{color:#d7e2ea;font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.25}.resume-highlight-item p{color:#d7e2eac7;font-size:clamp(.82rem,1.05vw,1rem);line-height:1.6}@media (width>=1024px){.resume-highlight-list{grid-template-rows:repeat(4,minmax(0,1fr));min-height:0}.resume-highlight-item{flex-direction:column;justify-content:center;height:100%;min-height:0;display:flex}}.resume-viewer-canvas{cursor:grab;touch-action:none;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden}.resume-viewer-canvas.is-dragging{cursor:grabbing}.resume-viewer-canvas img{transform-origin:50%;transition:transform .12s ease-out}.resume-viewer-canvas.is-dragging img{transition:none}.resume-control,.resume-close,.resume-scale-label{color:#fff;background:#ffffff0f;border:1px solid #ffffff40;border-radius:999px;justify-content:center;align-items:center;min-width:30px;height:30px;display:inline-flex}.resume-scale-label{min-width:52px;font-size:11px}.resume-control:hover,.resume-close:hover,.resume-scale-label:hover{background:#ffffff2e}.resume-close{margin-left:4px;font-size:20px}@media (width<=768px){html{scroll-snap-type:none}.portfolio-page-section{scroll-snap-align:none;min-height:auto}.portfolio-hero{min-height:100svh}.portfolio-wordmark{min-height:clamp(430px,64svh,620px)}.portfolio-title{letter-spacing:-.05em;font-size:clamp(4rem,18vw,7.8rem)}.portfolio-hero-subtitle{padding-inline:1rem;bottom:20%}.about-page-section{padding-top:1.25rem;padding-bottom:1.25rem}.about-section-frame{border-radius:28px;grid-template-columns:1fr;align-items:start;gap:1.25rem}.about-title-with-marks{gap:10px}.about-title-with-marks .section-side-marks .portfolio-inline-mark-shell{width:18px;height:18px}.about-avatar-column{justify-self:center;max-width:min(58vw,240px)}.about-copy{text-align:left;align-items:stretch;width:100%}.about-info-card{border-radius:22px;padding:1rem}.about-info-card-heading{align-items:flex-start;gap:.75rem}.about-info-card h3{font-size:1.06rem}.about-info-grid{gap:.8rem}.about-info-item strong,.about-course-value{font-size:.96rem;line-height:1.45}.about-education-main strong{font-size:1.2rem}.resume-highlights-section,#experience{padding-top:2.5rem;padding-bottom:2.5rem}#experience article{border-radius:24px;padding:1.15rem}#experience h3{font-size:clamp(1.35rem,7vw,2rem)}#experience ul{gap:.75rem;font-size:.95rem;line-height:1.65}.resume-highlights-grid{grid-template-columns:1fr}.resume-highlight-panel{border-radius:24px;padding:1.15rem}.resume-title-with-mark h2{font-size:clamp(2.15rem,12vw,4rem)}.resume-highlight-list{gap:.8rem;margin-top:1rem}.resume-highlight-item{border-radius:18px;padding:1rem}.resume-highlight-item h3{font-size:1rem}.resume-highlight-item p{font-size:.9rem;line-height:1.6}#services{padding-top:3.5rem;padding-bottom:3.5rem}#projects{margin-top:0;padding:3.5rem .65rem}#projects>div:first-child{margin-bottom:2rem}.project-stack{height:auto;min-height:0;padding:0}.project-stack+.project-stack{margin-top:1rem}.project-stack>div{align-items:stretch;min-height:min(760px,100svh - 18px)}.project-stack article{border-width:1.5px;border-radius:28px;height:auto;min-height:min(760px,100svh - 18px);padding:.75rem}.project-category-header{grid-template-columns:auto minmax(0,1fr);gap:.45rem .65rem;width:100%;margin-bottom:.45rem;padding-right:4.65rem}.project-category-header>span:first-child{font-size:clamp(2.2rem,14vw,3.6rem)}.project-category-header h3{text-overflow:ellipsis;white-space:nowrap;padding-bottom:0;font-size:clamp(1.45rem,8vw,2.35rem);overflow:hidden}.project-category-header>span:last-child{letter-spacing:.14em;grid-column:1/-1;justify-self:start;padding-bottom:0;font-size:9px}.project-category-description{width:100%;margin-bottom:.65rem;font-size:.75rem;line-height:1.45}.project-page-indicator{padding:.45rem .7rem;font-size:10px;top:.85rem;right:.85rem}.project-media-stage{min-height:0}.project-media-scroll{border-radius:22px;scroll-padding-inline:max(8%,20px)}.project-media-spacer{flex-basis:max(8%,20px)}.project-board{width:84%;max-width:none;transform:scale(.96)}.project-board+.project-board{margin-left:.7rem}.project-board[data-active=true]{transform:scale(1);box-shadow:0 18px 36px #0000005c,0 0 0 1px #d7e2ea24}.project-video-play{width:58px;height:58px}.project-video-play span{border-top-width:10px;border-bottom-width:10px;border-left-width:17px;margin-left:4px}.project-media-expand{min-height:34px;padding:0 10px;font-size:10px;top:.7rem;right:.7rem}.project-media-expand span{display:none}.project-board figcaption{letter-spacing:.08em;white-space:normal;max-width:calc(100% - 1.3rem);padding:.42rem .65rem;font-size:10px;left:.65rem}.project-preview-overlay{padding:8px}.project-preview-panel{border-radius:22px;height:min(100%,96svh)}.project-preview-toolbar{padding:10px 10px 10px 12px}.project-preview-close{width:38px;height:38px}.project-preview-content{justify-content:flex-start;padding:8px}.project-preview-image{width:100%;max-width:none}.project-preview-video{align-self:center}}#projects .project-track-control{z-index:2147483647;visibility:visible;pointer-events:auto;display:grid}@media (width<=640px){.portfolio-services-shell{min-height:max(520px,100dvh - 8rem)}.project-stack{height:auto;min-height:0;padding:0}.about-info-grid{grid-template-columns:1fr}.about-info-item-wide{grid-column:auto}.about-heading{font-size:clamp(3.2rem,15vw,5.5rem)}.about-resume-info{font-size:.9rem}.about-section-frame{padding:1rem}.contact-page-section{min-height:auto;padding-bottom:1.5rem}.resume-highlights-grid{align-items:start}.resume-highlight-panel{height:auto}.project-category-header,.project-category-description{width:calc(100% - 1rem)}.project-page-indicator{right:1.25rem}.about-education-meta{flex-direction:column;align-items:flex-start;gap:.35rem}.portfolio-inline-marks{gap:7px}.portfolio-inline-mark-shell{width:17px;height:17px}.section-side-marks-left{transform-origin:0 0;top:74px;left:5px;transform:scale(.72)}.section-side-marks-right{transform-origin:100% 0;top:74px;right:5px;transform:scale(.72)}.section-side-marks-card{transform-origin:100% 0;top:48px;right:10px;transform:scale(.72)}.section-side-marks .portfolio-inline-marks{gap:10px}.section-title-with-marks{gap:8px}.resume-title-with-mark{gap:10px}.portfolio-hero-subtitle{bottom:24%}.contact-footer-side{flex-direction:column;align-items:flex-start;gap:18px}}@media (width<=768px){:root{--mobile-page-height:calc((100vw - 2rem) * .5625)}#about,#services,#projects,#contact{min-height:var(--mobile-page-height)}#about .about-section-frame{gap:1rem}#about .about-info-card{border-radius:18px;min-width:0;height:100%;padding:.8rem}#about .about-info-card h3{letter-spacing:.03em;font-size:.84rem}#about .about-info-index,#about .about-info-kicker{font-size:.52rem}#about .about-info-grid{grid-template-columns:1fr;gap:.5rem;padding-top:.75rem}#about .about-education-meta{flex-direction:column;align-items:flex-start;gap:.22rem;padding-top:.75rem;font-size:.68rem}#about .about-education-main{flex-direction:column;align-items:flex-start;gap:.18rem;padding-top:.7rem}#services{padding-top:2rem;padding-bottom:2rem}#services .portfolio-services-shell>div:first-child,#services .portfolio-services-shell>div:last-child{gap:.65rem}#services .portfolio-services-shell>div:first-child p,#services .portfolio-services-shell>div:last-child p{font-size:.58rem;line-height:1.05}#services .portfolio-services-shell>div:first-child .w-44{width:6rem}#services .portfolio-services-shell>div:last-child .w-40{width:5rem}.services-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem .45rem;padding-top:2.25rem;padding-bottom:2.25rem}.services-directory-grid>a{min-width:0}.services-directory-grid>a>span:first-child{font-size:clamp(2.5rem,13vw,4rem)}.services-directory-grid>a>span:nth-child(2){max-width:100%}.services-directory-grid>a>span:nth-child(3){text-overflow:ellipsis;white-space:nowrap;font-size:.48rem;overflow:hidden}.services-directory-grid>a>span:nth-child(4){overflow-wrap:anywhere;font-size:.82rem;line-height:1.1}#projects{padding-top:2rem;padding-bottom:2rem}#projects>div.relative{gap:.85rem;display:grid}#projects .project-stack article{height:auto;min-height:0;padding:.65rem}#projects .project-media-stage{height:var(--mobile-page-height);flex:0 0 var(--mobile-page-height);aspect-ratio:16/9}#projects .project-media-scroll{aspect-ratio:16/9}#contact{padding:1rem 1.25rem .9rem}#contact .portfolio-page-shell{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.75rem;padding-top:.85rem}#contact .portfolio-inline-mark-shell{width:15px;height:15px}#about .about-title-row{grid-column:1/-1}#about .about-heading{white-space:nowrap;font-size:clamp(2.2rem,9vw,3.8rem)}#about .about-title-with-marks{gap:.5rem}#about .about-title-with-marks .section-side-marks .portfolio-inline-mark-shell{width:14px;height:14px}#about .about-avatar-column{grid-area:2/1;place-self:center;width:100%;max-width:none}#about .about-copy{text-align:left;grid-area:2/2;align-self:center;width:100%}#about .about-info-card{border-radius:17px;padding:.65rem}#about .about-info-card-heading{gap:.35rem;padding-bottom:.5rem}#about .about-info-kicker,#about .about-info-index{font-size:.44rem}#about .about-info-card h3{letter-spacing:.02em;margin-top:.26rem;font-size:.76rem}#about .about-info-grid{gap:.42rem;padding-top:.6rem}#about .about-info-item{gap:.08rem}#about .about-info-item span,#about .about-info-label{letter-spacing:.02em;font-size:.48rem}#about .about-info-item strong,#about .about-course-value{font-size:.62rem;line-height:1.3}#about .about-education-meta{gap:.18rem;padding-top:.6rem;font-size:.6rem}#about .about-education-main{gap:.12rem;padding-top:.58rem}#about .about-info-card p{gap:.14rem;margin-top:.56rem}.resume-highlights-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:.65rem}.resume-highlight-panel{border-radius:19px;min-width:0;height:100%;padding:.65rem}.resume-highlight-panel>span{letter-spacing:.08em;font-size:.46rem}.resume-title-with-mark{gap:.25rem;min-width:0}.resume-title-with-mark h2{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(1rem,5vw,1.65rem);overflow:hidden}.resume-title-with-mark>.section-side-marks{transform-origin:100%;transform:scale(.58)}.resume-highlight-list{gap:.5rem;width:100%;min-width:0;margin-top:.7rem}.resume-highlight-item{border-radius:14px;width:100%;min-width:0;padding:.6rem}.resume-highlight-item h3{overflow-wrap:anywhere;font-size:.72rem;line-height:1.25}.resume-highlight-item p{overflow-wrap:anywhere;word-break:break-word;font-size:.6rem;line-height:1.45}#projects .project-stack{height:auto;min-height:0;padding:0}#projects .project-stack>div{min-height:0}#projects .project-stack article{height:auto;min-height:0}#projects .project-media-stage{aspect-ratio:16/9;flex:none;width:100%;height:auto}#projects .project-media-scroll{aspect-ratio:16/9;width:100%;height:100%}#projects .project-board{height:100%}#projects .project-stack+.project-stack{margin-top:.75rem}#contact .portfolio-page-shell{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.6rem}#contact .contact-footer-side{flex-direction:row;justify-content:flex-end;align-items:flex-end;gap:.65rem}#contact .contact-footer-side>.grid{letter-spacing:.04em;gap:.28rem;min-width:0;font-size:.52rem}#contact .contact-footer-side>.grid a{white-space:nowrap;gap:.3rem}#contact .contact-footer-side>.grid svg{width:12px;height:12px}#contact .contact-footer-side>.portfolio-inline-marks{gap:.3rem;min-width:0}#contact .contact-footer-side>.portfolio-inline-marks .portfolio-inline-mark-shell{width:14px;height:14px}.portfolio-marquee-section{padding-top:1.5rem;padding-bottom:1.5rem}.portfolio-marquee-section>div{gap:.55rem}.portfolio-marquee-section img{aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;border-radius:14px;width:min(72vw,280px);height:auto}#about{min-height:auto;padding-top:1rem;padding-bottom:1rem}#about .about-section-frame{grid-template-columns:1fr;align-items:start;gap:.85rem;padding:.75rem}#about .about-title-row,#about .about-avatar-column,#about .about-copy{grid-area:auto/1}#about .about-avatar-column{justify-self:center;width:100%;max-width:min(58vw,230px);margin-inline:auto}#about .about-copy{align-self:stretch;width:100%}#about .about-resume-info{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}#about .about-info-card{height:100%;padding:.6rem}#about .about-info-card-heading{min-height:2.7rem}#about .about-info-card h3{font-size:.72rem}#about .about-info-item strong,#about .about-course-value{font-size:.58rem}#about .about-education-meta{flex-direction:column;align-items:flex-start;gap:.15rem;font-size:.56rem}#about .about-education-meta strong{font-size:.52rem}#about .about-education-main strong{font-size:.74rem}#about .about-education-main span{font-size:.5rem}#services{min-height:auto;padding-top:1.25rem;padding-bottom:1.25rem}#services .portfolio-services-shell{min-height:auto}.services-directory-grid{flex:none;align-content:start;gap:1.25rem .45rem;padding-top:1.5rem;padding-bottom:1.25rem}#projects .project-stack article{border-radius:24px}#projects .project-media-stage,#projects .project-media-scroll{aspect-ratio:16/9}#contact{min-height:auto;padding-top:.8rem;padding-bottom:.7rem}#contact .portfolio-page-shell{grid-template-columns:1fr;justify-items:end;gap:.45rem}#contact .portfolio-page-shell>div:first-child{display:none}#contact .contact-footer-side{flex-direction:column;align-items:flex-end;gap:.45rem;margin-left:auto}#contact .contact-footer-side>.grid{text-align:right;align-items:flex-end;width:max-content}#contact .contact-footer-side>.portfolio-inline-marks{order:2;justify-content:flex-end;align-self:flex-end;width:100%;padding-bottom:0}.resume-highlight-panel{flex-direction:column;display:flex}.resume-highlight-list{flex:1;grid-template-rows:repeat(4,minmax(7.4rem,1fr));display:grid}.resume-highlight-item{flex-direction:column;justify-content:center;height:100%;display:flex}#contact .contact-footer-side{align-items:stretch;width:max-content}#contact .contact-footer-side>.grid,#contact .contact-footer-side>.portfolio-inline-marks{width:100%}#contact .contact-footer-side>.grid{justify-items:end}#contact .contact-footer-side>.portfolio-inline-marks{justify-content:flex-end}.project-video-frame-expanded .project-media-expand,.project-video-frame-expanded .project-video-play{display:none}.project-video-frame-expanded{padding:0;overflow:hidden}.project-video-frame-expanded video{-o-object-fit:contain;object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%;transform:none}.project-video-expanded-close{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));width:40px;height:40px}}.hero-heading{background:linear-gradient(#646973 0%,#bbccd7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-video-heading{color:#fffffff5;text-shadow:0 1px #ffffff47,0 18px 44px #00000085,0 0 48px #d7e2ea2e}.hero-scanline{mix-blend-mode:screen;background:linear-gradient(#ffffff0f 1px,#0000 1px) 0 0/100% 7px,linear-gradient(90deg,#ffffff09 1px,#0000 1px) 0 0/7px 100%}::selection{color:#fff;background:#b600a8}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:opacity-100:hover{opacity:1}.group:hover .group-hover\:max-w-\[180px\]{max-width:180px}@media (width>=640px){.sm\:top-8{top:2rem}.sm\:mx-0{margin-left:0;margin-right:0}.sm\:-mt-12{margin-top:-3rem}.sm\:h-\[270px\]{height:270px}.sm\:w-\[420px\]{width:420px}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-\[minmax\(180px\,0\.48fr\)_minmax\(0\,1\.52fr\)\]{grid-template-columns:minmax(180px,.48fr) minmax(0,1.52fr)}.sm\:items-start{align-items:flex-start}.sm\:gap-6{gap:1.5rem}.sm\:justify-self-start{justify-self:start}.sm\:rounded-\[46px\]{border-radius:46px}.sm\:rounded-\[50px\]{border-radius:50px}.sm\:rounded-t-\[50px\]{border-top-left-radius:50px;border-top-right-radius:50px}.sm\:p-4{padding:1rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:py-16{padding-top:4rem;padding-bottom:4rem}.sm\:py-24{padding-top:6rem;padding-bottom:6rem}.sm\:pl-0{padding-left:0}.sm\:pt-12{padding-top:3rem}.sm\:pt-32{padding-top:8rem}.sm\:text-left{text-align:left}}@media (width>=768px){.md\:bottom-6{bottom:1.5rem}.md\:left-6{left:1.5rem}.md\:top-6{top:1.5rem}.md\:-mt-14{margin-top:-3.5rem}.md\:mb-20{margin-bottom:5rem}.md\:mb-3{margin-bottom:.75rem}.md\:h-24{height:6rem}.md\:w-24{width:6rem}.md\:max-w-\[500px\]{max-width:500px}.md\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.md\:grid-cols-\[220px_minmax\(0\,1fr\)\]{grid-template-columns:220px minmax(0,1fr)}.md\:grid-cols-\[minmax\(330px\,0\.76fr\)_minmax\(0\,1\.24fr\)\]{grid-template-columns:minmax(330px,.76fr) minmax(0,1.24fr)}.md\:items-end{align-items:flex-end}.md\:gap-10{gap:2.5rem}.md\:gap-12{gap:3rem}.md\:gap-14{gap:3.5rem}.md\:gap-3{gap:.75rem}.md\:rounded-\[58px\]{border-radius:58px}.md\:rounded-\[60px\]{border-radius:60px}.md\:rounded-t-\[60px\]{border-top-left-radius:60px;border-top-right-radius:60px}.md\:p-5{padding:1.25rem}.md\:p-8{padding:2rem}.md\:px-10{padding-left:2.5rem;padding-right:2.5rem}.md\:px-12{padding-left:3rem;padding-right:3rem}.md\:py-10{padding-top:2.5rem;padding-bottom:2.5rem}.md\:py-20{padding-top:5rem;padding-bottom:5rem}.md\:py-28{padding-top:7rem;padding-bottom:7rem}.md\:py-32{padding-top:8rem;padding-bottom:8rem}.md\:pb-1{padding-bottom:.25rem}.md\:pb-2{padding-bottom:.5rem}.md\:pl-0{padding-left:0}.md\:pt-16{padding-top:4rem}.md\:pt-40{padding-top:10rem}.md\:pt-8{padding-top:2rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:text-xs{font-size:.75rem;line-height:1rem}}@media (width>=1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:gap-20{gap:5rem}.lg\:gap-x-10{-moz-column-gap:2.5rem;column-gap:2.5rem}}