@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#101012;--panel:#19191c;--text:#f1eee9;--muted:#a6a1a9;--pink:#e9bfd9;--line:#343137}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--pink);outline-offset:4px}button{min-width:44px;min-height:44px}.site-header{height:94px;padding:18px 4%;display:flex;gap:35px;align-items:center;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5;background:#101012f5;backdrop-filter:blur(12px)}.brand{font-family:'Space Grotesk',Arial,sans-serif;font-size:26px;font-weight:700;white-space:nowrap;letter-spacing:-1px}.brand span{font-size:10px;font-family:'DM Sans',Arial,sans-serif;letter-spacing:2px;color:var(--muted);margin-left:12px}#category-tabs{display:flex;gap:5px;margin-left:auto;overflow-x:auto;padding:5px;scrollbar-width:thin}.category-tab{background:none;color:var(--muted);border-radius:30px;padding:11px 18px;white-space:nowrap;font-size:13px}.category-tab[aria-selected=true]{background:var(--pink);color:#21181f}.category-tab:hover{color:var(--text);background:#ffffff10}.category-tab[aria-selected=true]:hover{color:#21181f;background:var(--pink)}.skip{position:absolute;top:-100px;padding:12px;background:var(--pink);color:#111;z-index:10}.skip:focus{top:10px;left:10px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%)}
.spotlight{height:calc(100svh - 94px);min-height:460px;position:relative;overflow:hidden;background:#131215}.spotlight-photo{display:block;position:absolute;inset:0;width:100%;height:100%;background:none;padding:0}.spotlight-photo img{width:100%;height:100%;object-fit:contain;display:block}.spotlight:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#000c);pointer-events:none}.spotlight-caption{position:absolute;left:5%;bottom:58px;max-width:65%;z-index:1;pointer-events:none;text-shadow:0 2px 15px #000}.eyebrow{font-size:10px;letter-spacing:2px;margin:0 0 15px;color:#e8dbe5}.spotlight h1{font-family:'Space Grotesk',Arial,sans-serif;font-size:clamp(32px,4.4vw,70px);line-height:1.05;letter-spacing:-2px;font-weight:500;margin:0 0 12px}.spotlight-caption>p:not(.eyebrow){font-size:13px;color:#ddd;margin:0 0 18px}.explore-button{background:#17141bbd;border:1px solid #ffffff55;padding:10px 16px;font-size:12px;border-radius:30px;pointer-events:auto}.spotlight-controls{position:absolute;right:5%;bottom:45px;z-index:2;display:flex;gap:8px;align-items:center}.spotlight-controls button{background:#15131ce6;border:1px solid #ffffff44;border-radius:30px;padding:10px 15px}.spotlight-controls span{font-size:11px;min-width:45px;text-align:center;text-shadow:0 1px 10px #000}.spotlight-controls #spotlight-pause{font-size:11px}.collection{max-width:1600px;margin:auto;padding:45px 4% 85px}.browse-heading{margin-bottom:32px}.browse-heading h1{font-family:'Space Grotesk',Arial,sans-serif;font-size:44px;letter-spacing:-1.8px;font-weight:500;margin:0 0 10px}.browse-heading p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}.setup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 32px;align-items:start}.setup-card{min-width:0}.photo-button{width:100%;height:clamp(360px,35vw,570px);position:relative;display:block;padding:0;background:var(--panel);border-radius:8px;overflow:hidden;text-align:left}.photo-button img{display:block;width:100%;height:100%;object-fit:contain}.image-hint{position:absolute;right:15px;bottom:15px;border-radius:25px;background:#101012d9;padding:9px 13px;font-size:11px}.setup-meta{display:flex;align-items:center;gap:16px;justify-content:space-between;margin-top:21px}.setup-meta h2{font-family:'Space Grotesk',Arial,sans-serif;font-size:clamp(25px,2.2vw,34px);font-weight:500;line-height:1.2;letter-spacing:-.8px;margin:0;overflow-wrap:anywhere}.subtitle{font-size:13px;line-height:1.8;color:var(--muted);margin:10px 0}.setup-card details{border-block:1px solid var(--line);margin-top:18px;font-size:12px}.setup-card summary{min-height:48px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none}.setup-card summary::-webkit-details-marker{display:none}.setup-card summary:after{content:'+';color:var(--pink);font-size:24px}.setup-card details[open] summary:after{content:'−'}.setup-card ul{padding:0;list-style:none;margin:0 0 8px}.setup-card li{padding:11px 0;line-height:1.6;color:var(--muted);border-top:1px solid #ffffff0b;overflow-wrap:anywhere}.photo-placeholder{height:clamp(300px,28vw,440px);background:radial-gradient(ellipse,#302934,#19171d);display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;color:var(--muted);gap:12px}.photo-placeholder>span{font-size:70px;color:#e9bfd9a0}.photo-placeholder p{font-size:12px}.status-badge{flex-shrink:0;font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;border:1px solid #7b6244;background:#2e251b;color:#f2d4a6;border-radius:30px;padding:8px 12px}.history-heading{grid-column:1/-1;border-top:1px solid var(--line);padding-top:30px;margin:15px 0 0;font:500 30px 'Space Grotesk',Arial,sans-serif}#load-error{padding:35px}dialog{width:min(1400px,96vw);max-width:none;max-height:96dvh;padding:16px;background:var(--bg);border:1px solid #47404b;color:var(--text)}dialog::backdrop{background:#000e;backdrop-filter:blur(8px)}.viewer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;margin-bottom:12px}.viewer-toolbar span{overflow-wrap:anywhere;min-width:0}#viewer-image{display:block;width:100%;height:calc(88dvh - 105px);object-fit:contain}dialog button{background:#242229;padding:12px 16px;border-radius:3px;flex-shrink:0}.viewer-controls{display:flex;align-items:center;justify-content:center;gap:25px;margin-top:12px;font-size:11px}.viewer-controls button{min-width:50px}.viewer-controls button:disabled{opacity:.3}
@media(max-width:900px){.site-header{height:124px;display:block;padding:12px 4%}.brand{font-size:22px;display:block;line-height:28px}#category-tabs{margin:7px -5px 0;gap:3px}.category-tab{font-size:12px;padding:11px 15px}.spotlight{height:calc(100svh - 124px)}.spotlight-caption{bottom:90px;max-width:85%}.spotlight-controls{bottom:20px;right:5%}.setup-grid{gap:38px 24px}.spotlight h1{letter-spacing:-1px}.spotlight:after{inset:30% 0 0}}@media(max-width:650px){.collection{padding:30px 5% 60px}.browse-heading h1{font-size:36px}.setup-grid{grid-template-columns:1fr;gap:35px}.photo-button{height:clamp(330px,100vw,470px)}.setup-meta h2{font-size:28px}.photo-placeholder{height:300px}.spotlight{min-height:400px}.spotlight-caption{left:5%;bottom:88px}.spotlight h1{font-size:35px;max-width:95%}.spotlight .eyebrow{font-size:8px}.spotlight-controls{left:5%;right:auto;bottom:20px}.spotlight-caption>p:not(.eyebrow){margin-bottom:10px}.explore-button{min-height:42px;font-size:11px}dialog{padding:10px}#viewer-image{height:calc(85dvh - 110px)}}@media(max-height:550px) and (min-width:651px){.site-header{height:74px;padding-block:8px;display:flex}.brand{font-size:20px}.brand span{display:none}#category-tabs{margin:0 0 0 auto}.category-tab{padding:8px 12px}.spotlight{height:calc(100svh - 74px);min-height:230px}.spotlight-caption{bottom:20px;max-width:60%}.spotlight h1{font-size:30px}.spotlight-caption .eyebrow{margin-bottom:7px}.spotlight-controls{bottom:20px}.spotlight-caption>p:not(.eyebrow){display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.spotlight-caption{width:70%}@media(max-width:650px){.spotlight-caption{width:90%;max-width:90%}}
/* Framed collection stage — Tozo’s playful side. */
:root{--pink:#edb9ca;--tozo-red:#dc354b}.brand{display:flex;align-items:center;gap:10px;min-width:190px}.brand-mark{width:30px;height:35px;object-fit:contain;filter:drop-shadow(0 4px 8px #dc354b25)}.brand .brand-word{font-family:'Space Grotesk',Arial,sans-serif;font-size:29px;font-weight:700;font-style:italic;letter-spacing:-2px;color:var(--text);margin:0}.brand .brand-sticker{font-size:9px;letter-spacing:1.4px;margin:0 0 0 3px;color:#211018;background:var(--pink);padding:6px 8px;border-radius:4px;transform:rotate(-6deg);box-shadow:2px 2px 0 #dc354b;transition:transform .25s}.brand:hover .brand-sticker{transform:rotate(4deg) translateY(-2px)}.category-tab{transition:transform .2s,background .2s,color .2s}.category-tab:hover{transform:translateY(-2px)}.category-tab[aria-selected=true]{box-shadow:0 3px 0 #a92c40}
.spotlight{isolation:isolate;background:radial-gradient(ellipse at 15% 40%,#3c1d2d65,transparent 55%),radial-gradient(ellipse at 85% 20%,#1d323d75,transparent 50%),#121115}.spotlight:before{content:'';position:absolute;inset:0;opacity:.14;background-image:radial-gradient(#d4c8d0 1px,transparent 1px);background-size:28px 28px;pointer-events:none}.spotlight:after{display:none}.spotlight-photo{z-index:2;left:20%;right:20%;top:6%;bottom:175px;inset:6% 20% 175px;width:60%;height:auto;padding:10px 10px 0;border-radius:9px;background:#f0e8dd;box-shadow:0 22px 50px #0008,0 3px 0 #bcae9e;transform:rotate(-1deg);overflow:hidden;transition:box-shadow .3s}.spotlight-photo:hover{box-shadow:0 24px 60px #000b,0 0 0 3px #edb9ca66}.spotlight-photo img{height:calc(100% - 48px);width:100%;object-fit:contain;background:#17151a;border-radius:3px}.frame-label{height:48px;display:flex;align-items:center;gap:15px;padding:0 8px;color:#31252c;text-shadow:none;text-align:left}.frame-label>span:first-child{font:9px 'DM Sans',Arial,sans-serif;letter-spacing:1px;text-transform:uppercase;color:#7b626f}.frame-label b{font:600 13px 'Space Grotesk',Arial,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.frame-label>span:last-child{margin-left:auto;font-size:20px}.frame-preview{position:absolute;top:19%;width:28%;height:49%;padding:8px 8px 0;background:#ddd5cc;border-radius:7px;box-shadow:0 14px 35px #0007;z-index:1;opacity:.62;transition:transform .4s,opacity .4s}.frame-preview img{display:block;width:100%;height:calc(100% - 34px);object-fit:contain;background:#17151a;border-radius:2px}.frame-preview>span{display:block;height:34px;line-height:34px;font-size:10px;color:#3d3038;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 8px}.preview-prev{left:5%;transform:rotate(-9deg) translateY(5px)}.preview-next{right:5%;transform:rotate(8deg) translateY(-4px)}.preview-prev:hover{opacity:1;transform:rotate(-5deg) translateX(-5px)}.preview-next:hover{opacity:1;transform:rotate(4deg) translateX(5px)}.spotlight-caption{left:6%;bottom:25px;width:65%;max-width:65%;text-shadow:none}.spotlight h1{font-size:clamp(30px,3.4vw,52px);letter-spacing:-1.7px;margin-bottom:6px}.spotlight .eyebrow{font-size:9px;color:var(--pink);margin-bottom:9px}.spotlight-caption>p:not(.eyebrow){display:inline-block;font-size:11px;color:var(--muted);margin:0 18px 0 0}.explore-button{min-height:37px;padding:8px 13px;font-size:11px;background:#282029;border-color:#6c4c60}.spotlight-controls{bottom:32px;right:6%}.spotlight-controls button{background:#25212b;border-color:#635264;transition:transform .2s,border-color .2s}.spotlight-controls button:hover{transform:translateY(-3px);border-color:var(--pink)}.stage-orbit{position:absolute;pointer-events:none;color:var(--pink);z-index:0;font-weight:300;line-height:1}.orbit-one{left:7%;top:6%;font-size:52px;transform:rotate(12deg)}.orbit-two{right:8%;bottom:26%;font-size:64px;color:#d65468;transform:rotate(18deg)}.setup-card{transition:transform .3s}.setup-card:hover{transform:translateY(-4px)}.photo-button{border:7px solid #d8cdc1;border-bottom-width:10px;background:#17151a;box-shadow:0 10px 30px #0005;transition:box-shadow .3s,transform .3s}.photo-button:hover{box-shadow:0 18px 40px #0008;transform:rotate(-.3deg)}.photo-button img{border-radius:2px}.browse-heading h1{font-weight:600}.status-badge{transform:rotate(3deg)}
@media(max-width:900px){.site-header{padding-top:10px}.brand{display:flex;height:30px;min-width:0}.brand-mark{height:28px;width:24px}.brand .brand-word{font-size:25px}.brand .brand-sticker{font-size:8px;padding:3px 7px}#category-tabs{margin-top:13px}.spotlight-photo{inset:7% 13% 205px;width:74%}.frame-preview{top:21%;width:34%;height:43%}.preview-prev{left:1%}.preview-next{right:1%}.spotlight-caption{left:5%;bottom:75px;max-width:90%;width:90%}.spotlight-controls{left:5%;right:auto;bottom:18px}.spotlight h1{font-size:34px}.frame-label{gap:8px;padding:0 3px}.frame-label>span:first-child{font-size:7px}.frame-label b{font-size:11px}.orbit-one{font-size:34px;left:4%;top:3%}.orbit-two{font-size:45px;right:3%;bottom:30%}}
@media(max-width:650px){.spotlight{min-height:500px}.spotlight-photo{inset:7% 8% 225px;width:84%;padding:7px 7px 0}.spotlight-photo img{height:calc(100% - 38px)}.frame-label{height:38px}.frame-label>span:first-child{display:none}.frame-label b{font-size:11px}.frame-preview{top:17%;width:40%;height:39%;padding:5px 5px 0;opacity:.4}.preview-prev{left:-7%;transform:rotate(-10deg)}.preview-next{right:-7%;transform:rotate(9deg)}.frame-preview>span{font-size:8px}.spotlight-caption{bottom:79px}.spotlight h1{font-size:30px;letter-spacing:-1px;max-width:100%;margin-bottom:10px}.spotlight .eyebrow{font-size:8px}.spotlight-controls{gap:8px}.spotlight-controls button{padding:10px 14px}.stage-orbit{opacity:.65}.photo-button{border-width:6px}.spotlight-caption>p:not(.eyebrow){display:inline-block;font-size:10px;margin-right:8px}}
@media(max-height:550px) and (min-width:651px){.brand{min-width:130px;gap:6px}.brand-mark{width:22px;height:26px}.brand .brand-word{font-size:22px}.brand .brand-sticker{display:none}#category-tabs{margin-top:0}.spotlight-photo{inset:5% 29% 55px;width:42%;padding:6px 6px 0}.spotlight-photo img{height:calc(100% - 30px)}.frame-label{height:30px}.frame-label>span:first-child{display:none}.frame-preview{top:18%;width:25%;height:61%}.preview-prev{left:15%}.preview-next{right:15%}.spotlight-caption{left:3%;bottom:15px;width:35%;max-width:35%}.spotlight h1{font-size:23px}.spotlight-caption>p:not(.eyebrow),.spotlight .eyebrow{display:none}.explore-button{font-size:9px;padding:5px 9px;min-height:32px}.spotlight-controls{left:auto;right:3%;bottom:15px}.spotlight-controls button{padding:7px 10px}.orbit-one{font-size:28px}.orbit-two{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}.setup-card:hover,.photo-button:hover,.category-tab:hover,.spotlight-controls button:hover{transform:none}}
@media(max-width:650px){.spotlight-photo{bottom:260px}}
@media(max-height:550px) and (min-width:651px){.spotlight-caption{width:22%;max-width:22%}.spotlight h1{font-size:20px}}
.category-tab{flex:0 0 auto}#category-tabs{min-width:0}.brand{flex-shrink:0}
.collection{scroll-margin-top:110px}@media(max-width:900px){.collection{scroll-margin-top:140px}}@media(max-height:550px) and (min-width:651px){.collection{scroll-margin-top:90px}}