/*! tailwindcss v4.3.0 | 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)))){*,:before,:after,::backdrop{--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-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-duration:initial;--tw-ease:initial}}}@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;--container-4xl:56rem;--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);--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{*,: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{.invisible{visibility:hidden}.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mt-4{margin-top:calc(var(--spacing) * 4)}.block{display:block}.hidden{display:none}.inline{display:inline}.table{display:table}.h-full{height:100%}.w-full{width:100%}.max-w-4xl{max-width:var(--container-4xl)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.opacity-100{opacity:1}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.blur{--tw-blur:blur(8px);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,)}.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))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.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)}}:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}html{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{display:none}#root{box-sizing:border-box;flex-direction:column;width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}@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-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-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}.sb-root{--scroll-progress:0;--col-dark:#f3c5a8;--col-mid:#61180b;--col-warm:#260000;--p1:min(1, calc(var(--scroll-progress) * 2));--p2:max(0, calc((var(--scroll-progress) - .5) * 2));--wash-mid:color-mix(in oklab, var(--col-dark) calc((1 - var(--p1)) * 100%), var(--col-mid));--wash-final:color-mix(in oklab, var(--wash-mid) calc((1 - var(--p2)) * 100%), var(--col-warm));z-index:-1;background:var(--wash-final);pointer-events:none;isolation:isolate;position:fixed;inset:0;overflow:hidden}.sb-video{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;filter:blur(4px)brightness(.95)saturate(1.05);opacity:.95;transform-origin:50%;width:100%;height:100%;transition:transform 1.1s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:scale(1.06)}.sb-zoomed .sb-video{transform:scale(1.45)}.sb-wash{background:var(--wash-final);mix-blend-mode:color;transition:background .15s linear;position:absolute;inset:0}.sb-tint{-webkit-backdrop-filter:blur(3px);background:#f7c28e1f;position:absolute;inset:0}.sb-grain{opacity:.55;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='320' height='320'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.75 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");background-size:280px 280px;animation:1.2s steps(6,end) infinite sbGrain;position:absolute;inset:-50%}.sb-grain-coarse{opacity:.35;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='600' height='600'><filter id='n2'><feTurbulence type='fractalNoise' baseFrequency='0.35' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.05  0 0 0 0 0.05  0 0 0 0 0.05  0 0 0 0.9 0'/></filter><rect width='100%' height='100%' filter='url(%23n2)'/></svg>");background-size:600px 600px;animation:2.4s steps(8,end) infinite sbGrain;position:absolute;inset:-25%}@keyframes sbGrain{0%{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-1%)}60%{transform:translate(-1%,3%)}80%{transform:translate(3%,-2%)}to{transform:translate(0)}}.sb-vignette{background:radial-gradient(120% 90%,#0000 55%,#3c2d1e33 100%);position:absolute;inset:0}.sb-cover{opacity:1;background:#0a0810;transition:opacity 1.2s cubic-bezier(.23,1,.32,1);position:absolute;inset:0}.sb-revealed .sb-cover{opacity:0}@media (prefers-reduced-motion:reduce){.sb-grain{animation:none!important}.sb-video{transition:none!important}}.fvb-root{z-index:0;pointer-events:none;isolation:isolate;opacity:0;transition:opacity 1.6s cubic-bezier(.23,1,.32,1);position:fixed;inset:0;overflow:hidden}.fvb-root.is-active{opacity:1}.fvb-video{-o-object-fit:cover;object-fit:cover;filter:brightness(.6)saturate(1.15)blur(10px);width:100%;height:100%;position:absolute;inset:0;transform:scale(1.08)}.fvb-grad{pointer-events:none;background:radial-gradient(120% 90% at 50% 55%,#0000 25%,#080a1880 75%,#080a18cc 100%),linear-gradient(#0e1b4080 0%,#0e1b400d 30% 70%,#080a18b3 100%);position:absolute;inset:0}.fvb-noise{pointer-events:none;mix-blend-mode:overlay;opacity:.85;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='400' height='400'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.95 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");background-size:320px 320px;animation:1.4s steps(6,end) infinite fvbGrain;position:absolute;inset:-10%}.fvb-noise:after{content:"";mix-blend-mode:soft-light;opacity:.65;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='600' height='600'><filter id='n2'><feTurbulence type='fractalNoise' baseFrequency='0.35' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.06  0 0 0 0 0.06  0 0 0 0 0.06  0 0 0 0.95 0'/></filter><rect width='100%' height='100%' filter='url(%23n2)'/></svg>");background-size:540px 540px;position:absolute;inset:0}@keyframes fvbGrain{0%{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-1%)}60%{transform:translate(-1%,3%)}80%{transform:translate(3%,-2%)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.fvb-noise{animation:none}}.hero-shift{height:200vh;position:relative}.reveal-section{width:100%;height:100svh;color:var(--hero-fg,#efe9d8);z-index:1;will-change:filter;backface-visibility:hidden;margin:0;padding:0;position:sticky;top:0}.hero-shift+.dive-section{margin-top:-100vh}@media (prefers-reduced-motion:reduce){.hero-shift{height:auto}.hero-shift+.dive-section{margin-top:0}.reveal-section{z-index:auto;will-change:auto;position:relative;filter:none!important;transform:none!important}}.reveal{cursor:pointer;isolation:isolate;-webkit-tap-highlight-color:transparent;background:#000;border:0;border-radius:0;width:100%;height:100%;margin:0;padding:0;display:block;position:relative;overflow:hidden}.reveal:focus-visible{outline:2px solid var(--hero-fg,#efe9d8);outline-offset:-4px}.reveal-scrim{z-index:1;pointer-events:none;position:absolute;left:0;right:0}.reveal-scrim-top{background:linear-gradient(#0000008c,#0000);height:30vh;top:0}.reveal-scrim-bottom{background:linear-gradient(#0000,#00000080);height:28vh;bottom:0}.reveal-img{-o-object-fit:cover;object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}@property --r{syntax:"<length>";inherits:true;initial-value:0}.reveal{--r:0px;transition:--r .3s}.reveal.is-active{--r:clamp(120px, 15vw, 220px)}.reveal-top{z-index:1;-webkit-mask:url(#revealMask);mask:url(#revealMask)}.reveal-shape{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.reveal-mask-shape,.reveal-edge{cx:var(--mx,50%);cy:var(--my,50%);r:var(--r,0px)}.reveal-edge{fill:none;stroke:#fffffff2;stroke-width:2.5px}.reveal-edge-glow{filter:drop-shadow(0 0 4px #ffffffd9)drop-shadow(0 0 11px #ffffff80)}.reveal.is-forced .reveal-top{-webkit-mask:none;mask:none}.reveal.is-forced .reveal-shape{display:none}.reveal-caption{z-index:3;letter-spacing:.18em;text-transform:uppercase;color:#fff;text-shadow:0 1px 12px #0009;pointer-events:none;font-family:Archivo,system-ui,sans-serif;font-size:13px;position:absolute;bottom:16px;left:18px}.reveal-caption span{transition:opacity .5s,transform .5s;display:block}.reveal-caption-top{opacity:0;position:absolute;bottom:0;left:0;transform:translateY(6px)}.reveal.is-active .reveal-caption-base,.reveal.is-forced .reveal-caption-base{opacity:0;transform:translateY(-6px)}.reveal.is-active .reveal-caption-top,.reveal.is-forced .reveal-caption-top{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.reveal{transition:none}.reveal-caption span{transition:opacity .4s}.reveal-caption-top,.reveal.is-active .reveal-caption-base,.reveal.is-active .reveal-caption-top,.reveal.is-forced .reveal-caption-base,.reveal.is-forced .reveal-caption-top{transform:none}}@media (width<=720px){.reveal-caption{font-size:11px;bottom:12px;left:14px}}:root{--hero-fg:#efe9d8;--hero-fg-soft:#efe9d8b8}.site-nav{z-index:50;color:var(--hero-fg);letter-spacing:.02em;pointer-events:none;justify-content:space-between;align-items:center;padding:28px 36px;font-family:Archivo,system-ui,sans-serif;font-size:14px;display:flex;position:fixed;inset:0 0 auto}.site-nav>*{pointer-events:auto}.nav-btn{color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;align-items:center;gap:10px;padding:4px 0;text-decoration:none;display:inline-flex}.nav-menu svg{display:block}.nav-logo{letter-spacing:0;color:var(--hero-fg);white-space:nowrap;font-family:Instrument Serif,Georgia,serif;font-size:22px;text-decoration:none;position:absolute;left:50%;transform:translate(-50%)}.logo-from{font-style:normal}.logo-another{font-style:italic}.nav-chat .nav-arrow{display:inline-block;transform:translateY(-1px)}.nav-right{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.hero{min-height:100vh;color:var(--hero-fg);text-align:center;justify-content:center;align-items:center;padding:0 6vw;display:flex;position:relative}.hero-headline{letter-spacing:-.015em;text-transform:uppercase;color:var(--hero-fg);--hero-lift-max:55vh;transform:translateY(calc(var(--hero-blur,0) * var(--hero-lift-max) * -1));opacity:calc(1 - var(--hero-blur,0) * .95);will-change:transform, opacity;margin:0;font-family:Archivo,system-ui,sans-serif;font-size:clamp(48px,8.5vw,110px);font-weight:800;line-height:.98;transition:transform .12s linear,opacity .12s linear}.hero-since{filter:blur(calc(var(--hero-blur,0) * 6px));transform:translateY(calc(var(--hero-blur,0) * -40vh));opacity:calc(1 - var(--hero-blur,0));transition:filter .12s linear,transform .12s linear,opacity .12s linear}.hero-scroll-cue{transition:opacity .35s,transform .55s cubic-bezier(.7,0,.25,1)}.hero-scroll-cue.is-hidden{opacity:0;pointer-events:none}.hero-rotating-word{will-change:transform, opacity, filter;animation:.55s cubic-bezier(.22,1,.36,1) heroWordIn;display:inline-block}@keyframes heroWordIn{0%{opacity:0;filter:blur(6px);transform:translateY(.12em)}to{opacity:1;filter:blur();transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.hero-rotating-word{animation:none}}.hero-vid-btn{vertical-align:middle;cursor:pointer;background:#000;border:0;border-radius:4px;width:1.38667em;height:.78em;margin:0 .05em;padding:0;transition:transform .25s;display:inline-block;position:relative;overflow:hidden}.hero-vid-btn:hover{transform:scale(1.04)}.hero-vid-btn video{-o-object-fit:cover;object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.hero-since{color:var(--hero-fg);margin:0;font-family:Instrument Serif,Georgia,serif;font-size:18px;font-style:italic;position:absolute;top:58%;left:6vw;transform:translateY(-50%)}.hero-lang{letter-spacing:.04em;color:var(--hero-fg);gap:10px;font-family:Instrument Serif,Georgia,serif;font-size:15px;font-style:italic;display:inline-flex}.hero-lang-sep{opacity:.55}.hero-scroll-cue{color:var(--hero-fg-soft);z-index:60;cursor:pointer;--cue-return:calc(max(0, min(1, (var(--page-progress,0) - .85) * 8)) * 140px);--cue-y:calc(0px - var(--cue-return));transform:translate(-50%, var(--cue-y)) rotate(0deg);background:0 0;border:0;flex-direction:column;align-items:center;gap:8px;padding:8px;transition:transform .55s cubic-bezier(.7,0,.25,1),opacity .35s;display:flex;position:fixed;bottom:32px;left:50%}.hero-scroll-cue.is-at-bottom{transform:translate(-50%, var(--cue-y)) rotate(180deg)}.cue-dot{border:1px solid;border-radius:50%;width:6px;height:6px;animation:1.8s ease-in-out infinite cueDotPulse}.cue-line{background:#efe9d82e;width:1px;height:48px;position:relative;overflow:hidden}.cue-line:before{content:"";background:currentColor;width:100%;height:45%;animation:1.8s cubic-bezier(.6,0,.4,1) infinite cueDrop;position:absolute;top:0;left:0;transform:translateY(-100%)}@keyframes cueDrop{0%{transform:translateY(-100%)}60%{transform:translateY(220%)}to{transform:translateY(220%)}}@keyframes cueDotPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.35)}}@media (prefers-reduced-motion:reduce){.cue-line:before,.cue-dot{animation:none}}.hero-modal{z-index:200;cursor:zoom-out;background:#000000d9;justify-content:center;align-items:center;animation:.25s heroModalIn;display:flex;position:fixed;inset:0}@keyframes heroModalIn{0%{opacity:0}to{opacity:1}}.hero-modal video{aspect-ratio:16/9;-o-object-fit:contain;object-fit:contain;cursor:default;background:#000;border-radius:6px;width:min(92vw,1600px);max-height:88vh;box-shadow:0 30px 80px #0009}.hero-modal-close{width:44px;height:44px;color:var(--hero-fg);cursor:pointer;background:#ffffff14;border:0;border-radius:50%;font-size:28px;line-height:1;transition:background .2s;position:absolute;top:24px;right:28px}.hero-modal-close:hover{background:#ffffff2e}.menu-overlay{z-index:150;color:#f97b0c;text-align:center;will-change:transform;pointer-events:none;visibility:hidden;background:#e9e2d1;flex-direction:column;justify-content:center;align-items:center;padding:clamp(20px, 3vh, 40px) 4vw;overflow-y:auto;transition:transform .72s cubic-bezier(.76,0,.24,1),visibility 0s linear .72s;display:flex;position:fixed;inset:0;transform:translateY(100%)}.menu-overlay.is-open{pointer-events:auto;visibility:visible;transition:transform .72s cubic-bezier(.76,0,.24,1),visibility linear;transform:translateY(0)}.menu-close{cursor:pointer;color:inherit;letter-spacing:.04em;text-transform:uppercase;background:0 0;border:0;align-items:center;gap:8px;padding:6px 2px;font-family:Archivo,system-ui,sans-serif;font-size:14px;display:inline-flex;position:absolute;top:30px;right:36px}.menu-close-x{font-size:22px;line-height:1}.menu-nav ul{margin:0;padding:0;list-style:none}.menu-nav li{opacity:0;transition:transform .75s cubic-bezier(.22,1,.36,1),opacity .75s;transition-delay:calc(60ms * var(--menu-i,0));transform:translateY(110%)}.menu-overlay.is-open .menu-nav li{opacity:1;transition-delay:calc(.16s + 70ms * var(--menu-i,0));transform:translateY(0)}.menu-link{letter-spacing:-.01em;color:#e0531f;opacity:.85;font-family:Archivo,Georgia,serif;font-size:clamp(36px,6.2vh,68px);font-weight:400;line-height:1.18;padding:4px 0;text-decoration:none;transition:filter .4s,opacity .4s,transform .4s;display:inline-block}.menu-nav:hover .menu-link,.menu-nav:focus-within .menu-link{opacity:.35;filter:blur(4px)}.menu-nav .menu-link:hover,.menu-nav .menu-link:focus-visible{opacity:1;filter:blur()drop-shadow(0 6px 30px #00000040);transform:scale(1.04)}:is(.menu-overlay:has(.menu-nav:hover) .menu-contact,.menu-overlay:has(.menu-nav:focus-within) .menu-contact){opacity:.4;filter:blur(3px);transition-delay:0s}.menu-contact{opacity:0;flex-direction:column;align-items:center;gap:6px;margin-top:clamp(20px,3.2vh,42px);gap:6px;transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .7s,filter .4s;display:flex;transform:translateY(40px)}.menu-overlay.is-open .menu-contact{opacity:1;transition-delay:calc(.16s + 70ms * var(--menu-i,0));transform:translateY(0)}.menu-contact-label{letter-spacing:.08em;text-transform:uppercase;opacity:.6;color:inherit;cursor:pointer;font-family:Archivo,system-ui,sans-serif;font-size:13px;text-decoration:none;transition:opacity .25s}.menu-contact-label:hover{opacity:1}.menu-contact-email{color:inherit;border-bottom:1px solid #0000;width:fit-content;font-family:Instrument Serif,Georgia,serif;font-size:clamp(18px,2.8vh,30px);font-style:italic;text-decoration:none;transition:border-color .25s}.menu-contact-email:hover{border-color:currentColor}@media (prefers-reduced-motion:reduce){.menu-overlay,.menu-link,.menu-contact{transition-duration:1ms}}@media (width<=720px){.site-nav{padding:20px 18px}.nav-logo{font-size:18px}.hero-since{top:auto;bottom:110px;transform:none}.hero-headline{font-size:clamp(40px,11vw,80px)}.hero-lang{font-size:11px}.menu-overlay{padding:clamp(16px,2.5vh,30px) 20px}.menu-close{top:20px;right:18px}}.vft{font-variation-settings:"wght" 820, "wdth" 151;font-family:Roboto Flex,system-ui,sans-serif}.vft-letter{white-space:pre;will-change:font-variation-settings;display:inline-block}@media (prefers-reduced-motion:reduce){.vft-letter{transition:none!important}}.fw-section{color:#efe9d8;min-height:100vh;padding:18vh 6vw 14vh;position:relative;overflow:clip}.fw-heading{text-align:center;text-transform:uppercase;letter-spacing:-.01em;cursor:default;margin:0;font-size:clamp(56px,13vw,100px);line-height:.95}.fw-projects{flex-direction:column;gap:clamp(20px,3vw,48px);margin-top:clamp(48px,8vh,110px);display:flex}.proj-pin{--pin-dwell:55vh;height:calc(100vh + var(--pin-dwell))}.proj-sticky{justify-content:center;align-items:center;height:100vh;display:flex;position:sticky;top:0}.proj-sticky>.proj-row{width:100%}.proj-row{grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,32px);display:grid}.proj-slide{color:inherit;opacity:0;will-change:opacity, transform;background:#ffffff0a;border-radius:14px;text-decoration:none;transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);display:block;position:relative;overflow:hidden;transform:translate(0)}.proj-slide--from-left{transform:translate(-12vw)}.proj-slide--from-right{transform:translate(12vw)}.proj-slide.is-in{opacity:1;transform:translate(0)}.proj-row .proj-slide:nth-child(2){transition-delay:.12s}.proj-slide--big{height:clamp(360px,72vh,820px)}.proj-slide--half{height:clamp(300px,56vh,680px)}.proj-slide img,.proj-slide video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.16,1,.3,1),filter .6s;display:block;position:absolute;inset:0}.proj-slide:hover img,.proj-slide:hover video{filter:saturate(1.08);transform:scale(1.06)}.proj-video{cursor:pointer}.proj-slide--contain{background:#e7efdf}.proj-slide--contain img{-o-object-fit:contain;object-fit:contain}.proj-slide:before,.proj-slide:after{content:"";opacity:0;pointer-events:none;transition:opacity .5s;position:absolute;inset:0}.proj-slide:after{z-index:1;background:#0000006b}.proj-slide:before{z-index:1;background:linear-gradient(#0000 38%,#000000b8)}.proj-slide:hover:after,.proj-slide:hover:before{opacity:1}.proj-info{z-index:2;color:#efe9d8;pointer-events:none;flex-direction:column;align-items:flex-start;gap:10px;padding:26px 28px;transition:transform .7s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(110%)}.proj-links a{pointer-events:auto}.proj-slide:hover .proj-info{transform:translateY(0)}.proj-line,.proj-name,.proj-desc,.proj-links{opacity:0;transition:opacity .55s,transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(18px)}.proj-slide:hover .proj-line,.proj-slide:hover .proj-name,.proj-slide:hover .proj-desc,.proj-slide:hover .proj-links{opacity:1;transform:translateY(0)}.proj-slide:hover .proj-line{transition-delay:40ms}.proj-slide:hover .proj-name{transition-delay:.12s}.proj-slide:hover .proj-desc{transition-delay:.2s}.proj-slide:hover .proj-links{transition-delay:.28s}.proj-line{background:#fff;width:100%;height:1px;margin-bottom:4px;display:block}.proj-name{margin:0;font-family:Instrument Serif,Georgia,serif;font-size:clamp(22px,2.6vw,34px);font-style:italic;font-weight:400;line-height:1.05}.proj-desc{max-width:46ch;margin:0;font-family:Archivo,system-ui,sans-serif;font-size:clamp(13px,1vw,15px);line-height:1.45}.proj-slide:hover .proj-desc{opacity:.88}.proj-links{gap:22px;margin-top:4px;display:flex}.proj-links a{letter-spacing:.16em;text-transform:uppercase;color:#efe9d8;border-bottom:1px solid #efe9d859;padding-bottom:2px;font-family:Archivo,system-ui,sans-serif;font-size:12px;text-decoration:none;transition:border-color .3s,opacity .3s}.proj-links a:hover{border-color:#efe9d8}.fw-modal{z-index:200;cursor:zoom-out;background:#000000e0;justify-content:center;align-items:center;animation:.25s fwModalIn;display:flex;position:fixed;inset:0}@keyframes fwModalIn{0%{opacity:0}to{opacity:1}}.fw-modal video{-o-object-fit:contain;object-fit:contain;cursor:default;background:#000;border-radius:6px;width:min(92vw,1600px);max-height:88vh;box-shadow:0 30px 80px #0009}.fw-modal-close{color:#efe9d8;cursor:pointer;background:#ffffff14;border:0;border-radius:50%;width:44px;height:44px;font-size:28px;line-height:1;transition:background .2s;position:absolute;top:24px;right:28px}.fw-modal-close:hover{background:#ffffff2e}@media (width<=720px){.proj-row{grid-template-columns:1fr}.proj-slide--half{height:clamp(280px,60vh,520px)}}.dive-section{z-index:2;--dive-progress:0;--ease-out:cubic-bezier(.23, 1, .32, 1);--dive-cover:#0e1b40;height:240vh;position:relative}.dive-sticky{isolation:isolate;width:100%;height:100vh;position:sticky;top:0;overflow:hidden}.dive-cover-bg{z-index:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;-webkit-user-select:none;user-select:none;width:100%;max-width:none;height:100%;opacity:calc(min(1, max(0, (.2 - var(--dive-progress)) / .06)));transition:opacity .15s var(--ease-out);display:block;position:absolute;inset:0;transform:rotate(180deg)}.dive-masked{z-index:1;opacity:calc(min(1, max(0, 1 - (var(--dive-progress) - .18) / .08)));transition:opacity .15s var(--ease-out);position:absolute;inset:0;-webkit-mask:url(#dive-text-mask);mask:url(#dive-text-mask)}.dive-video{-o-object-fit:cover;object-fit:cover;z-index:1;width:100%;height:100%;filter:brightness(calc(1 - max(0, var(--dive-progress) - .12) * 1.4)) saturate(1.1) blur(calc(max(0, var(--dive-progress) - .12) * 22px));transition:filter .18s var(--ease-out);display:block;position:absolute;inset:0;transform:scale(1.08)}.dive-blur-grad{z-index:2;pointer-events:none;opacity:calc(.55 + max(0, var(--dive-progress) - .15) * .65);transition:opacity .2s var(--ease-out);background:radial-gradient(120% 90% at 50% 55%,#0000 25%,#080a1873 75%,#080a18bf 100%),linear-gradient(#0e1b4073 0%,#0e1b400d 30% 70%,#080a18a6 100%);position:absolute;inset:0}.dive-noise{z-index:3;pointer-events:none;mix-blend-mode:overlay;opacity:calc(.75 + max(0, var(--dive-progress) - .15) * .4);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='400' height='400'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.95 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");background-size:320px 320px;animation:1.4s steps(6,end) infinite diveGrain;position:absolute;inset:-10%}.dive-noise:after{content:"";mix-blend-mode:soft-light;opacity:.7;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='600' height='600'><filter id='n2'><feTurbulence type='fractalNoise' baseFrequency='0.35' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.06  0 0 0 0 0.06  0 0 0 0 0.06  0 0 0 0.95 0'/></filter><rect width='100%' height='100%' filter='url(%23n2)'/></svg>");background-size:540px 540px;position:absolute;inset:0}@keyframes diveGrain{0%{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-1%)}60%{transform:translate(-1%,3%)}80%{transform:translate(3%,-2%)}to{transform:translate(0)}}.dive-cover-svg{z-index:4;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.dive-journey-title-span{letter-spacing:-.01em;text-transform:none;font-family:Instrument Serif,Georgia,serif;font-size:1.05em;font-style:italic;font-weight:400}.dive-journey-content{z-index:5;text-align:center;pointer-events:none;opacity:calc(min(1, max(0, (var(--dive-progress) - .2) * 5)));transform:translateY(calc((1 - min(1, max(0, (var(--dive-progress) - .2) * 5))) * 26px));transition:opacity .25s var(--ease-out), transform .25s var(--ease-out);flex-direction:column;justify-content:center;align-items:center;padding:0 6vw;display:flex;position:absolute;inset:0}.dive-journey-title{letter-spacing:-.02em;text-transform:uppercase;color:#fff;text-shadow:0 4px 30px #0000008c;margin:0;font-family:Archivo,system-ui,sans-serif;font-size:clamp(48px,8.5vw,80px);font-weight:900;line-height:1}@media (width<=720px){.dive-section{height:220vh}.dive-journey-title{font-size:clamp(36px,11vw,72px)}}@media (prefers-reduced-motion:reduce){.dive-noise{animation:none}}.roles-section{text-align:center;color:#efe9d8;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:0 6vw;display:flex;position:relative}.roles-eyebrow{letter-spacing:.2em;text-transform:uppercase;opacity:.7;margin:0 0 48px;font-family:Archivo,system-ui,sans-serif;font-size:13px;transition:filter .4s,opacity .4s}.roles-list{flex-direction:column;align-items:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.roles-item{letter-spacing:-.02em;color:#efe9d8;cursor:pointer;opacity:.78;outline:none;font-family:Archivo,Georgia,serif;font-size:clamp(40px,7vw,70px);font-style:italic;font-weight:700;line-height:1.08;transition:filter .4s,opacity .4s,transform .4s}.roles-list:hover .roles-item,.roles-list:focus-within .roles-item{opacity:.32;filter:blur(4px)}:is(.roles-section:has(.roles-list:hover) .roles-eyebrow,.roles-section:has(.roles-list:focus-within) .roles-eyebrow){opacity:.25;filter:blur(3px)}.roles-list .roles-item:hover,.roles-list .roles-item:focus-visible{opacity:1;filter:blur()drop-shadow(0 6px 30px #00000073);transform:scale(1.04)}.roles-cursor-vid{-o-object-fit:cover;object-fit:cover;pointer-events:none;z-index:50;opacity:0;will-change:transform;border-radius:12px;width:440px;height:250px;transition:opacity .22s,scale .22s;position:absolute;top:0;left:0;transform:translate(-50%,-50%)scale(.8)}.roles-cursor-vid.is-visible{opacity:1;scale:1}@media (width<=720px){.roles-item{font-size:clamp(32px,9vw,64px)}}@media (prefers-reduced-motion:reduce){.roles-eyebrow,.roles-item{transition:none}}.curve-region{position:relative}.scroll-curve{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.scroll-curve-path{fill:none;stroke:#efe9d8;stroke-width:12px;stroke-linecap:butt;stroke-linejoin:round}@media (width<=600px){.scroll-curve{display:none}}.contact-reveal{position:relative}.contact-blob-wrap{width:100%;height:100vh;position:relative;overflow:hidden}.reveal-bg{z-index:0;clip-path:circle(0 at 50% 100%);pointer-events:none;will-change:clip-path;background:url(/assets/hero_bg-CfSw2las.png) 50%/cover no-repeat;position:fixed;inset:0}.contact-panel{z-index:1;text-align:center;color:#fff;visibility:hidden;flex-direction:row;justify-content:space-between;align-items:center;padding:8vh 6vw;display:flex;position:absolute;inset:0}.cr-right{flex-direction:column;align-items:flex-end;gap:28px;display:flex}.cr-avatar{-o-object-fit:cover;object-fit:cover;-webkit-user-select:none;user-select:none;border-radius:50%;width:clamp(64px,8vw,92px);height:clamp(64px,8vw,92px);margin:0 0 28px;box-shadow:0 10px 30px #ffffff1f}.cr-eyebrow{letter-spacing:.22em;text-transform:uppercase;color:#0e0e109e;margin:0 0 18px;font-family:Archivo,system-ui,sans-serif;font-size:13px}.cr-heading{letter-spacing:-.02em;color:#fff;text-align:left;margin:0 0 40px;font-family:Archivo,system-ui,sans-serif;font-size:clamp(44px,8vw,96px);font-weight:600;line-height:1.02}.cr-rotate{font-family:Instrument Serif,Georgia,serif;font-style:italic;font-weight:400;animation:.55s cubic-bezier(.16,1,.3,1) both crWordIn;display:inline-block}@keyframes crWordIn{0%{opacity:0;filter:blur(5px);transform:translateY(.28em)rotate(-2deg)}to{opacity:1;filter:blur();transform:none}}@media (prefers-reduced-motion:reduce){.cr-rotate{animation:none}}.cr-email{letter-spacing:-.01em;color:#fff;padding-bottom:6px;font-family:Instrument Serif,system-ui,sans-serif;font-size:clamp(20px,3vw,34px);text-decoration:none;position:relative}.cr-email:after{content:"";transform-origin:0;background:currentColor;height:1px;transition:transform .4s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.cr-email:hover:after,.cr-email:focus-visible:after{transform:scaleX(1)}.cr-socials{justify-content:flex-end;gap:22px;margin:0;padding:0;list-style:none;display:flex}.cr-socials a{color:#fff;opacity:.7;text-decoration:none;transition:opacity .3s,transform .3s;display:inline-flex}.cr-socials a:hover,.cr-socials a:focus-visible{opacity:1;transform:translateY(-2px)}.cr-socials svg{width:24px;height:24px;display:block}@media (prefers-reduced-motion:reduce){.cr-email:after,.cr-socials a{transition:none}}.footer-reveal{height:200vh;position:relative}.footer-panel{z-index:0;pointer-events:none;justify-content:center;align-items:flex-end;width:100%;height:100vh;display:flex;position:fixed;bottom:0;left:0}.footer-wordmark{--baseline-trim:.21em;margin:0 0 calc(-1 * var(--baseline-trim));letter-spacing:-.06em;white-space:nowrap;color:#efe9d8;text-shadow:0 2px 56px #00000073;transform-origin:center calc(100% - var(--baseline-trim));will-change:transform;-webkit-user-select:none;user-select:none;pointer-events:none;font-family:Archivo,system-ui,sans-serif;font-size:clamp(4rem,25vw,22rem);font-weight:900;line-height:1;transform:scaleY(0)}@media (prefers-reduced-motion:reduce){.footer-wordmark{transform:none!important}}.intro-loader{z-index:9999;background:#040404;justify-content:center;align-items:center;animation:1.1s cubic-bezier(.76,0,.24,1) 3.7s forwards intro-lift;display:flex;position:fixed;inset:0}@keyframes intro-lift{to{transform:translateY(-100%)}}.intro-sig{display:flex}.intro-sig svg{width:clamp(170px,24vw,320px);height:auto;overflow:visible}.intro-sig svg path{stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:.48s cubic-bezier(.4,0,.6,1) both sig-draw;stroke:#d8b65a!important;fill:none!important}@keyframes sig-draw{to{stroke-dashoffset:0}}.intro-sig svg path:first-child{animation-delay:0s}.intro-sig svg path:nth-child(2){animation-delay:.29s}.intro-sig svg path:nth-child(3){animation-delay:.58s}.intro-sig svg path:nth-child(4){animation-delay:.87s}.intro-sig svg path:nth-child(5){animation-delay:1.16s}.intro-sig svg path:nth-child(6){animation-delay:1.45s}.intro-sig svg path:nth-child(7){animation-delay:1.74s}.intro-sig svg path:nth-child(8){animation-delay:2.03s}.intro-sig svg path:nth-child(9){animation-delay:2.32s}.intro-sig svg path:nth-child(10){animation-delay:2.61s}.intro-sig svg path:nth-child(11){animation-delay:2.9s}.intro-sig svg path:nth-child(12){animation-delay:3.19s}.site-main{animation:1.1s cubic-bezier(.76,0,.24,1) 3.7s backwards page-rise}@keyframes page-rise{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.intro-loader,.intro-sig svg path,.site-main{animation:none!important}.site-main{opacity:1;transform:none}}


/* =========================================================
   AARAV SINGH PORTFOLIO — SECTIONS & ANTI-OVERLAP STYLES
   ========================================================= */

.sec-eyebrow {
  font-family: 'Space Grotesk', -apple-system, sans-serif;
  font-size: 13px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #a1a1aa;
  margin-bottom: 12px;
  font-weight: 600;
  display: block;
}

.sec-heading {
  font-family: 'Archivo', system-ui, sans-serif;
  font-size: clamp(32px, 5.5vw, 68px);
  font-weight: 800;
  line-height: 1.18;
  letter-spacing: -0.02em;
  color: #fafafa;
  margin: 0 0 clamp(32px, 4vw, 56px) 0;
  word-break: keep-all;
  overflow-wrap: break-word;
}

.about-section,
.skills-section,
.exp-section,
.hackathons-section {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
  padding: clamp(64px, 10vh, 120px) clamp(24px, 5vw, 64px);
  box-sizing: border-box;
}

/* 1. ABOUT SECTION */
.about-card {
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border: none;
  border-radius: 0;
  padding: clamp(28px, 4vw, 52px);
  display: flex;
  flex-direction: column;
  gap: 28px;
  box-sizing: border-box;
}

.about-header {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  border-bottom: none;
  padding-bottom: 24px;
}

.about-meta {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.about-name {
  font-family: 'Archivo', system-ui, sans-serif;
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 800;
  line-height: 1.22;
  letter-spacing: -0.01em;
  color: #fff;
  margin: 0;
}

.about-role {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: clamp(15px, 1.4vw, 18px);
  line-height: 1.55;
  color: #38bdf8;
  font-weight: 500;
  margin: 0;
  word-break: normal;
  overflow-wrap: break-word;
}

.about-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 6px;
}

.about-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 16px;
  border-radius: 9999px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  font-size: 13.5px;
  color: #e4e4e7;
  white-space: nowrap;
  line-height: 1.4;
}

.about-body {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.about-bio-lead {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: clamp(17px, 1.6vw, 21px);
  font-weight: 500;
  line-height: 1.65;
  color: #f4f4f5;
  margin: 0;
  word-break: normal;
  overflow-wrap: break-word;
}

.about-bio-text {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: clamp(15px, 1.3vw, 17px);
  font-weight: 400;
  line-height: 1.75;
  color: #a1a1aa;
  margin: 0;
  word-break: normal;
  overflow-wrap: break-word;
}

/* 2. SKILLS SECTION */
.skills-section {
  position: relative;
  overflow: visible;
  padding: clamp(60px, 9vh, 100px) clamp(20px, 4vw, 50px);
}

.skills-wrapper {
  position: relative;
  max-width: 1220px;
  width: 100%;
  margin: 0 auto;
}

/* Ambient glow ring (removed per user request) */
.skills-glow-halo {
  display: none !important;
}

/* Soft center aura (removed per user request) */
.skills-glow-aura {
  display: none !important;
}

/* Circuit board lines (removed per user request) */
.skills-circuit-bg {
  display: none !important;
}

.skills-content {
  position: relative;
  z-index: 1;
}

.skills-section .sec-eyebrow {
  font-size: 13px;
  letter-spacing: 0.18em;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.55);
  margin: 0 0 10px 2px;
  text-transform: uppercase;
}

.skills-section .sec-heading {
  font-family: 'Archivo', system-ui, sans-serif;
  font-size: clamp(32px, 4.2vw, 54px);
  font-weight: 800;
  color: #ffffff;
  margin: 0 0 34px 0;
  letter-spacing: -0.025em;
  line-height: 1.12;
}

.skills-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  width: 100%;
}

@media (max-width: 1024px) {
  .skills-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 680px) {
  .skills-grid {
    grid-template-columns: 1fr;
  }
}

.skill-card {
  position: relative;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  padding: 22px 24px 24px;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.55);
  display: flex;
  flex-direction: column;
  min-height: 185px;
  box-sizing: border-box;
  transition: border-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}

.skill-card:hover {
  border-color: rgba(255, 255, 255, 0.22);
  transform: translateY(-2px);
  box-shadow: 0 16px 42px rgba(0, 0, 0, 0.65), 0 0 24px rgba(255, 255, 255, 0.04);
}

.skill-card-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 13px;
  margin-bottom: 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.skill-head-left {
  display: flex;
  align-items: center;
  gap: 10px;
}

.skill-head-icon {
  font-size: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.skill-head-icon.code-brackets {
  font-family: 'Archivo', monospace;
  font-weight: 700;
  color: #38bdf8;
  font-size: 18px;
  letter-spacing: 1px;
}

.skill-cat-title {
  font-family: 'Archivo', system-ui, sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
  margin: 0;
  line-height: 1.2;
}

.skill-head-sub {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 12.5px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.5);
  letter-spacing: 0.01em;
}

.skill-head-sub svg {
  opacity: 0.9;
  flex-shrink: 0;
}

.skill-items-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.skill-items-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 10px;
}

.skill-item {
  display: inline-flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 13.5px;
  font-weight: 500;
  color: #f1f3f5;
  line-height: 1.3;
}

.skill-bullet {
  color: #7b7470;
  font-size: 14px;
  line-height: 1.3;
  flex-shrink: 0;
}

.skill-logo {
  width: 17px;
  height: 17px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 1px;
}

.skill-bullet {
  color: #7b7470;
  font-size: 14px;
  line-height: 1;
  flex-shrink: 0;
}

.skill-logo {
  width: 17px;
  height: 17px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.skill-logo svg {
  width: 100%;
  height: 100%;
  display: block;
}

.skill-sparkle {
  display: none !important;
}

/* 3. EXPERIENCE SECTION */
.exp-card {
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border: none;
  border-radius: 0;
  padding: clamp(28px, 4vw, 48px);
  display: flex;
  flex-direction: column;
  gap: 20px;
  box-sizing: border-box;
}

.exp-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  gap: 16px;
}

.exp-title {
  font-family: 'Archivo', system-ui, sans-serif;
  font-size: clamp(22px, 2.5vw, 30px);
  font-weight: 700;
  color: #fff;
  margin: 0;
  line-height: 1.3;
}

.exp-company {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #38bdf8;
  margin: 6px 0 0 0;
  line-height: 1.4;
}

.exp-date {
  font-family: 'Space Grotesk', system-ui, sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #a1a1aa;
  padding: 6px 16px;
  border-radius: 9999px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.09);
  white-space: nowrap;
}

.exp-desc {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: clamp(15px, 1.2vw, 17px);
  line-height: 1.7;
  color: #d4d4d8;
  margin: 0;
  word-break: normal;
  overflow-wrap: break-word;
}

.exp-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 4px;
}

.exp-tag {
  display: inline-flex;
  align-items: center;
  padding: 6px 14px;
  border-radius: 9999px;
  background: rgba(56, 189, 248, 0.08);
  border: 1px solid rgba(56, 189, 248, 0.2);
  color: #7dd3fc;
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
}

/* 4. HACKATHONS SECTION */
.hackathons-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}

.hackathon-card {
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border: none;
  border-bottom: none;
  border-radius: 0;
  padding: 22px 28px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  transition: transform 0.25s ease, border-color 0.25s ease;
  box-sizing: border-box;
}

.hackathon-card:hover {
  transform: translateX(4px);
  border-color: transparent;
}

.hackathon-info {
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 1 1 360px;
}

.hackathon-name {
  font-family: 'Archivo', system-ui, sans-serif;
  font-size: clamp(16px, 1.3vw, 19px);
  font-weight: 700;
  color: #fff;
  margin: 0;
  line-height: 1.4;
  word-break: normal;
  overflow-wrap: break-word;
}

.hackathon-role {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 14.5px;
  color: #cbd5e1;
  margin: 0;
  line-height: 1.55;
  word-break: normal;
  overflow-wrap: break-word;
}

.hackathon-badge {
  padding: 6px 15px;
  border-radius: 9999px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  font-family: 'Space Grotesk', system-ui, sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #f3f4f6;
  white-space: nowrap;
  flex-shrink: 0;
}

/* 5. ANTI-COLLISION & OVERFLOW GUARDS */
.hero-headline {
  line-height: 1.15 !important;
  word-break: keep-all;
  overflow-wrap: break-word;
}

.cr-heading {
  line-height: 1.18 !important;
  word-break: keep-all;
}

.proj-slide {
  margin-bottom: clamp(32px, 5vw, 64px) !important;
  border-radius: 20px !important;
  overflow: hidden !important;
}

.proj-info {
  background: linear-gradient(to top, rgba(5,5,7,0.96) 0%, rgba(5,5,7,0.85) 60%, rgba(5,5,7,0) 100%) !important;
  padding: clamp(24px, 3.5vw, 44px) !important;
  box-sizing: border-box;
}

.proj-name {
  font-size: clamp(28px, 3.5vw, 46px) !important;
  line-height: 1.25 !important;
  margin-bottom: 8px !important;
}

.proj-desc {
  font-size: clamp(14px, 1.1vw, 16px) !important;
  line-height: 1.65 !important;
  max-width: 860px !important;
  color: #d4d4d8 !important;
  margin-bottom: 16px !important;
  word-break: normal;
  overflow-wrap: break-word;
}

.proj-tech-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 18px;
}

.proj-tech-pill {
  padding: 5px 14px;
  border-radius: 9999px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  font-size: 13px;
  font-weight: 500;
  color: #e4e4e7;
  white-space: nowrap;
}

.proj-links {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.proj-links a {
  font-family: 'Space Grotesk', system-ui, sans-serif;
  font-size: 13.5px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #fff;
  padding: 9px 20px;
  border-radius: 9999px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.2);
  transition: all 0.25s ease;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
}

.proj-links a:hover {
  background: #fff;
  color: #050507;
}

/* ── Featured Projects: clean dark tinted cards (no image bg) ── */
.proj-slide {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.08);
  height: auto !important;
  min-height: unset !important;
}

.proj-slide img,
.proj-slide video {
  display: none !important;
}

.proj-slide::before,
.proj-slide::after {
  display: none !important;
}

.proj-info {
  position: relative !important;
  transform: none !important;
  opacity: 1 !important;
  padding: clamp(28px, 4vw, 48px) !important;
}

.proj-slide:hover .proj-info {
  transform: none !important;
}

.proj-line {
  display: none !important;
}

.proj-name,
.proj-desc,
.proj-links,
.proj-tech-pills {
  opacity: 1 !important;
  transform: none !important;
}

.proj-name {
  font-size: clamp(28px, 3.5vw, 44px);
  margin-bottom: 8px;
}

.proj-desc {
  font-size: clamp(14px, 1.1vw, 16px);
  line-height: 1.65;
  color: rgba(239, 233, 216, 0.7);
  margin-bottom: 20px;
}

.proj-tech-pills {
  margin-bottom: 22px;
}

.proj-slide:hover {
  background: rgba(255, 255, 255, 0.07) !important;
  border-color: rgba(255, 255, 255, 0.14);
}
