:root{--ink:#f8f8fb;--muted:#b8bed3;--bg:#0b0f32;--surface:#121944;--blue:#173b73;--accent:#78a9ff;--line:rgba(255,255,255,.16);--paper:#f7f7f5;--dark:#101536;--shadow:0 24px 80px rgba(0,0,0,.25);color-scheme:dark}
html[data-theme="light"]{--ink:#111534;--muted:#555d74;--bg:#f7f7f5;--surface:#fff;--blue:#e7ebf4;--accent:#173b73;--line:rgba(16,21,54,.15);--paper:#101536;--dark:#fff;--shadow:0 24px 70px rgba(17,21,52,.12);color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Montserrat,"Arial Narrow",Arial,sans-serif;font-size:16px;line-height:1.5;transition:background .35s,color .35s}button,a{font:inherit}a{color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:99;background:#fff;color:#111534;padding:.75rem 1rem}.skip-link:focus{top:1rem}
.site-header{height:92px;padding:0 clamp(1.25rem,4vw,4rem);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.brand{display:inline-flex;width:max-content;text-decoration:none}.brand-logo{width:158px;height:54px;position:relative;overflow:hidden}.brand-logo img{position:absolute;width:316px;height:211px;max-width:none;left:-79px;top:-78px;object-fit:contain}.nav{display:flex;gap:2.25rem}.nav a{font-size:.82rem;text-transform:uppercase;letter-spacing:.14em;text-decoration:none;font-weight:800;position:relative;padding:.4rem 0}.nav a::after{content:"";position:absolute;left:0;right:100%;height:2px;bottom:0;background:var(--accent);transition:right .25s}.nav a:hover::after,.nav a:focus-visible::after{right:0}.header-actions{justify-self:end;display:flex;gap:1.4rem;align-items:center}.commerce-actions{display:flex;align-items:center;gap:.65rem;padding-left:1.4rem;border-left:1px solid var(--line)}.theme-toggle,.menu-toggle,.header-icon{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:50%;width:42px;height:42px;display:grid;place-items:center;cursor:pointer}.theme-toggle svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.header-icon{text-decoration:none}.header-icon svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.header-icon:hover{background:var(--ink);color:var(--bg)}.moon{display:none}html[data-theme="light"] .sun{display:none}html[data-theme="light"] .moon{display:block}html[data-theme="light"] .brand-logo img{filter:invert(1)}.menu-toggle{display:none}.menu-toggle span:not(.sr-only){display:block;width:17px;height:1.5px;background:currentColor;margin:3px auto}
.hero{min-height:calc(100vh - 92px);position:relative;display:grid;align-items:center;padding:clamp(3rem,7vw,7rem) clamp(1.25rem,8vw,8rem);overflow:hidden;background:#081025;color:#fff}.hero-image{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(4,9,25,.98) 0%,rgba(4,9,25,.86) 35%,rgba(4,9,25,.12) 68%,rgba(4,9,25,0) 100%),url('nola-hero.png');background-size:cover;background-position:center}.hero-copy{position:relative;z-index:1;max-width:650px}.eyebrow{text-transform:uppercase;letter-spacing:.24em;font-size:.78rem;font-weight:850;margin:0 0 1.4rem}.hero h1,.section h2{font-size:clamp(3.5rem,8vw,7.8rem);letter-spacing:-.065em;line-height:.85;margin:0;text-transform:uppercase;font-weight:950}.hero h1 em{font-family:Georgia,serif;font-weight:400;text-transform:none;letter-spacing:-.05em}.hero-text{max-width:560px;font-size:clamp(1.05rem,1.7vw,1.3rem);color:#ccd3e5;margin:2rem 0}.hero-actions{display:flex;align-items:center;gap:2rem}.button{display:inline-flex;text-decoration:none;padding:.9rem 1.2rem;border-radius:2px;text-transform:uppercase;font-weight:850;letter-spacing:.08em;font-size:.78rem}.button.primary{background:#fff;color:#0d123c}.text-link{text-transform:uppercase;font-weight:800;font-size:.8rem;letter-spacing:.1em;text-underline-offset:5px}.hero-note{position:absolute;right:clamp(1.25rem,4vw,4rem);bottom:2.5rem;z-index:2;margin:0;text-align:right;font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:#cdd5e8}.marquee{overflow:hidden;background:#fff;color:#111534;padding:.8rem 0;text-transform:uppercase;letter-spacing:.14em;font-size:.74rem;font-weight:850;white-space:nowrap}.marquee div{display:flex;justify-content:space-around;gap:2rem;min-width:900px}.marquee i{color:#315c9c}
.section{padding:clamp(5rem,10vw,9rem) clamp(1.25rem,6vw,6rem)}.section-heading{display:grid;grid-template-columns:1.5fr 1fr;align-items:end;gap:4rem;margin-bottom:4rem}.section-heading h2,.about h2,.contact h2{font-size:clamp(2.8rem,6vw,6rem)}.section-heading>p{max-width:480px;color:var(--muted);font-size:1.08rem;margin:0 0 .6rem}.filter-row{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:2rem}.filter{border:1px solid var(--line);background:transparent;color:var(--muted);padding:.65rem 1rem;border-radius:30px;cursor:pointer;font-weight:750;font-size:.83rem}.filter.active,.filter:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}.product-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}.product-card{min-width:0;transition:opacity .25s,transform .25s}.product-card.hidden{display:none}.product-card:hover{transform:translateY(-5px)}.product-visual{aspect-ratio:.82;background-image:url('nola-hero.png');background-size:auto 118%;border:1px solid var(--line);position:relative;overflow:hidden}.crop-one{background-position:88% center}.crop-two{background-position:57% center}.crop-three{background-position:100% 60%}.quarterzip-card{background-image:url('quarterzip-range.png')}.tee-card{background-image:url('tee-range.png')}.mug-card{background-image:url('mug-range.png')}.socks-card{background-image:url('sally-socks-range.png')}.rug-card{background-image:url('rug-range.png')}.flask-card{background-image:url('flask-range.png')}.longsleeve-card{background-image:url('longsleeve-range.png')}.sweatshirt-card{background-image:url('sweatshirt-range.png')}.phonecase-card{background-image:url('phone-case-range.png')}.quarterzip-card,.tee-card,.mug-card,.socks-card,.rug-card,.flask-card,.longsleeve-card,.sweatshirt-card,.phonecase-card{background-size:cover;background-position:center}.pill{position:absolute;top:1rem;left:1rem;background:#fff;color:#111534;padding:.35rem .6rem;border-radius:20px;text-transform:uppercase;font-size:.65rem;font-weight:850;letter-spacing:.12em}.product-info{display:flex;justify-content:space-between;gap:1rem;padding:1rem .2rem 1.5rem}.product-info h3{font-size:1rem;margin:.15rem 0}.product-type,.status{font-size:.72rem;color:var(--muted);margin:0;text-transform:uppercase;letter-spacing:.1em}.status{white-space:nowrap;margin-top:.25rem}.launch-note{margin-top:3rem;border-top:1px solid var(--line);padding-top:1.5rem;display:flex;align-items:center;justify-content:space-between}.launch-note p{color:var(--muted)}.launch-note a{font-weight:850;text-underline-offset:5px}
.about{background:var(--surface);display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(3rem,8vw,9rem);overflow:hidden}.about-mark{align-self:start;display:grid;grid-template-columns:1fr 1fr;max-width:490px;border:1px solid var(--line)}.about-mark span{display:grid;place-items:center;aspect-ratio:1;font-size:clamp(5rem,11vw,10rem);font-weight:950;line-height:1;border:1px solid var(--line);color:transparent;-webkit-text-stroke:1px var(--muted)}.about-body{columns:2;column-gap:2rem;margin-top:3rem;color:var(--muted)}.about-body p{break-inside:avoid;margin:0 0 1.25rem}.about-body p:first-child{color:var(--ink);font-size:1.2rem;font-weight:700}.signature{font-family:Georgia,serif;font-size:2.2rem;font-style:italic;margin:2.5rem 0 0}.signature span{display:block;font-family:Inter,Arial,sans-serif;font-size:.7rem;font-style:normal;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin-top:.35rem}
.contact{background:linear-gradient(135deg,#153b73,#0d123c 60%);color:#fff;display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(3rem,10vw,10rem);align-items:end}.contact-copy>p:first-child{font-size:1.2rem;color:#d1d8ea;max-width:560px}.email-link{display:flex;justify-content:space-between;gap:2rem;font-weight:850;font-size:clamp(1.05rem,2vw,1.5rem);padding:1.3rem 0;border-top:1px solid rgba(255,255,255,.35);border-bottom:1px solid rgba(255,255,255,.35);margin:2rem 0;text-decoration:none}.email-link:hover{color:#a9c6ff}.response-time{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:#b9c3dc}
footer{min-height:220px;padding:3rem clamp(1.25rem,6vw,6rem);display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:2rem;border-top:1px solid var(--line)}footer>p{color:var(--muted);margin:0;text-align:center}.footer-brand{width:158px;height:54px}.copyright{justify-self:end;font-size:.78rem}
:focus-visible{outline:3px solid #78a9ff;outline-offset:4px}
.nav a{isolation:isolate;z-index:0}.nav a::after{inset:-.5rem -.8rem;height:auto;border:1px solid rgba(120,169,255,.34);border-radius:10px;background:linear-gradient(135deg,rgba(3,8,27,.9),rgba(20,31,72,.8));box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 7px 22px rgba(0,0,0,.24);backdrop-filter:blur(9px);opacity:0;z-index:-1;transition:opacity .2s ease,transform .2s ease;transform:scale(.92)}.nav a:hover::after,.nav a:focus-visible::after{right:-.8rem;opacity:1;transform:scale(1)}html[data-theme="light"] .nav a::after{border-color:rgba(17,21,52,.2);background:linear-gradient(135deg,rgba(17,21,52,.2),rgba(49,92,156,.13));box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 7px 22px rgba(17,21,52,.15)}
@media(max-width:1200px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.site-header{grid-template-columns:1fr auto auto}.nav{position:absolute;top:92px;left:0;right:0;background:var(--bg);display:none;flex-direction:column;padding:2rem;border-bottom:1px solid var(--line)}.nav.open{display:flex}.menu-toggle{display:block;grid-column:2}.header-actions{grid-column:3;gap:.7rem}.commerce-actions{gap:.4rem;padding-left:.7rem}.hero{min-height:760px;align-items:end;padding-bottom:8rem}.hero-image{background-image:linear-gradient(0deg,rgba(4,9,25,.98) 0%,rgba(4,9,25,.7) 50%,rgba(4,9,25,.12) 100%),url('nola-hero.png');background-position:70% center}.section-heading{grid-template-columns:1fr}.product-grid{grid-template-columns:1fr 1fr}.about{grid-template-columns:1fr}.about-mark{max-width:340px}.contact{grid-template-columns:1fr}footer{grid-template-columns:1fr;text-align:left}footer>p{text-align:left}.copyright{justify-self:start}}
@media(max-width:580px){.site-header{height:76px;padding:0 .7rem;gap:.4rem}.site-header .brand-logo{width:100px;height:42px}.site-header .brand-logo img{width:200px;height:133px;left:-50px;top:-49px}.theme-toggle,.menu-toggle,.header-icon{width:36px;height:36px}.header-actions{gap:.45rem}.commerce-actions{gap:.25rem;padding-left:.45rem}.nav{top:76px}.hero{min-height:calc(100svh - 76px);padding:3rem 1.25rem 7rem}.hero h1{font-size:clamp(3.25rem,16vw,5rem)}.hero-actions{align-items:flex-start;flex-direction:column;gap:1.25rem}.hero-note{left:1.25rem;right:auto;text-align:left}.section{padding:5rem 1.25rem}.section-heading{gap:2rem;margin-bottom:3rem}.product-grid{grid-template-columns:1fr}.product-visual{aspect-ratio:1.05;background-size:cover}.launch-note{align-items:flex-start;flex-direction:column}.about-body{columns:1}.about-mark{max-width:none}.contact{padding-bottom:6rem}.email-link{font-size:1rem;overflow-wrap:anywhere}footer{padding:3rem 1.25rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
.collection-title{display:flex;flex-direction:column;align-items:flex-start;gap:.08em}.collection-title span{font-size:.52em;line-height:1;letter-spacing:-.035em}.collection-title strong{font:inherit;font-size:1.12em;line-height:.82}.rug-card{background-image:url('rug-range-overlap.png')}.product-visual::after{content:"PLACEHOLDER";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-8deg);z-index:3;padding:.45rem .75rem;border:2px solid rgba(255,255,255,.92);background:rgba(7,13,38,.72);color:#fff;font-size:clamp(.72rem,1.4vw,1rem);font-weight:950;letter-spacing:.16em;line-height:1;box-shadow:0 6px 20px rgba(0,0,0,.28);pointer-events:none}.pill{z-index:4}