@import url('tokens.css');@import url('reset.css');.page{max-width:var(--s-32);margin-inline:auto;padding-inline:var(--s-6)}.site-header{position:sticky;top:0;z-index:20;background:color-mix(in oklab,var(--surface) 82%,transparent);backdrop-filter:blur(var(--s-4));border-bottom:1px solid var(--border)}.nav{max-width:var(--s-32);margin:auto;display:flex;align-items:center;justify-content:space-between;padding:var(--s-4) var(--s-6)}.brand{font-family:var(--font-display);font-size:var(--fs-2xl)}.nav-links,.actions{display:flex;gap:var(--s-3);align-items:center}.nav-links a{color:var(--ink-2);padding:var(--s-2) var(--s-3);border-radius:var(--r-pill)}.nav-links a:hover{background:var(--surface-2);color:var(--ink)}.theme-toggle,.menu-toggle{border:1px solid var(--border);background:var(--surface);border-radius:var(--r-pill);padding:var(--s-2) var(--s-3)}.site-footer{border-top:1px solid var(--border);background:var(--surface);margin-top:var(--s-24);padding:var(--s-16) var(--s-6)}.footer-grid{max-width:var(--s-32);margin:auto;display:grid;grid-template-columns:2fr repeat(4,1fr);gap:var(--s-8)}.footer-grid a,.muted{color:var(--ink-muted)}.hero,.page-hero,.section{padding-block:var(--s-24)}.compact{padding-block:var(--s-12)}.split{display:grid;grid-template-columns:1.03fr .97fr;gap:var(--s-12);align-items:center}.hero p,.page-hero p{max-width:var(--s-32)}.eyebrow{display:inline-flex;color:var(--brand-200);text-transform:uppercase;letter-spacing:var(--tracking-wide);font-size:var(--fs-xs);font-weight:var(--fw-bold);margin-bottom:var(--s-4)}.surface{background:var(--surface-2);box-shadow:0 0 0 100vmax var(--surface-2);clip-path:inset(0 -100vmax)}.section-head{max-width:var(--s-32);margin-bottom:var(--s-8)}.grid{display:grid;gap:var(--s-6)}.three{grid-template-columns:repeat(3,1fr)}.card{background:linear-gradient(145deg,var(--surface),var(--surface-2));border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow);padding:var(--s-6);transition:transform var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out);overflow:hidden}.card:hover{transform:translateY(calc(var(--s-1) * -1));box-shadow:var(--shadow-lg);border-color:var(--border-strong)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:var(--s-11);padding:var(--s-3) var(--s-5);border-radius:var(--r-pill);border:1px solid var(--border);font-weight:var(--fw-semibold);transition:transform var(--dur-fast) var(--ease-out),background var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out);white-space:nowrap}.btn:hover{transform:translateY(calc(var(--s-1) * -1));box-shadow:var(--shadow-sm)}.btn:active{transform:translateY(0) scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed}.primary{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}.secondary{background:var(--surface);color:var(--ink)}.ghost{background:transparent;color:var(--ink)}.destructive{background:var(--danger);color:var(--danger-ink);border-color:var(--danger)}.input{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:var(--s-3) var(--s-4);margin-top:var(--s-2)}.input:focus{border-color:var(--border-focus);outline:0;box-shadow:var(--ring)}.form{display:grid;gap:var(--s-5)}.badge,.chip{display:inline-flex;border:1px solid var(--border);border-radius:var(--r-pill);padding:var(--s-1) var(--s-3);font-size:var(--fs-xs);color:var(--brand-100);background:var(--surface-2)}.chip[aria-pressed="true"]{background:var(--brand);color:var(--brand-ink)}.wipe-stage{position:relative;min-height:clamp(var(--s-32),54vw,560px);perspective:1200px}.wipe-card{position:absolute;inset:0;margin:0;border-radius:var(--r-2xl);overflow:hidden;box-shadow:var(--shadow-xl);border:1px solid var(--border-strong);transform-origin:50% 120%}.wipe-card img{width:100%;height:100%;object-fit:cover}.art-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-6)}.art-card{padding:0}.art-card img{width:100%;aspect-ratio:4/5;object-fit:cover;transition:transform var(--dur-slow) var(--ease-out)}.art-card:hover img{transform:scale(1.04)}.art-card .content{padding:var(--s-5)}.shop-layout{display:grid;grid-template-columns:280px 1fr;gap:var(--s-8);padding-bottom:var(--s-20)}.filters{position:sticky;top:var(--s-24);height:max-content;display:grid;gap:var(--s-5)}.detail{display:grid;grid-template-columns:1.08fr .92fr;gap:var(--s-10);padding-bottom:var(--s-20)}.gallery-main{border-radius:var(--r-2xl);overflow:hidden;box-shadow:var(--shadow-xl)}.thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-3);margin-top:var(--s-3)}.thumbs button{border:1px solid var(--border);background:var(--surface);border-radius:var(--r);overflow:hidden;padding:0}.tabs{margin-top:var(--s-8)}.tab-list{display:flex;gap:var(--s-2);border-bottom:1px solid var(--border)}.tab-list button{background:transparent;border:0;padding:var(--s-3);color:var(--ink-2)}.tab-list button[aria-selected="true"]{color:var(--brand-100);box-shadow:inset 0 -2px 0 var(--brand)}.tab-panel{padding:var(--s-5) 0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-6)}.stats div{padding:var(--s-8);border:1px solid var(--border);border-radius:var(--r-xl);background:var(--surface)}.stats strong{display:block;font-size:var(--fs-5xl);font-family:var(--font-display);color:var(--brand-100)}.portrait,.media{border-radius:var(--r-2xl);box-shadow:var(--shadow-xl);width:100%;object-fit:cover}.contact-grid,.account-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-8)}.side{display:grid;gap:var(--s-3)}.side a{padding:var(--s-3);border-radius:var(--r);color:var(--ink-2)}.side a:hover{background:var(--surface-2);color:var(--ink)}.auth-card{max-width:520px;margin:var(--s-20) auto}.skeleton{position:relative;overflow:hidden;background:var(--surface-2);border-radius:var(--r-lg);min-height:var(--s-32)}.skeleton::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--surface-3),transparent);animation:shimmer 1.2s infinite}.skeleton-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-6)}.empty-state,.error-state,.loading-state{text-align:center;border:1px solid var(--border);border-radius:var(--r-2xl);padding:var(--s-12);background:var(--surface);box-shadow:var(--shadow)}.icon{font-size:var(--fs-5xl)}.toast{position:fixed;right:var(--s-5);bottom:var(--s-5);z-index:50;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-lg);padding:var(--s-4) var(--s-5);box-shadow:var(--shadow-lg)}.toast.success{border-color:var(--success)}.drawer{position:fixed;inset:0;z-index:40;display:none}.drawer.open{display:block}.drawer-panel{margin-left:auto;width:min(460px,100%);height:100%;background:var(--surface);box-shadow:var(--shadow-xl);padding:var(--s-6);overflow:auto}.overlay{position:absolute;inset:0;background:color-mix(in oklab,var(--bg) 70%,transparent);backdrop-filter:blur(var(--s-2))}@keyframes shimmer{to{transform:translateX(100%)}}@media(max-width:900px){.split,.detail,.shop-layout,.contact-grid,.account-layout,.footer-grid{grid-template-columns:1fr}.three,.art-grid,.stats,.skeleton-grid{grid-template-columns:1fr}.nav-links{display:none}.page{padding-inline:var(--s-4)}.hero,.page-hero,.section{padding-block:var(--s-16)}}