/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:host,:root{--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,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;--color-gray-200:oklch(92.8% .006 264.531);--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1) infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{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}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{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:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,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,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-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,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.top-1\/2{top:50%}.top-24{top:calc(var(--spacing) * 24)}.top-\[4\%\]{top:4%}.right-\[1\%\]{right:1%}.right-\[3\%\]{right:3%}.bottom-\[8\%\]{bottom:8%}.left-1\/2{left:50%}.left-\[1\%\]{left:1%}.left-\[3\%\]{left:3%}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.-mt-10{margin-top:calc(var(--spacing) * -10)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mb-16{margin-bottom:calc(var(--spacing) * 16)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.h-20{height:calc(var(--spacing) * 20)}.h-\[85vh\]{height:85vh}.h-screen{height:100vh}.w-\[100px\]{width:100px}.w-\[120px\]{width:120px}.w-\[130px\]{width:130px}.w-\[280px\]{width:280px}.max-w-\[160px\]{max-width:160px}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.resize{resize:both}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.gap-10{gap:calc(var(--spacing) * 10)}.gap-16{gap:calc(var(--spacing) * 16)}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-\[40px\]{border-radius:40px}.rounded-t-\[40px\]{border-top-left-radius:40px;border-top-right-radius:40px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.bg-gray-200{background-color:var(--color-gray-200)}.p-4{padding:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-20{padding-block:calc(var(--spacing) * 20)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-24{padding-top:calc(var(--spacing) * 24)}.pb-7{padding-bottom:calc(var(--spacing) * 7)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[14vw\]{font-size:14vw}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)}.ring,.shadow{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px)}.blur,.filter{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,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media (min-width:40rem){.sm\:top-auto{top:auto}.sm\:right-\[2\%\]{right:2%}.sm\:right-\[6\%\]{right:6%}.sm\:left-\[2\%\]{left:2%}.sm\:left-\[6\%\]{left:6%}.sm\:-mt-12{margin-top:calc(var(--spacing) * -12)}.sm\:mt-4{margin-top:calc(var(--spacing) * 4)}.sm\:mb-20{margin-bottom:calc(var(--spacing) * 20)}.sm\:w-\[140px\]{width:140px}.sm\:w-\[160px\]{width:160px}.sm\:w-\[170px\]{width:170px}.sm\:w-\[360px\]{width:360px}.sm\:max-w-\[220px\]{max-width:220px}.sm\:translate-y-0{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.sm\:gap-14{gap:calc(var(--spacing) * 14)}.sm\:gap-20{gap:calc(var(--spacing) * 20)}.sm\:rounded-\[50px\]{border-radius:50px}.sm\:rounded-t-\[50px\]{border-top-left-radius:50px;border-top-right-radius:50px}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:px-8{padding-inline:calc(var(--spacing) * 8)}.sm\:px-10{padding-inline:calc(var(--spacing) * 10)}.sm\:py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.sm\:py-10{padding-block:calc(var(--spacing) * 10)}.sm\:py-24{padding-block:calc(var(--spacing) * 24)}.sm\:pt-32{padding-top:calc(var(--spacing) * 32)}.sm\:pb-8{padding-bottom:calc(var(--spacing) * 8)}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sm\:text-\[15vw\]{font-size:15vw}}@media (min-width:48rem){.md\:top-32{top:calc(var(--spacing) * 32)}.md\:w-\[440px\]{width:440px}.md\:rounded-t-\[60px\]{border-top-left-radius:60px;border-top-right-radius:60px}.md\:px-10{padding-inline:calc(var(--spacing) * 10)}.md\:px-12{padding-inline:calc(var(--spacing) * 12)}.md\:pt-40{padding-top:calc(var(--spacing) * 40)}.md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.md\:text-\[16vw\]{font-size:16vw}}}@font-face{font-family:Kanit;src:url(/dev/fonts/kanit-latin-300-normal.woff2)format("woff2");font-style:normal;font-weight:300;font-display:swap}@font-face{font-family:Kanit;src:url(/dev/fonts/kanit-latin-500-normal.woff2)format("woff2");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Kanit;src:url(/dev/fonts/kanit-latin-900-normal.woff2)format("woff2");font-style:normal;font-weight:900;font-display:swap}:root{color-scheme:dark;--background:#0c0c0c;--foreground:#d7e2ea;--heading-start:#646973;--heading-end:#bbccd7;--contact-gradient:linear-gradient(123deg,#18011f 7%,#b600a8 37%,#7621b0 72%,#be4c00);background:var(--background);color:var(--foreground);font-synthesis:none;text-rendering:optimizelegibility;font-family:Kanit,Arial Narrow,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{background:var(--background);min-width:320px}body{margin:0}a{color:inherit}a:focus-visible{outline-offset:5px;outline:2px solid #fff}.skip-link{z-index:100;color:#0c0c0c;background:#fff;border-radius:999px;padding:12px 18px;font-weight:500;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus-visible{transform:translateY(0)}.hero{isolation:isolate;background:#0c0c0c;flex-direction:column;min-height:max(720px,100svh);display:flex;position:relative;overflow:clip}.hero-nav-entry{z-index:20;position:relative}.hero-nav{justify-content:space-between;align-items:center;gap:12px;padding:24px 24px 0;display:flex}.hero-nav a{text-transform:uppercase;letter-spacing:.055em;white-space:nowrap;align-items:center;min-height:44px;font-size:clamp(.72rem,1.5vw,1.4rem);font-weight:500;text-decoration:none;transition:opacity .2s;display:inline-flex}.hero-nav a:hover{opacity:.7}.hero-title-wrap{z-index:1;width:100%;margin-top:clamp(44px,7.2vh,90px);position:relative}.hero-title{background:linear-gradient(180deg,var(--heading-start) 0,var(--heading-end) 100%);color:#bbccd7;-webkit-text-fill-color:transparent;letter-spacing:-.04em;text-align:center;white-space:nowrap;-webkit-background-clip:text;background-clip:text;width:100%;margin:0;padding:0 1.8vw;font-size:clamp(3rem,17.5vw,17.5rem);font-weight:900;line-height:.96;overflow:visible}.portrait-position{z-index:10;pointer-events:none;width:min(80vw,1020px);height:min(76svh,930px);position:absolute;top:51%;left:50%;transform:translate(-50%,-50%)}.magnet-transform,.portrait-entry,.portrait-float,.portrait-magnet{width:100%;height:100%}.magnet-transform,.portrait-magnet{pointer-events:none}.portrait-image{object-fit:contain;object-position:center;width:100%;height:100%;display:block}.hero-bottom{z-index:20;pointer-events:none;justify-content:space-between;align-items:flex-end;gap:24px;width:100%;margin-top:auto;padding:0 40px 36px;display:flex;position:relative}.hero-bottom>*{pointer-events:auto}.hero-description{color:#d7e2ea;letter-spacing:.025em;text-transform:uppercase;max-width:330px;margin:0;font-size:clamp(.78rem,1.4vw,1.35rem);font-weight:300;line-height:1.35}.hero-description span{display:block}.contact-button{outline-offset:-5px;background:var(--contact-gradient);color:#fff;letter-spacing:.11em;text-align:center;text-transform:uppercase;border:2px solid #fff;border-radius:999px;outline:1px solid #ffffffa6;justify-content:center;align-items:center;min-width:245px;min-height:64px;padding:14px 38px;font-size:.94rem;font-weight:500;text-decoration:none;transition:filter .2s,transform .2s;display:inline-flex;box-shadow:0 4px 4px #b501a740,inset 4px 4px 12px #7721b1,0 0 7px #be4cffb3}.contact-button:hover{filter:brightness(1.12)}.contact-button:active{transform:scale(.98)}.contact-section{background:#0c0c0c;border-top:1px solid #d7e2ea2b;align-content:space-between;gap:64px;min-height:100svh;padding:clamp(64px,10vh,120px) clamp(24px,6vw,88px) 28px;scroll-margin-top:20px;display:grid}.contact-main{width:min(100%,900px)}.contact-main h2{color:#bbccd7;-webkit-text-fill-color:transparent;letter-spacing:-.055em;text-wrap:balance;background:linear-gradient(#646973,#bbccd7);-webkit-background-clip:text;background-clip:text;max-width:900px;margin:0 0 28px;font-size:clamp(3rem,10vw,9rem);font-weight:900;line-height:.98}.contact-main p{max-width:660px;margin:0 0 30px;font-size:clamp(1rem,1.6vw,1.35rem);font-weight:300;line-height:1.55}.contact-details{text-transform:uppercase;letter-spacing:.09em;border-top:1px solid #d7e2ea40;border-bottom:1px solid #d7e2ea40;flex-wrap:wrap;align-items:center;gap:16px 34px;padding:22px 0;font-size:.9rem;display:flex}.contact-details a{align-items:center;min-height:44px;text-decoration:none;transition:opacity .2s;display:inline-flex}.contact-details a:hover{opacity:.7}.site-footer{color:#d7e2eab3;letter-spacing:.07em;text-transform:uppercase;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;font-size:.75rem;display:flex}.site-footer strong{color:#d7e2ea;font-size:.9rem;font-weight:500}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.project-marquee{background:#0c0c0c;gap:12px;padding:clamp(36px,5vw,72px) 0 18px;display:grid;overflow:hidden}.marquee-row{width:100%;overflow:hidden}.marquee-track{gap:14px;width:max-content;display:flex}.marquee-slot{color:#d7e2ea;background:linear-gradient(135deg,#17191d,#101113);border:1px dashed #d7e2ea66;border-radius:18px;flex-direction:column;flex:none;justify-content:flex-end;gap:5px;width:clamp(260px,31vw,460px);height:clamp(150px,21vw,280px);padding:18px;display:flex}.marquee-slot small,.marquee-slot span{color:#d7e2ea9e;letter-spacing:.1em;text-transform:uppercase;font-size:.68rem}.marquee-slot strong{text-transform:uppercase;font-size:clamp(1rem,2vw,1.55rem);font-weight:500}.marquee-note{color:#d7e2ea7a;letter-spacing:.08em;text-align:right;text-transform:uppercase;margin:0;padding:0 24px;font-size:.7rem}@keyframes marquee-forward{0%{transform:translate(0)}to{transform:translate(-14%)}}@keyframes marquee-reverse{0%{transform:translate(-14%)}to{transform:translate(0)}}@supports (animation-timeline:scroll()){.marquee-row .marquee-track{animation-duration:1s;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:scroll(root);animation-range:0 100%}.marquee-row:not(.marquee-row-reverse) .marquee-track{animation-name:marquee-forward}.marquee-row-reverse .marquee-track{animation-name:marquee-reverse}}.about-section{text-align:center;background:#0c0c0c;flex-direction:column;justify-content:center;align-items:center;min-height:min(100svh,1080px);padding:clamp(92px,12vh,150px) clamp(24px,9vw,140px) 34px;scroll-margin-top:20px;display:flex;position:relative}.about-section h2{color:#bbccd7;-webkit-text-fill-color:transparent;letter-spacing:-.055em;background:linear-gradient(#646973,#bbccd7);-webkit-background-clip:text;background-clip:text;margin:0 0 clamp(30px,5vh,62px);font-size:clamp(3rem,10vw,9rem);font-weight:900;line-height:.95}.about-copy{width:min(100%,920px)}.about-copy-visual{color:#d7e2ea;text-wrap:pretty;margin:0;font-size:clamp(1.1rem,2.25vw,2rem);font-weight:300;line-height:1.65}.about-word{transition:opacity .42s,transform .42s;display:inline}.about-copy.is-ready:not(.is-visible) .about-word{opacity:0}.about-copy.is-visible .about-word{opacity:1}.about-cta{margin-top:clamp(42px,8vh,96px)}.about-disclosure{text-align:left;border-top:1px solid #d7e2ea40;width:min(100%,960px);margin-top:auto;padding-top:28px}.about-disclosure summary,.project-details summary{cursor:pointer;letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:20px;min-height:48px;font-size:.82rem;font-weight:500;list-style:none;display:flex}.about-disclosure summary::-webkit-details-marker,.project-details summary::-webkit-details-marker{display:none}.about-disclosure summary:after,.project-details summary:after{content:"+";font-size:1.3rem;font-weight:300}.about-disclosure[open] summary:after,.project-details[open] summary:after{content:"−"}.about-disclosure summary:focus-visible,.project-details summary:focus-visible{outline-offset:5px;outline:2px solid #fff}.about-disclosure-content{grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,72px);padding:22px 0 12px;display:grid}.about-disclosure-content h3{letter-spacing:.1em;margin:0 0 12px;font-size:.82rem}.about-disclosure-content p{color:#d7e2eac7;margin:0;font-size:.95rem;font-weight:300;line-height:1.6}.about-disclosure-content ol{color:#d7e2eaa1;letter-spacing:.08em;flex-wrap:wrap;gap:8px 18px;margin:18px 0 0;padding:0;font-size:.7rem;list-style:none;display:flex}.expertise-section{z-index:1;color:#111;background:#f1f1ef;border-radius:58px 58px 0 0;padding:clamp(76px,11vh,136px) clamp(24px,6vw,88px) clamp(84px,12vh,150px);scroll-margin-top:20px;position:relative}.expertise-section>h2{letter-spacing:-.06em;margin:0 0 clamp(46px,8vh,100px);font-size:clamp(3.4rem,12.5vw,11rem);font-weight:900;line-height:.9}.expertise-list{margin:0;padding:0;list-style:none}.expertise-row{border-top:1px solid #11111175;grid-template-columns:minmax(70px,.24fr) 1fr;gap:clamp(22px,5vw,78px);padding:clamp(26px,4.4vw,62px) 0;display:grid}.expertise-number{letter-spacing:-.06em;font-size:clamp(2.6rem,6vw,5.5rem);font-weight:500;line-height:.95}.expertise-copy{grid-template-columns:minmax(220px,.88fr) 1.12fr;align-items:start;gap:32px;display:grid}.expertise-copy h3{letter-spacing:-.025em;margin:3px 0 0;font-size:clamp(1.25rem,2.7vw,2.5rem);font-weight:500;line-height:1.1}.expertise-copy p{text-wrap:pretty;max-width:660px;margin:0;font-size:clamp(1rem,1.5vw,1.28rem);font-weight:300;line-height:1.48}.projects-section{z-index:1;background:#0c0c0c;border-radius:58px 58px 0 0;padding:clamp(92px,12vh,150px) clamp(20px,4.2vw,64px) 100px;scroll-margin-top:20px;position:relative}.projects-intro{padding:0 clamp(4px,1.5vw,24px) clamp(58px,9vh,112px)}.projects-intro p{color:#d7e2eaa6;letter-spacing:.15em;margin:0 0 12px;font-size:.8rem}.projects-intro h2{color:#bbccd7;-webkit-text-fill-color:transparent;letter-spacing:-.06em;background:linear-gradient(#646973,#bbccd7);-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(3rem,11vw,10rem);font-weight:900;line-height:.9}.project-stack{gap:34px;display:grid}.project-card{background:#111214;border:1px solid #d7e2ea7a;border-radius:22px;grid-template-rows:auto 1fr auto;align-self:start;min-height:max(660px,76svh);padding:clamp(18px,2.4vw,34px);display:grid;position:sticky}.project-card:first-child{top:18px}.project-card:nth-child(2){top:38px}.project-card:nth-child(3){top:58px}.project-stack:has(.project-details[open]) .project-card{position:relative;top:auto}.project-card-header{grid-template-columns:auto 1fr auto;align-items:center;gap:8px 18px;padding-bottom:18px;display:grid}.project-number{color:#d7e2eaa1;letter-spacing:.1em;font-size:.85rem}.project-category{color:#d7e2eaa6;letter-spacing:.07em;text-transform:uppercase;margin:0;font-size:.76rem}.project-status{color:#d7e2ea;letter-spacing:.06em;border:1px solid #d7e2ea47;border-radius:999px;justify-self:end;padding:7px 11px;font-size:.69rem}.project-card-header h3{color:#d7e2ea;letter-spacing:-.05em;grid-column:1/-1;margin:0;font-size:clamp(2.5rem,6vw,5.5rem);font-weight:900;line-height:.95}.project-media-grid{grid-template-rows:1fr 1fr;grid-template-columns:40fr 60fr;gap:10px;min-height:280px;max-height:46svh;display:grid}.project-media-slot{color:#d7e2ea;background:radial-gradient(at 50% 5%,#22252a 0,#151619 55%,#101113 100%);border:1px dashed #d7e2ea61;border-radius:12px;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:5px;min-height:0;padding:18px;display:flex;position:relative;overflow:hidden}.project-media-slot-1{grid-area:1/1/2/2}.project-media-slot-2{grid-area:2/1/3/2}.project-media-slot-3{grid-area:1/2/3/3}.media-slot-index,.media-slot-project,.project-media-slot small{color:#d7e2ea8c;letter-spacing:.1em;text-transform:uppercase;font-size:.63rem}.project-media-slot strong{font-size:clamp(1rem,2vw,1.55rem);font-weight:500;line-height:1.1}.project-card-footer{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;padding-top:20px;display:grid}.project-card-footer>p{color:#d7e2ead1;max-width:720px;margin:0;font-size:clamp(.94rem,1.3vw,1.15rem);font-weight:300;line-height:1.45}.project-action,.project-details summary{color:#d7e2ea;letter-spacing:.1em;text-transform:uppercase;background:0 0;border:0;border-bottom:1px solid #d7e2eaa8;justify-content:center;align-items:center;gap:14px;min-height:48px;padding:10px 0;font-size:.8rem;font-weight:500;text-decoration:none;display:inline-flex}.project-action span{font-size:1.1rem}.project-action:hover{opacity:.72}.project-details{width:fit-content;min-width:190px}.project-details summary{cursor:pointer;min-height:48px}.project-details[open]{grid-column:1/-1;width:100%}.project-detail-content{padding:18px 0 0}.project-detail-content h4{color:#d7e2eaa6;letter-spacing:.12em;margin:18px 0 6px;font-size:.7rem}.project-detail-content h4:first-child{margin-top:0}.project-detail-content p{color:#d7e2ea;max-width:850px;margin:0;font-size:.92rem;font-weight:300;line-height:1.55}@media (min-width:768px){.hero-nav{padding:32px 40px 0}.hero-title-wrap{margin-top:clamp(26px,5.8vh,74px)}.portrait-position{width:min(74vw,1100px);height:min(79svh,980px);top:51%}.hero-bottom{padding:0 40px 40px}}@media (max-width:767px){.hero{min-height:max(760px,100svh)}.hero-title-wrap{z-index:1;margin-top:10vh}.hero-title{letter-spacing:-.045em;padding:0 1.4vw;font-size:clamp(3rem,18.3vw,7rem)}.portrait-position{width:min(91vw,610px);height:min(65svh,670px);top:46%}.hero-bottom{align-items:flex-end;gap:12px;padding:0 24px 28px}.hero-description{max-width:190px;font-size:clamp(.72rem,2.8vw,1rem)}.contact-button{letter-spacing:.09em;min-width:160px;min-height:52px;padding:12px 20px;font-size:.72rem}}@media (max-width:380px){.hero-nav{gap:6px;padding-left:16px;padding-right:16px}.hero-nav a{letter-spacing:.025em;font-size:.68rem}.hero-bottom{flex-direction:column;align-items:stretch;padding-left:20px;padding-right:20px}.hero-description{max-width:235px}.contact-button{align-self:flex-end}}@media (max-width:640px){.contact-section{gap:48px;min-height:88svh;padding:72px 24px 24px}.contact-main h2{margin-bottom:22px;font-size:clamp(3rem,13vw,5rem)}.contact-details{gap:8px 20px;font-size:.78rem}.site-footer{flex-direction:column;align-items:flex-start;gap:8px}}@media (max-width:767px){.project-marquee{gap:9px;padding-top:30px}.marquee-track{gap:9px}.marquee-slot{border-radius:14px;width:74vw;height:44vw;min-height:148px;padding:14px}.marquee-note{padding:0 18px;font-size:.62rem}.about-section{min-height:780px;padding:96px 24px 26px}.about-section h2{margin-bottom:30px;font-size:clamp(3.2rem,15vw,6.5rem)}.about-copy-visual{font-size:clamp(1.08rem,4.8vw,1.38rem);line-height:1.55}.about-cta{margin-top:42px}.about-cta .contact-button{width:min(100%,330px);min-width:0;padding-inline:20px;font-size:.72rem}.about-disclosure{margin-top:66px}.about-disclosure-content{grid-template-columns:1fr;gap:24px}.expertise-section{border-radius:32px 32px 0 0;padding:78px 22px 90px}.expertise-section>h2{margin-bottom:50px;font-size:clamp(3rem,14vw,6.2rem)}.expertise-row{grid-template-columns:52px 1fr;gap:18px;padding:26px 0 29px}.expertise-number{font-size:2.3rem}.expertise-copy{grid-template-columns:1fr;gap:11px}.expertise-copy h3{font-size:1.25rem}.expertise-copy p{font-size:.96rem;line-height:1.5}.projects-section{border-radius:32px 32px 0 0;padding:82px 14px 76px}.projects-intro{padding:0 8px 46px}.projects-intro h2{font-size:clamp(2.8rem,13vw,5.6rem)}.project-stack{flex-direction:column;gap:22px;display:flex}.project-card{border-radius:17px;min-height:0;padding:15px;position:relative;top:auto!important}.project-card-header{grid-template-columns:auto 1fr;gap:7px 10px;padding-bottom:15px}.project-number{font-size:.72rem}.project-category{font-size:.63rem}.project-status{grid-column:1/-1;justify-self:start;font-size:.65rem}.project-card-header h3{font-size:clamp(2.25rem,10vw,4rem)}.project-media-grid{grid-template-rows:none;grid-template-columns:1fr;gap:8px;min-height:0;max-height:none}.project-media-slot{aspect-ratio:1.55;padding:14px}.project-media-slot-1,.project-media-slot-2,.project-media-slot-3{grid-area:auto}.project-card-footer{grid-template-columns:1fr;align-items:start;gap:14px;padding-top:16px}.project-card-footer>p{font-size:.93rem}.project-action,.project-details summary{justify-content:space-between;justify-self:start;font-size:.75rem}.project-details{width:100%}.project-details[open]{grid-column:auto}}@media (max-height:700px) and (min-width:768px){.hero{min-height:720px}.portrait-position{height:66svh;top:52%}.hero-title-wrap{margin-top:18px}}@media (max-height:500px) and (orientation:landscape){.hero{min-height:100svh}.hero-nav{padding-top:8px}.hero-title-wrap{margin-top:2svh}.hero-title{font-size:clamp(3.4rem,17vw,8rem)}.portrait-position{width:min(48vw,300px);height:76svh;top:50%}.hero-bottom{padding:0 20px 12px}.hero-description{max-width:250px;font-size:clamp(.65rem,1.5vw,.82rem)}.contact-button{min-width:168px;min-height:44px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.about-copy.is-ready:not(.is-visible) .about-word{opacity:1}.marquee-row .marquee-track{animation:none!important;transform:none!important}}@media (max-height:740px),(max-width:767px){.project-card,.project-card:nth-child(n){position:relative;top:auto}.project-stack{gap:22px}}.project-card-pragma{border-radius:36px;padding:26px}.project-card-pragma .project-card-header{grid-template-columns:auto 1fr auto;column-gap:22px;padding:2px 4px 24px}.project-card-pragma .project-number{letter-spacing:-.05em;color:#d7e2ea;grid-row:1/3;font-size:clamp(3rem,5vw,5rem);font-weight:900;line-height:1}.project-card-pragma .project-category{grid-column:2;font-size:.7rem}.project-card-pragma .project-status{color:#b5beb8;border:0;grid-area:1/3/3;padding:0}.project-card-pragma .project-card-header h3{letter-spacing:-.025em;grid-column:2;font-size:1.65rem;font-weight:500}.pragma-showcase{isolation:isolate;color:#16251c;background:#dce3d5;border-radius:26px;height:clamp(480px,43vw,660px);position:relative;overflow:hidden}.pragma-showcase:after{content:"";z-index:-1;background:radial-gradient(at 50% 38%,#f0f2e7 0,#0000 65%);position:absolute;inset:0}.pragma-showcase-word{letter-spacing:-.065em;color:#c4cebc;white-space:nowrap;font-size:clamp(6rem,17vw,17rem);font-style:italic;font-weight:900;line-height:1;position:absolute;top:1%;left:50%;transform:translate(-50%)}.pragma-device-scene{position:absolute;inset:0 0 40px}.pragma-device{background:#101813;border:1px solid #68726a;border-radius:36px;width:clamp(180px,21%,285px);padding:5px;transition:translate .24s;display:block;position:absolute;box-shadow:0 28px 36px -14px #17281f70,0 2px 4px #16211b40}.pragma-device img{border-radius:30px;width:100%;height:auto;display:block}.pragma-device-1{top:17%;left:16%;rotate:-12deg}.pragma-device-2{z-index:2;top:6%;left:50%;transform:translate(-50%)}.pragma-device-3{top:17%;right:16%;rotate:12deg}.pragma-device:focus-visible{outline-offset:6px;outline:3px solid #f27640}.pragma-showcase-caption{z-index:3;background:#dce3d5;justify-content:space-between;align-items:center;gap:14px;min-height:56px;padding:14px 28px;font-size:.84rem;display:flex;position:absolute;bottom:0;left:0;right:0}.pragma-showcase-caption span:last-child{color:#4b5c4e;font-size:.7rem}.project-card-pragma .project-card-footer{padding:22px 5px 4px}.pragma-detail-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding:28px 0;display:grid}.pragma-detail-gallery figure{min-width:0;margin:0}.pragma-detail-gallery a{border-radius:24px;display:block}.pragma-detail-gallery img{border:1px solid #344438;border-radius:24px;width:100%;height:auto;display:block}.pragma-detail-gallery figcaption{color:#bcc7bf;margin-top:12px;font-size:.8rem}.pragma-marquee-group{gap:12px;display:flex}.pragma-preview{isolation:isolate;background:#dce3d5;border-radius:20px;flex-shrink:0;width:clamp(340px,35vw,540px);height:clamp(220px,23vw,340px);position:relative;overflow:hidden}.pragma-preview-2{background:#b9c6b4}.pragma-preview-brand{letter-spacing:-.055em;color:#344a39;font-size:clamp(1.7rem,3vw,2.6rem);font-style:italic;font-weight:900;position:absolute;top:18px;left:22px}.pragma-preview-phone{background:#101813;border:1px solid #65736a;border-radius:24px;width:37%;height:auto;padding:3px;display:block;position:absolute;box-shadow:0 18px 24px #17281f40}.pragma-preview-phone-1{top:26%;left:17%;rotate:-12deg}.pragma-preview-phone-2{top:-17%;right:12%;rotate:12deg}@media (hover:hover) and (pointer:fine){.pragma-device:hover{translate:0 -8px}}@media (max-width:767px){.project-card-pragma{border-radius:26px;padding:14px}.project-card-pragma .project-card-header{column-gap:12px;padding:8px 4px 20px}.project-card-pragma .project-number{font-size:2.8rem}.project-card-pragma .project-category{max-width:170px;font-size:.58rem}.project-card-pragma .project-status{grid-area:3/1/auto/-1;justify-self:start;padding-top:5px;font-size:.66rem}.project-card-pragma .project-card-header h3{font-size:1.35rem}.pragma-showcase{border-radius:18px;height:400px}.pragma-showcase-word{font-size:23vw;top:5%}.pragma-device{border-radius:23px;width:45%;min-width:0;padding:3px}.pragma-device img{border-radius:19px}.pragma-device-1{top:23%;left:-9%}.pragma-device-2{width:49%;top:11%}.pragma-device-3{top:23%;right:-9%}.pragma-showcase-caption{flex-direction:column;align-items:flex-start;gap:1px;min-height:59px;padding:10px 16px;font-size:.8rem}.pragma-showcase-caption span:last-child{font-size:.6rem}.pragma-detail-gallery{scroll-snap-type:x mandatory;gap:16px;padding:20px 2px;display:flex;overflow-x:auto}.pragma-detail-gallery figure{scroll-snap-align:start;flex:0 0 75%}.pragma-preview{border-radius:16px;width:320px;height:220px}.pragma-marquee-group{gap:9px}}@media (prefers-reduced-motion:reduce){.pragma-device{transition:none}.pragma-device:hover{translate:none}}.project-card-pragma{--pragma-orange:#f27640}.pragma-showcase,.project-card-pragma .project-card-header h3,.project-card-pragma .project-number{color:var(--pragma-orange)}.pragma-showcase{background:#171311}.pragma-showcase:after{background:radial-gradient(at 50% 40%,#60351f 0,#2b1b13 40%,#171311 76%)}.pragma-showcase-word{color:#f2764028}.pragma-showcase-caption{color:#f4e8df;background:#211a16;border-top:1px solid #f2764055}.pragma-showcase-caption span:last-child{color:#f27640}.pragma-device{border-color:#f2764080;box-shadow:0 28px 42px -18px #000b,0 0 0 1px #f276401c}.pragma-preview,.pragma-preview-2{background:radial-gradient(at 70% 20%,#713f24,#281b14 68%,#171311)}.pragma-preview-brand{color:#f27640}.pragma-preview-phone{border-color:#f2764080;box-shadow:0 18px 24px #0008}.nutrition-preview{background:radial-gradient(at 70% 20%,#d9e9d8,#9ebca5 66%,#557d67)}.nutrition-preview:after{z-index:-1;aspect-ratio:1;content:"";border:1px solid #28694f40;border-radius:50%;width:74%;position:absolute;bottom:-58%;right:-8%;box-shadow:0 0 0 22px #28694f0a,0 0 0 52px #28694f0a}.nutrition-preview .pragma-preview-brand{color:#28694f;font-size:clamp(1.1rem,2.3vw,2rem)}.nutrition-preview .pragma-preview-phone{border-color:#28694f99;box-shadow:0 18px 24px #183d2c55}.pragma-device:focus-visible{outline-color:#f27640}.pragma-detail-gallery figcaption{color:#f27640}.project-card-nutrition{--nutrition-green:#28694f;--nutrition-soft:#dfe9df}.project-card-nutrition .project-card-header h3,.project-card-nutrition .project-number{color:#68a184}.nutrition-showcase{isolation:isolate;color:#28694f;background:radial-gradient(at 50% 24%,#f7f8f1,#dce7db 65%,#b9d2bf);border-radius:26px;height:clamp(480px,43vw,660px);position:relative;overflow:hidden}.nutrition-showcase-title{z-index:-1;white-space:nowrap;letter-spacing:-.07em;color:#28694f;font-size:clamp(3rem,8vw,8rem);font-style:italic;font-weight:900;position:absolute;top:5%;left:50%;transform:translate(-50%)}.nutrition-showcase-title span{color:#8cae99}.nutrition-devices{position:absolute;inset:0 0 54px}.nutrition-device{background:#f8faf5;border:1px solid #76a88c;border-radius:35px;width:clamp(190px,23%,310px);padding:5px;display:block;position:absolute;box-shadow:0 28px 42px -18px #193e2b66}.nutrition-device img{border-radius:29px;width:100%;height:auto;display:block}.nutrition-device-1{top:9%;left:27%;rotate:-7deg}.nutrition-device-2{top:22%;left:52%;rotate:8deg}.nutrition-showcase-caption{background:#f7f8f1;border-top:1px solid #28694f44;width:100%;padding:18px 26px;font-size:.85rem;position:absolute;bottom:0}.project-card-nutrition .project-status{color:#a8c9b4}.project-card-nutrition .project-card-footer{padding-top:22px}.project-card:has(.trading-showcase) .project-card-header h3,.project-card:has(.trading-showcase) .project-number{color:#ff755f}.trading-showcase{color:#edf0f5;background:radial-gradient(at 50% 0,#292b31,#121419 72%);border:1px solid #ff755f44;border-radius:26px;padding:clamp(18px,3vw,34px);position:relative;overflow:hidden}.trading-showcase-heading{justify-content:space-between;align-items:end;gap:18px;margin-bottom:22px;display:flex}.trading-showcase-heading span{color:#ff755f;letter-spacing:.15em;font-size:.68rem}.trading-showcase-heading strong{letter-spacing:-.06em;font-size:clamp(1.5rem,4vw,3rem)}.trading-gallery{grid-template-rows:repeat(2,minmax(140px,18vw));grid-template-columns:1fr 1fr;gap:12px;display:grid}.trading-screen{background:#191c22;border:1px solid #8a929d55;border-radius:14px;min-width:0;position:relative;overflow:hidden}.trading-screen-1{grid-row:span 2}.trading-screen img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:scale .4s}.trading-screen:hover img{scale:1.025}.trading-showcase-caption{color:#aab2c0;letter-spacing:.04em;margin-top:18px;font-size:.78rem}@media (max-width:767px){.trading-showcase{border-radius:19px;padding:14px}.trading-showcase-heading{flex-direction:column;align-items:start;gap:6px;margin-bottom:14px}.trading-gallery{grid-template-rows:repeat(2,130px);grid-template-columns:1fr 1fr;gap:8px}.trading-screen-1{grid-row:span 2}.trading-showcase-caption{font-size:.66rem;line-height:1.5}.nutrition-showcase{border-radius:18px;height:400px}.nutrition-showcase-title{font-size:12vw;top:9%}.nutrition-devices{inset:0 0 50px}.nutrition-device{border-radius:22px;width:51%;padding:3px}.nutrition-device img{border-radius:18px}.nutrition-device-1{top:25%;left:5%}.nutrition-device-2{top:17%;left:46%}.nutrition-showcase-caption{padding:14px 16px;font-size:.75rem}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{50%{opacity:.5}}