@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600&display=swap";:root{--color-primary-aqua:#abffea;--color-secondary-navy:#002243;--color-accent-orange:#f89802;--color-header-grey:#b2aa95;--color-item-bg-grey:#f5f3f1;--color-outfit-bg-beige:#fff7df;--color-copy-onyx:#1e1e1e;--color-bg:var(--color-secondary-navy);--color-text:var(--color-outfit-bg-beige);--color-text-on-aqua:var(--color-secondary-navy);--color-text-on-orange:var(--color-copy-onyx);--color-text-on-grey:var(--color-copy-onyx);--color-cta:var(--color-accent-orange);--color-muted:var(--color-header-grey);--font-family:"Space Grotesk", system-ui, -apple-system, sans-serif;--font-weight-normal:400;--font-weight-semibold:600;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-md:1.125rem;--font-size-lg:1.5rem;--font-size-xl:2rem;--font-size-2xl:2.75rem;--font-size-3xl:3.5rem;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.7;--letter-spacing:0;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:8px;--radius-md:15px;--radius-lg:24px;--transition-fast:.15s ease;--transition-normal:.3s ease;--max-width:72rem;--content-padding:var(--space-lg)}@media (width>=768px){:root{--content-padding:var(--space-2xl)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:100%}body{font-family:var(--font-family);font-weight:var(--font-weight-normal);letter-spacing:var(--letter-spacing);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-bg);flex-direction:column;min-height:100vh;display:flex}.site-header{padding:var(--space-md) var(--content-padding);background-color:var(--color-secondary-navy);border-bottom:1px solid #abffea1a;justify-content:space-between;align-items:center;display:flex}.site-header__logo{padding:var(--space-md) var(--space-lg);background-color:var(--color-outfit-bg-beige);border-radius:var(--radius-md);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.site-header__wordmark{width:auto;height:32px;display:block}.site-header__cta{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-xl);background-color:var(--color-cta);color:var(--color-text-on-orange);font-weight:700;font-size:var(--font-size-base);border-radius:var(--radius-md);border:2px solid var(--color-copy-onyx);cursor:pointer;transition:opacity var(--transition-fast);min-width:44px;min-height:44px;text-decoration:none;display:inline-flex}.site-header__cta:hover{opacity:.85}.site-main{width:100%;max-width:var(--max-width);padding:var(--space-2xl) var(--content-padding);flex:1;margin:0 auto}.site-footer{padding:var(--space-lg) var(--content-padding);text-align:center;color:var(--color-muted);font-size:var(--font-size-sm)}.site-footer a{color:var(--color-primary-aqua);text-decoration:none}.site-footer a:hover{text-decoration:underline}h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin-bottom:var(--space-md)}h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin-bottom:var(--space-md)}h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin-bottom:var(--space-sm)}p{margin-bottom:var(--space-md);line-height:var(--line-height-relaxed)}@media (width>=768px){h1{font-size:var(--font-size-2xl)}}@media (width<=767px){h1{font-size:var(--font-size-xl)}.site-header,.site-header__logo{padding:var(--space-sm) var(--space-md)}.site-header__wordmark{height:22px}.site-header__cta{padding:var(--space-xs) var(--space-md);font-size:.75rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.outfit-card{aspect-ratio:7/10;background-color:var(--color-outfit-bg-beige);border:max(6px, 3.6cqi) solid var(--color-header-grey);border-radius:var(--radius-md);width:100%;max-width:350px;transform-style:preserve-3d;will-change:transform;margin:0 auto;animation:31.4s linear infinite outfit-idle;position:relative;overflow:hidden;box-shadow:0 4px 10px #00000040}@media (width>=768px){.outfit-card{max-width:100%}}.outfit-card:before{content:"";opacity:.8;mix-blend-mode:overlay;border-radius:inherit;z-index:0;pointer-events:none;background-image:url(/textures/noise.png);background-size:cover;position:absolute;inset:0}.outfit-card:after{content:"";opacity:.2;border-radius:inherit;z-index:10;pointer-events:none;background-image:url(/textures/noise.png);background-size:cover;position:absolute;inset:0}.outfit-card__content{z-index:1;width:100%;height:100%;padding:12px;position:relative}.outfit-card__slot{object-fit:contain;object-position:center;opacity:0;transition:opacity var(--transition-normal);z-index:1;position:absolute}.outfit-card__slot.slot-loaded{opacity:1}.outfit-card__slot.slot-error{opacity:.4;filter:grayscale()}@keyframes shimmer{0%{transform:translate(-200%)}to{transform:translate(100%)}}.outfit-card__slot:not(.slot-loaded):not(.slot-error){opacity:1;background-color:var(--color-item-bg-grey);border-radius:4px;overflow:hidden}.outfit-card__slot:not(.slot-loaded):not(.slot-error):after{content:"";background:linear-gradient(30deg,#0000 25%,#fffc 50%,#0000 75%);animation:1.5s linear .2s infinite shimmer;position:absolute;inset:0}@keyframes outfit-idle{0%,to{transform:rotateX(0)rotateY(0)rotate(0);box-shadow:0 4px 10px #00000040}5%{transform:rotateX(1.6deg)rotateY(1.7deg)rotate(.54deg);box-shadow:0 6.4px 14.7px #00000036}10%{transform:rotateX(1.46deg)rotateY(2.4deg)rotate(.97deg);box-shadow:0 6.8px 15.5px #00000034}15%{transform:rotateX(-.28deg)rotateY(1.7deg)rotate(1.19deg);box-shadow:0 5.4px 12.8px #0000003a}20%{transform:rotateX(-1.71deg)rotateY(0)rotate(1.14deg);box-shadow:0 5.2px 12.4px #0000003b}25%{transform:rotateX(-1.27deg)rotateY(-1.7deg)rotate(.85deg);box-shadow:0 6.1px 14.2px #00000037}30%{transform:rotateX(.56deg)rotateY(-2.4deg)rotate(.37deg);box-shadow:0 6.1px 14.2px #00000037}35%{transform:rotateX(1.78deg)rotateY(-1.7deg)rotate(-.19deg);box-shadow:0 6.5px 15px #00000035}40%{transform:rotateX(1.06deg)rotateY(0)rotate(-.71deg);box-shadow:0 4.8px 11.5px #0000003c}45%{transform:rotateX(-.82deg)rotateY(1.7deg)rotate(-1.07deg);box-shadow:0 5.8px 13.6px #00000038}50%{transform:rotateX(-1.8deg)rotateY(2.4deg)rotate(-1.2deg);box-shadow:0 7px 16px #0003}55%{transform:rotateX(-.82deg)rotateY(1.7deg)rotate(-1.07deg);box-shadow:0 5.8px 13.6px #00000038}60%{transform:rotateX(1.06deg)rotateY(0)rotate(-.71deg);box-shadow:0 4.8px 11.5px #0000003c}65%{transform:rotateX(1.78deg)rotateY(-1.7deg)rotate(-.19deg);box-shadow:0 6.5px 15px #00000035}70%{transform:rotateX(.56deg)rotateY(-2.4deg)rotate(.37deg);box-shadow:0 6.1px 14.2px #00000037}75%{transform:rotateX(-1.27deg)rotateY(-1.7deg)rotate(.85deg);box-shadow:0 6.1px 14.2px #00000037}80%{transform:rotateX(-1.71deg)rotateY(0)rotate(1.14deg);box-shadow:0 5.2px 12.4px #0000003b}85%{transform:rotateX(-.28deg)rotateY(1.7deg)rotate(1.19deg);box-shadow:0 5.4px 12.8px #0000003a}90%{transform:rotateX(1.46deg)rotateY(2.4deg)rotate(.97deg);box-shadow:0 6.8px 15.5px #00000034}95%{transform:rotateX(1.6deg)rotateY(1.7deg)rotate(.54deg);box-shadow:0 6.4px 14.7px #00000036}}@media (prefers-reduced-motion:reduce){.outfit-card{animation:none}.outfit-card__slot{opacity:1;transition:none}.outfit-card__slot:not(.slot-loaded):not(.slot-error):after{animation:none}}.index-hero{text-align:center;margin-bottom:var(--space-2xl);padding-top:var(--space-xl)}.index-hero h1{font-size:var(--font-size-3xl);color:var(--color-outfit-bg-beige);margin-bottom:var(--space-lg)}.index-hero p{color:var(--color-primary-aqua);font-size:var(--font-size-md);opacity:.9;max-width:36rem;margin:0 auto}.index-search{max-width:32rem;margin:0 auto var(--space-2xl)}.search-input{width:100%;padding:var(--space-md) var(--space-lg);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-copy-onyx);background-color:var(--color-item-bg-grey);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);border:2px solid #0000;outline:none;min-height:44px}.search-input:focus{border-color:var(--color-primary-aqua);box-shadow:0 0 0 3px #abffea33}.search-input::placeholder{color:var(--color-header-grey)}.index-grid{gap:var(--space-lg);margin-bottom:var(--space-3xl);grid-template-columns:1fr;display:grid}@media (width>=640px){.index-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.index-grid{grid-template-columns:repeat(3,1fr)}}.dresscode-card{padding:var(--space-lg);background-color:var(--color-outfit-bg-beige);color:var(--color-copy-onyx);border-radius:var(--radius-md);transition:transform var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;min-height:180px;text-decoration:none;display:flex;position:relative}.dresscode-card:hover,.dresscode-card:focus-visible{transform:translateY(-4px);box-shadow:0 8px 24px #0003}.dresscode-card__name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-sm);color:var(--color-secondary-navy)}.dresscode-card__description{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-copy-onyx);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;display:-webkit-box;overflow:hidden}.dresscode-card__occasions{gap:var(--space-xs);margin-top:var(--space-md);padding-top:var(--space-sm);border-top:1px solid #00224314;flex-wrap:wrap;display:flex}.dresscode-card__occasion{padding:2px var(--space-sm);color:var(--color-secondary-navy);border-radius:var(--radius-sm);text-transform:lowercase;background-color:#0022430f;font-size:.75rem}.dresscode-card__arrow{top:var(--space-lg);right:var(--space-lg);font-size:var(--font-size-lg);color:var(--color-accent-orange);transition:transform var(--transition-fast);position:absolute}.dresscode-card:hover .dresscode-card__arrow{transform:translate(4px)}.search-empty{text-align:center;color:var(--color-muted);font-size:var(--font-size-md);padding:var(--space-2xl) 0;grid-column:1/-1}.index-cta{text-align:center;padding:var(--space-3xl) var(--space-lg);border-radius:var(--radius-lg);margin-top:var(--space-xl);background-color:#abffea0d}.index-cta h2{color:var(--color-primary-aqua);font-size:var(--font-size-xl)}.index-cta p{max-width:32rem;margin:0 auto var(--space-lg);color:var(--color-outfit-bg-beige);opacity:.85}.cta-button{padding:var(--space-md) var(--space-2xl);background-color:var(--color-cta);color:var(--color-text-on-orange);font-family:var(--font-family);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);border-radius:var(--radius-md);cursor:pointer;transition:opacity var(--transition-fast), transform var(--transition-fast);border:none;min-width:44px;min-height:44px;text-decoration:none;display:inline-block}.cta-button:hover{opacity:.9;transform:translateY(-1px)}.dresscode__layout{gap:var(--space-2xl);flex-direction:column;display:flex}@media (width>=768px){.dresscode__layout{gap:var(--space-3xl);grid-template-rows:auto 1fr;grid-template-columns:1fr 420px;display:grid}.dresscode__info{grid-area:1/1}.dresscode__outfit{grid-area:1/2/-1}.dresscode__similar{grid-area:2/1;align-self:start}}@media (width>=1024px){.dresscode__layout{grid-template-columns:1fr 480px}}.dresscode__name{font-size:var(--font-size-3xl);color:var(--color-outfit-bg-beige);margin-bottom:var(--space-lg)}.dresscode__description{font-size:var(--font-size-md);color:var(--color-outfit-bg-beige);opacity:.9;line-height:var(--line-height-relaxed)}.dresscode__outfit{perspective:600px;margin:0;container-type:inline-size}.dresscode__similar{margin-top:var(--space-2xl);padding:var(--space-lg);background-color:var(--color-item-bg-grey);border-radius:var(--radius-md)}.dresscode__similar h2{font-size:var(--font-size-lg);color:var(--color-secondary-navy);margin-bottom:var(--space-md)}.similar-codes{gap:var(--space-sm);flex-wrap:wrap;display:flex}.similar-codes__link{padding:var(--space-sm) var(--space-md);color:var(--color-secondary-navy);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-sm);border:1px solid var(--color-header-grey);transition:background-color var(--transition-fast), border-color var(--transition-fast);background-color:#fff;align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.similar-codes__link:hover{background-color:var(--color-primary-aqua);color:var(--color-secondary-navy);border-color:var(--color-primary-aqua)}.dresscode__cta{text-align:center;padding:var(--space-3xl) var(--space-lg);margin-top:var(--space-xl);border-top:1px solid #abffea1a}.dresscode__cta h2{color:var(--color-primary-aqua)}.dresscode__cta p{max-width:32rem;margin:0 auto var(--space-lg);opacity:.85}@media (width<=767px){.index-hero h1,.dresscode__name{font-size:var(--font-size-2xl)}}@media (prefers-reduced-motion:reduce){.dresscode-card:hover,.dresscode-card:hover .dresscode-card__arrow,.cta-button:hover{transform:none}}