/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking: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:#f8f4ed;--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-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-duration:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-black:#3b2e25;--color-white:#f8f4ed;--spacing:.25rem;--container-3xl:48rem;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-black:900;--leading-snug:1.375;--blur-sm:8px;--blur-xl:24px;--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,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-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:where(:not(iframe)){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{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:0}.inset-x-0{inset-inline:0}.inset-x-5{inset-inline:calc(var(--spacing) * 5)}.top-0{top:0}.top-1\/2{top:50%}.top-4{top:calc(var(--spacing) * 4)}.top-5{top:calc(var(--spacing) * 5)}.top-\[5\.6rem\]{top:5.6rem}.top-\[6\.8rem\]{top:6.8rem}.top-\[48\%\]{top:48%}.top-\[50\%\]{top:50%}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.right-5{right:calc(var(--spacing) * 5)}.right-6{right:calc(var(--spacing) * 6)}.bottom-0{bottom:0}.bottom-3{bottom:calc(var(--spacing) * 3)}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-5{bottom:calc(var(--spacing) * 5)}.bottom-6{bottom:calc(var(--spacing) * 6)}.left-1\/2{left:50%}.left-4{left:calc(var(--spacing) * 4)}.left-5{left:calc(var(--spacing) * 5)}.left-6{left:calc(var(--spacing) * 6)}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[1\]{z-index:1}.z-\[5\]{z-index:5}.m-0{margin:0}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.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-16{margin-top:calc(var(--spacing) * 16)}.mr-4{margin-right:calc(var(--spacing) * 4)}.mb-0{margin-bottom:0}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.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-7{margin-bottom:calc(var(--spacing) * 7)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.aspect-\[1\.7\/1\]{aspect-ratio:1.7}.aspect-\[1\.65\/1\]{aspect-ratio:1.65}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-4{height:calc(var(--spacing) * 4)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-44{height:calc(var(--spacing) * 44)}.h-\[18px\]{height:18px}.h-\[92dvh\]{height:92dvh}.h-dvh{height:100dvh}.h-full{height:100%}.h-px{height:1px}.max-h-\[50vh\]{max-height:50vh}.max-h-\[52vh\]{max-height:52vh}.min-h-\[190px\]{min-height:190px}.min-h-\[230px\]{min-height:230px}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing) * 4)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-14{width:calc(var(--spacing) * 14)}.w-\[18px\]{width:18px}.w-full{width:100%}.max-w-3xl{max-width:var(--container-3xl)}.max-w-\[270px\]{max-width:270px}.max-w-\[330px\]{max-width:330px}.max-w-\[360px\]{max-width:360px}.max-w-\[440px\]{max-width:440px}.max-w-\[560px\]{max-width:560px}.max-w-\[620px\]{max-width:620px}.max-w-\[720px\]{max-width:720px}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-180{rotate:180deg}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.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-7{gap:calc(var(--spacing) * 7)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-px{gap:1px}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-x-8{column-gap:calc(var(--spacing) * 8)}.gap-y-3{row-gap:calc(var(--spacing) * 3)}.gap-y-4{row-gap:calc(var(--spacing) * 4)}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:2147483647px}.border{border-style:var(--tw-border-style);border-width:1px}.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-\[\#6f5038\]\/70{border-color:oklab(69.1061% .102243 .125006/.7)}.border-white\/10{border-color:#4936291a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.border-white\/15{border-color:#49362926}@supports (color:color-mix(in lab, red, red)){.border-white\/15{border-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.border-white\/20{border-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.border-white\/20{border-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.border-white\/25{border-color:#49362940}@supports (color:color-mix(in lab, red, red)){.border-white\/25{border-color:color-mix(in oklab, var(--color-white) 25%, transparent)}}.bg-\[\#f8f4ed\]{background-color:#10100f}.bg-\[\#f8f4ed\]{background-color:#10100f}.bg-\[\#f8f4ed\]{background-color:#10100f}.bg-\[\#f8f4ed\]\/95{background-color:oklab(13.9791% -7.45058e-9 1.49012e-8/.95)}.bg-\[\#f8f4ed\]{background-color:#10100f}.bg-\[\#6f5038\]{background-color:#f1833c}.bg-\[\#6f5038\]{background-color:#f1833c}.bg-black{background-color:var(--color-black)}.bg-black\/20{background-color:#0003}@supports (color:color-mix(in lab, red, red)){.bg-black\/20{background-color:color-mix(in oklab, var(--color-black) 20%, transparent)}}.bg-black\/35{background-color:#10100f59}@supports (color:color-mix(in lab, red, red)){.bg-black\/35{background-color:color-mix(in oklab, var(--color-black) 35%, transparent)}}.bg-black\/70{background-color:#10100fb3}@supports (color:color-mix(in lab, red, red)){.bg-black\/70{background-color:color-mix(in oklab, var(--color-black) 70%, transparent)}}.bg-white\/10{background-color:#0d0d0c1a}@supports (color:color-mix(in lab, red, red)){.bg-white\/10{background-color:color-mix(in oklab, #0d0d0c 10%, transparent)}}.bg-white\/20{background-color:#10100f33}@supports (color:color-mix(in lab, red, red)){.bg-white\/20{background-color:color-mix(in oklab, #0d0d0c 20%, transparent)}}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-3{padding:calc(var(--spacing) * 3)}.p-5{padding:calc(var(--spacing) * 5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-4{padding-block:calc(var(--spacing) * 4)}.pt-1{padding-top:var(--spacing)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-7{padding-top:calc(var(--spacing) * 7)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pb-12{padding-bottom:calc(var(--spacing) * 12)}.text-left{text-align:left}.text-right{text-align:right}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.leading-\[0\.78\]{--tw-leading:.78;line-height:.78}.leading-\[0\.88\]{--tw-leading:.88;line-height:.88}.leading-\[1\.6\]{--tw-leading:1.6;line-height:1.6}.leading-\[1\.7\]{--tw-leading:1.7;line-height:1.7}.leading-\[1\.08\]{--tw-leading:1.08;line-height:1.08}.leading-\[1\.8\]{--tw-leading:1.8;line-height:1.8}.leading-\[1\.9\]{--tw-leading:1.9;line-height:1.9}.leading-\[1\.75\]{--tw-leading:1.75;line-height:1.75}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.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\.06em\]{--tw-tracking:-.06em;letter-spacing:-.06em}.tracking-\[-0\.075em\]{--tw-tracking:-.075em;letter-spacing:-.075em}.tracking-\[-0\.085em\]{--tw-tracking:-.085em;letter-spacing:-.085em}.tracking-\[0\.02em\]{--tw-tracking:.02em;letter-spacing:.02em}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[0\.05em\]{--tw-tracking:.05em;letter-spacing:.05em}.tracking-\[0\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}.tracking-\[0\.13em\]{--tw-tracking:.13em;letter-spacing:.13em}.tracking-\[0\.14em\]{--tw-tracking:.14em;letter-spacing:.14em}.tracking-\[0\.15em\]{--tw-tracking:.15em;letter-spacing:.15em}.tracking-\[0\.16em\]{--tw-tracking:.16em;letter-spacing:.16em}.tracking-\[0\.17em\]{--tw-tracking:.17em;letter-spacing:.17em}.tracking-\[0\.18em\]{--tw-tracking:.18em;letter-spacing:.18em}.tracking-\[0\.23em\]{--tw-tracking:.23em;letter-spacing:.23em}.tracking-\[0\.24em\]{--tw-tracking:.24em;letter-spacing:.24em}.whitespace-pre-line{white-space:pre-line}.text-\[\#6f5038\]{color:#f1833c}.text-\[\#3b2e25\]{color:#f4f0e8}.text-\[\#6f5038\]{color:#f1833c}.text-\[\#805b3c\]{color:#e8792c}.text-white{color:var(--color-white)}.text-white\/30{color:#f4f0e84d}@supports (color:color-mix(in lab, red, red)){.text-white\/30{color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.text-white\/35{color:#f4f0e859}@supports (color:color-mix(in lab, red, red)){.text-white\/35{color:color-mix(in oklab, var(--color-white) 35%, transparent)}}.text-white\/40{color:#f4f0e866}@supports (color:color-mix(in lab, red, red)){.text-white\/40{color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.text-white\/45{color:#f4f0e873}@supports (color:color-mix(in lab, red, red)){.text-white\/45{color:color-mix(in oklab, var(--color-white) 45%, transparent)}}.text-white\/50{color:#f4f0e880}@supports (color:color-mix(in lab, red, red)){.text-white\/50{color:color-mix(in oklab, var(--color-white) 50%, transparent)}}.text-white\/55{color:#f4f0e88c}@supports (color:color-mix(in lab, red, red)){.text-white\/55{color:color-mix(in oklab, var(--color-white) 55%, transparent)}}.text-white\/60{color:#f4f0e899}@supports (color:color-mix(in lab, red, red)){.text-white\/60{color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.text-white\/65{color:#f4f0e8a6}@supports (color:color-mix(in lab, red, red)){.text-white\/65{color:color-mix(in oklab, var(--color-white) 65%, transparent)}}.text-white\/70{color:#f4f0e8b3}@supports (color:color-mix(in lab, red, red)){.text-white\/70{color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.text-white\/75{color:#f4f0e8bf}@supports (color:color-mix(in lab, red, red)){.text-white\/75{color:color-mix(in oklab, var(--color-white) 75%, transparent)}}.text-white\/80{color:#f4f0e8cc}@supports (color:color-mix(in lab, red, red)){.text-white\/80{color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.text-white\/90{color:#f4f0e8e6}@supports (color:color-mix(in lab, red, red)){.text-white\/90{color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.uppercase{text-transform:uppercase}.opacity-85{opacity:.85}.shadow-\[0_0_12px_\#6f5038\]{--tw-shadow:0 0 12px var(--tw-shadow-color,#6f5038);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,)}.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,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-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))}.duration-700{--tw-duration:.7s;transition-duration:.7s}.\[writing-mode\:vertical-rl\]{writing-mode:vertical-rl}@media (hover:hover){.group-hover\:scale-\[1\.04\]:is(:where(.group):hover *){scale:1.04}.group-hover\:border-\[\#6f5038\]:is(:where(.group):hover *){border-color:#f1833c}.group-hover\:bg-\[\#6f5038\]:is(:where(.group):hover *){background-color:#f1833c}.group-hover\:text-\[\#805b3c\]:is(:where(.group):hover *){color:#e8792c}.group-hover\:text-black:is(:where(.group):hover *){color:#f4f0e8}.group-hover\:text-black\/75:is(:where(.group):hover *){color:#f4f0e8bf}@supports (color:color-mix(in lab, red, red)){.group-hover\:text-black\/75:is(:where(.group):hover *){color:color-mix(in oklab, #f4f0e8 75%, transparent)}}.hover\:border-\[\#6f5038\]:hover{border-color:#f1833c}.hover\:text-\[\#805b3c\]:hover{color:#e8792c}.hover\:text-white:hover{color:var(--color-white)}}@media (width>=40rem){.sm\:inset-x-8{inset-inline:calc(var(--spacing) * 8)}.sm\:right-8{right:calc(var(--spacing) * 8)}.sm\:bottom-5{bottom:calc(var(--spacing) * 5)}.sm\:bottom-9{bottom:calc(var(--spacing) * 9)}.sm\:left-8{left:calc(var(--spacing) * 8)}.sm\:mb-8{margin-bottom:calc(var(--spacing) * 8)}.sm\:mb-10{margin-bottom:calc(var(--spacing) * 10)}.sm\:block{display:block}.sm\:h-full{height:100%}.sm\:min-h-\[320px\]{min-height:320px}.sm\:max-w-\[760px\]{max-width:760px}.sm\:max-w-\[900px\]{max-width:900px}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-end{align-items:flex-end}.sm\:gap-4{gap:calc(var(--spacing) * 4)}.sm\:p-4{padding:calc(var(--spacing) * 4)}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:px-5{padding-inline:calc(var(--spacing) * 5)}.sm\:px-8{padding-inline:calc(var(--spacing) * 8)}.sm\:pt-7{padding-top:calc(var(--spacing) * 7)}.sm\:pt-8{padding-top:calc(var(--spacing) * 8)}.sm\:pb-5{padding-bottom:calc(var(--spacing) * 5)}.sm\:text-\[11px\]{font-size:11px}}@media (width>=48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-\[1fr_0\.75fr\]{grid-template-columns:1fr .75fr}}@media (width>=64rem){.lg\:inset-x-12{inset-inline:calc(var(--spacing) * 12)}.lg\:right-12{right:calc(var(--spacing) * 12)}.lg\:bottom-10{bottom:calc(var(--spacing) * 10)}.lg\:left-12{left:calc(var(--spacing) * 12)}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:grid-cols-\[0\.9fr_1\.1fr\]{grid-template-columns:.9fr 1.1fr}.lg\:p-6{padding:calc(var(--spacing) * 6)}.lg\:p-10{padding:calc(var(--spacing) * 10)}.lg\:px-12{padding-inline:calc(var(--spacing) * 12)}}@media (width>=80rem){.xl\:block{display:block}.xl\:flex{display:flex}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:gap-5{gap:calc(var(--spacing) * 5)}}}:root{color:#f4f0e8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#10100f;font-family:Inter,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{font-family:Inter,sans-serif}button,a{font:inherit}button{cursor:pointer}#wixheadless-banner{display:none!important}.font-pixel,.project-art-caption{letter-spacing:.08em;font-family:Inter,sans-serif;font-size:10px;font-weight:500}.portfolio-root{isolation:isolate}.grain{opacity:.13;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E")}.ambient{background-repeat:no-repeat;transition:opacity .7s}.ambient-one{background-image:radial-gradient(at 51% 49%,#80634929 0,#0d0d0c14 20%,#0000 48%)}.ambient-two{background-image:linear-gradient(#10100f29,#0000 28% 68%,#10100fbd)}.site-header{pointer-events:none}.site-header>div{pointer-events:auto}.brand-seal{letter-spacing:.05em;font-size:9px}.nav-link{color:#f4f0e88c;letter-spacing:.04em;border:1px solid #0000;justify-content:center;align-items:center;min-height:36px;padding:0 12px;font-size:11px;font-weight:500;transition:color .2s,background .2s,border-color .2s;display:inline-flex}.nav-link:hover,.nav-link:focus-visible,.nav-link.is-active{color:#f4f0e8;background:#e8792c;border-color:#e8792ce6}.nav-link:focus-visible,.menu-toggle:focus-visible,.hero-cta:focus-visible,.project-card:focus-visible,.detail-close:focus-visible{outline-offset:3px;outline:2px solid #e8792c}.header-contact,.menu-toggle{pointer-events:auto}.mobile-menu-item{opacity:0;letter-spacing:-.07em;padding:12px 14px;font-size:clamp(34px,10vw,58px);font-weight:500;transition:color .2s,background .2s;animation:.35s forwards rise-in}.mobile-menu-item:hover,.mobile-menu-item:focus-visible{color:#f4f0e8;background:#e8792c;outline:none}.hero-view,.content-view{transition:opacity .45s,transform .55s cubic-bezier(.2,.75,.18,1),visibility .45s}.view-visible{opacity:1;visibility:visible;transform:translateY(0)}.view-hidden{opacity:0;pointer-events:none;visibility:hidden;transform:translateY(16px)}.meta-cell{min-width:0}.portrait-scene{width:min(64vw,900px);height:min(77vh,780px);transform:translate3d(-50%, -50%, 0) perspective(1250px) rotateX(var(--portrait-tilt-x,0deg)) rotateY(var(--portrait-tilt-y,0deg));transform-style:preserve-3d;isolation:isolate;will-change:transform;transition:transform .35s cubic-bezier(.2,.7,.2,1)}.scene-halo{filter:blur(1px);background:radial-gradient(#f1833c2e,#0d0d0c14 38%,#0000 72%);border:1px solid #f1833c2e;border-radius:50%;position:absolute;inset:7% 11% 8%;transform:translateZ(-110px)rotateY(-14deg);box-shadow:inset 0 0 80px #f1833c0f,0 0 70px #f1833c17}.motion-video-halo{z-index:2;object-fit:cover;object-position:center;opacity:.92;mix-blend-mode:screen;filter:sepia(.24)saturate(1.35)hue-rotate(338deg)brightness(1.12);pointer-events:none;width:74%;height:91%;position:absolute;top:49%;left:50%;transform:translate3d(-50%,-50%,8px)scale(1.14);-webkit-mask-image:radial-gradient(29% 43% at 50% 47%,#0000 73%,#f8f4ed80 85%,#3b2e25 96%,#0000 100%);mask-image:radial-gradient(29% 43% at 50% 47%,#0000 73%,#f8f4ed80 85%,#3b2e25 96%,#0000 100%)}.scene-ring{transform-style:preserve-3d;backface-visibility:visible;pointer-events:none;border:1px solid #e8792c6b;border-radius:50%;position:absolute;top:50%;left:50%;box-shadow:0 0 18px #f1833c1f,inset 0 0 18px #f1833c14}.scene-ring:after{content:"";background:radial-gradient(circle at 35% 30%,#0d0d0c,#e8792c 42%,#0d0d0c 76%);border:1px solid #ffffff26;border-radius:50%;width:11px;height:11px;position:absolute;top:2%;left:50%;transform:translateZ(16px);box-shadow:0 0 16px 4px #e8792cad}.scene-ring--vertical{z-index:1;border-color:#e8792c75;width:57%;height:91%;animation:13s linear infinite orbit-vertical}.scene-ring--diagonal{z-index:1;border-style:dashed;border-color:#ceb99d38;width:70%;height:99%;animation:21s linear infinite orbit-diagonal}.scene-ring--horizontal{z-index:4;border-color:#e8792cab;width:94%;height:31%;animation:11s linear infinite orbit-horizontal;top:68%}.scene-ring--front{z-index:5;border-color:#ceb99d94;width:73%;height:24%;animation:17s linear infinite reverse orbit-front;top:76%;box-shadow:0 0 22px #f1833c33}.portrait-stage{z-index:3;width:62%;height:88%;transform-style:preserve-3d;animation:6.8s ease-in-out infinite portrait-loop;position:absolute;top:49%;left:50%}.portrait-stage:before{content:"";filter:blur(20px);background:radial-gradient(#f1833c2e,#0000 72%);border-radius:48% 48% 12% 12%;position:absolute;inset:8% 8% 3%;transform:translateZ(-55px)}.portrait-image{z-index:1;object-position:center top;filter:drop-shadow(0 30px 42px #f4f0e86e);position:relative;transform:translateZ(52px);-webkit-mask-image:linear-gradient(#3b2e25 0% 76%,#f8f4edad 88%,#0000 100%);mask-image:linear-gradient(#3b2e25 0% 76%,#f8f4edad 88%,#0000 100%)}.portrait-scan{z-index:2;opacity:0;pointer-events:none;background:linear-gradient(90deg,#0000,#ceb99dd9,#f1833c,#0000);height:1px;animation:7s ease-in-out infinite portrait-scan;position:absolute;top:12%;left:12%;right:12%;box-shadow:0 0 12px 2px #f1833c61}.scene-platform{z-index:2;background:radial-gradient(#f1833c1f,#0000 68%);border:1px solid #e8792c80;border-radius:50%;width:54%;height:16%;animation:24s linear infinite platform-rotate;position:absolute;top:84%;left:50%;transform:translate3d(-50%,-50%,-24px)rotateX(73deg);box-shadow:0 0 28px #f1833c29}.hero-name{text-shadow:0 5px 50px #0006;font-size:clamp(58px,6.3vw,112px)}.hero-bottom{grid-template-columns:minmax(0,1fr) minmax(250px,min(31vw,390px)) auto;gap:clamp(14px,2vw,30px)}.hero-name-kicker{color:#e8792c;letter-spacing:.14em;font-size:11px;font-weight:600}.hero-name-caption{color:#f4f0e894;letter-spacing:.1em;font-size:11px;font-weight:500}.hero-summary{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#10100fe8;border:1px solid #49362921;max-width:390px;margin-bottom:2px;padding:16px 18px;box-shadow:0 18px 48px #f4f0e852}.hero-summary-kicker{color:#f4f0e8e6;font-size:14px;font-weight:600;line-height:1.55}.hero-summary-copy{color:#f4f0e8ab;font-size:13px;line-height:1.72}.hero-cta{justify-self:end;min-height:67px;transition:color .2s,background .2s,border-color .2s}.hero-cta:hover,.hero-cta:focus-visible{color:#f4f0e8;background:#e8792c;border-color:#e8792c}.hero-cta>span{white-space:nowrap}.hero-corner-mark{right:12%}.content-shell{scrollbar-color:#49362938 transparent;scrollbar-width:thin}.section-title{font-size:clamp(36px,6.5vw,84px);line-height:.95}.credential-card{background:linear-gradient(145deg,#0d0d0c0b,#0d0d0c03 55%,#f1833c09);border:1px solid #4936291c;min-width:0;transition:border-color .3s,background .3s,transform .3s;overflow:hidden}.credential-card:hover{border-color:#f1833c99;transform:translateY(-3px)}.credential-art{background:radial-gradient(at 50% 100%,#f1833c24,#0000 65%),#10100f;border:1px solid #49362917;margin:12px 12px 0}.credential-art:after{content:"";pointer-events:none;border:1px solid #4936290f;position:absolute;inset:9px}.credential-issuer{z-index:1;position:relative}.credential-issuer img{object-fit:contain;filter:drop-shadow(0 8px 16px #f4f0e84d);width:76px;height:76px}.credential-document{z-index:1;position:relative}.credential-mini-logo{object-fit:contain;width:30px;height:30px}.credential-title{font-size:clamp(14px,1.25vw,17px)}.credential-description{min-height:84px}.credential-open{z-index:2}.credential-link svg{width:13px;height:13px}.credentials-heading>div:last-child{font-size:12px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 24px;display:grid}.project-card{min-width:0;display:block}.project-art{background:radial-gradient(at 51% 90%,#f1833c3b,#0000 42%),linear-gradient(138deg,#10100f 0%,#10100f 48%,#10100f 100%);transition:border-color .4s,background .5s}.project-card:hover .project-art{border-color:#f1833ca6}.project-art:before{content:"";pointer-events:none;border:1px solid #49362914;position:absolute;inset:13px}.project-art-mark{flex-direction:column;align-items:center;gap:14px;display:flex}.project-art-letter{color:#f4f0e8d9;letter-spacing:-.1em;text-shadow:0 6px 30px #f4f0e859;font-size:clamp(48px,8vw,105px);font-weight:300;line-height:.8}.project-art-caption{color:#f4f0e88c}.project-title{font-size:clamp(12px,1.25vw,15px)}.project-number{z-index:2}.project-skeleton{background:linear-gradient(105deg,#10100f 20%,#10100f 40%,#10100f 60%) 0 0/220% 100%;min-height:180px;animation:1.5s linear infinite shimmer}.state-message{color:#f4f0e8a6;border-top:1px solid #4936291a;flex-direction:column;justify-content:center;align-items:flex-start;min-height:32vh;font-size:13px;display:flex}.state-message p{margin:14px 0}.subtle-link{color:#e8792c;align-items:center;gap:8px;font-size:11px;display:inline-flex}.case-media-note{border-color:#4936291a}.profile-layout{max-width:1200px;margin-inline:auto}.fact-cell{min-height:155px}.detail-backdrop{animation:.2s fade-in}.detail-panel{scrollbar-color:#4936294d transparent;scrollbar-width:thin;animation:.35s cubic-bezier(.2,.7,.2,1) panel-in}.detail-close{transition:border .2s,color .2s}.detail-close:hover{color:#e8792c;border-color:#f1833c}.detail-cover{background:radial-gradient(at 50% 80%,#f1833c30 0,#0000 42%),linear-gradient(135deg,#10100f,#10100f 55%,#10100f)}.detail-cover:after{content:"";border:1px solid #49362914;position:absolute;inset:12px}.detail-cover-mark{z-index:1;text-align:center;position:relative}.detail-monogram{color:#f4f0e8db;letter-spacing:-.11em;font-size:72px;font-weight:300;display:block}.detail-title{max-width:620px;font-size:clamp(27px,5vw,50px)}.source-link svg,.hero-cta svg{flex:none}.site-footer{transition:opacity .25s}.site-footer.footer-hidden{opacity:0}.header-surface{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#10100fc7}.home-scroll{overscroll-behavior-y:contain;scroll-behavior:smooth;scrollbar-color:#6f503873 transparent;scrollbar-width:thin;overflow:hidden auto}.home-scroll.view-hidden{overflow:hidden}.home-hero-frame{width:100%;height:100dvh;min-height:620px;position:relative;overflow:hidden}.hero-scroll-cue{color:#f4f0e88a;letter-spacing:.17em;white-space:nowrap;background:0 0;border:0;font-size:9px;font-weight:600;transition:color .2s}.hero-scroll-cue:hover,.hero-scroll-cue:focus-visible{color:#e8792c;outline:none}.hero-scroll-line{background:#f1833ca6;width:25px;height:1px}.home-longform{z-index:1;background:#10100f;position:relative}.home-section{border-top:1px solid #4936291a;padding:clamp(76px,9vw,132px) clamp(20px,7vw,104px);scroll-margin-top:78px}.home-section-inner{width:100%;max-width:1240px;margin:0 auto}.home-section-heading{justify-content:space-between;align-items:end;gap:46px;margin-bottom:44px;display:flex}.home-eyebrow{color:#e8792c;letter-spacing:.19em;margin:0 0 18px;font-size:10px;font-weight:600}.home-heading{color:#f4f0e8;letter-spacing:-.075em;margin:0;font-size:clamp(40px,6.2vw,78px);font-weight:600;line-height:.98}.home-heading span{color:#f4f0e861}.home-section-intro{color:#f4f0e89e;max-width:430px;margin:0 0 3px;font-size:14px;line-height:1.85}.capability-grid{background:#0d0d0c1a;border:1px solid #4936291c;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}.capability-card{background:#10100f;flex-direction:column;min-height:250px;padding:25px 25px 22px;transition:background .25s,transform .25s;display:flex}.capability-card:hover{z-index:1;background:#10100f;position:relative;transform:translateY(-3px)}.capability-card-top{color:#f1833c;letter-spacing:.14em;justify-content:space-between;align-items:center;font-size:10px;display:flex}.capability-cross{font-size:17px}.capability-card h3{color:#f4f0e8eb;letter-spacing:-.035em;margin:30px 0 10px;font-size:18px;font-weight:500}.capability-card p{color:#f4f0e894;margin:0 0 24px;font-size:13px;line-height:1.8}.capability-tags{color:#f4f0e85c;letter-spacing:.1em;margin-top:auto;font-size:9px;font-weight:500}.skills-toolstrip{border-top:1px solid #4936291c;grid-template-columns:150px 1fr;gap:22px;margin-top:20px;padding:19px 0 0;display:grid}.skills-toolstrip>span{color:#e8792c;letter-spacing:.13em;font-size:10px;font-weight:600}.skills-toolstrip p{color:#f4f0e89e;margin:0;font-size:12px;line-height:1.8}.home-approach{background:linear-gradient(115deg,#10100f 0%,#10100f 64%)}.approach-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:clamp(40px,8vw,110px);display:grid}.approach-heading .home-section-intro{margin-top:24px}.approach-steps{border-top:1px solid #49362929}.approach-step{border-bottom:1px solid #49362921;grid-template-columns:48px 1fr;gap:13px;padding:23px 0;display:grid}.approach-step>span{color:#f1833c;letter-spacing:.13em;padding-top:2px;font-size:10px}.approach-step h3{color:#f4f0e8e6;margin:0 0 7px;font-size:16px;font-weight:500}.approach-step p{color:#f4f0e887;max-width:450px;margin:0;font-size:13px;line-height:1.75}.home-impact{background:radial-gradient(at 50% 0,#f1833c13,#0000 42%),#10100f}.impact-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.impact-card{background:linear-gradient(145deg,#0d0d0c09,#0d0d0c02 60%,#f1833c06);border:1px solid #4936291f;min-width:0;min-height:220px;padding:22px 22px 20px}.impact-label{color:#f4f0e873;letter-spacing:.11em;min-height:28px;font-size:9px;font-weight:600;line-height:1.55;display:block}.impact-metric{color:#f4f0e8;letter-spacing:-.07em;white-space:nowrap;margin-top:17px;font-size:clamp(30px,4vw,48px);font-weight:500;line-height:1;display:block}.impact-unit{color:#e8792c;margin-top:9px;font-size:11px;font-weight:500;display:block}.impact-card p{color:#f4f0e88c;margin:16px 0 0;font-size:12px;line-height:1.7}.impact-source-note{color:#f4f0e861;max-width:800px;margin:22px 0 0;font-size:11px;line-height:1.7}.home-selected-cases{background:linear-gradient(145deg,#10100f,#10100f 72%)}.home-case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 24px;display:grid}.case-card{width:100%;color:inherit}.case-card-shade{z-index:1;pointer-events:none;background:linear-gradient(#0000 45%,#10100f61);position:absolute;inset:0}.case-card-copy{text-align:left}.case-card-period{line-height:1.6}.case-source-note{color:#f4f0e86b;align-items:flex-start;gap:11px;max-width:850px;margin:24px 0 0;font-size:11px;line-height:1.75;display:flex}.case-source-note p{margin:0}.source-note-dot{background:#f1833c;border-radius:50%;flex:none;width:6px;height:6px;margin-top:6px}.case-source-note--listing{border-top:1px solid #4936291a;padding-top:18px}.detail-cover-shade{background:linear-gradient(#10100f14 35%,#10100f94);position:absolute;inset:0}.case-detail-section h3{color:#f4f0e8e6;letter-spacing:-.025em;margin:0 0 12px;font-size:17px;font-weight:500}.case-detail-section>p,.case-detail-section li{color:#f4f0e89e;font-size:12px;line-height:1.85}.case-detail-section>p{max-width:760px;margin:0}.case-detail-section ul{gap:11px;margin:0;padding-left:18px;display:grid}.case-detail-section li::marker{color:#f1833c}.case-metric-card{background:linear-gradient(145deg,#0d0d0c09,#0d0d0c02 75%,#f1833c06);border:1px solid #4936291c;min-width:0;padding:18px}.case-metric-card strong{color:#f4f0e8;letter-spacing:-.06em;font-size:clamp(24px,3vw,36px);font-weight:500;line-height:1.08;display:block}.case-metric-card p{color:#f4f0e8c2;margin:9px 0 11px;font-size:12px;line-height:1.7}.case-metric-card small{color:#f4f0e87a;margin:0 0 12px;font-size:10px;line-height:1.7;display:block}.case-metric-card>span{color:#f4f0e85c;border-top:1px solid #4936291a;padding-top:10px;font-size:9px;line-height:1.65;display:block}.case-metric-note{color:#f4f0e866;font-size:10px;line-height:1.75}.detail-gallery figure{background:#10100f;border:1px solid #49362917;min-width:0;padding:10px}.detail-gallery img{min-height:150px}.home-next-step{background:#10100f;padding-bottom:26px}.next-step-inner{justify-content:space-between;align-items:end;gap:48px;padding-bottom:70px;display:flex}.next-step-actions{flex-direction:column;align-items:stretch;gap:10px;min-width:min(360px,100%);display:flex}.home-action-button,.home-email-link{color:#f4f0e8;text-align:left;background:0 0;border:1px solid #ffffff26;justify-content:space-between;align-items:center;gap:24px;min-height:50px;padding:0 16px;font-size:13px;text-decoration:none;transition:border-color .2s,background .2s,color .2s;display:flex}.home-action-button:hover,.home-action-button:focus-visible{color:#f4f0e8;background:#e8792c;border-color:#e8792c;outline:none}.home-action-secondary{color:#f4f0e8b8;border-color:#4936291f}.home-email-link{color:#e8792c;border-width:0 0 1px;min-height:42px;padding:0 2px}.home-email-link:hover{color:#f4f0e8;border-color:#e8792c}.home-endline{color:#f4f0e859;letter-spacing:.12em;border-top:1px solid #4936291a;justify-content:space-between;gap:20px;padding-top:16px;font-size:9px;display:flex}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes panel-in{0%{opacity:.7;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{to{background-position:-220% 0}}@keyframes portrait-loop{0%,to{transform:translate3d(-50%,-50%,46px)rotateY(-7deg)rotateX(.8deg)translateY(0)}50%{transform:translate3d(-50%,-50%,76px)rotateY(7deg)rotateX(-.8deg)translateY(-10px)}}@keyframes portrait-scan{0%,15%{opacity:0;top:12%}30%{opacity:.7}72%{opacity:.36;top:82%}86%,to{opacity:0;top:86%}}@keyframes orbit-vertical{0%{transform:translate3d(-50%,-50%,-8px)rotateY(0)rotate(-14deg)}to{transform:translate3d(-50%,-50%,-8px)rotateY(360deg)rotate(-14deg)}}@keyframes orbit-diagonal{0%{transform:translate3d(-50%,-50%,-34px)rotateX(12deg)rotateY(58deg)rotate(-24deg)}to{transform:translate3d(-50%,-50%,-34px)rotateX(12deg)rotateY(58deg)rotate(336deg)}}@keyframes orbit-horizontal{0%{transform:translate3d(-50%,-50%,28px)rotateX(73deg)rotate(0)}to{transform:translate3d(-50%,-50%,28px)rotateX(73deg)rotate(360deg)}}@keyframes orbit-front{0%{transform:translate3d(-50%,-50%,58px)rotateX(76deg)rotateY(0)}to{transform:translate3d(-50%,-50%,58px)rotateX(76deg)rotateY(360deg)}}@keyframes platform-rotate{0%{transform:translate3d(-50%,-50%,-24px)rotateX(73deg)rotate(0)}to{transform:translate3d(-50%,-50%,-24px)rotateX(73deg)rotate(360deg)}}@media (width<=1023px){.portrait-scene{width:min(76vw,760px);height:min(66vh,650px)}.portrait-stage{width:65%;height:88%}.scene-ring--diagonal{width:76%}.hero-name{font-size:clamp(58px,9vw,100px)}.hero-bottom{grid-template-columns:minmax(0,1fr) minmax(250px,.9fr);gap:14px}.hero-name-block{grid-column:1/-1}.hero-summary{align-self:end;max-width:470px}.hero-cta{justify-self:end}}@media (width<=639px){.home-hero-frame{min-height:640px}.hero-scroll-cue{bottom:calc(env(safe-area-inset-bottom) + 15px);letter-spacing:.1em;gap:7px;font-size:8px}.hero-scroll-line{width:14px}.home-section{padding:68px 20px;scroll-margin-top:70px}.home-section-heading{margin-bottom:28px;display:block}.home-eyebrow{letter-spacing:.15em;margin-bottom:14px;font-size:9px}.home-heading{font-size:clamp(38px,11vw,54px)}.home-section-intro{margin-top:19px;font-size:13px;line-height:1.8}.capability-grid{grid-template-columns:1fr}.capability-card{min-height:220px;padding:22px 20px}.capability-card h3{margin-top:23px;font-size:17px}.capability-card p{font-size:13px}.skills-toolstrip{grid-template-columns:1fr;gap:9px;margin-top:16px}.skills-toolstrip p{font-size:12px;line-height:1.8}.approach-layout{grid-template-columns:1fr;gap:34px}.approach-heading .home-section-intro{margin-top:19px}.approach-step{grid-template-columns:35px 1fr;padding:19px 0}.approach-step h3{font-size:15px}.approach-step p{font-size:12px}.impact-grid{grid-template-columns:1fr;gap:9px}.impact-card{min-height:185px;padding:19px}.impact-metric{font-size:clamp(32px,10vw,44px)}.impact-source-note{font-size:11px}.home-case-grid{grid-template-columns:1fr;gap:27px}.case-card-copy .project-description{font-size:12px}.case-source-note{font-size:10px}.case-detail-section h3{font-size:15px}.case-detail-section>p,.case-detail-section li{font-size:12px}.case-metric-card{padding:15px}.case-metric-card strong{font-size:28px}.case-metric-card p{font-size:12px}.case-metric-card small{font-size:10px}.next-step-inner{padding-bottom:46px;display:block}.next-step-actions{min-width:0;margin-top:28px}.home-endline{gap:8px;font-size:8px;line-height:1.6;display:grid}.hero-kicker-row{top:6.4rem}.hero-kicker-row .meta-cell span:first-child{font-size:10px}.hero-kicker-row .meta-cell span:last-child{font-size:11px;line-height:1.4}.portrait-scene{width:min(94vw,390px);height:min(40vh,292px);top:45%}.portrait-stage{width:67%;height:88%;top:49%}.motion-video-halo{opacity:.72;width:78%;height:90%}.scene-ring--vertical{width:68%;height:88%}.scene-ring--diagonal{opacity:.72;width:82%;height:94%}.scene-ring--horizontal{width:100%;height:30%;top:68%}.scene-ring--front{width:78%;height:22%;top:76%}.scene-platform{width:63%;top:84%}.portrait-image{object-position:center top}.hero-bottom{inset-inline:20px;bottom:calc(env(safe-area-inset-bottom) + 78px);grid-template-columns:minmax(0,1fr);align-items:end;gap:10px}.hero-name-block{grid-column:1/-1}.hero-name{font-size:clamp(50px,14vw,66px)}.hero-name-block>div:last-child,.hero-name-kicker,.hero-name-caption{font-size:10px}.hero-summary{width:100%;max-width:none;padding:11px 13px}.hero-summary-kicker{font-size:12px;line-height:1.45}.hero-summary-copy{font-size:12px;line-height:1.55}.hero-cta{gap:11px;width:100%;min-height:48px;padding:9px 12px}.hero-cta>span>span:first-child{font-size:10px}.hero-cta>span>span:last-child{font-size:11px}.hero-cta svg{width:15px}.site-footer{bottom:calc(env(safe-area-inset-bottom) + 5px);font-size:9px}.content-shell{padding-top:1.15rem;top:5.3rem}.content-heading{margin-bottom:1.2rem;padding-bottom:1rem}.content-heading>div:last-child{font-size:10px}.section-title{font-size:clamp(35px,10vw,56px)}.credentials-grid{grid-template-columns:1fr}.credential-art{aspect-ratio:1.7}.credential-description{min-height:0;font-size:12px}.credentials-heading>div:last-child{font-size:12px}.project-grid{grid-template-columns:1fr;gap:24px}.project-art{aspect-ratio:1.72}.project-art-letter{font-size:66px}.project-card .project-description{font-size:12px}.case-media-note p{font-size:11px}.profile-layout{gap:28px}.profile-layout p{font-size:12px;line-height:1.75}.fact-cell{min-height:115px;padding:16px}.fact-cell>span{margin-top:16px}.fact-cell p{font-size:11px}.detail-panel{padding:17px}.detail-panel>.case-detail-content{margin-top:52px}.detail-cover{min-height:155px}.detail-title{font-size:28px}.detail-facts{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!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-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-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:#f8f4ed}@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-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-duration{syntax:"*";inherits:false}

/* 2026-11-06 portfolio mobile metric & text arrow correction */
.impact-funnel-values {display:flex;width:100%;max-width:100%;min-width:0;justify-content:space-between;align-items:baseline;gap:0.2em;white-space:nowrap;font-size:clamp(18px, 2.15vw, 30px);letter-spacing:-0.055em;line-height:1.12;
}
.impact-funnel-values > span {flex:0 1 auto;min-width:0;
}
.impact-funnel-arrow {color:#e8792c;font-size:0.85em;letter-spacing:0;font-weight:400;
}
.capability-cross {color:#e8792c;font-family:Arial, Helvetica, sans-serif;font-variant-emoji:text;font-size:22px;font-weight:400;line-height:1;
}
@media (max-width: 639px) {
  .impact-funnel-values {font-size:clamp(16px, 5.3vw, 27px);gap:0.15em;
  }
}

/* Vivian competitor research restored from original 2024 case study */
.competitor-research{min-width:0;margin-top:36px}
.competitor-research .research-heading-kicker{color:#e8792c;font-size:10px;letter-spacing:.17em;font-weight:600;margin:0 0 12px}
.competitor-research h3{color:#f4f0e8;margin:0 0 14px;font-size:22px;line-height:1.3;font-weight:600;letter-spacing:-.03em}
.competitor-research .research-intro{color:#f4f0e8a8;line-height:1.75;font-size:12px;max-width:800px;margin:0 0 18px}
.competitor-research .research-intro strong{color:#f4f0e8;font-weight:600}
.research-table-scroll{border:1px solid #49362926;overflow-x:auto;border-radius:2px;background:#10100f}
.research-table{border-collapse:collapse;width:100%;min-width:660px;text-align:left;color:#f4f0e8bb;font-size:11px;line-height:1.7}
.research-table thead{background:#10100f}
.research-table th{padding:14px 14px;border-bottom:1px solid #e8792c45;color:#e8792c;font-size:10px;letter-spacing:.05em;font-weight:600}
.research-table td{padding:15px 14px;border-bottom:1px solid #49362917;vertical-align:top}
.research-table tbody tr:last-child td{border-bottom:0}
.research-table tbody tr:hover{background:#f1833c0a}
.research-table .research-num{color:#e8792c;font-size:11px;white-space:nowrap}
.research-table .research-name{color:#f4f0e8;font-weight:600;white-space:nowrap;font-size:12px}
.research-table th:nth-child(1){width:48px}
.research-table th:nth-child(2){width:110px}
.research-table th:nth-child(3){width:37%}
.research-strategy{margin-top:16px;padding:22px 24px;background:linear-gradient(120deg,#f1833c16,#0d0d0c04);border:1px solid #f1833c30;border-left:2px solid #e8792c}
.research-strategy-label{color:#e8792c;font-size:9px;letter-spacing:.17em;font-weight:600}
.competitor-research .research-strategy h4{color:#f4f0e8;font-size:18px;letter-spacing:-.03em;margin:12px 0;font-weight:550;line-height:1.35}
.competitor-research .research-strategy p{font-size:12px;line-height:1.8;color:#f4f0e8bb;margin:0}
.competitor-research .research-footnote{font-size:10px;line-height:1.75;color:#f4f0e86b;margin:14px 0 0}
.competitor-research .research-footnote a{color:#e8792c;text-decoration:underline;text-underline-offset:3px}
@media(max-width:639px){
  .competitor-research{margin-top:30px}
  .competitor-research h3{font-size:20px}
  .research-table{width:100%;min-width:0;font-size:12px}
  .research-table thead{display:none}
  .research-table tbody{display:block}
  .research-table tr{display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:10px;row-gap:8px;padding:18px 17px;border-bottom:1px solid #4936291a}
  .research-table tr:last-child{border-bottom:0}
  .research-table td{border:0;padding:0;min-width:0;display:block}
  .research-table .research-num{grid-column:1;grid-row:1;padding-top:3px}
  .research-table .research-name{grid-column:2;grid-row:1;font-size:15px}
  .research-table td:nth-child(3),.research-table td:nth-child(4){grid-column:1/-1;line-height:1.7}
  .research-table td:nth-child(3){margin-top:2px}
  .research-table td:nth-child(3):before,.research-table td:nth-child(4):before{content:attr(data-label);display:block;margin:0 0 3px;color:#e8792cb8;letter-spacing:.07em;font-size:9px;font-weight:600;text-transform:uppercase}
  .research-strategy{padding:18px}
  .competitor-research .research-strategy h4{font-size:16px}
}

/* History navigation and sitemap links */
.brand-lockup,.nav-link,.mobile-menu-item,.hero-cta,.home-action-button,.project-card{text-decoration:none}
.mobile-menu-item,.project-card{display:block}
.case-back-link{display:inline-flex;margin:0 0 15px;padding:8px 0;color:#e8792c;font-size:12px;text-decoration:none}
.case-back-link:hover,.case-back-link:focus-visible{color:#f4f0e8}
.site-sitemap-link{color:#e8792c;text-decoration:none;font-size:9px;letter-spacing:.1em}
.site-sitemap-link:hover,.site-sitemap-link:focus-visible{text-decoration:underline;text-underline-offset:4px;color:#f4f0e8}
@media(max-width:639px){.site-sitemap-link{font-size:8px}.home-endline{grid-template-columns:1fr}}
/* Hero video replaces the former 3D portrait */
#root .portrait-scene{transform:translate3d(-50%,-50%,0)!important;transform-style:flat!important;perspective:none!important;}
#root .hero-work-video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;}
/* Warm palette contrast correction: color only */
#root [class*="text-white"]{color:#f4f0e8!important;}
#root .nav-link.is-active,#root .mobile-menu-item:hover,#root .mobile-menu-item:focus-visible,#root .hero-cta:hover,#root .hero-cta:focus-visible,#root .home-action-button:hover,#root .home-action-button:focus-visible{color:#f4f0e8!important;}
#root .case-metric-note{color:#d5c7b5!important;}
#root .case-back-link:hover,#root .site-sitemap-link:hover,#root .home-email-link:hover{color:#f1833c!important;}
/* Restored original black and orange palette; color only */
html,body,#root{background-color:#080808!important;color:#f4f0e8!important;}
#root [class*="bg-white"]{background-color:#10100f!important;}
#root [class*="text-white"],#root [class*="text-black"]{color:#f4f0e8!important;}
#root [class*="border-white"]{border-color:#ffffff26!important;}
#root .case-metric-note{color:#d5c7b5!important;}
#root .nav-link.is-active,#root .mobile-menu-item:hover,#root .mobile-menu-item:focus-visible,#root .hero-cta:hover,#root .hero-cta:focus-visible,#root .home-action-button:hover,#root .home-action-button:focus-visible{color:#f4f0e8!important;}

/* Requested: full-screen hero work video */
#root .home-hero-frame .portrait-scene{
  left:0!important;
  top:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  border-radius:0!important;
  transform:none!important;
  transform-style:flat!important;
  perspective:none!important;
}
#root .home-hero-frame .portrait-scene::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.32),rgba(0,0,0,.06) 40%,rgba(0,0,0,.12) 68%,rgba(0,0,0,.38));
  pointer-events:none;
}
#root .home-hero-frame .hero-work-video{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}

/* Contact */
.contact-shell {
  top: 5.6rem;
  bottom: 2.75rem;
  overflow-y: auto;
}
.contact-layout {
  align-items: center;
  gap: clamp(1.5rem, 4.8vw, 4.25rem);
  margin: auto;
  max-width: 1100px;
  padding-block: 1.25rem;
}
.contact-title {
  font-size: clamp(2rem, 4.6vw, 4rem);
  letter-spacing: -0.045em;
  line-height: 1.12;
  text-wrap: balance;
}
.contact-title-accent {
  color: #f1833c;
}
.contact-intro {
  max-width: 29rem;
  margin: 1rem 0 0;
  color: #c9c2b7;
  font-size: 0.9375rem;
  line-height: 1.65;
}
.contact-link {
  display: flex;
  min-height: 3rem;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  border-bottom: 1px solid #ffffff26;
  color: #f4f0e8;
  text-decoration: none;
}
.contact-link:hover {
  color: #ff9a57;
}
#root .contact-cv {
  display: inline-flex;
  min-height: 2.75rem;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 0.625rem 1rem;
  border-radius: 3px;
  background: #f1833c;
  color: #10100f;
  font-size: 0.875rem;
  font-weight: 700;
  text-decoration: none;
}
.contact-card .contact-cv {
  margin-top: 1rem;
}
#root .contact-cv:hover {
  background: #ff9a57;
}
.contact-link:focus-visible,
.contact-cv:focus-visible {
  outline: 2px solid #ffb17e;
  outline-offset: 3px;
}
@media (max-width: 767px) {
  .contact-title {
    font-size: clamp(2rem, 6.5vw, 2.75rem);
  }
}

#root .detail-panel {
  background-color: #10100f;
}

/* Full-viewport case details on desktop */
@media (min-width: 768px) {
  #root .portfolio-root:has(> .detail-backdrop) > :not(.detail-backdrop) {
    display: none;
  }

  #root .detail-backdrop {
    display: block;
    padding: 0;
    background-color: #10100f;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    animation: none;
  }

  #root .detail-panel {
    --case-gutter: max(clamp(28px, 4.2vw, 64px), calc((100% - 1400px) / 2));
    --case-padding-block: clamp(24px, 3.2vw, 52px);
    box-sizing: border-box;
    width: 100%;
    max-width: none;
    height: 100%;
    padding: var(--case-padding-block) var(--case-gutter);
    border: 0;
    animation: none;
    overscroll-behavior-y: contain;
    scrollbar-color: #66635d #10100f;
  }

  #root .detail-close {
    top: var(--case-padding-block);
    right: var(--case-gutter);
    z-index: 2;
  }

  #root .detail-panel > .case-detail-content {
    margin-top: clamp(24px, 2.6vw, 40px);
  }

  .case-detail-intro {
    min-width: 0;
  }

  .case-detail-intro .detail-title {
    max-width: none;
    font-size: clamp(34px, 4vw, 56px);
  }

  .case-detail-hero .detail-cover--light {
    background: #fff;
  }

  .case-detail-hero .detail-cover--light img {
    object-fit: contain;
  }

  .case-detail-hero .detail-cover-shade,
  .case-detail-hero .detail-cover-period {
    display: none;
  }

  #root .detail-panel .case-detail-intro > p,
  #root .detail-panel .case-detail-section > p,
  #root .detail-panel .case-detail-section li {
    font-size: 0.9375rem;
    line-height: 1.7;
  }

  #root .detail-panel .case-detail-section > p,
  #root .detail-panel .case-detail-section li {
    color: #e4ded3;
  }
}

@media (min-width: 900px) {
  .case-detail-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr);
    align-items: center;
    gap: clamp(28px, 4.5vw, 68px);
  }

  .case-detail-hero .detail-cover {
    grid-area: 1 / 2;
    min-height: 0;
    aspect-ratio: 3 / 2;
    margin: 0;
  }

  .case-detail-intro {
    grid-area: 1 / 1;
  }
}

/* Brand logo covers */
#root .project-art--logo,
#root .detail-cover--logo,
#root .seo-featured.project-logo {
  background: #202827;
}

#root .project-art--logo img,
#root .detail-cover--logo img {
  box-sizing: border-box;
  object-fit: contain;
  padding: clamp(20px, 3.5vw, 56px);
}

#root .seo-featured.project-logo {
  box-sizing: border-box;
  object-fit: contain;
  padding: clamp(20px, 3.5vw, 56px);
}

#root .project-art--logo .case-card-shade,
#root .detail-cover--logo .detail-cover-shade,
#root .detail-cover--logo .detail-cover-period {
  display: none;
}

.case-detail-hero:has(.detail-cover--logo) .detail-title {
  text-wrap: balance;
}

/* Portfolio header */
#root .site-header {
  padding-top: clamp(8px, 1.1vw, 16px);
  background: linear-gradient(180deg, rgba(8, 8, 8, 0.94), rgba(8, 8, 8, 0.78) 56%, transparent);
}

#root .site-header .header-surface {
  min-height: 60px;
  padding-block: 0;
  background: transparent;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

#root .site-header .brand-lockup {
  justify-self: start;
  width: max-content;
}

#root .site-header .brand-seal {
  flex: none;
}

#root .site-header .nav-link {
  position: relative;
  min-height: 42px;
  padding-inline: clamp(9px, 0.9vw, 14px);
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: #ded8ce;
  font-size: 13px;
  letter-spacing: 0.01em;
  white-space: nowrap;
}

#root .site-header .nav-link:hover,
#root .site-header .nav-link:focus-visible {
  background: rgba(241, 131, 60, 0.13);
  color: #f4f0e8;
}

#root .site-header .nav-link.is-active::after {
  content: "";
  position: absolute;
  inset-inline: clamp(9px, 0.9vw, 14px);
  bottom: 4px;
  height: 2px;
  border-radius: 2px;
  background: #f1833c;
}

#root .site-header .header-contact {
  justify-self: end;
  gap: 8px;
  font-size: 11px;
  line-height: 1.4;
  letter-spacing: 0.08em;
  white-space: nowrap;
}

#root .site-header .header-contact > span {
  width: 5px;
  height: 5px;
  flex: none;
  background: #f1833c;
}

#root .site-header .menu-toggle {
  width: 44px;
  height: 44px;
  border-radius: 4px;
  background: rgba(8, 8, 8, 0.48);
}

@media (min-width: 64rem) {
  #root .site-header .header-surface {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    column-gap: clamp(16px, 2vw, 32px);
  }

  #root .site-header nav {
    justify-content: center;
    gap: clamp(5px, 0.7vw, 12px);
  }
}

/* Capability page and contact profile */
#root .portfolio-root:has(> .view-visible > :is(.capability-shell, .contact-shell)) {
  overflow: clip;
}

#root .portfolio-root:has(> .view-visible > .capability-shell) > .site-footer {
  display: none;
}

#root .portfolio-root:has(> .view-visible > :is(.capability-shell, .contact-shell)) > .view-hidden,
#root .content-view:has(> .contact-shell) {
  transition: none;
}

#root .contact-shell {
  display: block;
}

#root .contact-shell .contact-layout {
  min-height: clamp(330px, 48vh, 470px);
  padding-block: clamp(28px, 4.5vw, 64px);
}

.contact-profile-link {
  display: inline-flex;
  margin-top: 1rem;
  color: #ffad72;
  font-size: 0.875rem;
  text-decoration: underline;
  text-underline-offset: 0.25em;
}

.contact-profile {
  max-width: 1100px;
  margin-inline: auto;
  padding-block: clamp(32px, 5vw, 64px);
  border-top: 1px solid #ffffff26;
}

.contact-profile .section-title {
  font-size: clamp(30px, 4vw, 48px);
}

.capability-page {
  max-width: 1240px;
  margin-inline: auto;
  padding-block: clamp(22px, 3.6vw, 48px) 72px;
}

.capability-page-intro {
  max-width: 960px;
  margin-bottom: 28px;
}

.capability-kicker {
  margin-bottom: 10px;
  color: #ffad72;
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.13em;
}

.capability-page h1 {
  font-size: clamp(30px, 4.4vw, 56px);
  font-weight: 650;
  letter-spacing: -0.052em;
  line-height: 1.08;
  text-wrap: balance;
}

.capability-lead {
  max-width: 690px;
  margin-block: 12px 16px;
  color: #d9d2c7;
  font-size: 0.95rem;
  line-height: 1.65;
}

.capability-demo-link {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  padding: 0.5rem 0.875rem;
  border: 1px solid #f1833c80;
  border-radius: 4px;
  color: #ffad72;
  font-size: 0.875rem;
  text-decoration: none;
}

.capability-demo-link:hover {
  background: #f1833c1a;
}

.capability-page-grid,
.capability-demo-grid {
  display: grid;
  gap: 14px;
}

.capability-tile,
.capability-demo-panel {
  min-width: 0;
  padding: clamp(16px, 2vw, 24px);
  border: 1px solid #ffffff24;
  border-radius: 6px;
  background: #141413;
}

.capability-tile {
  display: flex;
  flex-direction: column;
}

.capability-tile h3,
.capability-demo-panel h3 {
  margin-bottom: 8px;
  font-size: 1.0625rem;
  font-weight: 650;
  line-height: 1.35;
}

.capability-tile > p:not(.capability-kicker),
.capability-demo-assumptions,
.capability-demo-analysis dd,
.capability-demo-note {
  color: #d9d2c7;
  font-size: 0.8125rem;
  line-height: 1.6;
}

.capability-tile .capability-measure {
  margin-top: auto;
  padding-top: 12px;
}

.capability-measure strong {
  display: block;
  color: #f4f0e8;
  font-size: 0.75rem;
}

.capability-demo {
  margin-top: clamp(42px, 5vw, 72px);
  padding-top: 24px;
  border-top: 1px solid #ffffff26;
}

.capability-demo > h2 {
  font-size: clamp(26px, 3.6vw, 44px);
  font-weight: 650;
  letter-spacing: -0.045em;
  line-height: 1.16;
}

.capability-scenario-picker {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-block: 14px;
}

.capability-scenario-picker button {
  min-height: 40px;
  padding: 0.375rem 0.625rem;
  border: 1px solid #ffffff38;
  border-radius: 4px;
  color: #f4f0e8;
  font-size: 0.75rem;
  cursor: pointer;
}

.capability-scenario-picker button[aria-pressed="true"] {
  border-color: #f1833c;
  background: #f1833c1f;
  color: #ffc18e;
}

.capability-demo-quote {
  margin-block: 14px;
  padding: 12px 14px;
  border-left: 2px solid #f1833c;
  background: #ffffff0a;
  font-size: 0.875rem;
  line-height: 1.6;
}

.capability-demo-priority,
.capability-demo-delta {
  color: #ffad72;
  font-size: 0.875rem;
  font-weight: 650;
}

.capability-demo-analysis dt {
  margin-top: 8px;
  font-size: 0.8125rem;
  font-weight: 650;
}

.capability-demo-analysis dd {
  margin: 0;
}

.capability-demo-slider {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  margin-block: 14px 4px;
  font-size: 0.875rem;
}

.capability-demo-slider output {
  color: #ffad72;
  font-weight: 650;
}

.capability-demo-panel input[type="range"] {
  display: block;
  width: 100%;
  min-height: 30px;
  accent-color: #f1833c;
  cursor: pointer;
}

.capability-demo-table {
  width: 100%;
  margin-block: 8px 12px;
  table-layout: fixed;
  border-collapse: collapse;
  font-size: 0.8125rem;
}

.capability-demo-table th,
.capability-demo-table td {
  padding: 8px 4px;
  border-bottom: 1px solid #ffffff1a;
  text-align: right;
}

.capability-demo-table th:first-child {
  width: 45%;
  text-align: left;
}

.capability-demo-table tbody td:last-child {
  color: #ffc18e;
  font-variant-numeric: tabular-nums;
}

.capability-demo-note {
  margin-top: 12px;
}

.capability-page :is(a, button, input):focus-visible,
.contact-profile-link:focus-visible {
  outline: 2px solid #ffad72;
  outline-offset: 3px;
}

@media (min-width: 700px) {
  .capability-page-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  .capability-page-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .capability-demo-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Business pain points on the capabilities page */
.capability-pain-grid {
  display: grid;
  gap: 12px;
  margin-bottom: clamp(32px, 4.2vw, 54px);
}

.capability-pain {
  min-width: 0;
  padding: 14px 16px;
  border-left: 2px solid #f1833c8c;
  background: #ffffff07;
}

.capability-pain h2 {
  margin-bottom: 6px;
  font-size: 1rem;
  font-weight: 650;
  line-height: 1.35;
}

.capability-pain p {
  color: #d9d2c7;
  font-size: 0.8125rem;
  line-height: 1.6;
}

.capability-solutions {
  padding-top: 22px;
  border-top: 1px solid #ffffff26;
}

.capability-solutions > h2 {
  font-size: clamp(26px, 3.4vw, 42px);
  font-weight: 650;
  letter-spacing: -0.042em;
  line-height: 1.16;
}

.capability-tile .capability-demo-link {
  align-self: flex-start;
  margin-top: 12px;
}

@media (min-width: 960px) {
  .capability-pain-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}


/* Nano Medical content demonstration */
.content-demo .capability-lead { max-width: 76ch; }
.content-demo-video {
  min-width: 0;
  background: #171614;
  border: 1px solid #f4eee523;
}
.content-demo-video--featured {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
  align-items: center;
  margin-top: clamp(24px, 4vw, 42px);
}
.content-demo-thumbnail {
  display: block;
  position: relative;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  background: #241f1b;
  color: #fff;
}
.content-demo-thumbnail img { display: block; width: 100%; height: 100%; object-fit: cover; }
.content-demo-play, .content-demo-duration {
  position: absolute;
  background: #171614eb;
  color: #fff;
}
.content-demo-play {
  top: 50%;
  left: 50%;
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  padding-left: 2px;
  transform: translate(-50%, -50%);
  border: 1px solid #fff7;
  border-radius: 50%;
  font-size: 17px;
}
.content-demo-duration { right: 12px; bottom: 12px; padding: 3px 8px; font-size: 12px; }
.content-demo-thumbnail:hover .content-demo-play,
.content-demo-thumbnail:focus-visible .content-demo-play { background: #f48738; color: #171614; }
.content-demo-video-copy { padding: clamp(16px, 3vw, 32px); }
.content-demo-video-copy h3, .content-demo-video-copy h4 { margin: 0; line-height: 1.2; }
.content-demo-video-copy h3 { font-size: clamp(22px, 3vw, 36px); }
.content-demo-video-copy h4 { font-size: clamp(18px, 2.1vw, 24px); }
.content-demo-video-copy .capability-kicker { margin: 0 0 12px; }
.content-demo-angle { margin: 9px 0 0; color: #d3cdc4; font-size: 14px; line-height: 1.5; }
.content-demo-views { margin: 14px 0 0; color: #f4eee5; line-height: 1.2; }
.content-demo-views strong { color: #ff9b54; font-size: 20px; }
.content-demo-video--featured .content-demo-views strong {
  font-size: clamp(32px, 4.2vw, 54px);
  letter-spacing: -.04em;
}
.content-demo-youtube {
  display: inline-block;
  margin-top: 16px;
  padding: 10px 14px;
  color: #171614;
  background: #f48738;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}
.content-demo-youtube:hover { background: #ff9b54; }
.content-demo a:focus-visible { outline: 2px solid #ff9b54; outline-offset: 3px; }
.content-demo-section-title, .content-demo-report h3 {
  margin: 0 0 16px;
  font-size: clamp(20px, 2.4vw, 28px);
  line-height: 1.2;
}
.content-demo-section-title { margin-top: clamp(30px, 4vw, 44px); }
.content-demo-clips, .content-demo-metrics { display: grid; gap: 14px; }
.content-demo-clips { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.content-demo-source {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  gap: 8px 16px;
  margin-top: 14px;
  color: #c7bfb5;
  font-size: 13px;
}
.content-demo-source p { margin: 0; }
.content-demo-source a { color: #ff9b54; text-underline-offset: 3px; }
.content-demo-report {
  margin-top: clamp(28px, 4vw, 44px);
  padding-top: clamp(20px, 3vw, 30px);
  border-top: 1px solid #f4eee523;
}
.content-demo-report h3 { margin-bottom: 7px; }
.content-demo-report-period { color: #c7bfb5; font-size: 14px; margin: 0 0 16px; }
.content-demo-metrics { margin: 0; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.content-demo-metrics > div {
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-end;
  gap: 7px;
  padding: 15px 13px;
  border: 1px solid #f4eee523;
  background: #171614;
}
.content-demo-metrics dt { color: #d3cdc4; font-size: 13px; line-height: 1.4; }
.content-demo-metrics dd {
  margin: 0;
  color: #f4eee5;
  font-weight: 700;
  font-size: clamp(19px, 2.5vw, 31px);
  line-height: 1.1;
}
@media (max-width: 820px) {
  .content-demo-video--featured { grid-template-columns: minmax(0, 1fr); }
  .content-demo-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 580px) {
  .content-demo-clips { grid-template-columns: minmax(0, 1fr); }
}


/* Live website chat example */
.live-chat-jump { margin-bottom: 16px; }
.live-chat-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(16px, 3vw, 34px);
  margin-top: 20px;
}
.live-chat-button {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 10px 15px;
  background: #f48738;
  color: #171614;
  font-weight: 700;
  font-size: .875rem;
  text-decoration: none;
}
.live-chat-button:hover { background: #ff9b54; }
.live-chat-button:focus-visible { outline: 2px solid #ff9b54; outline-offset: 3px; }
.live-chat-guide { margin: 10px 0 0; color: #d9d2c7; font-size: .875rem; line-height: 1.6; }
.live-chat-guide strong { color: #f4f0e8; }
.live-chat-example { padding: 14px 16px; border-left: 2px solid #f48738; background: #f4873810; }
.live-chat-example .capability-kicker { margin-bottom: 6px; }
.live-chat-prompt { margin: 0; color: #f4f0e8; font-size: .9375rem; line-height: 1.55; }
@media (max-width: 660px) {
  .live-chat-panel { grid-template-columns: minmax(0, 1fr); }
}


/* Multimedia production workflow */
.content-workflow {
  margin-top: clamp(20px, 3vw, 32px);
  padding: clamp(18px, 3vw, 30px);
  border-top: 2px solid #f48738;
}
.content-workflow #content-workflow-title {
  margin: 0 0 8px;
  font-size: clamp(22px, 2.75vw, 32px);
  letter-spacing: -.025em;
}
.content-workflow-input { margin: 0; color: #d9d2c7; font-size: .9rem; line-height: 1.55; }
.content-workflow-steps,
.content-workflow-outputs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  padding: 0;
}
.content-workflow-steps { margin: 18px 0 0; list-style: none; }
.content-workflow-steps li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 10px;
  padding: 13px 10px 13px 0;
  border-top: 1px solid #f4eee52b;
}
.content-workflow-step-number {
  color: #ff9b54;
  font-size: .75rem;
  line-height: 1.75;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
.content-workflow h4, .content-workflow dt {
  margin: 0 0 5px;
  color: #f4eee5;
  font-size: .95rem;
  line-height: 1.35;
  font-weight: 700;
}
.content-workflow-steps p, .content-workflow-outputs p {
  margin: 0;
  color: #d9d2c7;
  font-size: .85rem;
  line-height: 1.5;
}
.content-workflow .content-workflow-outputs-title { margin: 14px 0 10px; }
.content-workflow-outputs { margin: 0; }
.content-workflow-outputs > div {
  min-width: 0;
  padding: 11px 12px;
  border: 1px solid #f4eee520;
  background: #f4eee508;
}
.content-workflow-outputs dd { margin: 0; }
.content-workflow-channel {
  display: block;
  margin-bottom: 4px;
  color: #ffb47f;
  font-size: .75rem;
  line-height: 1.4;
}
@media (max-width: 980px) {
  .content-workflow-steps, .content-workflow-outputs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .content-workflow-steps { grid-template-columns: minmax(0, 1fr); gap: 0; }
}


/* Estimated production hours */
.content-estimate {
  margin-top: clamp(20px, 3vw, 32px);
  padding: clamp(16px, 3vw, 30px);
  border-top: 2px solid #f48738;
}
.content-estimate #content-estimate-title {
  margin: 0 0 15px;
  font-size: clamp(22px, 2.75vw, 32px);
  letter-spacing: -.025em;
}
.content-estimate-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
}
.content-estimate-summary > div {
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-end;
  gap: 5px;
  padding: clamp(9px, 1.6vw, 18px);
  border: 1px solid #f4eee52b;
  background: #f4eee508;
}
.content-estimate-summary .content-estimate-target {
  border-color: #f48738;
  background: #f4873814;
}
.content-estimate-summary dt { color: #d9d2c7; font-size: .85rem; line-height: 1.4; }
.content-estimate-summary dd { margin: 0; color: #f4eee5; font-size: .85rem; line-height: 1.15; }
.content-estimate-summary strong { font-size: clamp(25px, 3.6vw, 43px); font-weight: 700; }
.content-estimate-target strong { color: #ff9b54; }
.content-estimate-package {
  margin: 15px 0 10px;
  color: #f4eee5;
  font-size: .9rem;
  line-height: 1.55;
}
.content-estimate-table { width: 100%; table-layout: fixed; border-collapse: collapse; font-size: .875rem; }
.content-estimate-table th, .content-estimate-table td {
  padding: 9px 8px;
  vertical-align: top;
  border-bottom: 1px solid #f4eee52b;
}
.content-estimate-table thead th { color: #ffb47f; line-height: 1.3; }
.content-estimate-table th:first-child { width: 56%; padding-left: 0; text-align: left; }
.content-estimate-table th:not(:first-child), .content-estimate-table td { text-align: right; }
.content-estimate-table tbody th { color: #f4eee5; line-height: 1.4; font-weight: 650; }
.content-estimate-table tbody td { color: #f4eee5; white-space: nowrap; font-variant-numeric: tabular-nums; }
.content-estimate-table small {
  display: block;
  margin-top: 3px;
  color: #d9d2c7;
  font-size: .8rem;
  font-weight: 400;
  line-height: 1.45;
}
.content-estimate-breakdown { margin-top: 13px; font-size: .85rem; line-height: 1.5; }
.content-estimate-breakdown summary { width: fit-content; color: #ffb47f; cursor: pointer; }
.content-estimate-breakdown summary:focus-visible { outline: 2px solid #ff9b54; outline-offset: 4px; }
.content-estimate-breakdown p { margin: 6px 0 0; color: #d9d2c7; }
.content-estimate-note { margin: 12px 0 0; color: #d9d2c7; font-size: .8rem; line-height: 1.5; }
@media (max-width: 500px) {
  .content-estimate-summary { gap: 6px; }
  .content-estimate-summary dd strong { display: block; }
  .content-estimate-summary dt { font-size: .78rem; }
  .content-estimate-table th, .content-estimate-table td { padding-right: 3px; padding-left: 3px; }
}


/* Standalone compliance demo page */
.compliance-intro {
  margin-bottom: clamp(20px, 3vw, 32px);
  padding-bottom: 18px;
  border-bottom: 1px solid #f4eee52b;
}
.compliance-frame { display: block; width: 100%; height: 490px; border: 0; }
.nav-link[href="/kiem-soat-noi-dung.html"] { white-space: nowrap; }


/* AI search visibility demo */
.aeo-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; }
.aeo-panel .capability-scenario-picker { margin-block: 10px 12px; }
.aeo-scope, .aeo-hint { margin: 0 0 10px; color: #d9d2c7; font-size: .86rem; line-height: 1.55; }
.aeo-scope a { color: #ffad72; text-underline-offset: .2em; }
.aeo-label { display: block; margin: 0 0 7px; color: #f4f0e8; font-size: .86rem; font-weight: 650; }
.aeo-prompt {
  margin: 0;
  padding: 12px 14px;
  border-left: 2px solid #f48738;
  background: #f4eee508;
  color: #f4f0e8;
  font-size: .92rem;
  line-height: 1.55;
}
.aeo-answer {
  display: block;
  width: 100%;
  min-height: 82px;
  padding: 9px 11px;
  resize: vertical;
  border: 1px solid #f4eee53b;
  border-radius: 4px;
  background: #0f0f0e;
  color: #f4f0e8;
  font: inherit;
  font-size: .86rem;
}
.aeo-answer::placeholder { color: #bcb1a5; }
.aeo-actions { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
.aeo-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 7px 10px;
  border: 1px solid #f487387d;
  border-radius: 4px;
  background: transparent;
  color: #ffad72;
  font-size: .83rem;
  text-decoration: none;
}
.aeo-action:hover:not(:disabled) { background: #f487381b; }
.aeo-action:disabled { opacity: .55; cursor: default; }
.aeo-action.aeo-primary:not(:disabled) { background: #f48738; color: #171614; font-weight: 700; }
.aeo-action:focus-visible, .aeo-answer:focus-visible { outline: 2px solid #ffad72; outline-offset: 2px; }
.aeo-hint { margin: 10px 0 0; }
.aeo-results { width: 100%; table-layout: fixed; border-collapse: collapse; margin-top: 14px; font-size: .82rem; }
.aeo-results th, .aeo-results td { padding: 7px 4px; border-bottom: 1px solid #ffffff24; text-align: right; }
.aeo-results th:first-child { width: 42%; padding-left: 0; text-align: left; }
.aeo-results td, .aeo-results small { color: #d9d2c7; }
.aeo-results small { display: block; font-size: .72rem; font-weight: 400; }
.aeo-results .aeo-positive { color: #ffad72; font-weight: 700; }
.aeo-note { margin-top: 12px; }
@media (max-width: 800px) {
  .aeo-grid { grid-template-columns: minmax(0, 1fr); }
}


/* Capability detail links and examples */
.capability-detail-link {
  align-self: flex-start;
  margin-top: 9px;
  padding-block: 3px;
  color: #ffad72;
  font-size: .8125rem;
  text-decoration: underline;
  text-underline-offset: .24em;
}
.capability-detail-grid { align-items: stretch; }
.capability-detail-list { margin: 0; }
.capability-detail-list > div { padding: 9px 0; }
.capability-detail-list > div + div { border-top: 1px solid #ffffff1a; }
.capability-detail-list dt { color: #f4f0e8; font-size: .9rem; font-weight: 650; }
.capability-detail-list dd, .capability-detail-decision {
  margin: 3px 0 0;
  color: #d9d2c7;
  font-size: .86rem;
  line-height: 1.55;
}
.capability-detail-decision { margin-bottom: 8px; }


/* Align content rows across capability cards. */
@supports (grid-template-rows: subgrid) {
  @media (min-width: 700px) {
    .capability-page-grid > .capability-tile {
      display: grid;
      grid-row: span 6;
      grid-template-rows: subgrid;
      row-gap: 0;
      align-items: start;
    }

    .capability-page-grid > .capability-tile .capability-measure {
      margin-top: 0;
    }

    .capability-page-grid > .capability-tile > a {
      justify-self: start;
    }
  }
}

/* 2026-11-08 mobile tweaks */
#root .mobile-menu-item{font-size:clamp(22px,6.6vw,58px);white-space:nowrap}
@media(max-width:639px){#root .hero-name-block>div:first-child>span:first-child{display:none}}

/* 2026-11-08 contact avatar */
#root .contact-avatar-row{display:flex;align-items:center;gap:14px;margin-bottom:22px}
#root .contact-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;flex:none;border:1px solid rgba(232,121,44,.65);background:#1a1a1a}
#root .contact-avatar-name{display:block;font-size:14px;font-weight:600;color:#f4f0e8;line-height:1.3}
#root .contact-avatar-role{display:block;margin-top:3px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:rgba(244,240,232,.55)}
@media(min-width:768px){#root .contact-avatar{width:72px;height:72px}}

/* 2026-11-08 header avatar */
#root .brand-seal{overflow:hidden;padding:0}
#root .brand-seal-img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}

/* 2026-11-08 Nano Medical cover */
#root .project-art--logo:has(img[src*="268f10_f0ee0142"]),#root .detail-cover--logo:has(img[src*="268f10_f0ee0142"]){background:#004eb2}

/* 2026-11-08 case articles + home intro */
#root .case-article{margin-top:40px;max-width:820px}
#root .case-article h2{color:#f4f0e8;font-size:clamp(19px,2.2vw,24px);font-weight:500;letter-spacing:-.025em;line-height:1.3;margin:44px 0 14px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1)}
#root .case-article h3{color:#f4f0e8e6;font-size:17px;font-weight:500;letter-spacing:-.02em;line-height:1.4;margin:28px 0 10px}
#root .case-article p,#root .case-article li{color:#e4ded3;font-size:.9375rem;line-height:1.75}
#root .case-article p{margin:0 0 14px}
#root .case-article ul,#root .case-article ol{margin:0 0 16px;padding-left:20px;display:grid;gap:9px}
#root .case-article ul{list-style:disc}
#root .case-article ol{list-style:decimal}
#root .case-article li ul{list-style:circle}
#root .case-article li ul,#root .case-article li ol{margin:9px 0 0}
#root .case-article li::marker{color:#f1833c}
#root .case-article strong{color:#f4f0e8;font-weight:600}
#root .case-article em{color:#f4f0e8d0}
#root .case-article code{font-family:inherit;color:#ff9a57}
#root .case-article .case-article-meta{margin:0 0 8px;padding:16px 20px;border-left:2px solid #e8792c;background:rgba(255,255,255,.03)}
#root .case-article .case-article-meta p{margin:0;font-size:13px;line-height:1.8;color:#f4f0e8b8}
#root .home-intro-head{max-width:900px}
#root .home-intro-title{color:#f4f0e8;font-size:clamp(30px,5vw,60px);font-weight:600;letter-spacing:-.045em;line-height:1.05;margin:14px 0 22px}
#root .home-intro-lead{color:#f4f0e8b8;font-size:clamp(15px,1.4vw,17px);line-height:1.85;margin:0;max-width:820px}
#root .home-intro-pillars-title{color:#f1833c;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;margin:48px 0 16px}

/* 2026-11-08 round 2: serif headings, readable sizes, article layout */
#root .case-article-layout{margin-top:40px}
#root .case-article-layout .case-article{margin-top:0;max-width:780px}
#root .case-toc{display:none}
@media (min-width:1100px){
#root .case-article-layout{display:grid;grid-template-columns:minmax(0,780px) 260px;justify-content:space-between;gap:56px;align-items:start}
#root .case-toc{display:block;position:sticky;top:8px;padding:18px 0 18px 20px;border-left:1px solid rgba(255,255,255,.1)}
#root .case-toc-label{display:block;color:#f1833c;font-size:11px;font-weight:600;letter-spacing:.16em;margin-bottom:12px}
#root .case-toc ol{list-style:none;margin:0;padding:0;display:grid;gap:12px}
#root .case-toc a{color:rgba(244,240,232,.72);font-size:14px;line-height:1.45;text-decoration:none;display:block}
#root .case-toc a:hover{color:#ff9a57}
}
#root .competitor-research{margin:22px 0 26px}
#root .project-art--logo,#root .detail-cover--logo{background:#1b1a18}
#root .project-art--logo img,#root .detail-cover--logo img{border-radius:3px}
@media (min-width:1024px){
#root .text-\[8px\],#root .text-\[9px\]{font-size:11px}
#root .text-\[10px\]{font-size:12px}
#root .text-\[11px\]{font-size:13px}
#root .text-white\/30,#root .text-white\/35{color:rgba(244,240,232,.6)}
#root .text-white\/45,#root .text-white\/50{color:rgba(244,240,232,.72)}
#root .capability-tags,#root .impact-label,#root .site-sitemap-link{font-size:11px}
#root .impact-unit,#root .impact-source-note,#root .capability-kicker,#root .hero-name-kicker,#root .hero-name-caption,#root .home-intro-pillars-title,#root .header-contact,#root .home-eyebrow{font-size:12px}
#root .contact-avatar-role{font-size:11px}
#root .case-metric-card small{font-size:13px;color:rgba(244,240,232,.72)}
#root .case-metric-card span{font-size:12px;color:rgba(244,240,232,.6)}
#root .project-description{font-size:13.5px;color:rgba(244,240,232,.68)}
#root .case-card-period{font-size:12px}
}
@media (min-width:1024px){
#root .research-table{font-size:14px}
#root .research-table td{font-size:14px;line-height:1.6}
#root .research-table th{font-size:12px}
#root .research-heading-kicker,#root .research-strategy-label{font-size:12px}
#root .case-metric-card p{font-size:14px;color:rgba(244,240,232,.82)}
}
/* 2026-11-09 mega menu "Giải pháp" in React header */
#root .nav-mega{position:static;display:flex;align-items:center}
#root .nav-mega>.nav-link{position:relative}
#root .nav-mega>.nav-link::after{content:"";position:absolute;left:-16px;right:-16px;top:100%;height:34px}
#root .mega-panel{position:absolute;left:0;right:0;top:100%;background:#121211;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 30px 60px rgba(0,0,0,.55);padding:34px 48px 26px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s,transform .18s,visibility .18s;z-index:60;text-align:left}
#root .nav-mega:hover .mega-panel,#root .nav-mega:focus-within .mega-panel{opacity:1;visibility:visible;transform:none}
#root .mega-grid{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr)}
#root .mega-col{padding:6px 26px 10px;border-left:1px solid rgba(255,255,255,.1)}
#root .mega-col:first-child{border-left:0}
#root .mega-icon{display:block;width:38px;height:38px;color:#f4f0e8;margin-bottom:16px}
#root .mega-icon svg{width:100%;height:100%}
#root .mega-title{display:block;color:#e8792c;font-size:18px;font-weight:700;text-transform:uppercase;line-height:1.15;text-decoration:none}
#root .mega-vi{display:block;color:rgba(244,240,232,.5);font-size:13px;margin:4px 0 14px}
#root .mega-col ul{list-style:disc;margin:0;padding-left:18px;display:grid;gap:6px}
#root .mega-col li::marker{color:#e8792c}
#root .mega-col li a{font-size:14px;line-height:1.45;color:rgba(244,240,232,.72);text-decoration:none}
#root .mega-col li a:hover,#root .mega-title:hover{color:#f4f0e8}
#root .mega-all{display:block;max-width:1240px;margin:22px auto 0;padding:14px 26px 0;border-top:1px solid rgba(255,255,255,.1);color:#ff9a57;font-size:14px;text-decoration:none}
@media (min-width:1024px) and (max-width:1279px){
#root nav.hidden.lg\:flex{gap:2px}
#root .header-surface{display:flex;justify-content:space-between}
#root .nav-link{padding-left:6px;padding-right:6px;font-size:12.5px}
}

/* 2026-11-09 Năng lực dropdown + mobile accordions */
#root .nav-drop{position:relative;display:flex;align-items:center}
#root .nav-drop>.nav-link::before{content:"";position:absolute;left:-10px;right:-10px;top:100%;height:22px}
#root .drop-panel{position:absolute;left:50%;top:calc(100% + 14px);transform:translate(-50%,-6px);min-width:360px;background:#121211;border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 60px rgba(0,0,0,.55);padding:12px 8px;opacity:0;visibility:hidden;transition:opacity .18s,transform .18s,visibility .18s;z-index:60}
#root .nav-drop:hover .drop-panel,#root .nav-drop:focus-within .drop-panel{opacity:1;visibility:visible;transform:translate(-50%,0)}
#root .drop-panel ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
#root .drop-panel a{display:flex;gap:12px;align-items:baseline;padding:10px 14px;border-radius:4px;font-size:14px;line-height:1.4;color:rgba(244,240,232,.8);text-decoration:none}
#root .drop-panel a span{color:#e8792c;font-size:11px;letter-spacing:.1em;min-width:18px}
#root .drop-panel a:hover{background:rgba(241,131,60,.13);color:#f4f0e8}
#root .mobile-menu{justify-content:flex-start;overflow-y:auto;padding-top:96px;padding-bottom:56px}
#root .mobile-menu-group>summary{list-style:none;display:flex;align-items:center;cursor:pointer}
#root .mobile-menu-group>summary::-webkit-details-marker{display:none}
#root .mobile-caret{margin-left:auto;color:#e8792c;font-size:.62em;font-weight:400;transition:transform .2s}
#root .mobile-menu-group[open] .mobile-caret{transform:rotate(45deg)}
#root .mobile-sub{display:grid;gap:2px;padding:2px 14px 16px 44px}
#root .mobile-sub-all{display:block;padding:8px 0;color:#ff9a57;font-size:15px;text-decoration:none}
#root .mobile-sub ul{list-style:none;margin:0;padding:0;display:grid}
#root .mobile-sub li a{display:block;padding:9px 0;font-size:16px;line-height:1.35;color:rgba(244,240,232,.8);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.06)}
#root .mobile-sub li a.mobile-sub-strong{color:#ff9a57;font-size:14px}
#root .mobile-sub-group>summary{list-style:none;cursor:pointer;padding:11px 0;font-size:17px;font-weight:600;color:#f4f0e8;border-bottom:1px solid rgba(255,255,255,.08)}
#root .mobile-sub-group>summary::-webkit-details-marker{display:none}
#root .mobile-sub-group>summary::after{content:"+";float:right;color:#e8792c}
#root .mobile-sub-group[open]>summary::after{content:"–"}
#root .mobile-sub-group ul{padding:2px 0 8px 12px}


/* 2026-11-09 — 25 numbered solutions and compact, consistent category icons */
.mega-panel { padding-top:24px; padding-bottom:22px; }
.mega-col { position:relative; padding:7px 20px 10px; }
.mega-col .mega-icon {
  position:absolute; left:20px; top:9px; width:20px; height:20px;
  margin:0; background-color:#e9e2da;
  -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
  -webkit-mask-size:contain; mask-size:contain;
  -webkit-mask-position:center; mask-position:center;
}
.mega-col .mega-icon svg { display:none; }
#root .mega-col .mega-icon { width:20px; height:20px; margin:0; }
#root .mega-title, .gp-nav .mega-title {
  display:block; min-height:24px; padding:0 0 0 31px;
  font-size:15px; font-weight:650; line-height:1.3;
  letter-spacing:-.012em; text-transform:none;
}
#root .mega-vi, .mega-vi {
  display:block; padding-left:31px; margin:2px 0 14px;
  font-size:12px; line-height:1.4; color:rgba(244,240,232,.62);
}
#root .mega-col ul, .mega-col ul {
  list-style:none; margin:0; padding:0; display:grid; gap:9px;
}
.mega-grid>.mega-col:nth-child(1) ul { counter-reset:gpnav 0; }
.mega-grid>.mega-col:nth-child(2) ul { counter-reset:gpnav 7; }
.mega-grid>.mega-col:nth-child(3) ul { counter-reset:gpnav 13; }
.mega-grid>.mega-col:nth-child(4) ul { counter-reset:gpnav 20; }
.mega-col ul>li {
  counter-increment:gpnav; display:grid;
  grid-template-columns:23px minmax(0,1fr);
  gap:8px; align-items:start; min-width:0;
}
.mega-col ul>li::before {
  content:counter(gpnav, decimal-leading-zero); color:#e8792c;
  font-size:12px; font-weight:500; font-variant-numeric:tabular-nums;
  letter-spacing:.04em; line-height:1.55;
}
#root .mega-col li a, .gp-nav .mega-col li a {
  display:inline; padding:0; font-size:13px; font-weight:400;
  line-height:1.5; white-space:normal; overflow-wrap:break-word;
  color:rgba(244,240,232,.78);
}
#root .mega-col li a:hover, .gp-nav .mega-col li a:hover { color:#f4f0e8; }
.mobile-sub-group>summary, .gp-msub>summary {
  display:flex; align-items:center; gap:9px;
  font-size:15px; font-weight:600; letter-spacing:-.01em;
  line-height:1.45;
}
.mobile-sub-group>summary::before, .gp-msub>summary::before {
  content:""; display:block; flex:0 0 18px;
  width:18px; height:18px; background-color:#e9e2da;
  -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
  -webkit-mask-size:contain; mask-size:contain;
  -webkit-mask-position:center; mask-position:center;
}
.mobile-sub-group>summary::after, .gp-msub>summary::after {
  margin-left:auto; float:none;
}
.mobile-sub-group:nth-of-type(1) ul, .gp-msub:nth-of-type(1) ul { counter-reset:gpmobile 0; }
.mobile-sub-group:nth-of-type(2) ul, .gp-msub:nth-of-type(2) ul { counter-reset:gpmobile 7; }
.mobile-sub-group:nth-of-type(3) ul, .gp-msub:nth-of-type(3) ul { counter-reset:gpmobile 13; }
.mobile-sub-group:nth-of-type(4) ul, .gp-msub:nth-of-type(4) ul { counter-reset:gpmobile 20; }
.mobile-sub-group ul>li:not(:first-child), .gp-msub ul>li:not(:first-child) {
  counter-increment:gpmobile; display:grid;
  grid-template-columns:24px minmax(0,1fr);
  align-items:start; column-gap:8px;
}
.mobile-sub-group ul>li:not(:first-child)::before, .gp-msub ul>li:not(:first-child)::before {
  content:counter(gpmobile, decimal-leading-zero);
  padding-top:9px; color:#e8792c; font:500 12px/1.45 Inter,system-ui,sans-serif;
  font-variant-numeric:tabular-nums;
}
.gp-skills { counter-reset:gpcard 0; }
.gp-skills:has(>a[href^="/giai-phap/creative-solution/"]) { counter-reset:gpcard 7; }
.gp-skills:has(>a[href^="/giai-phap/media-solution/"]) { counter-reset:gpcard 13; }
.gp-skills:has(>a[href^="/giai-phap/business-solution/"]) { counter-reset:gpcard 20; }
.gp-skills>.gp-skill { counter-increment:gpcard; }
.gp-skills .gp-skill .gp-no { font-size:0; line-height:0; }
.gp-skills .gp-skill .gp-no::after {
  content:counter(gpcard, decimal-leading-zero);
  font-size:13px; line-height:1.5; letter-spacing:.14em; color:#e8792c;
}
.gp-article .gp-hero .gp-eyebrow { font-size:0; line-height:1.5; }
.gp-article .gp-hero .gp-eyebrow::after {
  content:var(--gp-detail-number, "") " / " var(--gp-detail-group, "");
  font-size:12px; letter-spacing:.15em; font-weight:600; color:#e8792c;
}
@media(max-width:1099px) {
  .gp-msub>summary { font-size:15px; }
  .gp-menu nav .gp-msub li:not(:first-child)>a { font-size:14px; }
}
@media(max-width:767px) {
  #root .mobile-sub li a { font-size:14px; }
  #root .mobile-sub-group>summary { font-size:15px; }
}

.mega-col:nth-child(1) .mega-icon, .mobile-sub-group:nth-of-type(1)>summary::before, .gp-msub:nth-of-type(1)>summary::before { -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2018%209%2012l4%203%208-9%22%2F%3E%3Cpath%20d%3D%22M15%206h6v6%22%2F%3E%3C%2Fsvg%3E"); mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2018%209%2012l4%203%208-9%22%2F%3E%3Cpath%20d%3D%22M15%206h6v6%22%2F%3E%3C%2Fsvg%3E"); }
.mega-col:nth-child(2) .mega-icon, .mobile-sub-group:nth-of-type(2)>summary::before, .gp-msub:nth-of-type(2)>summary::before { -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2021h6l12-12-6-6L3%2015v6Z%22%2F%3E%3Cpath%20d%3D%22m12%206%206%206M3%2015l6%206%22%2F%3E%3C%2Fsvg%3E"); mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2021h6l12-12-6-6L3%2015v6Z%22%2F%3E%3Cpath%20d%3D%22m12%206%206%206M3%2015l6%206%22%2F%3E%3C%2Fsvg%3E"); }
.mega-col:nth-child(3) .mega-icon, .mobile-sub-group:nth-of-type(3)>summary::before, .gp-msub:nth-of-type(3)>summary::before { -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2011v2a2%202%200%200%200%202%202h2l3%205h3l-3-5h3l8%204V5l-8%204H5a2%202%200%200%200-2%202Z%22%2F%3E%3C%2Fsvg%3E"); mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2011v2a2%202%200%200%200%202%202h2l3%205h3l-3-5h3l8%204V5l-8%204H5a2%202%200%200%200-2%202Z%22%2F%3E%3C%2Fsvg%3E"); }
.mega-col:nth-child(4) .mega-icon, .mobile-sub-group:nth-of-type(4)>summary::before, .gp-msub:nth-of-type(4)>summary::before { -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M3%209h18M7%2014h5%22%2F%3E%3C%2Fsvg%3E"); mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M3%209h18M7%2014h5%22%2F%3E%3C%2Fsvg%3E"); }
html:has(head link[rel="canonical"][href$="/giai-phap/marketing-solution/nghien-cuu-thi-truong-dinh-vi.html"]) { --gp-detail-number:"01"; --gp-detail-group:"CHIẾN LƯỢC MARKETING"; }
html:has(head link[rel="canonical"][href$="/giai-phap/marketing-solution/chien-luoc-thuong-hieu.html"]) { --gp-detail-number:"02"; --gp-detail-group:"CHIẾN LƯỢC MARKETING"; }
html:has(head link[rel="canonical"][href$="/giai-phap/marketing-solution/ke-hoach-marketing-imc.html"]) { --gp-detail-number:"03"; --gp-detail-group:"CHIẾN LƯỢC MARKETING"; }
html:has(head link[rel="canonical"][href$="/giai-phap/marketing-solution/su-kien-activation.html"]) { --gp-detail-number:"04"; --gp-detail-group:"CHIẾN LƯỢC MARKETING"; }
html:has(head link[rel="canonical"][href$="/giai-phap/marketing-solution/tai-tro-hop-tac.html"]) { --gp-detail-number:"05"; --gp-detail-group:"CHIẾN LƯỢC MARKETING"; }
html:has(head link[rel="canonical"][href$="/giai-phap/marketing-solution/performance-chuyen-doi.html"]) { --gp-detail-number:"06"; --gp-detail-group:"CHIẾN LƯỢC MARKETING"; }
html:has(head link[rel="canonical"][href$="/giai-phap/marketing-solution/khop-noi-marketing-sales.html"]) { --gp-detail-number:"07"; --gp-detail-group:"CHIẾN LƯỢC MARKETING"; }
html:has(head link[rel="canonical"][href$="/giai-phap/creative-solution/thiet-ke-hinh-anh.html"]) { --gp-detail-number:"08"; --gp-detail-group:"SÁNG TẠO & NỘI DUNG"; }
html:has(head link[rel="canonical"][href$="/giai-phap/creative-solution/in-an-cao-cap.html"]) { --gp-detail-number:"09"; --gp-detail-group:"SÁNG TẠO & NỘI DUNG"; }
html:has(head link[rel="canonical"][href$="/giai-phap/creative-solution/san-xuat-video.html"]) { --gp-detail-number:"10"; --gp-detail-group:"SÁNG TẠO & NỘI DUNG"; }
html:has(head link[rel="canonical"][href$="/giai-phap/creative-solution/kich-ban-noi-dung-quang-cao.html"]) { --gp-detail-number:"11"; --gp-detail-group:"SÁNG TẠO & NỘI DUNG"; }
html:has(head link[rel="canonical"][href$="/giai-phap/creative-solution/pr-bao-chi.html"]) { --gp-detail-number:"12"; --gp-detail-group:"SÁNG TẠO & NỘI DUNG"; }
html:has(head link[rel="canonical"][href$="/giai-phap/creative-solution/quan-tri-mang-xa-hoi.html"]) { --gp-detail-number:"13"; --gp-detail-group:"SÁNG TẠO & NỘI DUNG"; }
html:has(head link[rel="canonical"][href$="/giai-phap/media-solution/quang-cao-meta.html"]) { --gp-detail-number:"14"; --gp-detail-group:"TRUYỀN THÔNG & QUẢNG CÁO"; }
html:has(head link[rel="canonical"][href$="/giai-phap/media-solution/google-ads.html"]) { --gp-detail-number:"15"; --gp-detail-group:"TRUYỀN THÔNG & QUẢNG CÁO"; }
html:has(head link[rel="canonical"][href$="/giai-phap/media-solution/youtube-tiktok.html"]) { --gp-detail-number:"16"; --gp-detail-group:"TRUYỀN THÔNG & QUẢNG CÁO"; }
html:has(head link[rel="canonical"][href$="/giai-phap/media-solution/tvc-truyen-hinh.html"]) { --gp-detail-number:"17"; --gp-detail-group:"TRUYỀN THÔNG & QUẢNG CÁO"; }
html:has(head link[rel="canonical"][href$="/giai-phap/media-solution/kol-koc-influencer.html"]) { --gp-detail-number:"18"; --gp-detail-group:"TRUYỀN THÔNG & QUẢNG CÁO"; }
html:has(head link[rel="canonical"][href$="/giai-phap/media-solution/quang-cao-ngoai-troi-ooh.html"]) { --gp-detail-number:"19"; --gp-detail-group:"TRUYỀN THÔNG & QUẢNG CÁO"; }
html:has(head link[rel="canonical"][href$="/giai-phap/media-solution/tim-kiem-ai-aeo-geo.html"]) { --gp-detail-number:"20"; --gp-detail-group:"TRUYỀN THÔNG & QUẢNG CÁO"; }
html:has(head link[rel="canonical"][href$="/giai-phap/business-solution/website-seo.html"]) { --gp-detail-number:"21"; --gp-detail-group:"WEBSITE & CÔNG NGHỆ"; }
html:has(head link[rel="canonical"][href$="/giai-phap/business-solution/google-maps.html"]) { --gp-detail-number:"22"; --gp-detail-group:"WEBSITE & CÔNG NGHỆ"; }
html:has(head link[rel="canonical"][href$="/giai-phap/business-solution/chatbot-crm.html"]) { --gp-detail-number:"23"; --gp-detail-group:"WEBSITE & CÔNG NGHỆ"; }
html:has(head link[rel="canonical"][href$="/giai-phap/business-solution/ai-kiem-soat-noi-dung.html"]) { --gp-detail-number:"24"; --gp-detail-group:"WEBSITE & CÔNG NGHỆ"; }
html:has(head link[rel="canonical"][href$="/giai-phap/business-solution/xay-dung-doi-marketing.html"]) { --gp-detail-number:"25"; --gp-detail-group:"WEBSITE & CÔNG NGHỆ"; }

/* 2026-11-09 — Five original brand logos on real full-bleed image covers, no CSS zoom/crop */
#root .project-grid .project-art:has(>img[src*="/assets/project-brand-"]){background:transparent!important;border-color:transparent!important}
#root .project-grid .project-art:has(>img[src*="/assets/project-brand-"])::before{display:none!important;content:none!important}
#root .project-grid .project-art:has(>img[src*="/assets/project-brand-"])>img{width:100%!important;height:100%!important;padding:0!important;object-fit:cover!important;border-radius:0!important;clip-path:none!important;transform:none!important}
#root .project-grid .project-card:hover .project-art:has(>img[src*="/assets/project-brand-"])>img{transform:none!important}
#root .project-grid .project-art:has(>img[src*="/assets/project-brand-"]) .case-card-shade{display:none!important}
#root .project-grid .project-art:has(>img[src*="/assets/project-brand-"]) .project-number{color:#fff!important;background:#171412cc!important;padding:3px 6px!important;border-radius:2px!important}
#root .project-grid .project-art:has(>img[src*="/assets/project-brand-okita.svg"]) .project-arrow,#root .project-grid .project-art:has(>img[src*="/assets/project-brand-nuithantai.svg"]) .project-arrow{color:#171412!important;background:#17141218!important;border-color:#17141244!important}

/* 2026-11-09 — Full-bleed case study covers from original logos */
#root .case-detail-hero .detail-cover:has(>img[src*='/assets/project-brand-']) {
  aspect-ratio:17 / 10 !important;
  min-height:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  overflow:hidden;
}
#root .case-detail-hero .detail-cover:has(>img[src*='/assets/project-brand-'])::before,
#root .case-detail-hero .detail-cover:has(>img[src*='/assets/project-brand-'])::after {
  content:none !important;
  display:none !important;
}
#root .case-detail-hero .detail-cover:has(>img[src*='/assets/project-brand-'])>img {
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  object-fit:cover !important;
  object-position:center !important;
  transform:none !important;
  clip-path:none !important;
}
#root .case-detail-hero .detail-cover:has(>img[src*='/assets/project-brand-']) .detail-cover-shade,
#root .case-detail-hero .detail-cover:has(>img[src*='/assets/project-brand-']) .detail-cover-period {
  display:none !important;
}
.seo-static-view .seo-featured[src*='/assets/project-brand-'] {
  display:block !important;
  width:100% !important;
  max-width:800px !important;
  max-height:none !important;
  aspect-ratio:17 / 10 !important;
  height:auto !important;
  object-fit:cover !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
}

/* F2 original brand logo and primary HTV evidence — 2026-11-09 */
#root .project-grid .project-art:has(>img[src*="aa5011_1582db3ccd9a43b8ad602cf669b1d321"]){background:#fff!important;border-color:transparent!important;}
#root .project-grid .project-art:has(>img[src*="aa5011_1582db3ccd9a43b8ad602cf669b1d321"])::before{display:none!important;content:none!important;}
#root .project-grid .project-art:has(>img[src*="aa5011_1582db3ccd9a43b8ad602cf669b1d321"])>img{display:block;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;padding:0!important;transform:none!important;border-radius:0!important;}
#root .project-grid .project-card:hover .project-art:has(>img[src*="aa5011_1582db3ccd9a43b8ad602cf669b1d321"])>img{transform:none!important;}
#root .project-grid .project-art:has(>img[src*="aa5011_1582db3ccd9a43b8ad602cf669b1d321"]) .case-card-shade{display:none!important;}
#root .project-grid .project-art:has(>img[src*="aa5011_1582db3ccd9a43b8ad602cf669b1d321"]) .project-number{background:#171412cc!important;color:#fff!important;padding:3px 6px!important;border-radius:2px!important;}
#root .project-grid .project-art:has(>img[src*="aa5011_1582db3ccd9a43b8ad602cf669b1d321"]) .project-arrow{color:#171412!important;background:#1714121a!important;border-color:#17141244!important;}
#root .case-detail-hero .detail-cover:has(>img[src*="aa5011_1582db3ccd9a43b8ad602cf669b1d321"]){background:#fff!important;border:0!important;aspect-ratio:17/10!important;min-height:0!important;padding:0!important;overflow:hidden!important;}
#root .case-detail-hero .detail-cover:has(>img[src*="aa5011_1582db3ccd9a43b8ad602cf669b1d321"])::before,#root .case-detail-hero .detail-cover:has(>img[src*="aa5011_1582db3ccd9a43b8ad602cf669b1d321"])::after{display:none!important;content:none!important;}
#root .case-detail-hero .detail-cover:has(>img[src*="aa5011_1582db3ccd9a43b8ad602cf669b1d321"])>img{inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;padding:0!important;transform:none!important;clip-path:none!important;}
#root .case-detail-hero .detail-cover:has(>img[src*="aa5011_1582db3ccd9a43b8ad602cf669b1d321"]) .detail-cover-shade,#root .case-detail-hero .detail-cover:has(>img[src*="aa5011_1582db3ccd9a43b8ad602cf669b1d321"]) .detail-cover-period{display:none!important;}
.seo-static-view .seo-featured[src*="aa5011_1582db3ccd9a43b8ad602cf669b1d321"]{display:block;width:100%!important;max-width:800px!important;aspect-ratio:17/10!important;max-height:none!important;height:auto!important;object-fit:contain!important;background:#fff!important;padding:0!important;border:0!important;}
#root .case-article figure.f2-htv-evidence,.seo-static-view figure.f2-htv-evidence{margin:28px auto 34px;max-width:620px;width:100%;}
#root .case-article .f2-htv-evidence a,.seo-static-view .f2-htv-evidence a{display:block;text-decoration:none;}
#root .case-article .f2-htv-evidence img,.seo-static-view .f2-htv-evidence img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;background:#fff;border:1px solid rgba(244,240,232,.15);}
#root .case-article .f2-htv-evidence figcaption,.seo-static-view .f2-htv-evidence figcaption{font-size:12px;line-height:1.7;color:rgba(244,240,232,.65);margin-top:12px;text-align:left;}
@media(max-width:639px){#root .case-article figure.f2-htv-evidence,.seo-static-view figure.f2-htv-evidence{margin:22px auto 28px;}}

/* LOLEM Clothing white full-frame logo and Messenger evidence — 2026-11-09 */
#root .project-grid .project-art:has(>img[src*="aa5011_4f227f99c33d4dbfb0d21b2c5f8b2d15"]){background:#fff!important;border-color:transparent!important;}
#root .project-grid .project-art:has(>img[src*="aa5011_4f227f99c33d4dbfb0d21b2c5f8b2d15"])::before{display:none!important;content:none!important;}
#root .project-grid .project-art:has(>img[src*="aa5011_4f227f99c33d4dbfb0d21b2c5f8b2d15"])>img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;padding:0!important;transform:none!important;clip-path:none!important;border-radius:0!important;}
#root .project-grid .project-card:hover .project-art:has(>img[src*="aa5011_4f227f99c33d4dbfb0d21b2c5f8b2d15"])>img{transform:none!important;}
#root .project-grid .project-art:has(>img[src*="aa5011_4f227f99c33d4dbfb0d21b2c5f8b2d15"]) .case-card-shade{display:none!important;}
#root .project-grid .project-art:has(>img[src*="aa5011_4f227f99c33d4dbfb0d21b2c5f8b2d15"]) .project-number{background:#171412cc!important;color:#fff!important;padding:3px 6px!important;border-radius:2px!important;}
#root .project-grid .project-art:has(>img[src*="aa5011_4f227f99c33d4dbfb0d21b2c5f8b2d15"]) .project-arrow{color:#171412!important;background:#1714121a!important;border-color:#17141244!important;}
#root .case-detail-hero .detail-cover:has(>img[src*="aa5011_4f227f99c33d4dbfb0d21b2c5f8b2d15"]){background:#fff!important;border:0!important;aspect-ratio:17/10!important;min-height:0!important;padding:0!important;overflow:hidden!important;}
#root .case-detail-hero .detail-cover:has(>img[src*="aa5011_4f227f99c33d4dbfb0d21b2c5f8b2d15"])::before,#root .case-detail-hero .detail-cover:has(>img[src*="aa5011_4f227f99c33d4dbfb0d21b2c5f8b2d15"])::after{display:none!important;content:none!important;}
#root .case-detail-hero .detail-cover:has(>img[src*="aa5011_4f227f99c33d4dbfb0d21b2c5f8b2d15"])>img{inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;padding:0!important;transform:none!important;clip-path:none!important;}
#root .case-detail-hero .detail-cover:has(>img[src*="aa5011_4f227f99c33d4dbfb0d21b2c5f8b2d15"]) .detail-cover-shade,#root .case-detail-hero .detail-cover:has(>img[src*="aa5011_4f227f99c33d4dbfb0d21b2c5f8b2d15"]) .detail-cover-period{display:none!important;}
.seo-static-view .seo-featured[src*="aa5011_4f227f99c33d4dbfb0d21b2c5f8b2d15"]{display:block;width:100%!important;max-width:800px!important;aspect-ratio:17/10!important;max-height:none!important;height:auto!important;object-fit:contain!important;background:#fff!important;padding:0!important;border:0!important;}
#root .case-article figure.lolem-messenger-evidence,.seo-static-view figure.lolem-messenger-evidence{margin:28px auto 32px;max-width:760px;width:100%;}
#root .case-article .lolem-messenger-evidence a,.seo-static-view .lolem-messenger-evidence a{display:block;text-decoration:none;}
#root .case-article .lolem-messenger-evidence img,.seo-static-view .lolem-messenger-evidence img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;background:#fff;border:1px solid rgba(244,240,232,.15);}
#root .case-article .lolem-messenger-evidence figcaption,.seo-static-view .lolem-messenger-evidence figcaption{font-size:12px;line-height:1.7;color:rgba(244,240,232,.65);margin-top:12px;text-align:left;}
@media(max-width:639px){#root .case-article figure.lolem-messenger-evidence,.seo-static-view figure.lolem-messenger-evidence{margin:22px auto 28px;}}

/* 2026-11-09 — Director studio hero video mobile focal point */
@media(max-width:767px){#root .home-hero-frame .hero-work-video{object-position:39% center;}}

/* Native Gemini tool view in portfolio React shell. Preserve source engine and 6200px scroll suppression. */
#root .gemini-content-view{position:absolute;inset:0;z-index:20;overflow:hidden;background:#090909;color:#f4f0e8;}
#root .gemini-content-wrap{position:absolute;top:clamp(102px,12vh,136px);bottom:0;left:16px;right:16px;display:flex;flex-direction:column;align-items:center;gap:14px;overflow:hidden;}
#root .gemini-heading{width:min(960px,100%);flex:none;}
#root .gemini-heading h1{font-size:clamp(26px,3.2vw,42px);font-weight:800;line-height:1.1;letter-spacing:-.04em;margin:6px 0 5px;}
#root .gemini-eyebrow{font-family:inherit;color:#e8792c;font-size:10px;font-weight:700;letter-spacing:.16em;}
#root .gemini-crop{position:relative;isolation:isolate;overflow:hidden;width:min(960px,100%);height:min(520px,calc(100dvh - 229px));min-height:260px;flex:none;background:#141414;border:1px solid #34312e;border-radius:18px;overscroll-behavior:none;}
#root .gemini-crop iframe{position:absolute;display:block;left:50%;top:-301px;width:1650px;height:6200px;margin-left:-825px;border:0;background:#171717;transform:scale(.70);transform-origin:center top;overscroll-behavior:none;}
@media(max-width:767px){
 #root .gemini-content-wrap{top:90px;gap:12px;left:12px;right:12px;}
 #root .gemini-heading h1{font-size:clamp(24px,6.4vw,32px);}
 #root .gemini-crop{height:min(470px,calc(100dvh - 190px));min-height:245px;border-radius:12px;}
 #root .gemini-crop iframe{top:-252px;width:1320px;height:6200px;margin-left:-660px;transform:scale(.60);}
}

/* 2026-11-09 AI Lab & MarTech overview and dropdown */
#root .nav-ai-lab .drop-panel{min-width:330px}
#root .ai-lab-view{background:#090909;color:#f4f0e8;overflow:hidden}
#root .ai-lab-shell{position:absolute;top:5.6rem;bottom:0;left:0;right:0;overflow-y:auto;padding:clamp(36px,5vw,64px) clamp(22px,5vw,80px) 64px;scrollbar-width:thin}
#root .ai-lab-shell>*{max-width:1120px;margin-left:auto;margin-right:auto}
#root .ai-lab-kicker{color:#e8792c;font-size:11px;font-weight:700;letter-spacing:.21em;margin-bottom:18px}
#root .ai-lab-title{font-size:clamp(46px,7vw,94px);font-weight:800;line-height:1.02;letter-spacing:-.065em;margin-top:0;margin-bottom:22px}
#root .ai-lab-title span{color:#e8792c}
#root .ai-lab-description{max-width:680px!important;margin-left:max(0px,calc((100% - 1120px)/2))!important;font-size:15px;line-height:1.8;color:#ada7a1;margin-bottom:42px}
#root .ai-lab-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#root .ai-lab-card{display:flex;min-height:360px;flex-direction:column;gap:16px;padding:clamp(24px,3vw,40px);background:#141312;border:1px solid rgba(255,255,255,.13);border-radius:5px;color:#f4f0e8;text-decoration:none;transition:border-color .2s,background .2s,transform .2s}
#root .ai-lab-card:hover,#root .ai-lab-card:focus-visible{background:#1b1917;border-color:#e8792c;transform:translateY(-3px)}
#root .ai-lab-card-top{display:flex;justify-content:space-between;color:#e8792c;font-size:11px;letter-spacing:.13em;font-weight:700}
#root .ai-lab-card-icon{width:56px;height:56px;display:grid;place-items:center;border:1px solid rgba(232,121,44,.4);border-radius:50%;color:#e8792c;font-size:35px;line-height:1}
#root .ai-lab-card h2{font-size:clamp(23px,2.6vw,31px);font-weight:700;line-height:1.15;letter-spacing:-.04em;margin:4px 0 0}
#root .ai-lab-card p{font-size:14px;line-height:1.8;color:#b5b0a9;max-width:410px}
#root .ai-lab-card-action{margin-top:auto;color:#e8792c;font-size:12px;letter-spacing:.1em;font-weight:700}
#root .ai-lab-foot{margin-top:30px;color:#776f67;font-size:10px;letter-spacing:.14em}
@media(max-width:740px){#root .ai-lab-shell{padding:32px 20px 64px;top:5.3rem}#root .ai-lab-title{font-size:clamp(41px,11vw,56px)}#root .ai-lab-description{margin-left:0!important;margin-bottom:30px}#root .ai-lab-grid{grid-template-columns:1fr}#root .ai-lab-card{min-height:285px;padding:26px}}


/* AI Lab arrow icons use vector instead of emoji */
#root .ai-lab-arrow{display:inline-block;width:17px;height:17px;color:#e8792c;flex:none;vertical-align:middle}
#root .ai-lab-card-top>.ai-lab-arrow{width:19px;height:19px}
#root .ai-lab-card-action{display:inline-flex;align-items:center;gap:9px}

/* 2026-11-09 AI Lab useful business research and SEO content */
#root .ai-lab-details{margin-top:65px;padding-bottom:25px}
#root .ai-lab-details h2{font-size:clamp(26px,3.4vw,40px);font-weight:750;line-height:1.18;letter-spacing:-.04em;color:#f4f0e8;margin:18px 0 22px}
#root .ai-lab-details h3{font-size:19px;line-height:1.35;font-weight:680;color:#f4f0e8;margin:0 0 13px}
#root .ai-lab-details p{line-height:1.8}
#root .ai-lab-section-tag{font-size:10px;font-weight:700;letter-spacing:.17em;color:#e8792c}
#root .ai-lab-lead{max-width:870px;color:#bcb4aa;font-size:15px;margin-bottom:18px}
#root .ai-lab-topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:28px 0 60px}
#root .ai-lab-topic{padding:26px;background:#141312;border:1px solid rgba(255,255,255,.10)}
#root .ai-lab-topic-label{color:#e8792c;font-size:10px;letter-spacing:.12em;font-weight:700;margin:0 0 16px}
#root .ai-lab-topic p:not(.ai-lab-topic-label){color:#b5aea5;font-size:13px;margin:0 0 12px}
#root .ai-lab-topic strong{color:#e5ded4}
#root .ai-lab-topic .ai-lab-topic-measure{border-top:1px solid rgba(255,255,255,.12);margin-top:18px!important;padding-top:14px;color:#d6b393!important}
#root .ai-lab-steps{list-style:none;padding:0;margin:26px 0 62px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
#root .ai-lab-steps li{display:flex;gap:17px;padding:24px;background:#141312;border:1px solid rgba(255,255,255,.1)}
#root .ai-lab-step-number{color:#e8792c;font-size:18px}
#root .ai-lab-steps h3{margin:0 0 8px}
#root .ai-lab-steps p{color:#aba39b;font-size:13px}
#root .ai-lab-project-proof{padding:40px 36px;margin:12px 0 58px;border:1px solid rgba(232,121,44,.3);background:linear-gradient(135deg,#1c1714,#10100f)}
#root .ai-lab-project-proof p:not(.ai-lab-section-tag){max-width:880px;color:#bfb6ad;font-size:14px}
#root .ai-lab-proof-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:23px}
#root .ai-lab-proof-links a{display:inline-flex;gap:10px;align-items:center;color:#f4f0e8;border:1px solid rgba(255,255,255,.18);padding:12px 16px;font-size:13px;text-decoration:none}
#root .ai-lab-proof-links a:hover{border-color:#e8792c}
#root .ai-lab-faqs{display:grid;gap:0;margin:26px 0 58px}
#root .ai-lab-faq{padding:24px 0;border-bottom:1px solid rgba(255,255,255,.12)}
#root .ai-lab-faq h3{font-size:18px;margin:0 0 8px}
#root .ai-lab-faq p{color:#bab3aa;font-size:14px;margin:0;max-width:920px}
#root .ai-lab-cta{padding:38px;margin:0 0 32px;background:#211711;border:1px solid rgba(232,121,44,.32)}
#root .ai-lab-cta p:not(.ai-lab-section-tag){color:#c6b9ad;font-size:14px;max-width:840px}
#root .ai-lab-cta a{display:inline-flex;align-items:center;gap:9px;color:#f7a16a;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.08em;margin-top:16px}
#root .ai-lab-sources{color:#8d837c;font-size:11px;margin:0 0 35px}
#root .ai-lab-sources a{color:#c99b78;text-underline-offset:3px}
@media(max-width:740px){
 #root .ai-lab-details{margin-top:46px}
 #root .ai-lab-details h2{font-size:clamp(26px,6.6vw,34px)}
 #root .ai-lab-topic-grid,#root .ai-lab-steps{grid-template-columns:1fr;gap:12px}
 #root .ai-lab-topic{padding:22px}
 #root .ai-lab-project-proof,#root .ai-lab-cta{padding:27px 22px}
 #root .ai-lab-proof-links{flex-direction:column}
 #root .ai-lab-proof-links a{justify-content:space-between}
}