*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.-right-12{right:-3rem}.-right-24{right:-6rem}.-top-12{top:-3rem}.-top-24{top:-6rem}.left-0{left:0}.left-1\/2{left:50%}.right-0{right:0}.top-0{top:0}.top-1\/3{top:33.333333%}.z-10{z-index:10}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-6{margin-bottom:1.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-16{margin-top:4rem}.mt-3{margin-top:.75rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-1\.5{height:.375rem}.h-16{height:4rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-40{height:10rem}.h-5{height:1.25rem}.h-72{height:18rem}.h-\[700px\]{height:700px}.h-full{height:100%}.max-h-0{max-height:0}.min-h-screen{min-height:100vh}.w-1\.5{width:.375rem}.w-2{width:.5rem}.w-3{width:.75rem}.w-4{width:1rem}.w-40{width:10rem}.w-5{width:1.25rem}.w-72{width:18rem}.w-\[1px\]{width:1px}.w-\[40\%\]{width:40%}.w-\[70\%\]{width:70%}.w-\[700px\]{width:700px}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-xl{max-width:36rem}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.rotate-180{--tw-rotate:180deg}.rotate-180,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes pulseSlow{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.38;transform:scale(1.08)}}.animate-pulse-slow{animation:pulseSlow 9s ease-in-out infinite}.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}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(2rem*var(--tw-space-x-reverse));margin-left:calc(2rem*(1 - var(--tw-space-x-reverse)))}.space-y-12>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(3rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(3rem*var(--tw-space-y-reverse))}.space-y-16>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(4rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(4rem*var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem*var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem*var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.scroll-smooth{scroll-behavior:smooth}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-amber-500\/20{border-color:rgba(245,158,11,.2)}.border-neutral-500{--tw-border-opacity:1;border-color:rgb(115 115 115/var(--tw-border-opacity,1))}.border-neutral-600{--tw-border-opacity:1;border-color:rgb(82 82 82/var(--tw-border-opacity,1))}.border-neutral-700{--tw-border-opacity:1;border-color:rgb(64 64 64/var(--tw-border-opacity,1))}.border-neutral-700\/60{border-color:rgba(64,64,64,.6)}.border-neutral-800{--tw-border-opacity:1;border-color:rgb(38 38 38/var(--tw-border-opacity,1))}.border-neutral-800\/80{border-color:rgba(38,38,38,.8)}.border-neutral-900{--tw-border-opacity:1;border-color:rgb(23 23 23/var(--tw-border-opacity,1))}.border-white\/20{border-color:hsla(0,0%,100%,.2)}.bg-\[\#141414\]{--tw-bg-opacity:1;background-color:rgb(20 20 20/var(--tw-bg-opacity,1))}.bg-\[\#1E2A44\]{--tw-bg-opacity:1;background-color:rgb(30 42 68/var(--tw-bg-opacity,1))}.bg-\[\#3A3A3E\]{--tw-bg-opacity:1;background-color:rgb(58 58 62/var(--tw-bg-opacity,1))}.bg-\[\#5A5A60\]{--tw-bg-opacity:1;background-color:rgb(90 90 96/var(--tw-bg-opacity,1))}.bg-\[\#5C4632\]{--tw-bg-opacity:1;background-color:rgb(92 70 50/var(--tw-bg-opacity,1))}.bg-\[\#6E7B4C\]{--tw-bg-opacity:1;background-color:rgb(110 123 76/var(--tw-bg-opacity,1))}.bg-\[\#8B8B90\]{--tw-bg-opacity:1;background-color:rgb(139 139 144/var(--tw-bg-opacity,1))}.bg-\[\#C2D9ED\]{--tw-bg-opacity:1;background-color:rgb(194 217 237/var(--tw-bg-opacity,1))}.bg-amber-500\/10{background-color:rgba(245,158,11,.1)}.bg-emerald-400{--tw-bg-opacity:1;background-color:rgb(52 211 153/var(--tw-bg-opacity,1))}.bg-emerald-500\/10{background-color:rgba(16,185,129,.1)}.bg-neutral-700{--tw-bg-opacity:1;background-color:rgb(64 64 64/var(--tw-bg-opacity,1))}.bg-neutral-800{--tw-bg-opacity:1;background-color:rgb(38 38 38/var(--tw-bg-opacity,1))}.bg-neutral-900{--tw-bg-opacity:1;background-color:rgb(23 23 23/var(--tw-bg-opacity,1))}.bg-neutral-900\/60{background-color:hsla(0,0%,9%,.6)}.bg-neutral-900\/80{background-color:hsla(0,0%,9%,.8)}.bg-neutral-900\/90{background-color:hsla(0,0%,9%,.9)}.bg-neutral-950\/60{background-color:hsla(0,0%,4%,.6)}.bg-neutral-950\/80{background-color:hsla(0,0%,4%,.8)}.bg-slate-800\/20{background-color:rgba(30,41,59,.2)}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-amber-500{--tw-gradient-from:#f59e0b var(--tw-gradient-from-position);--tw-gradient-to:rgba(245,158,11,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-black{--tw-gradient-from:#000 var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-500{--tw-gradient-from:#3b82f6 var(--tw-gradient-from-position);--tw-gradient-to:rgba(59,130,246,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-neutral-900{--tw-gradient-from:#171717 var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,9%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-neutral-950{--tw-gradient-to:hsla(0,0%,4%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#0a0a0a var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-black{--tw-gradient-to:#000 var(--tw-gradient-to-position)}.to-emerald-500{--tw-gradient-to:#10b981 var(--tw-gradient-to-position)}.to-indigo-500{--tw-gradient-to:#6366f1 var(--tw-gradient-to-position)}.to-neutral-900{--tw-gradient-to:#171717 var(--tw-gradient-to-position)}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-28{padding-top:7rem;padding-bottom:7rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.pb-16{padding-bottom:4rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pb-6{padding-bottom:1.5rem}.pt-2{padding-top:.5rem}.pt-28{padding-top:7rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:Inter,sans-serif}.font-serif{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-light{font-weight:300}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-\[1\.02\]{line-height:1.02}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-\[0\.25em\]{letter-spacing:.25em}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-amber-400{--tw-text-opacity:1;color:rgb(251 191 36/var(--tw-text-opacity,1))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-emerald-400{--tw-text-opacity:1;color:rgb(52 211 153/var(--tw-text-opacity,1))}.text-neutral-300{--tw-text-opacity:1;color:rgb(212 212 212/var(--tw-text-opacity,1))}.text-neutral-400{--tw-text-opacity:1;color:rgb(163 163 163/var(--tw-text-opacity,1))}.text-neutral-500{--tw-text-opacity:1;color:rgb(115 115 115/var(--tw-text-opacity,1))}.text-neutral-600{--tw-text-opacity:1;color:rgb(82 82 82/var(--tw-text-opacity,1))}.text-rose-400{--tw-text-opacity:1;color:rgb(251 113 133/var(--tw-text-opacity,1))}.text-rose-500{--tw-text-opacity:1;color:rgb(244 63 94/var(--tw-text-opacity,1))}.text-sky-400{--tw-text-opacity:1;color:rgb(56 189 248/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.placeholder-neutral-500::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(115 115 115/var(--tw-placeholder-opacity,1))}.placeholder-neutral-500::placeholder{--tw-placeholder-opacity:1;color:rgb(115 115 115/var(--tw-placeholder-opacity,1))}.opacity-60{opacity:.6}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.blur{--tw-blur:blur(8px)}.blur,.blur-2xl{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)}.blur-2xl{--tw-blur:blur(40px)}.blur-3xl{--tw-blur:blur(64px)}.blur-3xl,.blur-\[150px\]{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)}.blur-\[150px\]{--tw-blur:blur(150px)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}body{background-color:#0a0a0c;color:#f2f2f7;font-family:Inter,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}.font-serif-italic{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-style:italic}.glass-panel{background:rgba(18,18,22,.7);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid hsla(0,0%,100%,.07)}.glass-nav{background:rgba(10,10,12,.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid hsla(0,0%,100%,.08)}.text-gradient-serif{background:linear-gradient(135deg,#fff,#d1d1d6 50%,#8e8e93);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-gold{background:linear-gradient(135deg,#fff5df,#e6c665 50%,#997a15);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.editorial-grid{background-size:40px 40px;background-image:linear-gradient(90deg,hsla(0,0%,100%,.02) 1px,transparent 0),linear-gradient(180deg,hsla(0,0%,100%,.02) 1px,transparent 0)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0a0a0c}::-webkit-scrollbar-thumb{background:#222226;border-radius:3px}.hover\:border-neutral-700:hover{--tw-border-opacity:1;border-color:rgb(64 64 64/var(--tw-border-opacity,1))}.hover\:bg-neutral-200:hover{--tw-bg-opacity:1;background-color:rgb(229 229 229/var(--tw-bg-opacity,1))}.hover\:bg-neutral-900:hover{--tw-bg-opacity:1;background-color:rgb(23 23 23/var(--tw-bg-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.focus\:border-white:focus{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}@media (min-width:640px){.sm\:w-auto{width:auto}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}}@media (min-width:768px){.md\:inline{display:inline}.md\:flex{display:flex}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:justify-start{justify-content:flex-start}.md\:border-l{border-left-width:1px}.md\:border-t-0{border-top-width:0}.md\:p-10{padding:2.5rem}.md\:p-12{padding:3rem}.md\:p-16{padding:4rem}.md\:p-6{padding:1.5rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:pb-6{padding-bottom:1.5rem}.md\:pl-6{padding-left:1.5rem}.md\:pt-0{padding-top:0}.md\:text-left{text-align:left}.md\:text-right{text-align:right}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-6xl{font-size:3.75rem;line-height:1}.md\:text-8xl{font-size:6rem;line-height:1}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}}
/* Look number caption overlaid on the lookbook photo */
.look-caption{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:.3rem;padding:3.5rem 1.25rem 1.1rem;background:linear-gradient(to top,rgba(0,0,0,.72),rgba(0,0,0,.35) 55%,transparent);pointer-events:none}
.look-caption-title{font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;font-size:1.875rem;line-height:1.05;color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.35)}
.look-caption-desc{font-family:Inter,sans-serif;font-size:.75rem;line-height:1.45;font-weight:400;color:rgba(255,255,255,.82);text-shadow:0 1px 6px rgba(0,0,0,.4)}
@media (min-width:768px){.look-caption-title{font-size:2.125rem}.look-caption-desc{font-size:.8125rem}}

/* Lookbook: dropdown selectors + photo */
.layer-col{display:grid;grid-template-columns:4.75rem 1fr;align-items:center;gap:.5rem}
.layer-col>:not([hidden])~:not([hidden]){margin-top:0}
.layer-col>div:first-child>span:last-child{display:none}
.layer-col [id$="-selector"]{display:none}
.layer-select{display:block;width:100%;min-width:0;-webkit-appearance:none;appearance:none;background:rgba(23,23,23,.8) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a3a3a3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right .65rem center;border:1px solid #404040;border-radius:.75rem;padding:.65rem 2rem .65rem .75rem;color:#fff;font-family:Inter,sans-serif;font-size:16px;line-height:1.2;text-overflow:ellipsis;cursor:pointer;transition:border-color .15s}
.layer-select:hover{border-color:#737373}
.layer-select:focus{outline:none;border-color:#a3a3a3}
.layer-select option{background:#171717;color:#fff}
.lookbook-panel .layer-grid{grid-template-columns:1fr;gap:.625rem}
.look-stage{display:flex;justify-content:center}
.look-frame{position:relative;width:100%;max-width:560px}
.look-photo{position:relative;aspect-ratio:1/1;width:100%;border-radius:1rem;overflow:hidden;background:#171717}
.look-photo img{width:100%;height:100%;object-fit:cover}
@media (max-width:767px){.lookbook-panel{padding:1rem}.lookbook-panel>:not([hidden])~:not([hidden]){margin-top:1.25rem}.look-photo{border-radius:.75rem}}
/* Desktop: selectors on the left, photo on the right */
@media (min-width:900px){
.lookbook-panel{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:2.5rem;align-items:center}
.lookbook-panel>:not([hidden])~:not([hidden]){margin-top:0}
.lookbook-panel .layer-grid{gap:1.25rem}
.layer-col{grid-template-columns:1fr;gap:.5rem}
.look-stage{justify-content:flex-end}
.look-frame{max-width:600px}
}

/* Random-look button on the photo */
.look-shuffle{position:absolute;top:.85rem;right:.85rem;z-index:2;display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:9999px;color:#fff;background:rgba(10,10,12,.45);border:1px solid rgba(255,255,255,.22);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.look-shuffle:hover{background:rgba(10,10,12,.65);border-color:rgba(255,255,255,.45);transform:scale(1.05)}
.look-shuffle:focus-visible{outline:2px solid #fff;outline-offset:2px}
.look-shuffle.spin svg{animation:lookSpin .5s ease-out}
.look-shuffle.loading svg{animation:lookSpin .7s linear infinite}
@keyframes lookSpin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.look-shuffle.spin svg{animation:none}}

/* Line-break tuning */
h1,h2,h3{text-wrap:balance}
p{text-wrap:pretty}
.nowrap{white-space:nowrap}
.meter-label{flex-wrap:wrap;column-gap:.75rem;row-gap:.15rem}
.meter-label>span{white-space:nowrap}
.meter-label>span:last-child{margin-left:auto}
@media (max-width:639px){
.math-head{flex-direction:column;align-items:center;gap:.5rem}
.math-cards{gap:.75rem}
.math-cards>div{padding:1rem}
.math-cards>div>div:first-child{font-size:1.25rem;line-height:1.3}
.price-head{flex-direction:column;gap:1rem}
.price-head>.text-right{text-align:left}
}

/* Occasion tags under the lookbook intro */
.occasion-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;padding-top:.75rem;max-width:40rem;margin-left:auto;margin-right:auto}
.occasion-row span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:#a3a3a3;padding:.35rem .7rem;border:1px solid #262626;border-radius:9999px;background:rgba(23,23,23,.6);white-space:nowrap}
.math-head-center{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.35rem;margin-bottom:1.75rem}
.math-equation{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;column-gap:.6rem;row-gap:.1rem;margin-top:.6rem}
.math-eq-formula{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;letter-spacing:.04em;color:#fbbf24;white-space:nowrap}
.occasion-spin-window{display:inline-block;height:2.1rem;overflow:hidden;vertical-align:bottom;text-align:left;transition:width .38s cubic-bezier(.4,0,.2,1);-webkit-mask-image:linear-gradient(180deg,transparent,#000 22%,#000 78%,transparent);mask-image:linear-gradient(180deg,transparent,#000 22%,#000 78%,transparent)}
.occasion-spin-word{display:inline-block;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-style:italic;font-size:1.6rem;line-height:2.1rem;color:#fbbf24;white-space:nowrap;transform:translateY(0);opacity:1;transition:transform .38s cubic-bezier(.4,0,.2,1),opacity .38s ease}
.occasion-spin-word.is-leaving{transform:translateY(-100%);opacity:0}
.occasion-spin-word.is-entering{transform:translateY(100%);opacity:0;transition:none}
@media (min-width:768px){.math-eq-formula{font-size:.9rem}.occasion-spin-window{height:2.4rem}.occasion-spin-word{font-size:1.9rem;line-height:2.4rem}}
.math-photo{margin:0 0 1rem;border-radius:1rem;overflow:hidden;border:1px solid #262626;aspect-ratio:4/3;background:#171717}
.math-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 30%}
@media (min-width:640px){.math-photo{aspect-ratio:16/9}}

/* Hero: rail photo at the top, fading into the headline */
.hero{position:relative;padding:0 0 5rem;overflow:hidden}
.hero-media{position:relative;width:100%;aspect-ratio:1/1;max-height:72vh;overflow:hidden}
.hero-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 25%;-webkit-mask-image:linear-gradient(180deg,#000 0,#000 55%,transparent 100%);mask-image:linear-gradient(180deg,#000 0,#000 55%,transparent 100%)}
.hero-media:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.45) 0,rgba(0,0,0,0) 18%)}
.hero-copy{margin-top:-4.5rem}
.hero-copy>p{line-height:1.55}
@media (min-width:640px){.hero-media{aspect-ratio:4/3}}
@media (min-width:900px){.hero-media{aspect-ratio:16/9;max-height:68vh}.hero-copy{margin-top:-6rem}}

/* Lookbook intro (The Math) sitting above the selector panel */
.lookbook-head{margin-bottom:3rem}

/* How it works */
.hiw-grid{display:grid;grid-template-columns:1fr;gap:1rem;list-style:none;margin:0;padding:0}
.hiw-step{display:flex;flex-direction:column;gap:.75rem;padding:1.75rem}
.hiw-num{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;letter-spacing:.12em;color:#fbbf24}
@media (min-width:640px){.hiw-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.hiw-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem}}

/* Lookbook title: "For <rotating occasion>" */
.lookbook-title{display:flex;flex-wrap:nowrap;justify-content:center;align-items:baseline;column-gap:.28em;font-size:clamp(1.75rem,6.6vw,4.5rem);line-height:1.15;letter-spacing:-.01em;padding-bottom:.08em;margin:0}
.lookbook-title .occasion-spin-window{height:1.4em}
.lookbook-title .occasion-spin-word{font-size:1em;line-height:1.4em;-webkit-text-fill-color:#fbbf24;color:#fbbf24}
@media (min-width:768px){.lookbook-title .occasion-spin-window{height:1.4em}.lookbook-title .occasion-spin-word{font-size:1em;line-height:1.4em}}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (max-width:899px){.layer-col{grid-template-columns:6.5rem 1fr}}

/* RAY*CHEL wordmark: Franklin Gothic Medium, Libre Franklin where it isn't installed */
.brand-mark{font-family:"Franklin Gothic Medium","Franklin Gothic","ITC Franklin Gothic","Libre Franklin",Arial,sans-serif;font-weight:500;letter-spacing:.02em;line-height:1}
.brand-logo{display:block;width:auto}.brand-logo-nav{height:22px}.brand-logo-foot{height:18px;opacity:.75}
/* Nav: logo centred, links split either side on wide screens */
.nav-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
.nav-logo{grid-column:2;display:flex;align-items:center}
.nav-links{display:none;align-items:center;gap:2rem}
.nav-links-left{grid-column:1;justify-content:flex-start}
.nav-links-right{grid-column:3;justify-content:flex-end}
@media (min-width:1024px){.nav-links{display:flex}}

/* Lookbook: "For ..." title sits inside the panel, tighter spacing */
.lookbook-panel>.lookbook-title{grid-column:1/-1;font-size:clamp(1.6rem,6.4vw,3.25rem);margin:0}
#lookbook.lookbook-section{padding-top:2.5rem;padding-bottom:3rem;scroll-margin-top:4rem}
@media (max-width:767px){#lookbook .lookbook-panel{padding-top:1.25rem}#lookbook .lookbook-panel>:not([hidden])~:not([hidden]){margin-top:1rem}}
@media (min-width:900px){#lookbook.lookbook-section{padding-top:4.5rem;padding-bottom:5rem}.lookbook-panel{row-gap:1.75rem}}

/* How it works: benefit checkpoints */
.hiw-checks{list-style:none;margin:auto 0 0;padding:1rem 0 0;border-top:1px solid #262626;display:flex;flex-direction:column;gap:.6rem}
.hiw-checks li{display:flex;gap:.55rem;align-items:flex-start;font-size:.8125rem;line-height:1.45;color:#d4d4d4;font-weight:300}
.hiw-checks svg{flex:none;margin-top:.12rem;color:#34d399}
.hiw-step>p{margin-bottom:.5rem}
.lookbook-panel>.lookbook-title{display:block;text-align:center;line-height:1.15}
/* Phones/tablets: photo first, dropdowns below it */
@media (max-width:899px){
#lookbook .lookbook-panel{display:flex;flex-direction:column;gap:1rem}
#lookbook .lookbook-panel>:not([hidden])~:not([hidden]){margin-top:0}
#lookbook .lookbook-panel>.lookbook-title{order:1}
#lookbook .lookbook-panel>.look-stage{order:2}
#lookbook .lookbook-panel>.layer-grid{order:3}
}
/* All headings now sans-serif (Inter) */
.font-serif,.font-serif-italic{letter-spacing:-.025em}
h1.font-serif{letter-spacing:-.04em;font-weight:500}
.look-caption-title{letter-spacing:-.02em;font-weight:500}
/* Hero title: "Unbox once." rolls up to "Sorted for the season." on one line */
.hero-title{margin:0;font-size:clamp(1.75rem,7.6vw,5.25rem);font-weight:500;letter-spacing:-.04em;line-height:1}
.hero-roll{display:block;height:1.2em;overflow:hidden}
.hero-roll-track{display:block;animation:heroRoll .9s cubic-bezier(.65,0,.35,1) 1.8s both}
.hero-roll-line{display:block;height:1.2em;line-height:1.2em;white-space:nowrap}
.hero-roll-alt{font-style:italic;font-weight:400}
@keyframes heroRoll{from{transform:translateY(0)}to{transform:translateY(-1.2em)}}
@media (prefers-reduced-motion:reduce){.hero-roll-track{animation:none;transform:translateY(-1.2em)}}

/* Heading font: Jost (geometric sans) */
.font-serif,.font-serif-italic,.lookbook-title,.hero-title{font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;letter-spacing:-.01em}
h1.font-serif,.hero-title{letter-spacing:-.02em;font-weight:500}
.hero-roll-alt{font-weight:400}

/* Lookbook: no dropdowns, garments are clickable in the caption */
#lookbook .layer-grid{display:none}
#lookbook .lookbook-panel{display:flex;flex-direction:column;align-items:center;gap:1.25rem}
#lookbook .lookbook-panel>:not([hidden])~:not([hidden]){margin-top:0}
#lookbook .look-stage{width:100%;justify-content:center}
#lookbook .look-frame{max-width:640px}
.look-caption{pointer-events:none}
.look-caption .garment-link{pointer-events:auto;font:inherit;color:#fff;background:none;border:0;padding:0;margin:0;cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-decoration-color:rgba(251,191,36,.9);text-decoration-thickness:1.5px;text-underline-offset:3px;transition:color .15s}
.look-caption .garment-link:hover{color:#fbbf24}
.look-caption .garment-link:focus-visible{outline:2px solid #fbbf24;outline-offset:2px;border-radius:2px}
.look-caption-desc{font-size:.8125rem;line-height:1.6}
.look-caption-hint{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:rgba(251,191,36,.85);margin-top:.15rem}
@media (min-width:768px){.look-caption-desc{font-size:.9375rem}}
@media (min-width:900px){#lookbook .look-frame{max-width:min(540px,calc(100vh - 22rem))}}

/* Heading font: Tenor Sans (flared semi-serif, single weight) */
.font-serif,.font-serif-italic,.lookbook-title,.hero-title,.look-caption-title,h1,h2,h3{font-weight:400}
.font-serif,.font-serif-italic,.lookbook-title{letter-spacing:0}
h1.font-serif,.hero-title{letter-spacing:-.01em;font-weight:400}
.hero-roll-alt,.font-serif-italic{font-style:normal}
.look-caption-title{letter-spacing:0}
/* Desktop: bigger look photo */
@media (min-width:900px){#lookbook .look-frame{max-width:min(720px,calc(100vh - 11rem))}}
.hero-title{font-size:clamp(1.5rem,6.8vw,4.75rem)}

/* Heading font: Rosario (humanist semi-serif, has italics) */
.hero-roll-alt{font-style:italic}
.hero-title{font-size:clamp(1.6rem,7.4vw,5.25rem)}
body{font-variant-numeric:lining-nums}
.hero-title{font-size:clamp(1.75rem,9.6vw,6rem)}
.price-note{margin-top:.35rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#fbbf24}
@media (max-width:639px){.price-head>.text-right .price-note{text-align:left}}

/* Heading font: Marcellus (flared, single weight, no italic) */
.hero-roll-alt{font-style:normal}
.hero-title{font-size:clamp(1.6rem,8.4vw,5.1rem)}
.look-caption-title{font-size:1.5rem}
@media (min-width:768px){.look-caption-title{font-size:1.75rem}}

/* Heading font: the same system monospace as the step numbers and price note */
.font-serif,.font-serif-italic,.lookbook-title,.hero-title,.look-caption-title{font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;letter-spacing:-.03em;font-weight:400}
.hero-title{font-size:clamp(1.2rem,5.9vw,3.75rem);letter-spacing:-.04em}
.hero-roll-alt{font-style:normal}
.lookbook-panel>.lookbook-title{font-size:clamp(1.35rem,5.4vw,2.75rem)}
.look-caption-title{font-size:1.25rem;letter-spacing:-.02em}
@media (min-width:768px){.look-caption-title{font-size:1.5rem}}

/* ---- Final tweaks (Oct 12) ---- */
/* Static two-line hero title */
.hero-static{display:flex;flex-direction:column;align-items:center;line-height:1.15}
.hero-line{display:block;white-space:nowrap}
.hero-line-alt{color:#a3a3a3}

/* Phones: taller nav with breathing room around the logo; hero photo starts below it */
@media (max-width:767px){
.nav-bar{height:5.25rem}
.brand-logo-nav{height:24px}
.hero{padding-top:5.25rem}
.hero-media{aspect-ratio:1/1}
.hero-media:after{background:none}
.hero-copy{margin-top:-2.5rem}
#lookbook.lookbook-section,#how-it-works,#order,#faq{scroll-margin-top:5.25rem}
}

/* Look caption sits under the photo instead of over it */
.look-caption.look-caption-below{position:static;background:none;padding:1rem .25rem 0;pointer-events:auto}
.look-caption-below .look-caption-title,.look-caption-below .look-caption-desc{text-shadow:none}
.look-caption-below .look-caption-desc{color:#a3a3a3}
.look-caption-below .garment-link{color:#e5e5e5}

/* How it works: details collapse */
.hiw-checks{margin:0}
.hiw-more{border-top:1px solid #262626;padding-top:.75rem;margin-top:auto}
.hiw-more summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#a3a3a3}
.hiw-more summary::-webkit-details-marker{display:none}
.hiw-more summary::after{content:"+";font-size:16px;line-height:1;color:#fbbf24}
.hiw-more[open] summary::after{content:"\2212"}
.hiw-more summary:hover{color:#fff}
.hiw-more p{margin:.75rem 0 0}
.hiw-step{gap:1rem}
@media (min-width:900px){#lookbook .look-frame{max-width:min(720px,calc(100vh - 17rem))}}

/* Hero: title sits above the photo (Oct 16) */
.hero{padding-top:6.5rem}
.hero-head{position:relative;z-index:2;margin-bottom:2rem}
.hero-media:after{background:none}
.hero-copy{margin-top:-3.5rem}
@media (max-width:767px){.hero{padding-top:7rem}.hero-head{margin-bottom:1.25rem}.hero-copy{margin-top:-2rem}}
@media (min-width:900px){.hero-media{max-height:calc(100vh - 22rem);min-height:320px}}

/* How it works: three steps (Oct 16) */
.hiw-grid.hiw-grid-3{grid-template-columns:1fr}
@media (min-width:900px){.hiw-grid.hiw-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}}

/* "Day N" label inside the photo, bottom left (Oct 16) */
.look-day{position:absolute;left:0;bottom:0;z-index:2;padding:2.5rem 1rem .85rem;width:100%;background:linear-gradient(to top,rgba(0,0,0,.6),rgba(0,0,0,0));font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;font-size:1.25rem;letter-spacing:-.02em;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.45);pointer-events:none}
@media (min-width:768px){.look-day{font-size:1.5rem;padding:3rem 1.25rem 1rem}}
.look-caption-below{padding-top:.85rem}


/* Plain caption + bigger shuffle button (Oct 17) */
.look-caption-below .look-caption-desc{text-align:left;hyphens:none}
.look-brand{font-style:italic;color:#e5e5e5}
.look-shuffle{width:3.25rem;height:3.25rem;top:1rem;right:1rem;background:rgba(10,10,12,.62);border-color:rgba(255,255,255,.5);box-shadow:0 2px 14px rgba(0,0,0,.35)}
.look-shuffle:hover{background:rgba(10,10,12,.8);border-color:rgba(255,255,255,.8)}

/* Oct 21: capsule name at the top, lookbook as the hero, wardrobe + inclusion list second */
.page-top{padding-top:6.25rem}
.capsule-title{margin:0;font-size:clamp(1.35rem,5.6vw,2.5rem);letter-spacing:-.03em;font-weight:400;line-height:1.15}
#lookbook.lookbook-first{padding-top:1.25rem}
@media (max-width:767px){.page-top{padding-top:6.5rem}#lookbook.lookbook-first{padding-top:1rem}}
.capsule-grid{display:grid;grid-template-columns:1fr;gap:1.75rem;align-items:center}
.capsule-photo{margin:0;border-radius:1rem;overflow:hidden;border:1px solid #262626;aspect-ratio:1/1;background:#171717}
.capsule-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 35%}
.capsule-sub{font-size:1.125rem;color:#a3a3a3;font-weight:300;margin:0 0 1.25rem}
.inc-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}
.inc-head{font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#d4d4d4;padding-bottom:.5rem;margin-bottom:.5rem;border-bottom:1px solid #262626}
.inc-group ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3rem}
.inc-group li{font-size:.875rem;color:#a3a3a3;font-weight:300;line-height:1.45}
.capsule-cta{margin-top:1.75rem}
@media (min-width:640px){.inc-grid{grid-template-columns:1fr 1fr;gap:1.5rem 2rem}}
@media (min-width:900px){.capsule-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:3rem}.capsule-sub{font-size:1.25rem}}
@media (max-width:639px){.capsule-list{text-align:left}.capsule-cta{display:block;text-align:center}}
.capsule-cta-wrap{padding-top:1.75rem;clear:both}
.capsule-cta{margin-top:0}
@media (max-width:639px){.capsule-cta-wrap .capsule-cta{display:block;text-align:center}}
@media (min-width:900px){#lookbook .look-frame{max-width:min(720px,calc(100vh - 23rem))}}

/* Oct 21: smaller lookbook line; Day N + shuffle as one button (bottom left); "Toronto, ON" bottom right */
.lookbook-panel>.lookbook-title{font-size:clamp(.85rem,3.4vw,1.25rem);letter-spacing:.01em;background:none;-webkit-text-fill-color:#a3a3a3;color:#a3a3a3}
.look-bar{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:.75rem;padding:2.75rem .85rem .85rem;background:linear-gradient(to top,rgba(0,0,0,.6),rgba(0,0,0,0));pointer-events:none}
.look-day-btn{pointer-events:auto;display:inline-flex;align-items:center;gap:.6rem;padding:.5rem .95rem .5rem 1rem;border-radius:9999px;border:1px solid rgba(255,255,255,.45);background:rgba(10,10,12,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;font-size:1.05rem;letter-spacing:-.01em;line-height:1;cursor:pointer;box-shadow:0 2px 12px rgba(0,0,0,.3);transition:background .2s,border-color .2s,transform .15s}
.look-day-btn:hover{background:rgba(10,10,12,.78);border-color:rgba(255,255,255,.8)}
.look-day-btn:active{transform:scale(.97)}
.look-day-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}
.look-day-btn svg{flex:none;opacity:.9}
.look-day-btn.spin svg{animation:lookSpin .5s ease-out}
.look-day-btn.loading svg{animation:lookSpin .7s linear infinite}
@media (prefers-reduced-motion:reduce){.look-day-btn.spin svg,.look-day-btn.loading svg{animation:none}}
.look-place{font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.82);text-shadow:0 1px 6px rgba(0,0,0,.5);padding-bottom:.35rem;white-space:nowrap}
@media (min-width:768px){.look-bar{padding:3rem 1.1rem 1.1rem}.look-day-btn{font-size:1.2rem}.look-place{font-size:11.5px}}

/* Oct 21: section 2 title on one line; inclusion list centred */
.capsule-head{margin:0;font-size:clamp(.8rem,3.8vw,2.25rem);letter-spacing:-.03em;font-weight:400;line-height:1.2;white-space:nowrap}
.capsule-list{text-align:center}
.capsule-list .inc-head{text-align:center}
.capsule-cta-wrap{text-align:center}
@media (max-width:639px){.capsule-list{text-align:center}}

/* Oct 21: section 2 headline is now "15 style-coordinated pieces. One delivery." */
.capsule-head.capsule-head-lg{white-space:normal;font-size:clamp(1rem,4.9vw,2.75rem);line-height:1.25}
.inc-grid{margin-top:.25rem}

/* Oct 23: titles in a luxurious serif (Cormorant Garamond); small labels stay mono; smaller nav logo */
.font-serif,.font-serif-italic,.capsule-title,.capsule-head,.lookbook-panel>.lookbook-title,.look-caption-title{font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;letter-spacing:0;font-weight:500}
.capsule-title{font-size:clamp(1.9rem,7.6vw,3.5rem);letter-spacing:.005em;line-height:1.1}
.lookbook-panel>.lookbook-title{font-size:clamp(1.05rem,4.3vw,1.5rem);font-style:italic;font-weight:400;letter-spacing:.01em}
.capsule-head.capsule-head-lg{font-size:clamp(1.4rem,6.6vw,3.4rem);line-height:1.15}
.hiw-step h3{font-size:1.85rem;line-height:1.15}
.faq-item button>span.font-serif{font-size:1.25rem;line-height:1.3}
@media (min-width:768px){.faq-item button>span.font-serif{font-size:1.45rem}}
.price-head .text-3xl.font-serif{font-size:2.4rem}
.brand-logo-nav{height:17px}
@media (max-width:767px){.brand-logo-nav{height:18px}}
@media (min-width:900px){#lookbook .look-frame{max-width:min(720px,calc(100vh - 26rem))}}

/* Oct 23: compact inclusion list (pieces word-wrapped under each category) */
.inc-items{margin:0;font-size:.875rem;line-height:1.7;color:#a3a3a3;font-weight:300}
.inc-dot{color:#525252;padding:0 .2rem}
.inc-grid{gap:1.1rem}
@media (min-width:640px){.inc-grid{gap:1.25rem 2rem}}
.inc-head{margin-bottom:.4rem;padding-bottom:.4rem}

/* Oct 23: photos edge to edge on phones and tablets */
@media (max-width:899px){
  body{overflow-x:hidden}
  #lookbook .lookbook-panel{background:none;border:0;-webkit-backdrop-filter:none;backdrop-filter:none;padding-left:0;padding-right:0;border-radius:0}
  #lookbook .look-stage{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
  #lookbook .look-frame{max-width:none;width:100%}
  #lookbook .look-photo{border-radius:0;aspect-ratio:1/1}
  #lookbook .look-caption-below{padding:1rem 1.5rem 0}
  .capsule-photo{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);border-radius:0;border-left:0;border-right:0}
}
@media (min-width:640px){.inc-grid{grid-template-columns:1fr;gap:1.1rem}}

/* Oct 23: photos in the How it works cards (section 2 removed) */
.hiw-media{margin:-1.75rem -1.75rem .35rem;aspect-ratio:4/3;overflow:hidden;border-radius:1.5rem 1.5rem 0 0;background:#171717}
.hiw-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 35%}
.hiw-mosaic{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:2px}
.hiw-mosaic img{object-position:50% 25%}

/* Oct 25: caption: brands plain italic (no highlight); "The Cold Weather Capsule" highlighted */
#combo-desc .look-brand{color:inherit;font-weight:inherit}
#combo-desc .look-capsule{color:#fff;font-weight:500}

/* Oct 26: titles in all caps with a subtle champagne colour (lookbook line, FAQ questions and prices unchanged) */
.page-top .capsule-title,#how-it-works h2,#order h2,#faq h2,.hiw-step h3,#order h3{text-transform:uppercase;letter-spacing:.08em;color:#e6d8bd;background:none;-webkit-text-fill-color:#e6d8bd;font-weight:500}
.page-top .capsule-title{font-size:clamp(1.45rem,6vw,2.9rem);line-height:1.15}
#how-it-works h2,#order h2,#faq h2{font-size:clamp(1.85rem,7vw,3.25rem);line-height:1.1}
.hiw-step h3{font-size:1.5rem;line-height:1.2}
#order h3{font-size:1.35rem;line-height:1.2}

/* Oct 26: everything left-aligned, logo on the left (links on the right); How it works step numbers removed */
.nav-bar{display:flex;align-items:center;gap:2rem}
.nav-logo{order:-1;margin-right:auto}
.nav-links-left,.nav-links-right{justify-content:flex-start}
.page-top{text-align:left}
.page-top .capsule-title{max-width:72rem;margin:0 auto}
#lookbook .lookbook-panel{align-items:flex-start}
#lookbook .look-stage{justify-content:flex-start}
.lookbook-panel>.lookbook-title,#lookbook .lookbook-panel>.lookbook-title{display:block;text-align:left;white-space:normal;justify-content:flex-start}
#how-it-works .text-center,#order .text-center,#faq .text-center{text-align:left}
#how-it-works .mx-auto>.mx-auto,#faq .mx-auto>.mx-auto,#order .max-w-xl,#order .glass-panel{margin-left:0;margin-right:0}
#order>div,#faq>div{max-width:72rem}
#order .glass-panel{max-width:42rem}
#faq #faq-list{max-width:48rem}
footer{text-align:left}
footer>div{justify-content:flex-start!important;max-width:72rem;margin-left:auto;margin-right:auto}
footer>p{max-width:72rem;margin-left:auto;margin-right:auto}
#order a.text-center{text-align:center}
footer.text-center{text-align:left}
.nav-bar{max-width:75rem}

/* Oct 27: modern font (Arial) everywhere the serif was; titles all lowercase with a period; lookbook line no longer italic */
.page-top .capsule-title,#how-it-works h2,#order h2,#faq h2,.hiw-step h3,#order h3{text-transform:lowercase;letter-spacing:-.03em;font-weight:400}
.page-top .capsule-title{font-size:clamp(2rem,8vw,3.75rem);line-height:1.05}
#how-it-works h2,#order h2,#faq h2{font-size:clamp(2rem,8vw,3.75rem);line-height:1.05}
.hiw-step h3{font-size:1.5rem;line-height:1.2;letter-spacing:-.02em}
#order h3{font-size:1.4rem;letter-spacing:-.02em}
.lookbook-panel>.lookbook-title,#lookbook .lookbook-panel>.lookbook-title{font-style:normal;letter-spacing:-.01em;font-size:clamp(1rem,4vw,1.35rem)}
#faq-list .font-serif{letter-spacing:-.01em}
/* Oct 27: card 3 title breaks as "180 different combinations / ready to go." */
.hiw-step h3 .hiw-keep{display:inline-block;text-wrap:wrap}
.hiw-step h3:has(.hiw-keep){text-wrap:wrap}

/* Oct 27: section titles centred again (logo stays left; body text stays left); Day button on the right above "Toronto, ON"; bigger lookbook photo on desktop */
.page-top{text-align:center}
#lookbook .lookbook-panel{align-items:center}
#lookbook .look-stage{justify-content:center}
.lookbook-panel>.lookbook-title,#lookbook .lookbook-panel>.lookbook-title{text-align:center}
#how-it-works .text-center,#order .text-center,#faq .text-center{text-align:center}
#order .glass-panel{text-align:left}
#order a.text-center{text-align:center}
#how-it-works .mx-auto>.mx-auto,#faq .mx-auto>.mx-auto,#order .max-w-xl,#order .glass-panel,#faq #faq-list{margin-left:auto;margin-right:auto}
.look-bar{flex-direction:column;align-items:flex-end;justify-content:flex-end;gap:.55rem}
.look-place{padding-bottom:0;padding-right:.2rem}
@media (min-width:900px){#lookbook .look-frame{max-width:min(680px,max(420px,calc(100vh - 17.5rem)))}}
/* Oct 27: logo centred again (Interactive Lookbook left, How It Works + FAQ right); footer centred */
.nav-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
.nav-logo{order:0;margin-right:0;grid-column:2}
.nav-links-left{grid-column:1;justify-content:flex-start}
.nav-links-right{grid-column:3;justify-content:flex-end}
footer.text-center{text-align:center}
footer>div{justify-content:center!important}
/* Oct 28: logo on the left, "Order now" button top right; section links removed (single page) */
.nav-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.nav-logo{grid-column:auto;margin:0}
.nav-order{display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#000;font-weight:600;font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:.6rem 1.15rem;border-radius:9999px;line-height:1;white-space:nowrap;transition:background .2s}
.nav-order:hover{background:#e5e5e5}
.nav-order:focus-visible{outline:2px solid #fff;outline-offset:2px}
/* Nov 1: Instagram link in all footers */
.ig-link{color:#a3a3a3;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#404040;transition:color .2s}
.ig-link:hover{color:#e6d8bd;text-decoration-color:#e6d8bd}
.ig-link:focus-visible{outline:2px solid #fff;outline-offset:2px;border-radius:2px}
.o-foot-ig{margin:0 0 1rem}