/*! tailwindcss v4.2.2 | 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-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-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--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-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-outline-style:solid;--tw-duration:initial;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%}}}@layer theme{:root,:host{--font-sans:Arial, Helvetica, ui-sans-serif, system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-amber-50:oklch(98.7% .022 95.277);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-950:oklch(27.9% .077 45.635);--color-teal-50:oklch(98.4% .014 180.72);--color-teal-100:oklch(95.3% .051 180.801);--color-teal-300:oklch(85.5% .138 181.071);--color-teal-400:oklch(77.7% .152 181.912);--color-teal-500:oklch(70.4% .14 182.503);--color-teal-700:oklch(51.1% .096 186.391);--color-teal-900:oklch(38.6% .063 188.416);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-slate-950:oklch(12.9% .042 264.695);--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--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);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--blur-sm:8px;--blur-md:12px;--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);--color-brand:#0d9488;--color-brand-light:#f0fdfa;--color-brand-dark:#0f766e}}@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%;-moz-tab-size:4;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;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]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html{scroll-behavior:smooth}body{background-color:var(--color-slate-50);font-family:var(--font-sans);color:var(--color-slate-900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body ::selection{background-color:var(--color-teal-100)}body::selection{background-color:var(--color-teal-100)}body ::selection{color:var(--color-teal-900)}body::selection{color:var(--color-teal-900)}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);text-wrap:balance}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible{outline-offset:5px;outline:2px solid #0f766e}section[id]{scroll-margin-top:9rem}}@layer components{.portfolio-container{width:100%;max-width:1280px;padding-inline:calc(var(--spacing) * 6);margin-inline:auto}@media(min-width:48rem){.portfolio-container{padding-inline:calc(var(--spacing) * 12)}}.portfolio-section{padding-block:calc(var(--spacing) * 20)}@media(min-width:48rem){.portfolio-section{padding-block:calc(var(--spacing) * 28)}}.eyebrow{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:.18em;letter-spacing:.18em;color:var(--color-brand-dark);text-transform:uppercase}.section-title{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height));--tw-leading:1.08;--tw-font-weight:var(--font-weight-semibold);line-height:1.08;font-weight:var(--font-weight-semibold);--tw-tracking:-.045em;letter-spacing:-.045em}@media(min-width:48rem){.section-title{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}.section-intro{margin-top:calc(var(--spacing) * 6);max-width:var(--container-2xl);font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed);color:var(--color-slate-600)}@media(min-width:48rem){.section-intro{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}.button-primary,.button-secondary{min-height:calc(var(--spacing) * 12);justify-content:center;align-items:center;gap:calc(var(--spacing) * 2);padding-inline:calc(var(--spacing) * 6);padding-block:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));border-radius:3.40282e38px;display:inline-flex}.button-primary{background-color:var(--color-brand-dark);color:var(--color-white)}@media(hover:hover){.button-primary:hover{background-color:var(--color-teal-900)}}.button-secondary{background-color:var(--color-white);color:var(--color-slate-800);--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);--tw-ring-color:var(--color-slate-200)}@media(hover:hover){.button-secondary:hover{background-color:var(--color-slate-100)}}.project-link{min-height:calc(var(--spacing) * 11);align-items:center;gap:calc(var(--spacing) * 2);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-brand-dark);text-underline-offset:4px;display:inline-flex}@media(hover:hover){.project-link:hover{text-decoration-line:underline}}.prototype-badge{background-color:var(--color-teal-50);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 1.5);--tw-font-weight:var(--font-weight-semibold);font-size:10px;font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider);color:var(--color-brand-dark);text-transform:uppercase;border-radius:3.40282e38px;flex-shrink:0}.hero-stage{padding-top:calc(var(--spacing) * 12);padding-bottom:calc(var(--spacing) * 12);position:relative;overflow:hidden}@media(min-width:48rem){.hero-stage{padding-top:calc(var(--spacing) * 20);padding-bottom:calc(var(--spacing) * 16)}}.hero-stage{background:radial-gradient(at 85% 30%,#d9f1ec,#0000 52%),#f8fafc}.hero-title{letter-spacing:-.055em;font-size:clamp(2.65rem,5.1vw,4.75rem);font-weight:600;line-height:1.05}.hero-portrait{width:100%;max-width:430px;padding-inline:calc(var(--spacing) * 4);padding-bottom:calc(var(--spacing) * 5);margin-inline:auto;position:relative}.hero-photo{aspect-ratio:4/5;object-fit:cover;object-position:48% 26%;border-radius:2rem;width:100%;position:relative}.portrait-orbit{inset-inline:calc(var(--spacing) * 0);top:calc(var(--spacing) * 7);bottom:calc(var(--spacing) * -1);border-style:var(--tw-border-style);border-width:1px;border-color:#00776e33;border-radius:3rem;position:absolute}@supports (color:color-mix(in lab,red,red)){.portrait-orbit{border-color:color-mix(in oklab,var(--color-teal-700) 20%,transparent)}}.portrait-orbit{transform:rotate(6deg)}.portrait-caption{right:calc(var(--spacing) * 5);bottom:calc(var(--spacing) * 5);left:calc(var(--spacing) * 5);justify-content:center;align-items:center;gap:calc(var(--spacing) * 2);background-color:#fffffff2;border-radius:3.40282e38px;display:flex;position:absolute}@supports (color:color-mix(in lab,red,red)){.portrait-caption{background-color:color-mix(in oklab,var(--color-white) 95%,transparent)}}.portrait-caption{padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-slate-700)}.status-dot{height:calc(var(--spacing) * 2);width:calc(var(--spacing) * 2);background-color:var(--color-brand);border-radius:3.40282e38px}.gallery-image{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.5s;transition-duration:.5s}@media(prefers-reduced-motion:no-preference){@media(hover:hover){.gallery-image:is(:where(.group):hover *){scale:1.025}}}.project-page{background-color:var(--color-white);min-height:100vh;padding-inline:calc(var(--spacing) * 6);padding-block:calc(var(--spacing) * 6);color:var(--color-slate-900)}@media(min-width:48rem){.project-page{padding-inline:calc(var(--spacing) * 12);padding-block:calc(var(--spacing) * 8)}}.project-page>div{max-width:1184px}.project-chapters>section{border-style:var(--tw-border-style);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-width:0}.project-chapters>section:nth-of-type(2),.project-chapters>section:nth-of-type(4){background-color:var(--color-slate-50)}.project-chapters article{border-style:var(--tw-border-style);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-width:0}.project-page .bg-slate-900 .eyebrow{color:var(--color-teal-300)}}@layer utilities{.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing) * 0)}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.top-1\/2{top:50%}.top-3{top:calc(var(--spacing) * 3)}.top-4{top:calc(var(--spacing) * 4)}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.bottom-2{bottom:calc(var(--spacing) * 2)}.-left-\[9px\]{left:-9px}.left-2{left:calc(var(--spacing) * 2)}.z-10{z-index:10}.z-20{z-index:20}.z-\[100\]{z-index:100}.z-\[110\]{z-index:110}.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}}.mx-auto{margin-inline:auto}.my-6{margin-block:calc(var(--spacing) * 6)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-9{margin-top:calc(var(--spacing) * 9)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mt-14{margin-top:calc(var(--spacing) * 14)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mr-3{margin-right:calc(var(--spacing) * 3)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-7{margin-bottom:calc(var(--spacing) * 7)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.mb-14{margin-bottom:calc(var(--spacing) * 14)}.mb-16{margin-bottom:calc(var(--spacing) * 16)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.aspect-\[3\/2\]{aspect-ratio:3/2}.aspect-\[4\/3\]{aspect-ratio:4/3}.h-4{height:calc(var(--spacing) * 4)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-16{height:calc(var(--spacing) * 16)}.h-dvh{height:100dvh}.h-full{height:100%}.h-px{height:1px}.max-h-\[90vh\]{max-height:90vh}.max-h-\[calc\(100dvh-6rem\)\]{max-height:calc(100dvh - 6rem)}.w-4{width:calc(var(--spacing) * 4)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-fit{width:fit-content}.w-full{width:100%}.w-screen{width:100vw}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-\[92vw\]{max-width:92vw}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:calc(var(--spacing) * 0)}.shrink-0{flex-shrink:0}.-translate-y-1\/2{--tw-translate-y: -50% ;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,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.scroll-mt-36{scroll-margin-top:calc(var(--spacing) * 36)}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-12{gap:calc(var(--spacing) * 12)}.gap-16{gap:calc(var(--spacing) * 16)}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-10>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-16>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-white\/10>:not(:last-child)){border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){:where(.divide-white\/10>:not(:last-child)){border-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-amber-200{border-color:var(--color-amber-200)}.border-brand{border-color:var(--color-brand)}.border-brand\/20{border-color:#0d948833}@supports (color:color-mix(in lab,red,red)){.border-brand\/20{border-color:color-mix(in oklab,var(--color-brand) 20%,transparent)}}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-200{border-color:var(--color-slate-200)}.border-teal-100{border-color:var(--color-teal-100)}.border-transparent{border-color:#0000}.bg-amber-50{background-color:var(--color-amber-50)}.bg-brand{background-color:var(--color-brand)}.bg-brand-light{background-color:var(--color-brand-light)}.bg-brand-light\/40{background-color:#f0fdfa66}@supports (color:color-mix(in lab,red,red)){.bg-brand-light\/40{background-color:color-mix(in oklab,var(--color-brand-light) 40%,transparent)}}.bg-brand-light\/70{background-color:#f0fdfab3}@supports (color:color-mix(in lab,red,red)){.bg-brand-light\/70{background-color:color-mix(in oklab,var(--color-brand-light) 70%,transparent)}}.bg-brand\/10{background-color:#0d94881a}@supports (color:color-mix(in lab,red,red)){.bg-brand\/10{background-color:color-mix(in oklab,var(--color-brand) 10%,transparent)}}.bg-brand\/40{background-color:#0d948866}@supports (color:color-mix(in lab,red,red)){.bg-brand\/40{background-color:color-mix(in oklab,var(--color-brand) 40%,transparent)}}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-900{background-color:var(--color-slate-900)}.bg-slate-950{background-color:var(--color-slate-950)}.bg-slate-950\/70{background-color:#020618b3}@supports (color:color-mix(in lab,red,red)){.bg-slate-950\/70{background-color:color-mix(in oklab,var(--color-slate-950) 70%,transparent)}}.bg-slate-950\/75{background-color:#020618bf}@supports (color:color-mix(in lab,red,red)){.bg-slate-950\/75{background-color:color-mix(in oklab,var(--color-slate-950) 75%,transparent)}}.bg-slate-950\/90{background-color:#020618e6}@supports (color:color-mix(in lab,red,red)){.bg-slate-950\/90{background-color:color-mix(in oklab,var(--color-slate-950) 90%,transparent)}}.bg-teal-50{background-color:var(--color-teal-50)}.bg-teal-400\/10{background-color:#00d3bd1a}@supports (color:color-mix(in lab,red,red)){.bg-teal-400\/10{background-color:color-mix(in oklab,var(--color-teal-400) 10%,transparent)}}.bg-white{background-color:var(--color-white)}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.bg-white\/5{background-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.bg-white\/10{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.bg-white\/80{background-color:#fffc}@supports (color:color-mix(in lab,red,red)){.bg-white\/80{background-color:color-mix(in oklab,var(--color-white) 80%,transparent)}}.bg-white\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.bg-white\/90{background-color:color-mix(in oklab,var(--color-white) 90%,transparent)}}.bg-white\/95{background-color:#fffffff2}@supports (color:color-mix(in lab,red,red)){.bg-white\/95{background-color:color-mix(in oklab,var(--color-white) 95%,transparent)}}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-\[48\%_24\%\]{object-position:48% 24%}.object-center{object-position:center}.p-1{padding:calc(var(--spacing) * 1)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-7{padding:calc(var(--spacing) * 7)}.p-8{padding:calc(var(--spacing) * 8)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-14{padding-inline:calc(var(--spacing) * 14)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-10{padding-block:calc(var(--spacing) * 10)}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-14{padding-top:calc(var(--spacing) * 14)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pb-0\.5{padding-bottom:calc(var(--spacing) * .5)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-24{padding-bottom:calc(var(--spacing) * 24)}.pl-6{padding-left:calc(var(--spacing) * 6)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.05em\]{--tw-tracking:-.05em;letter-spacing:-.05em}.tracking-\[0\.18em\]{--tw-tracking:.18em;letter-spacing:.18em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-\[\#0077b5\]{color:#0077b5}.text-amber-950{color:var(--color-amber-950)}.text-brand{color:var(--color-brand)}.text-brand-dark{color:var(--color-brand-dark)}.text-slate-50{color:var(--color-slate-50)}.text-slate-200{color:var(--color-slate-200)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-slate-900{color:var(--color-slate-900)}.text-teal-300{color:var(--color-teal-300)}.text-white{color:var(--color-white)}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab,red,red)){.text-white\/80{color:color-mix(in oklab,var(--color-white) 80%,transparent)}}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.opacity-70{opacity:.7}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-teal-500\/20{--tw-shadow-color:#00baa733}@supports (color:color-mix(in lab,red,red)){.shadow-teal-500\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-teal-500) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,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-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media(hover:hover){.group-hover\:border-brand:is(:where(.group):hover *){border-color:var(--color-brand)}}.first\:pt-0:first-child{padding-top:calc(var(--spacing) * 0)}.last\:pb-0:last-child{padding-bottom:calc(var(--spacing) * 0)}@media(hover:hover){.hover\:border-brand:hover{border-color:var(--color-brand)}.hover\:bg-slate-100:hover{background-color:var(--color-slate-100)}.hover\:bg-slate-200:hover{background-color:var(--color-slate-200)}.hover\:text-brand:hover{color:var(--color-brand)}}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-4:focus-visible{outline-offset:4px}.focus-visible\:outline-offset-\[-4px\]:focus-visible{outline-offset:-4px}.focus-visible\:outline-brand:focus-visible{outline-color:var(--color-brand)}@media(min-width:40rem){.sm\:top-6{top:calc(var(--spacing) * 6)}.sm\:right-5{right:calc(var(--spacing) * 5)}.sm\:right-6{right:calc(var(--spacing) * 6)}.sm\:bottom-4{bottom:calc(var(--spacing) * 4)}.sm\:left-5{left:calc(var(--spacing) * 5)}.sm\:inline-flex{display:inline-flex}.sm\:h-12{height:calc(var(--spacing) * 12)}.sm\:w-auto{width:auto}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:px-3{padding-inline:calc(var(--spacing) * 3)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:px-20{padding-inline:calc(var(--spacing) * 20)}.sm\:pt-8{padding-top:calc(var(--spacing) * 8)}.sm\:pb-28{padding-bottom:calc(var(--spacing) * 28)}}@media(min-width:48rem){.md\:mt-14{margin-top:calc(var(--spacing) * 14)}.md\:mt-16{margin-top:calc(var(--spacing) * 16)}.md\:mt-20{margin-top:calc(var(--spacing) * 20)}.md\:mt-24{margin-top:calc(var(--spacing) * 24)}.md\:mb-20{margin-bottom:calc(var(--spacing) * 20)}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-\[1\.15fr_0\.85fr\]{grid-template-columns:1.15fr .85fr}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}:where(.md\:space-y-24>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 24) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 24) * calc(1 - var(--tw-space-y-reverse)))}.md\:p-8{padding:calc(var(--spacing) * 8)}.md\:p-9{padding:calc(var(--spacing) * 9)}.md\:p-10{padding:calc(var(--spacing) * 10)}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media(min-width:64rem){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-\[0\.7fr_1\.3fr\]{grid-template-columns:.7fr 1.3fr}.lg\:grid-cols-\[1\.1fr_0\.9fr\]{grid-template-columns:1.1fr .9fr}.lg\:grid-cols-\[1\.2fr_0\.8fr\]{grid-template-columns:1.2fr .8fr}.lg\:grid-cols-\[1\.3fr_0\.7fr\]{grid-template-columns:1.3fr .7fr}.lg\:items-start{align-items:flex-start}.lg\:gap-14{gap:calc(var(--spacing) * 14)}.lg\:gap-16{gap:calc(var(--spacing) * 16)}.lg\:\[\&\>div\:first-child\]\:order-2>div:first-child{order:2}}.glass{border-style:var(--tw-border-style);border-width:1px;border-color:#e2e8f099}@supports (color:color-mix(in lab,red,red)){.glass{border-color:color-mix(in oklab,var(--color-slate-200) 60%,transparent)}}.glass{background-color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.glass{background-color:color-mix(in oklab,var(--color-white) 90%,transparent)}}.glass{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.card-3d{border-radius:var(--radius-3xl);border-style:var(--tw-border-style);border-width:1px;border-color:#e2e8f080}@supports (color:color-mix(in lab,red,red)){.card-3d{border-color:color-mix(in oklab,var(--color-slate-200) 50%,transparent)}}.card-3d{background-color:var(--color-white)}.text-gradient{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:var(--color-slate-900);--tw-gradient-via:var(--color-slate-800);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));--tw-gradient-to:var(--color-teal-700);color:#0000;-webkit-background-clip:text;background-clip:text}.bg-mesh{background:#f8fafc}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}@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-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@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-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}:root{--ink:#172c3e;--muted:#516577;--blue:#247c9a;--line:#c9dce9;--paper:#eff6fc;--progress:0;--nav-height:78px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-height) + 18px)}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{display:block;width:100%;height:auto}figure{margin:0}p{line-height:1.65;margin:0 0 20px;color:var(--muted)}h1,h2,h3{margin:0;line-height:1.07;letter-spacing:-1.7px}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,[tabindex]:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.wrap{width:min(1120px,calc(100% - 80px));margin-inline:auto}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.split>*{min-width:0}.section{padding:88px 0}.label{font-size:11px;letter-spacing:1.7px;font-weight:700;text-transform:uppercase;color:var(--blue);margin-bottom:22px}h2{font-size:clamp(36px,4.4vw,57px);letter-spacing:-2px;margin-bottom:26px}h3{font-size:30px;margin-bottom:20px}.lead{font-size:22px;line-height:1.45;color:var(--ink)}.caption,figcaption{font-size:12px;line-height:1.6;color:var(--muted)}.actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap}.primary{display:inline-flex;gap:25px;align-items:center;background:var(--ink);color:#fff;padding:15px 22px;border-radius:30px;font-size:14px;transition:background .2s,transform .2s}.primary:hover{background:var(--blue);transform:translateY(-2px)}.text-link{display:inline-block;border:0;border-bottom:1px solid #7babbf;background:none;padding:0 0 6px;color:#176681;font-size:14px;line-height:1.5}.text-link:hover{color:var(--ink)}.round{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid #c4d9e6;background:#f6fbff;font-size:23px;transition:background .2s,transform .2s}.round:hover{background:#cee7f5;transform:scale(1.06)}.round:disabled{opacity:.35;cursor:default;transform:none}.arrows{display:flex;gap:10px}.skip{position:absolute;left:20px;top:-100px;z-index:20;background:#fff;padding:12px}.skip:focus{top:10px}.notice{text-align:center;padding:9px 20px;font-size:11px;color:#486479;background:#e1edf6}.topbar{position:sticky;top:0;z-index:10;background:#eff6fce8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid #c9dce980}.nav{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:78px}.wordmark{font-size:18px;letter-spacing:-.6px;font-weight:700;white-space:nowrap}.wordmark span,h1 span{color:var(--blue)}.nav-links{display:flex;gap:21px;font-size:12px}.nav-links a{padding-block:8px}.nav-links a:hover{color:var(--blue)}.reading-progress{height:2px;background:#247c9a;transform:scaleX(var(--progress));transform-origin:left}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:85px;position:relative;align-items:center;min-height:min(760px,calc(100svh - 110px));padding-block:62px 100px}.hero>*{min-width:0}.hero h1{font-size:clamp(75px,8vw,112px);font-weight:600;letter-spacing:-6px;margin-bottom:28px}.role{font-size:21px;color:var(--ink);margin-bottom:20px}.intro{font-size:17px;max-width:510px;margin-bottom:32px}.hero-visual{position:relative;padding:28px 10px}.portrait-frame{max-width:350px;position:relative;margin-left:auto}.portrait-frame img{aspect-ratio:4/4.6;object-fit:cover;object-position:48% 24%;border-radius:24px;box-shadow:0 26px 65px #476e892a}.portrait-frame figcaption{margin-top:15px;max-width:300px}.image-note{position:absolute;left:-35px;bottom:65px;padding:16px 19px;border:1px solid #d2e1ea;border-radius:13px;background:#f7fcfff2;box-shadow:0 12px 32px #4c74831a;font-size:12px;display:flex;gap:10px;align-items:center}.note-dot{width:7px;height:7px;border-radius:50%;background:#278daa}.scroll-cue{position:absolute;bottom:20px;left:0;display:flex;align-items:center;gap:14px;font-size:12px;color:var(--muted)}.scroll-cue .round{width:36px;height:36px;font-size:19px}.mission{background:#e1edf6}.mission-figure{padding:15px}.mission-figure img{border-radius:18px;box-shadow:0 20px 50px #617c8817}.mission-figure figcaption{margin-top:25px}.projects{background:linear-gradient(#eff6fc,#e9f2fa)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:45px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:350px;margin-bottom:4px}.featured{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center;margin-bottom:62px}.featured>*{min-width:0}.featured h3{font-size:42px;letter-spacing:-1.5px}.featured .lead{font-size:24px}.gallery{min-width:0}.gallery-stage{height:325px;background:#d9e8f3;padding:18px;border-radius:20px;overflow:hidden;box-shadow:0 18px 40px #547d9119}.gallery-stage img{height:100%;object-fit:cover;object-position:top;border:1px solid #d0d9e6;border-radius:9px;transition:opacity .16s,transform .4s}.gallery-stage img.changing{opacity:.3;transform:translate(15px)}.gallery-stage.is-help img{object-fit:contain;background:#edf1f9}.gallery-footer{display:flex;justify-content:space-between;align-items:center;margin-top:17px;margin-bottom:9px}.gallery-footer p{font-size:14px;font-weight:700;color:var(--ink);margin:0 0 4px}.gallery-footer span{font-size:12px;color:var(--muted)}.gallery .caption{margin-bottom:3px}.rail-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.rail-heading h3{font-size:24px;margin:0}.project-rail{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding:5px 3px 20px;scrollbar-width:thin;scrollbar-color:#94b7cc transparent}.project-card{flex:0 0 calc((100% - 44px)/3);min-width:285px;scroll-snap-align:start;border:1px solid #d2e2ed;border-radius:20px;background:#f8fcff;overflow:hidden;transition:transform .25s}.project-card:hover{transform:translateY(-4px)}.card-image{height:185px;padding:18px;background:#dfeaf4;overflow:hidden}.card-image img{height:100%;object-fit:cover;object-position:top;border-radius:7px;border:1px solid #c8d9e8}.card-copy{padding:23px}.card-copy .label{font-size:9px;margin-bottom:13px;letter-spacing:1px}.card-copy h3{font-size:23px;letter-spacing:-.7px;min-height:50px;margin-bottom:12px}.card-copy p{font-size:14px;min-height:70px}.fitz{background:#dceaf5}.fitz details{border-block:1px solid #bcd3e3;margin:25px 0;padding:17px 0}.fitz summary{display:flex;justify-content:space-between;cursor:pointer;font-size:14px}.fitz details p{font-size:14px;margin-top:17px}.fitz details[open] summary span{transform:rotate(45deg)}.work-visual{position:relative;height:380px;overflow:hidden;border-radius:30px;background:radial-gradient(ellipse,#f5fbff,#d4e5f2 68%);border:1px solid #c7ddeb}.orbit{width:240px;height:240px;border-radius:50%;border:1px dashed #8eafc4;position:absolute;top:60px;left:calc(50% - 120px)}.work-core{position:absolute;left:calc(50% - 58px);top:113px;display:grid;place-items:center;width:116px;height:116px;border-radius:27px;background:#203f55;color:#fff;box-shadow:0 18px 35px #345d7330}.work-core svg{width:54px;height:54px;stroke:#b9ddeb;fill:none;stroke-width:2;align-self:end}.work-core span{font-size:12px;align-self:start;margin-top:5px}.work-node{position:absolute;padding:15px 18px;border-radius:12px;background:#f9fcff;border:1px solid #c4dbe9;box-shadow:0 8px 24px #557b9315;font-size:12px;white-space:nowrap}.work-node span{color:#247c9a;margin-right:9px;font-weight:700}.node-a{left:22px;top:42px}.node-b{right:14px;top:173px}.node-c{left:28px;top:278px}.visual-caption{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:11px}.learning{background:#f0f6fc}.learning-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.learning-note{border-top:1px solid #bcd2e2;padding-top:23px}.number{display:block;font-size:54px;color:#83afc8;letter-spacing:-3px;margin-bottom:24px}.learning-note h3{font-size:28px;font-weight:500}.learning-note p{font-size:15px}.process{background:#e0edf7}.process-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.process-intro{position:sticky;top:calc(var(--nav-height) + 45px)}.process-intro>p{max-width:360px}.process-art{height:160px;position:relative;margin-block:35px 20px}.process-line{height:2px;background:#a4c5db;position:absolute;top:68px;left:30px;right:30px}.process-symbol{position:absolute;width:88px;height:88px;border:1px solid #afcadc;display:grid;place-items:center;font-size:36px;background:#f5fbff;box-shadow:0 12px 25px #568ca620;border-radius:20px;top:23px;color:#247c9a;transition:transform .15s linear}.symbol-one{left:0;transform:translateY(calc(var(--chapter,0)*-16px)) rotate(calc(var(--chapter,0)*-8deg))}.symbol-two{left:calc(50% - 44px);transform:translateY(calc(var(--chapter,0)*18px))}.symbol-three{right:0;transform:translateY(calc(var(--chapter,0)*-24px)) rotate(calc(var(--chapter,0)*8deg))}.process-step{padding:20px 0 65px;border-top:1px solid #adcce0;min-height:230px}.process-step:last-child{padding-bottom:0}.process-step>span{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:#247c9a;display:block;margin-bottom:22px}.process-step h3{font-size:27px}.process-step p{font-size:16px}.about{background:#eef5fb}.timeline{padding:0 0 0 28px;margin:0;list-style:none;border-left:1px solid #9dbed4}.timeline li{position:relative;padding:15px 0 35px}.timeline-dot{position:absolute;left:-36px;top:18px;width:15px;height:15px;border-radius:50%;background:#e9f3fb;border:2px solid #77a6c5}.timeline-dot.active{background:#247c9a}.timeline li p{font-size:22px;color:var(--ink);margin-bottom:7px}.timeline li small{color:var(--muted);font-size:13px}.contact{background:#d9eaf7}.contact h2{font-size:clamp(35px,5vw,64px)}.footer{display:flex;justify-content:space-between;gap:25px;padding-block:27px;font-size:11px;color:var(--muted)}dialog{border:1px solid #c5dce9;background:#f3f9fe;color:var(--ink);border-radius:24px;padding:30px;width:min(780px,calc(100% - 32px));max-height:88svh;overflow:auto;box-shadow:0 35px 100px #17324240}dialog::backdrop{background:#18354978;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.dialog-head .label{margin:0}dialog h2{font-size:36px;margin-bottom:22px}dialog h3{font-size:21px;letter-spacing:-.5px;margin-top:25px}dialog img{max-height:330px;object-fit:contain;border-radius:12px;background:#dce9f4;margin-block:20px}dialog p{font-size:15px}.js-motion .reveal{opacity:0;transform:translate3d(var(--reveal-x,0),var(--reveal-y,32px),0);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}.js-motion .reveal[data-direction=left]{--reveal-x:-45px;--reveal-y:12px}.js-motion .reveal[data-direction=right]{--reveal-x:45px;--reveal-y:12px}.js-motion .reveal.in-view{opacity:1;transform:translateZ(0)}[data-parallax]{transform:translate3d(0,var(--parallax,0px),0)}@media(max-width:1000px){.nav{align-items:flex-start;flex-direction:column;gap:10px;padding-block:17px}.nav-links{gap:19px;flex-wrap:wrap}.split{gap:40px}.hero{gap:45px}.featured{gap:35px}.process-layout{gap:50px}.work-node{font-size:11px;padding:12px}.image-note{left:-20px}.learning-grid{gap:25px}}@media(max-width:700px){.wrap{width:calc(100% - 40px)}.section{padding:52px 0}.nav-links{gap:8px 18px;font-size:11px}.hero{grid-template-columns:1fr;gap:15px;padding-block:42px 90px;min-height:0}.hero h1{font-size:clamp(62px,19vw,90px);letter-spacing:-4px}.role{font-size:19px}.intro{font-size:16px}.hero-visual{width:min(360px,100%);margin-inline:auto;padding:20px 20px 40px}.portrait-frame img{aspect-ratio:5/4;object-position:48% 23%}.image-note{left:0;bottom:42px;font-size:10px;padding:13px}.portrait-frame figcaption{margin-top:42px;font-size:11px}.scroll-cue{bottom:15px}.split{grid-template-columns:1fr;gap:30px}.lead{font-size:20px}.mission-figure{padding:0;max-width:470px}.mission-figure figcaption{margin-top:18px}.section-heading{display:block;margin-bottom:30px}.section-heading h2{margin-bottom:20px}.section-heading>p{max-width:none;font-size:15px}.featured{grid-template-columns:1fr;gap:28px;margin-bottom:40px}.featured h3{font-size:37px}.featured .lead{font-size:22px}.gallery-stage{height:265px;padding:12px}.project-card{flex-basis:85%;min-width:0}.card-copy h3,.card-copy p{min-height:0}.card-image{height:180px}.work-visual{height:345px;max-width:470px;width:100%;margin-inline:auto}.node-a{left:12px;top:35px}.node-b{right:8px;top:164px}.node-c{left:16px;top:257px}.work-node{font-size:10px}.work-core{top:97px}.orbit{top:40px}.learning-grid{grid-template-columns:1fr;gap:30px}.learning-note{position:relative;padding-left:70px}.learning-note .number{position:absolute;left:0;top:24px;font-size:40px}.learning-note h3{font-size:25px}.process-layout{grid-template-columns:1fr;gap:25px}.process-intro{position:static}.process-art{height:125px;margin-top:20px}.process-symbol{width:65px;height:65px;font-size:28px;top:28px}.symbol-two{left:calc(50% - 32px)}.process-step{padding-bottom:35px;min-height:0}.timeline{margin-left:8px}.footer{flex-direction:column;gap:15px}.js-motion .reveal[data-direction=left]{--reveal-x:-18px}.js-motion .reveal[data-direction=right]{--reveal-x:18px}dialog{padding:22px}dialog h2{font-size:30px}}body{overflow-x:clip}.project-card{flex-basis:calc((100% - 22px)/2.45)}.process-art{height:280px;perspective:1000px;margin-top:30px}.process-window{position:absolute;left:10%;top:15px;width:82%;border:1px solid #b4d0e4;border-radius:14px;overflow:hidden;background:#edf5fc;box-shadow:0 28px 50px #375f7930;transform:translate(calc((var(--chapter,0) - .5)*45px)) rotateX(calc(20deg - var(--chapter,0)*20deg)) rotateY(calc(-12deg + var(--chapter,0)*12deg)) scale(calc(.88 + var(--chapter,0)*.12));transform-origin:center}.window-top{height:28px;display:flex;align-items:center;gap:5px;padding:0 12px;border-bottom:1px solid #cbdfed}.window-top i{width:5px;height:5px;background:#8bb4ce;border-radius:50%}.window-top span{font-size:8px;margin-left:auto;color:#516577}.window-screen{height:208px;overflow:hidden;position:relative;background:#f7f9fd}.window-screen>img{width:100%;height:auto}.window-detail{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;opacity:clamp(0,calc((var(--chapter,0) - .32)*3),1);transform:translateY(calc(40px - var(--chapter,0)*40px))}.window-detail img{position:absolute;width:133.86%;max-width:none;height:auto;left:-30.47%;top:-145%}.process-symbol{width:47px;height:47px;font-size:22px;top:75px;border-radius:12px;background:#f5fbfff0}.symbol-one{left:0;transform:translate3d(calc(var(--chapter,0)*-12px),calc(var(--chapter,0)*-28px),0) rotate(calc(var(--chapter,0)*-10deg))}.symbol-two{left:calc(50% - 24px);top:225px;transform:translate3d(calc(var(--chapter,0)*30px),calc(var(--chapter,0)*-18px),0)}.symbol-three{right:0;top:50px;transform:translate3d(calc(var(--chapter,0)*12px),calc(var(--chapter,0)*40px),0) rotate(calc(var(--chapter,0)*12deg))}.process-step{min-height:280px}.process{overflow:clip}@media(max-width:700px){.project-card{flex-basis:85%}.process-art{height:250px}.process-window{max-width:390px;left:8%;width:84%}.window-screen{height:185px}.process-step{min-height:0}.process-symbol{width:40px;height:40px;font-size:19px}.symbol-two{top:208px}.process{overflow:visible}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.js-motion .reveal{opacity:1;transform:none}[data-parallax],.process-symbol,.process-window{transform:none}.window-detail{display:none}.process-intro{position:static}}.window-detail{opacity:1;transform:none;clip-path:inset(calc((1 - clamp(0,calc((var(--chapter,0) - .24)*2),1))*100%) 0 0 0)}.window-detail img{top:0;transform:translateY(-58.917%)}.gallery-stage.is-help img{transform:scale(2.2);border:0}.card-details{border-top:1px solid #d3e2ee;padding-top:17px;margin-bottom:22px}.card-details p{min-height:0;font-size:13px;margin-bottom:14px}.card-details .card-detail-label{font-weight:700;color:var(--ink);font-size:11px;margin-bottom:6px}.card-copy>p:not(.label){min-height:115px}.card-copy .text-link{font-size:12px}.card-copy{display:flex;flex-direction:column;flex:1}.card-copy>.text-link{align-self:flex-start;margin-top:auto}.card-details p:last-child{margin-bottom:0}dialog{width:min(990px,calc(100% - 32px));padding:35px 45px}.case-intro{font-size:18px;line-height:1.6}.case-chapter{padding:15px 0 25px;border-bottom:1px solid #cbdde9}.case-chapter h3{font-size:26px;margin-bottom:20px}.case-chapter h4{font-size:16px;margin-bottom:9px}.case-chapter ul,.case-chapter ol{padding-left:22px;color:var(--muted);font-size:15px;line-height:1.65}.case-chapter li{margin-bottom:10px}.case-chapter figure{margin-bottom:30px}.case-chapter figure img{max-height:420px;background:#dfebf5;border:1px solid #c8dce9}.case-chapter figcaption{margin-top:8px}.case-notice{background:#e7eff5;padding:17px;border-radius:12px}@media(max-width:700px){dialog{padding:22px}.case-chapter h3{font-size:23px}.case-intro{font-size:16px}.card-copy>p:not(.label){min-height:0}.card-details p{font-size:13px}}dialog[open]{display:flex;flex-direction:column;height:min(800px,88svh);max-height:88svh;overflow:hidden;padding:25px 32px}.dialog-head{flex-shrink:0;margin-bottom:10px}dialog h2{flex-shrink:0;margin-bottom:15px;font-size:32px}#dialog-content{overflow-y:auto;min-height:0;padding-right:12px;overscroll-behavior:contain}.case-tabs{display:flex;gap:6px;flex-shrink:0;border-bottom:1px solid #c7dce9;margin-bottom:20px;padding-bottom:12px}.case-tabs button{background:transparent;border:0;border-radius:18px;padding:10px 15px;font-size:12px;color:#516577}.case-tabs button[aria-selected=true]{background:#203f55;color:#fff}.case-panels>[hidden]{display:none}.case-chapter{padding:0 0 15px;border:0}.case-chapter h3{margin-top:20px;font-size:22px}.case-chapter p{margin-bottom:15px}.case-disclosure{border-block-start:1px solid #c8dce9;padding:15px 0}.case-disclosure summary{font-size:14px;cursor:pointer;font-weight:600;line-height:1.5}.case-disclosure p:first-of-type{margin-top:15px}.case-gallery img{height:330px;max-height:45svh;object-fit:contain;margin:0 0 15px}.case-gallery .arrows{justify-content:flex-end;margin-bottom:10px}.case-gallery figcaption{font-size:12px}.case-intro{font-size:16px}.case-panels .label{font-size:10px;margin-bottom:15px}@media(max-width:700px){dialog[open]{padding:18px;height:90svh;max-height:90svh}dialog h2{font-size:25px}.case-tabs{flex-wrap:wrap;gap:4px;margin-bottom:15px}.case-tabs button{font-size:10px;padding:9px 10px}#dialog-content{padding-right:8px}.case-gallery img{height:260px}.case-chapter h3{font-size:20px}}.image-open{display:block;position:relative;width:100%;padding:0;border:0;border-radius:12px;overflow:hidden;background:#dce9f4;cursor:zoom-in}.image-open img{width:100%;height:100%;object-fit:contain;margin:0;border-radius:0}.image-expand{position:absolute;right:10px;bottom:10px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid #c8dce9;background:#f8fcfff2;color:#172c3e;font-size:22px;box-shadow:0 3px 10px #17324215}.image-thumbnails{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 20px}.image-thumbnails .image-open,.image-thumbnails>button{height:100px;border:1px solid #c7dce9;border-radius:10px;background:#e7f0f8;overflow:hidden;padding:7px}.image-thumbnails img{width:100%;height:100%;max-height:none;object-fit:contain;margin:0}.image-thumbnails .image-expand{width:25px;height:25px;font-size:16px;right:5px;bottom:5px}.all-images{grid-template-columns:repeat(4,minmax(0,1fr))}.all-images>button[aria-pressed=true]{outline:2px solid var(--blue);outline-offset:2px}.gallery-stage{position:relative}.gallery-stage.is-overview img{object-fit:contain;background:#edf4fa}.gallery-stage>img{cursor:zoom-in}.card-image>.image-open{height:100%}.card-image img{object-fit:contain}.project-card>.image-thumbnails{padding:0 18px;margin:12px 0 0}.project-card>.image-thumbnails .image-open{height:75px}.card-copy>p:not(.label){min-height:0}.learning-note>.image-open{height:175px;margin:22px 0}.learning-note>.image-open img{object-fit:cover;object-position:top}.case-panels [role=tabpanel]>.image-open{height:270px}.case-panels .image-thumbnails{margin-bottom:22px}.visual-row{display:grid;grid-template-columns:1.1fr 1fr;gap:25px;align-items:center;padding:18px 0;border-bottom:1px solid #c8dce9}.visual-row h3{font-size:20px;line-height:1.25;margin:0 0 12px}.visual-row p{font-size:14px;margin:0}.visual-row>.image-open{height:210px}.image-detail img{object-fit:cover;object-position:top}.case-gallery .image-open{height:310px}.case-gallery .image-open img{height:100%;max-height:none;margin:0}.case-gallery .arrows{margin-top:12px}.case-gallery .image-thumbnails img{height:100%;max-height:none;margin:0}.image-viewer[open]{width:calc(100% - 32px);max-width:1500px;height:94svh;max-height:94svh;padding:16px;background:#edf4fa;border-radius:18px;gap:10px}.image-toolbar{display:flex;gap:8px;flex-shrink:0;align-items:center}.image-toolbar .round{font-size:22px}.image-toolbar .round:nth-child(5){width:auto;padding:0 15px;font-size:13px}.image-toolbar .round:last-child{margin-left:auto}.image-status{font-size:12px;margin:0;line-height:1.5;flex-shrink:0}.image-viewport{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;background:#d8e5f0;border-radius:10px;padding:12px;cursor:grab;touch-action:pan-x pan-y pinch-zoom}.image-viewport.dragging{cursor:grabbing}.image-viewer .image-viewport img{display:block;max-width:none;max-height:none;object-fit:fill;margin:0 auto;border-radius:0;-webkit-user-select:none;user-select:none}@media(max-width:700px){.visual-row{grid-template-columns:1fr;gap:15px;padding:18px 0}.visual-row>.image-open{height:190px}.case-panels [role=tabpanel]>.image-open{height:210px}.image-thumbnails .image-open,.image-thumbnails>button{height:75px}.case-gallery .image-open{height:240px}.image-viewer[open]{width:calc(100% - 12px);padding:10px;height:96svh;max-height:96svh}.image-toolbar{gap:5px}.image-toolbar .round{width:36px;height:36px}.image-toolbar .round:nth-child(5){padding:0 9px}.image-status{font-size:10px}.learning-note>.image-open{height:165px}}.project-summary{display:grid;grid-template-columns:1.05fr 1fr;gap:28px;align-items:start}.project-evidence>.image-open{height:265px}.project-summary h3{margin-top:0}.project-summary p{font-size:14px}.project-summary .case-notice{padding:12px;font-size:12px}.project-evidence .image-thumbnails .image-open{height:80px}.project-summary .case-chapter{padding-bottom:0}@media(max-width:700px){.project-summary{grid-template-columns:1fr;gap:8px}.project-evidence>.image-open{height:210px}.project-evidence .image-thumbnails .image-open{height:75px}}:root{--paper:#edf5fb;--ink:#142d40;--muted:#475e70;--line:#bfd2e0;--blue:#17657c}.section{padding:76px 0}.split{gap:64px}.hero{gap:65px;padding-top:48px}.hero h1{letter-spacing:-5px}.portrait-frame{max-width:330px}.portrait-frame img{aspect-ratio:4/4.8;object-position:50% 45%;box-shadow:none;border-radius:14px}.portrait-frame figcaption{position:static;margin-top:17px;font-size:12px}.hero-visual{padding-bottom:20px}.fitz{background:#dcebf5}.mission{background:#f3f7fa}.mission-figure img{box-shadow:none;border-radius:12px}.projects{background:#e5f0f8}.learning{background:#f4f8fb}.process{background:#dcebf5}.about{background:#edf5fb}.contact{background:#17354a}.contact h2,.contact p,.contact .label,.contact .text-link{color:#f0f7fc}.contact .primary{background:#e3f1f8;color:#17354a}.contact .text-link{border-color:#82afc4}.round{box-shadow:none}.work-context{padding:34px;background:#f5f9fc;border:1px solid #bdd3e2;border-radius:18px}.brand-role{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.brand-role .label{margin:0;font-size:10px}.brand-role img{width:155px;height:auto;max-height:70px;object-fit:contain;object-position:left}.brand-role>span:last-child{font-size:15px;color:var(--ink)}.riwis-role img{width:280px;max-width:100%;max-height:60px}.assignment-line{display:flex;justify-content:space-between;align-items:center;padding:25px 0;margin:24px 0;border-block:1px solid var(--line);font-size:12px;color:var(--muted)}.assignment-line span:last-child{font-size:25px}.work-context>.caption{margin:26px 0 0;font-size:11px}.gallery-stage{box-shadow:none;border-radius:14px;padding:0;height:335px;background:#f8fbfe}.gallery-stage img{border:0;border-radius:0;object-position:top}.gallery-stage.is-overview{padding:12px}.gallery-footer{margin-top:17px}.project-card{border:0;border-radius:14px;background:#f7fbfe}.card-image{padding:0;height:230px;background:#d8e8f3}.card-image>.image-open{border-radius:0}.card-image img{border:0;border-radius:0;object-fit:cover;object-position:top}.card-copy{padding:24px}.card-copy p,.card-copy .label,.card-copy h3{min-height:0}.card-copy .label{margin-bottom:15px}.card-copy h3{margin-bottom:16px;font-size:25px}.card-copy>.text-link{margin-top:12px}.section-heading>p{font-size:15px}.learning-note h3{font-size:26px;line-height:1.18;letter-spacing:-.8px}.learning-note .number{font-size:42px;margin-bottom:22px}.learning-source{margin-top:28px;max-width:620px}.process-window{box-shadow:0 12px 28px #375f7920}.topbar{background:#edf5fbf2}.nav-links{font-size:12px}@media(max-width:700px){.section{padding:52px 0}.hero{gap:12px;padding-top:38px}.hero h1{letter-spacing:-4px}.hero-visual{padding:10px 10px 15px}.portrait-frame{max-width:300px}.portrait-frame img{aspect-ratio:4/4;object-position:50% 44%}.portrait-frame figcaption{margin-top:15px}.work-context{padding:26px}.gallery-stage{height:265px}.card-image{height:220px}.card-copy{padding:22px}.split{gap:32px}.learning-note h3{font-size:24px}.learning-note .number{font-size:38px}}.more-projects{position:relative}.more-projects>summary{list-style:none;cursor:pointer;white-space:nowrap;font-size:inherit;padding:0;border:0}.more-projects>summary::-webkit-details-marker{display:none}.more-projects>summary:after{content:" ↓"}.more-projects[open]>summary:after{content:" ↑"}.project-menu{position:absolute;right:0;top:calc(100% + 20px);width:275px;padding:22px;background:#f7fbfe;border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 32px #17354a18;z-index:30}.project-menu>.label{margin:0 0 10px}.project-menu a,.project-menu #development-links>div{display:flex;flex-direction:column;gap:4px;padding:12px 0;border-top:1px solid var(--line);font-size:15px}.project-menu small{color:var(--muted);font-size:12px}.more-projects summary:focus-visible,.project-menu a:focus-visible{outline:2px solid var(--blue);outline-offset:5px}.timeline p{line-height:1.4}@media(max-width:700px){.more-projects{position:static}.nav-links{position:relative}.project-menu{right:auto;left:0;top:100%;width:min(275px,calc(100vw - 48px));box-sizing:border-box}.footer{flex-wrap:wrap;gap:16px}}.project-menu>a{display:block;padding:12px 0;border-top:1px solid var(--line);font-size:15px}.project-menu>a:first-child{border-top:0;padding-top:0;color:var(--blue)}.project-menu>a:hover{color:var(--blue)}.project-menu>a{display:flex;flex-direction:column;gap:5px}.project-menu>a>span{font-weight:700}.project-menu>a>small{font-weight:400;line-height:1.5}.project-menu>.all-projects{font-size:12px;color:var(--blue);padding-bottom:0}.more-projects>summary{display:flex;align-items:center;gap:9px;min-height:40px}.more-projects>summary:after{content:"";display:block;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-top:-4px}.more-projects[open]>summary:after{content:"";transform:rotate(225deg);margin-top:4px}.nav-contact{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 19px;border-radius:10px;background:#17657c;color:#fff;font-weight:700;transition:background .2s}.nav-contact:hover{background:#124b5e}.nav-links .nav-contact{color:#fff}.image-expand{font-family:Arial,Helvetica,sans-serif;font-size:24px}@media(max-width:700px){.nav-contact{min-height:40px;padding:0 16px}.more-projects>summary{min-height:40px}}@media(prefers-reduced-motion:no-preference){.js-motion .reveal{--reveal-y:20px;transition-duration:.65s}.js-motion .reveal[data-direction=left]{--reveal-x:-22px;--reveal-y:8px}.js-motion .reveal[data-direction=right]{--reveal-x:22px;--reveal-y:8px}}@media(max-width:700px)and (prefers-reduced-motion:no-preference){.js-motion .reveal[data-direction=left]{--reveal-x:-14px}.js-motion .reveal[data-direction=right]{--reveal-x:14px}}.about-layout{align-items:start}.about-details{min-width:0}.experience-block>.label,.background-block>.label{font-size:11px;line-height:1.5;letter-spacing:1.7px;margin:0 0 22px}.about-details .timeline li{padding-top:8px;padding-bottom:27px}.about-details .timeline-dot{top:12px}.about-details .timeline li p{font-size:20px;letter-spacing:-.4px}.about-details .timeline small{display:block;font-size:14px;line-height:1.65}.background-block{margin-top:32px;padding-top:25px;border-top:1px solid var(--line)}.background-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;list-style:none;padding:0;margin:0}.background-grid li{padding:18px;background:#f7fbfe;border:1px solid #cbdde9;border-radius:12px;font-size:14px;line-height:1.55;color:var(--muted)}@media(max-width:700px){.about-layout{gap:35px}.about-details .timeline li p{font-size:19px}.background-grid li{padding:14px;font-size:13px}}.learning-intro{max-width:860px;margin-bottom:35px}.learning-intro>p:not(.label){max-width:800px;font-size:17px}.restored-lessons{grid-template-columns:repeat(6,minmax(0,1fr));gap:30px}.restored-lessons>.learning-note{grid-column:span 2}.restored-lessons>.learning-note:nth-last-child(-n+2){grid-column:span 3}.restored-lessons h3{font-size:24px;line-height:1.25}.contact-intro{max-width:680px;font-size:19px;line-height:1.65}.contact .actions{margin-top:30px}.contact .primary{gap:12px}.contact-linkedin{display:inline-flex;align-items:center;gap:12px;min-height:48px;padding:13px 22px;border:1px solid #bdd3e2;border-radius:30px;background:#f0f7fc;color:#17354a;font-size:14px}.contact-linkedin:hover{background:#dcebf5}.contact-icon{flex:none}.linkedin-icon{color:#0a66c2}@media(max-width:700px){.restored-lessons{grid-template-columns:1fr;gap:25px}.restored-lessons>.learning-note,.restored-lessons>.learning-note:nth-last-child(-n+2){grid-column:auto}.learning-intro>p:not(.label){font-size:16px}.restored-lessons h3{font-size:23px}.contact-intro{font-size:17px}}.about-layout h2,.background-grid li{overflow-wrap:anywhere}.nav-links .nav-contact:hover,.nav-links .nav-contact:focus-visible{color:#fff}body{background:var(--paper);font-family:Arial,Helvetica,sans-serif}.section[id],section[id]{scroll-margin-top:0}html{scroll-padding-top:calc(var(--nav-height,80px) + 18px)}.gallery-stage>.image-open{height:100%;width:100%}.gallery-stage .image-open img{height:100%;object-fit:cover;object-position:top}.gallery-stage.is-overview .image-open img{object-fit:contain}.learning-evidence{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:36px 0 45px}.learning-example{overflow:hidden;border-radius:14px;background:#e5eff7}.learning-example>.image-open{height:255px;border-radius:0}.learning-example>.image-open img{height:100%;object-fit:cover;object-position:top}.learning-example>div{padding:24px}.learning-example .label{font-size:10px;margin-bottom:14px}.learning-example h3{font-size:24px;line-height:1.2;margin-bottom:15px}.learning-example p:not(.label){font-size:14px}.restored-lessons .number{font-size:32px;margin-bottom:15px}.restored-lessons h3{font-size:21px}.restored-lessons p{font-size:14px}.approach-story{display:grid;grid-template-columns:1.15fr 1fr;gap:65px;align-items:start}.approach-stage{position:sticky;top:calc(var(--nav-height,80px) + 25px)}.approach-stage .image-open{height:400px;background:#f7fbfe;border-radius:14px}.approach-stage .image-open img{height:100%;object-fit:contain;object-position:top}.approach-stage figcaption{margin-top:16px;min-height:40px}.approach-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.approach-tabs button{font-size:11px;padding:9px 12px;border:1px solid #adc7d8;border-radius:20px;background:transparent;min-height:38px}.approach-tabs button[aria-pressed=true]{background:#17354a;color:#fff;border-color:#17354a}.approach-step{padding:30px 0 100px;min-height:280px;border-top:1px solid var(--line);scroll-margin-top:calc(var(--nav-height,80px) + 30px)}.approach-step h3{font-size:29px}.approach-step.active-step{border-color:#17657c}.approach-mobile-image{display:none}.stage-transition{animation:stage-in .45s ease-out}@keyframes stage-in{0%{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:none}}.image-viewer.react-viewer[open]{display:flex;flex-direction:column;position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;max-width:1500px}.react-viewer .image-toolbar button:last-child{margin-left:auto}.react-viewer .image-viewport{min-height:0}.project-story h1{overflow-wrap:anywhere}.skip{z-index:1000}.story-section h3{margin-bottom:16px}.story-section article>h3:not(:first-child){margin-top:24px}.story-context article p:last-child{margin-bottom:0}.project-nav a:last-child{color:var(--blue)}@media(max-width:900px){.learning-evidence{gap:16px}.learning-example>div{padding:19px}.approach-story{gap:35px}.approach-stage .image-open{height:330px}}@media(max-width:700px){.learning-evidence{grid-template-columns:1fr;gap:25px}.learning-example>.image-open{height:270px}.learning-example h3{font-size:24px}.restored-lessons .learning-note{padding-left:55px;padding-top:25px}.restored-lessons .number{top:25px;font-size:29px}.approach-story{grid-template-columns:1fr;gap:0}.approach-stage{display:none}.approach-step{padding:25px 0 35px;min-height:0}.approach-step h3{font-size:26px}.approach-mobile-image{display:block;margin-top:22px}.approach-mobile-image .image-open{height:290px;background:#f7fbfe}.approach-mobile-image img{height:100%;object-fit:contain;object-position:top}.approach-mobile-image figcaption{margin-top:12px}.restored-lessons h3{font-size:22px}.hero{min-height:0}}@media(prefers-reduced-motion:reduce){.stage-transition{animation:none}.approach-stage{position:static}}.mission-questions{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}.mission-questions h3{font-size:19px;line-height:1.3;letter-spacing:-.4px}.mission-questions ul{padding-left:20px;color:var(--muted);font-size:14px;line-height:1.7}.mission-questions li{margin-bottom:10px}h1,h2,h3{font-weight:600}.project-story>section>h1{font-size:clamp(34px,5vw,55px);line-height:1.15;margin-bottom:25px}.learning-example:first-child>.image-open img{object-position:50% 65%}.learning-example:nth-child(2)>.image-open img{transform:scale(1.2);transform-origin:50% 45%}.learning-example:nth-child(3)>.image-open img{object-position:80% 50%}.chapter-picto{display:grid;place-items:center;width:62px;height:62px;margin-bottom:23px;border-radius:17px;background:#d9eaf3;color:#17657c}.chapter-picto svg{width:42px;height:42px}.about .chapter-picto{width:72px;height:72px;margin-top:4px;margin-bottom:25px}.restored-lessons .learning-note{padding-left:0}.restored-lessons h3{font-size:24px}.restored-lessons p{font-size:15px}@media(max-width:700px){.restored-lessons .learning-note{padding-left:0;padding-top:22px}.chapter-picto{width:54px;height:54px;margin-bottom:18px}.chapter-picto svg{width:36px;height:36px}}.learning-intro{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:54px;align-items:center}.learning-intro-copy>p:not(.label){max-width:800px;font-size:17px}.learning-intro-art{width:100%;max-width:260px;justify-self:end}.learning-intro-art img{width:100%;height:auto}@media(max-width:900px){.learning-intro{grid-template-columns:minmax(0,1fr) 190px;gap:30px}.learning-intro-art{max-width:190px}}@media(max-width:700px){.learning-intro{grid-template-columns:1fr;gap:5px}.learning-intro-copy>p:not(.label){font-size:16px}.learning-intro-art{max-width:160px;justify-self:center;margin-bottom:12px}}@media(prefers-reduced-motion:no-preference){.js-motion .reveal{transition-duration:.9s}}.project-image-link{display:block;height:100%;width:100%;overflow:hidden;cursor:pointer}.project-image-link img{height:100%;object-fit:cover;object-position:top;transition:transform .4s}.project-image-link:hover img{transform:scale(1.025)}.gallery-stage.is-overview .project-image-link img{object-fit:contain}.project-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:23px}.project-actions .primary{font-weight:700;gap:0;border-radius:11px;padding:14px 18px}.project-mini-process{margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}.project-mini-process h4{font-size:14px;color:var(--ink);margin:0 0 10px;font-weight:700}.project-mini-process p{font-size:14px;margin-bottom:13px}.project-mini-process .project-boundary{font-size:13px;margin-bottom:0}.project-index{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:23px}.project-index a{padding:10px 14px;border:1px solid #a9c5d5;border-radius:22px;font-size:13px;color:var(--blue);background:#f5fafd}.project-index a:hover{background:#d2e7f2}.rail-scroll-controlled{scroll-snap-type:none;scroll-behavior:auto}.project-rail .project-card{flex-basis:43%;min-width:330px}.card-copy{display:flex;flex-direction:column}.card-copy .project-actions{margin-top:auto;padding-top:24px}.project-card{display:flex;flex-direction:column}.project-card .card-copy{flex:1}.hero .hero-proposition{font-size:clamp(24px,2.7vw,34px);line-height:1.25;letter-spacing:-.8px;font-weight:600}.hero .intro{font-size:17px}.fitz-exploration{border-top:1px solid var(--line);padding-top:20px;margin-top:25px}.fitz-exploration h3{font-size:17px;letter-spacing:-.3px;margin-bottom:12px}.fitz-exploration p{font-size:14px}@media(max-width:700px){.project-rail .project-card{flex-basis:88%;min-width:0}.project-actions{gap:17px}.project-index{gap:8px}.project-index a{font-size:12px;padding:9px 12px}.hero .hero-proposition{font-size:27px}.project-mini-process p{font-size:14px}}@media(prefers-reduced-motion:reduce){.project-image-link img{transition:none}.project-image-link:hover img{transform:none}}.project-menu{max-height:calc(100dvh - var(--nav-height,90px) - 32px);overflow-y:auto;overscroll-behavior:contain}.development-projects{border-top:1px solid var(--line);margin-top:6px}.development-projects>summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;padding:16px 0;font-size:15px;font-weight:700}.development-projects>summary::-webkit-details-marker{display:none}.development-projects>summary:after{content:"";width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-right:3px;transition:transform .2s}.development-projects[open]>summary:after{transform:rotate(225deg)}.development-projects>summary:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.development-projects a{padding-left:12px}.development-projects a>span{font-weight:600}.development-projects a:hover{color:var(--blue)}@media(prefers-reduced-motion:reduce){.development-projects>summary:after{transition:none}}@media(prefers-reduced-motion:no-preference){.js-motion .reveal{transition-duration:var(--motion-duration,.6s);transition-delay:0s}.js-motion .reveal:not(.in-view){opacity:.35}.js-motion .reveal.in-view{transition-delay:var(--motion-delay,0s)}.hero .hero-copy{--motion-duration:.6s}.hero .hero-visual{--motion-duration:.8s;--motion-delay:.08s}#fitz .work-context{--motion-duration:.8s;--motion-delay:.1s}#missie .mission-figure{--motion-duration:.95s;--motion-delay:.1s}#voorbeelden .gallery{--motion-duration:.85s;--motion-delay:.06s}.learning-intro{--motion-duration:.6s}.learning-note{--motion-duration:.65s}.learning-note:nth-child(2){--motion-delay:.08s}.learning-note:nth-child(3){--motion-delay:.16s}.learning-note:nth-child(4){--motion-delay:.24s}.learning-note:nth-child(5){--motion-delay:.32s}.process-step,.timeline .reveal{--motion-duration:.55s}.timeline .reveal:nth-child(2){--motion-delay:.06s}.timeline .reveal:nth-child(3){--motion-delay:.12s}.timeline .reveal:nth-child(4){--motion-delay:.18s}#contact .reveal{--motion-duration:.4s;--reveal-y:8px}.js-motion .reveal.motion-immediate{transition:none;opacity:1;transform:translateZ(0)}}@media(max-width:700px)and (prefers-reduced-motion:no-preference){.learning-note:nth-child(n),.timeline .reveal:nth-child(n){--motion-delay:0s}}.project-nav{display:flex;justify-content:space-between;gap:20px;padding-block:30px;font-size:13px}.project-nav span{color:var(--muted)}.story-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px;background:#f9fcff;border:1px solid var(--line);padding:48px;border-radius:26px;margin:35px 0 32px}.story-hero h1{font-family:Georgia,serif;font-size:clamp(42px,5vw,64px);letter-spacing:-2px;margin-bottom:24px}.story-hero .lead{font-size:20px}.story-hero figure{translate:0 var(--story-drift,0px)}.story-hero .image-open{aspect-ratio:3/2;border:1px solid var(--line)}.story-hero figcaption{margin-top:12px}.story-jumps{display:flex;gap:24px;flex-wrap:wrap;padding:18px 0;border-block:1px solid var(--line);font-size:12px}.story-jumps a:hover{color:var(--blue)}.story-section{padding-block:65px;border-bottom:1px solid var(--line)}.story-section h2{font-family:Georgia,serif;font-size:36px;letter-spacing:-1px}.story-section h3{font-family:Georgia,serif;font-size:24px;letter-spacing:-.6px;line-height:1.25}.story-context{display:grid;grid-template-columns:1fr 1fr;gap:26px}.story-context article{padding:28px;border:1px solid var(--line);border-radius:20px;background:#f9fcff}.story-section ul,.story-section ol{color:var(--muted);line-height:1.65;padding-left:22px}.story-section li{margin-bottom:12px}.story-choice{display:grid;grid-template-columns:1.1fr 1fr;gap:45px;align-items:center;padding-block:35px;border-top:1px solid var(--line)}.story-choice:nth-of-type(2n)>.image-open{order:2}.story-choice>.image-open{height:300px;position:sticky;top:30px;box-shadow:0 15px 40px #547d9119}.story-choice .image-open img{object-fit:cover;object-position:top}.workflow-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;list-style:none;counter-reset:steps;padding:0!important}.workflow-steps li{background:#e0edf7;border-radius:14px;padding:22px;font-size:14px;counter-increment:steps}.workflow-steps li:before{content:counter(steps,decimal-leading-zero);display:block;color:var(--blue);font-weight:700;margin-bottom:18px}.story-screens{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.story-screens .image-open{height:280px;border:1px solid var(--line)}.story-screens figcaption{margin-top:12px}.story-section:last-child{border:0}.learning-source{margin-top:28px;max-width:600px}@media(max-width:700px){.project-nav{font-size:11px}.project-nav span{display:none}.story-hero{grid-template-columns:1fr;padding:25px;gap:25px;margin-top:10px}.story-hero h1{font-size:40px}.story-hero .lead{font-size:17px}.story-section{padding-block:40px}.story-section h2{font-size:29px}.story-context{grid-template-columns:1fr}.story-context article{padding:22px}.story-choice{grid-template-columns:1fr;gap:22px;padding-block:25px}.story-choice:nth-of-type(2n)>.image-open{order:0}.story-choice>.image-open{position:static;height:230px}.workflow-steps{grid-template-columns:1fr 1fr}.story-screens{grid-template-columns:1fr}.story-screens .image-open{height:260px}.story-jumps{gap:15px}.learning-note{padding-left:0;padding-top:75px}.learning-note .number{top:20px}}@media(prefers-reduced-motion:reduce){.story-hero figure{translate:none}.story-choice>.image-open{position:static}}.story-hero h1,.story-section h2,.story-section h3{font-family:Arial,Helvetica,sans-serif}.story-hero{padding:40px;border-radius:18px;background:#f7fbfe;gap:45px}.story-hero h1{font-size:clamp(40px,4.5vw,60px);letter-spacing:-2.5px}.story-hero .image-open{border:0;border-radius:10px}.story-section h2{font-size:34px;letter-spacing:-1.2px}.story-section h3{font-size:23px;letter-spacing:-.7px}.story-context article{border:0;background:#e1edf6;border-radius:14px}.story-section{padding-block:58px}.story-choice{gap:40px}.story-choice>.image-open{box-shadow:none;border-radius:12px}.story-screens .image-open{border:0;border-radius:12px;background:#dce9f4}.workflow-steps li{border-radius:12px;background:#dfecf6}.crop-woon-task{height:auto!important;aspect-ratio:945/650}.crop-woon-task img{position:absolute;width:133.86%!important;height:auto!important;max-height:none;left:-30.47%;top:0;transform:translateY(-58.917%);object-fit:initial!important}.crop-woon-help img{object-fit:contain!important;transform:scale(2.2)}@media(max-width:700px){.story-hero{padding:24px;gap:22px}.story-hero h1{font-size:39px;letter-spacing:-1.8px}.story-section{padding-block:40px}.story-section h2{font-size:29px}.story-choice{gap:20px}}.story-choice{display:block;padding:25px 0}.story-choice:nth-child(2n)>div{order:initial}.story-choice>div{max-width:780px}.story-choice.illustrated-choice{display:grid;grid-template-columns:360px minmax(0,1fr);align-items:center;gap:38px}.personal-design-visual svg{display:block;width:100%;height:auto}.personal-design-visual figcaption{margin-top:10px;font-size:11px}.story-learning-visuals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.story-learning-visuals article{padding:22px;border-top:1px solid var(--line)}.story-learning-visuals p{margin:0}.story-learning-visuals .chapter-picto{margin-bottom:20px}@media(max-width:700px){.story-choice.illustrated-choice{grid-template-columns:1fr;gap:20px}.personal-design-visual{max-width:360px}.story-learning-visuals{grid-template-columns:1fr;gap:18px}.story-learning-visuals article{padding:18px 0}}.story-choice.illustrated-choice{padding-block:32px;grid-template-columns:minmax(250px,360px) minmax(0,1fr)}.story-design-art{width:100%;max-width:360px}.story-choice.illustrated-choice:nth-of-type(2n){grid-template-columns:minmax(0,1fr) minmax(250px,360px)}.story-choice.illustrated-choice:nth-of-type(2n)>.story-design-art{order:2}.story-context .chapter-picto{margin-bottom:20px}.workflow-steps li{position:relative;padding-top:54px}.workflow-steps li:before{position:absolute;right:20px;top:20px;opacity:.6}.workflow-steps .chapter-picto{width:46px;height:46px;margin-bottom:18px;background:#f7fbfe}.workflow-steps li>span:last-child{display:block}.story-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.story-status-grid article{border-top:1px solid var(--line);padding:24px 0}.story-status-grid .chapter-picto{margin-bottom:22px}.story-status-grid h3{font-size:21px}.story-status-grid p{font-size:15px}.story-followup{max-width:760px;margin-top:20px}.story-screens .image-open img{transition:transform .5s ease}.story-screens .image-open:hover img{transform:scale(1.025)}@media(max-width:700px){.story-choice.illustrated-choice,.story-choice.illustrated-choice:nth-of-type(2n){grid-template-columns:1fr}.story-choice.illustrated-choice:nth-of-type(2n)>.story-design-art{order:0}.story-status-grid{grid-template-columns:1fr;gap:8px}.workflow-steps li{padding:48px 18px 18px}}@media(prefers-reduced-motion:reduce){.story-screens .image-open img{transition:none}.story-screens .image-open:hover img{transform:none}}@media(prefers-reduced-motion:no-preference){.project-story .reveal{--motion-duration:.55s;--reveal-y:10px}.project-story .reveal[data-direction=left]{--reveal-x:-10px;--reveal-y:0px}.project-story .reveal[data-direction=right]{--reveal-x:10px;--reveal-y:0px}.story-hero>figure.reveal{--motion-duration:.85s;--motion-delay:.08s}.illustrated-choice.reveal{--motion-duration:.85s;--motion-delay:.04s}.story-screens .reveal{--motion-duration:.85s;--motion-delay:.06s}.project-story[data-project=mindflow] .illustrated-choice.reveal,.project-story[data-project=mindflow] .story-screens .reveal{--motion-duration:.95s}.workflow-steps .reveal:nth-child(2){--motion-delay:.06s}.workflow-steps .reveal:nth-child(3){--motion-delay:.12s}.workflow-steps .reveal:nth-child(4){--motion-delay:.18s}.story-learning-visuals .reveal{--motion-duration:.5s}.story-learning-visuals .reveal:nth-child(2){--motion-delay:.04s}.story-learning-visuals .reveal:nth-child(3){--motion-delay:.08s}#hoofdstuk-6 .reveal,#hoofdstuk-7 .reveal{--motion-duration:.5s;--reveal-x:0px;--reveal-y:6px}}@media(max-width:700px)and (prefers-reduced-motion:no-preference){.workflow-steps .reveal:nth-child(n),.story-learning-visuals .reveal:nth-child(n){--motion-delay:0s}}.project-nav{align-items:center}.project-nav .primary{padding:11px 17px;color:#fff;font-size:13px}.story-section{padding-block:46px}.story-choice.illustrated-choice{padding-block:25px}.story-design-art{max-width:320px}.story-context article>h3{font-size:19px;margin-bottom:10px}.story-context article>h3:not(:first-child){margin-top:20px}.story-followup{padding-top:28px}.story-ending{padding:36px;margin:20px 0 44px;border:1px solid var(--line);border-radius:18px;background:#f7fbfe}.story-ending h2{font-size:28px;letter-spacing:-.8px;margin-bottom:18px}.story-next{display:flex;justify-content:space-between;align-items:center;gap:18px;border-top:1px solid var(--line);margin-top:30px;padding-top:22px;font-size:14px}.story-next span{color:var(--muted)}.story-next strong{color:var(--blue)}@media(prefers-reduced-motion:no-preference){#hoofdstuk-5 .reveal{--motion-duration:.5s;--reveal-x:0px;--reveal-y:6px}}@media(max-width:700px){.story-section{padding-block:34px}.story-design-art{max-width:none}.story-ending{padding:24px}.story-ending h2{font-size:25px}.story-next{align-items:flex-start;flex-direction:column;gap:8px}}.story-context{align-items:start}
