@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap');
:root{--gold:#edc477;--cream:#fff1d8;--muted:#bdad97;--red:#d12a22}*{box-sizing:border-box}body{margin:0;background:#100b08;color:var(--cream);font-family:'DM Sans',Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #ffe2a7;outline-offset:5px}button{color:inherit}#world{min-height:100svh;position:relative;overflow:hidden}.backdrop,.shade{position:absolute;inset:0;pointer-events:none}.backdrop{background:url('assets/storefront.png') center 49%/cover;filter:blur(22px);opacity:.22;transform:scale(1.08)}.shade{background:linear-gradient(90deg,#100b08e8,transparent 65%,#100b08c9),linear-gradient(0deg,#100b08 0%,transparent 22%,#100b0820)}header{position:relative;z-index:5;padding:26px 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edc47724;background:#100b0833}.brand{color:var(--gold);font-family:'Playfair Display',Georgia,serif;font-size:29px;text-decoration:none;font-weight:600;font-style:italic;line-height:1}.brand span{color:var(--cream)}.brand small{display:block;font:9px 'DM Sans',sans-serif;letter-spacing:2.6px;margin-top:10px;color:var(--muted)}nav{display:flex;gap:32px}nav button{border:0;background:none;color:var(--muted);font-size:12px;padding:9px 0;border-bottom:1px solid transparent}nav button.active{border-bottom-color:var(--gold);color:var(--cream)}.round{border:1px solid #edc4774a;background:#100b08aa;border-radius:50px;padding:11px 17px;font-size:17px}.round span{font-size:11px;margin-left:5px}#street{height:calc(100svh - 155px);min-height:630px;position:relative}.photo-wrap{position:absolute;right:13%;height:100%;aspect-ratio:941/1672;transform-origin:50% 70%;transition:transform 1.2s,filter .5s}#storeImage{height:100%;width:100%;object-fit:contain;display:block;mask-image:linear-gradient(0deg,transparent,#000 8%,#000 96%,transparent)}.intro{position:absolute;z-index:2;left:6%;top:28%;max-width:440px}.eyebrow{color:var(--gold);font-size:9px;letter-spacing:2.3px;font-weight:600;display:flex;align-items:center;gap:10px}.eyebrow span{width:5px;height:5px;background:var(--red);border-radius:50%;box-shadow:0 0 10px red}h1{font:500 clamp(38px,4.1vw,66px)/1.1 'Playfair Display',Georgia,serif;letter-spacing:-1.5px;margin:24px 0}h1 em{font-weight:500;color:var(--gold)}p{font-size:13px;line-height:1.9;color:var(--muted)}.gold{background:linear-gradient(120deg,#edc477,#d9aa56);border:1px solid #ffe0a4;color:#231608;padding:15px 23px;border-radius:3px;font-weight:700;font-size:12px;margin-top:20px;box-shadow:0 5px 25px #d9aa561a}.gold span{margin-left:26px}.gold:hover{filter:brightness(1.12)}.hint{font-size:10px;color:#a39480;margin-top:22px}.location{position:absolute;right:3%;bottom:12%;width:170px}.location>span{font-size:9px;letter-spacing:2px;color:var(--gold)}.location h2{font:22px/1.3 'Playfair Display',Georgia,serif}.location p{font-size:10px}.location .rule{width:35px;height:1px;background:var(--gold);margin:22px 0}.location small{font-size:8px;letter-spacing:1.6px}.spot{position:absolute;border:0;background:none;padding:0;display:flex;align-items:center;flex-direction:column;gap:8px;z-index:3}.spot span{height:36px;width:36px;border:1px solid #ffdc94;border-radius:50%;display:grid;place-items:center;background:#130b08b5;color:#ffe5b4;font-size:21px;box-shadow:0 0 0 7px #edc47716,0 0 28px #ffc86550;animation:pulse 3s infinite}.spot b{white-space:nowrap;font-weight:500;font-size:9px;letter-spacing:.6px;background:#130b08e8;border:1px solid #edc47755;border-radius:2px;padding:6px 9px;opacity:0;transform:translateY(-5px);transition:.2s}.spot:hover b,.spot:focus-visible b{opacity:1;transform:none}.window-left{top:57%;left:10%}.window-right{top:64%;left:76%}.door{top:77%;left:47%}.ceo{top:61%;left:51%}footer{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:20px 4%;font-size:8px;letter-spacing:1.8px;border-top:1px solid #edc47725}.footmark b{color:var(--gold);margin:0 12px}footer button{border:0;background:none;color:var(--muted);font-size:10px;letter-spacing:.5px;margin:0 8px}.explore-label{color:var(--muted)}#boutique{position:relative;z-index:2;padding:40px 6% 30px;min-height:calc(100svh - 155px);background:linear-gradient(90deg,#100b08ef,#100b08bb)}.shop-heading h1{font-size:46px;margin:15px 0}.shop-heading p{margin:5px 0}.tabs{display:flex;gap:8px;margin:27px 0 20px;flex-wrap:wrap}.tabs button{border:1px solid #edc47733;border-radius:30px;background:transparent;padding:9px 15px;font-size:11px;color:var(--muted)}.tabs button.active{background:var(--gold);color:#231608}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{border:1px solid #edc47730;background:#1b120bd9;border-radius:4px;overflow:hidden;text-align:left;padding:0;transition:.2s}.card:hover{transform:translateY(-5px);border-color:var(--gold)}.product-photo{height:230px;position:relative;overflow:hidden;background:#27180e}.product-photo img{position:absolute;width:490%;max-width:none}.crop-tee img{left:-23%;top:-270%}.crop-hoodie img{left:-314%;top:-362%}.crop-layer img{left:-10%;top:-283%}.crop-cap img{left:-41%;top:-390%}.card-text{padding:17px}.card small{color:var(--gold);text-transform:uppercase;letter-spacing:1.7px;font-size:8px}.card h3{font:21px 'Playfair Display',Georgia,serif;margin:9px 0}.card .view{font-size:10px;color:var(--muted)}.concept-note{font-size:10px;margin-top:22px}dialog{background:#18110d;color:var(--cream);border:1px solid #a47f45;max-width:670px;width:calc(100% - 32px);padding:40px;max-height:90svh;overflow:auto;border-radius:8px;box-shadow:0 25px 120px #000}dialog::backdrop{background:#060402ba;backdrop-filter:blur(8px)}.close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:29px;color:var(--muted)}dialog h2{font:35px 'Playfair Display',Georgia,serif;margin:15px 0}dialog h3{font:24px 'Playfair Display',Georgia,serif}.detail{display:grid;grid-template-columns:1fr 1fr;gap:25px}.detail .product-photo{height:300px}.detail .crop-tee img{top:-205%}.detail .crop-hoodie img{top:-275%}.detail .crop-layer img{top:-214%}.detail .crop-cap img{top:-295%}.outline{background:none;border:1px solid #edc47777;padding:11px 17px;border-radius:3px;font-size:12px}.studio{display:grid;grid-template-columns:1fr 1fr;gap:25px}.shirt-preview{min-height:240px;display:grid;place-items:center;background:radial-gradient(#49301b,#100b08);border-radius:4px}.shirt-preview svg{width:100%;height:250px}.studio label{display:block;font-size:11px;color:var(--gold);margin:18px 0 8px}.studio input{width:100%;padding:12px;background:#0e0906;border:1px solid #edc47755;color:var(--cream);border-radius:3px;font:inherit;font-size:12px}.swatches{display:flex;gap:10px}.swatches button{height:30px;width:30px;border:2px solid #7c6b50;border-radius:50%}.swatches button.selected{outline:2px solid var(--gold);outline-offset:3px}.saved-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edc47725;padding:15px 0;gap:15px}.saved-row button{border:0;background:none;color:var(--gold);font-size:11px}.saved-row p{margin:0;font-size:11px}.saved-row h3{margin:0 0 5px;font-size:20px}#toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%,15px);opacity:0;z-index:20;background:var(--gold);color:#231608;padding:12px 22px;border-radius:40px;font-size:12px;pointer-events:none;transition:.3s}#toast.show{opacity:1;transform:translate(-50%,0)}@keyframes pulse{50%{box-shadow:0 0 0 11px #edc47708,0 0 35px #ffc86566}}.no-motion *{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(min-width:1600px){.photo-wrap{right:18%}.intro{left:10%}.location{right:7%}}@media(max-width:1000px){.intro{left:4%;max-width:290px;top:30%}h1{font-size:40px}.photo-wrap{right:5%}.location{display:none}.products{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){header{padding:17px 5%}.brand{font-size:24px}.brand small{font-size:7px;letter-spacing:1.7px}nav{position:absolute;top:87px;left:5%;right:5%;justify-content:center;gap:25px;border:1px solid #edc47733;background:#100b08c9;border-radius:30px;padding:0 10px}nav button{font-size:10px;padding:12px 0}.round{padding:8px 12px}#street{height:calc(100svh - 125px);min-height:690px}.photo-wrap{right:50%;transform:translateX(50%);height:100%;opacity:.9}.intro{top:auto;bottom:24px;left:6%;right:6%;max-width:none;background:linear-gradient(0deg,#100b08f2 60%,#100b0800);padding:70px 0 0;pointer-events:none}.intro h1{font-size:35px;margin:13px 0}.intro p{font-size:11px;margin:8px 0}.intro .gold{pointer-events:auto;margin-top:10px;padding:12px 20px}.intro .hint{display:none}.intro .eyebrow{font-size:8px;letter-spacing:1.3px}.spot b{opacity:1;font-size:8px}.spot span{width:29px;height:29px;font-size:17px}.door{top:67%}.ceo{top:57%}.window-left{top:48%;left:5%}.window-right{top:51%;left:73%}footer{padding:16px 5%;letter-spacing:1px}.explore-label{display:none}.footmark{font-size:7px}footer button{font-size:9px;margin:0 4px}#boutique{padding:75px 5% 25px}.shop-heading h1{font-size:39px}.products{gap:12px}.product-photo{height:200px}.card-text{padding:13px}.card h3{font-size:19px}dialog{padding:35px 22px}.detail,.studio{grid-template-columns:1fr}.detail .product-photo{height:260px}.detail .crop-tee img{top:-215%}.detail .crop-hoodie img{top:-290%}.detail .crop-layer img{top:-224%}.detail .crop-cap img{top:-310%}}

.product-photo img{position:static;width:100%;height:100%;object-fit:cover;object-position:center}.crop-cap img{object-fit:contain;background:#17100a}
/* Immersive full-screen storefront */
#world{height:100svh;min-height:650px}#street{position:absolute;inset:0;height:100%;min-height:0}.backdrop{filter:none;opacity:1}.shade{z-index:1;background:linear-gradient(0deg,#0b0704d9,transparent 30%,transparent 74%,#0b0704c9);pointer-events:none}.photo-wrap{position:absolute;inset:0;right:0;width:100%;height:100%;aspect-ratio:auto;transform:none;opacity:1;overflow:hidden}#storeImage{width:100%;height:100%;object-fit:cover;object-position:50% 28%;mask-image:none;transition:object-position 1.2s}.intro{top:auto;bottom:90px;left:4%;max-width:none;background:none;padding:0;display:flex;align-items:center;gap:25px;pointer-events:none}.intro .eyebrow,.intro h1,.intro p,.intro .hint{display:none}.intro .gold{pointer-events:auto;margin:0;background:#120b07c9;color:var(--cream);border:1px solid #edc47799;backdrop-filter:blur(12px);box-shadow:none}.intro:after{content:'DOWNTOWN MEMPHIS · TILLIE’S TEEZ';font-size:9px;letter-spacing:2px;color:#ffe7bd;text-shadow:0 2px 8px #000}.location{display:none}header{position:absolute;inset:0 0 auto;background:linear-gradient(#100b08b8,#100b0820);border:0}footer{position:absolute;inset:auto 0 0;background:#100b088a;backdrop-filter:blur(10px)}#boutique{padding-top:130px;height:100svh;overflow:auto;padding-bottom:100px;background:#100b08e8}#fitImage{color:var(--gold)}.fit-image #storeImage{object-fit:contain;object-position:center}.fit-image .backdrop{filter:blur(20px);opacity:.5}.spot{transition:top 1.2s,left 1.2s}body.boutique-open footer{background:#100b08}body.boutique-open .shade{display:none}@media(max-width:650px){#world{min-height:620px}header{background:linear-gradient(#100b08da,transparent);height:150px}.intro{bottom:76px;left:5%;right:5%;gap:15px}.intro:after{font-size:7px;letter-spacing:1px;line-height:1.8;max-width:130px}.intro .gold{font-size:11px}.intro .gold span{margin-left:12px}#boutique{padding-top:155px}.photo-wrap{right:0;transform:none;opacity:1}#storeImage{object-position:50% 28%}.spot b{opacity:1}footer{gap:8px;flex-wrap:wrap}footer button{font-size:8px}.footmark{font-size:7px}}

.backdrop{background-image:url('assets/memphis-block.png');background-position:center;background-size:cover}#storeImage{object-position:50% 50%}.shade{background:linear-gradient(0deg,#0b0704bb,transparent 24%,transparent 77%,#0b0704b0)}.spot span{background:#130b08d9}.spot b{opacity:1} @media(max-width:650px){#storeImage{object-position:50% 50%}}

.backdrop{background-image:url('assets/memphis-town.png')}

.backdrop{background-image:url('assets/memphis-town-store-v4.png')}

.backdrop{background-image:url('assets/memphis-walking-background.png')}

.backdrop{background-image:url('assets/memphis-animated-city.png')}
