:root{--sidebar-width:210px;--ink:#111;--paper:#f5f1e8;--acid:#f2ff38;--pink:#ff5c9b;--blue:#5b7cff;--line:#171717}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.hidden{display:none!important}[hidden]{display:none!important}
.sidebar{position:fixed;inset:0 auto 0 0;z-index:20;width:var(--sidebar-width);height:100vh;padding:42px 22px 28px;background:var(--paper);border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{width:max-content;margin-bottom:52px;font-family:"Comic Sans MS","Segoe Print",cursive;font-size:32px;font-weight:700}.sidebar nav{display:grid;gap:16px;font-size:11px;font-weight:700;letter-spacing:.08em}.sidebar nav a:hover{transform:translateX(5px)}.sidebar nav a.active{text-decoration:underline;text-underline-offset:4px}.sidebar-tag{margin-top:auto;font-size:10px;line-height:1.65;letter-spacing:.18em}.mobile-header,.mobile-nav{display:none}
.page{margin-left:var(--sidebar-width);min-width:0}.hero{position:relative;min-height:430px;padding:70px 7vw;border-bottom:1px solid var(--line);display:flex;align-items:center;overflow:hidden}.hero-phone{background:var(--pink)}.hero-desktop{background:var(--blue);color:#fff}.hero-copy{position:relative;z-index:2}.hero-copy p{margin:0 0 20px;font-size:10px;font-weight:800;letter-spacing:.25em}.hero-copy h1{margin:0;font-size:clamp(62px,8vw,135px);line-height:.79;letter-spacing:-.075em;max-width:1050px}.hero-copy div{margin-top:28px;font-size:14px}.hero-number{position:absolute;right:5vw;bottom:-25px;font-size:240px;font-weight:900;line-height:1;opacity:.09;letter-spacing:-.08em}.hero-badge{position:absolute;right:6vw;top:45px;width:115px;height:115px;border-radius:50%;background:var(--acid);color:#111;display:grid;place-items:center;text-align:center;font-size:17px;font-weight:900;transform:rotate(8deg)}
.switcher{display:flex;border-bottom:1px solid var(--line)}.switcher a{flex:1;padding:22px 28px;text-align:center;border-right:1px solid var(--line);font-size:12px;font-weight:900;letter-spacing:.14em}.switcher a:last-child{border-right:0}.switcher a.active{background:#111;color:#fff}.switcher a:not(.active):hover{background:var(--acid)}
.gallery-title{padding:48px 5vw 18px;display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line)}.gallery-title h2{margin:0;font-size:clamp(34px,4vw,66px);letter-spacing:-.055em;line-height:.9}.gallery-title span{font-size:11px;font-weight:800}.message{margin:24px 5vw;padding:24px;border:1px solid var(--line);background:#fff;font-size:12px}.message.error{background:#ffe0e0}
.grid{padding:26px 5vw 80px;display:grid;gap:16px}.desktop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.phone-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.card{position:relative;min-width:0}.card button.wallpaper-open{display:block;width:100%;padding:0;border:0;background:transparent;cursor:pointer}.thumb{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line)}.thumb img{width:100%;height:100%;object-fit:cover}.desktop-grid .thumb{aspect-ratio:16/10}.phone-grid .thumb{aspect-ratio:9/16}
.card-title,.card-description{display:none!important}
.admin-card-controls{display:none}.admin-authenticated .admin-card-controls{position:absolute;z-index:5;left:8px;right:8px;bottom:8px;display:flex;justify-content:center;gap:5px}.admin-card-controls button{border:1px solid #fff;background:#111;color:#fff;padding:7px 9px;font-size:9px;font-weight:900;cursor:pointer}.admin-card-controls .delete{background:#a00}.admin-authenticated .card{outline:1px dashed rgba(0,0,0,.35);outline-offset:3px}
.site-footer{background:#111;color:#fff;padding:65px 5vw 30px}.site-footer div{font-size:clamp(55px,8vw,125px);font-weight:900;line-height:.8;letter-spacing:-.075em}.site-footer span{display:block;margin-top:55px;font-size:9px;letter-spacing:.18em}
dialog{width:min(1100px,94vw);max-height:94vh;padding:0;border:1px solid #111;background:#111;color:#fff}dialog::backdrop{background:rgba(0,0,0,.82)}dialog>img{width:100%;max-height:78vh;object-fit:contain;background:#111}dialog .close{position:absolute;right:12px;top:12px;z-index:2;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:#111;font-size:24px;cursor:pointer}dialog footer{padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:20px}dialog footer div{display:grid;gap:4px}dialog footer strong{font-size:13px}dialog footer small{font-size:10px;color:#bbb}#downloadLink{padding:12px 18px;background:var(--acid);color:#111;font-size:10px;font-weight:900;letter-spacing:.1em}
.admin-bar{position:fixed;z-index:1000;left:var(--sidebar-width);right:0;top:0;min-height:48px;padding:8px 14px;background:#111;color:#fff;display:flex;align-items:center;gap:12px;font-size:11px}.admin-bar button{border:1px solid #fff;background:#fff;color:#111;padding:8px 11px;font-size:10px;font-weight:900;cursor:pointer}.admin-bar .admin-secondary{background:transparent;color:#fff}.admin-bar #adminStatus{margin-left:auto}.admin-authenticated .page{padding-top:48px}.admin-authenticated .sidebar{padding-top:76px}
.admin-login{position:fixed;z-index:1200;inset:0;background:rgba(0,0,0,.72);display:grid;place-items:center;padding:20px}.admin-login-card{position:relative;width:min(420px,100%);background:var(--paper);border:1px solid #111;padding:28px}.admin-login-card h2{margin:0 0 24px;font-size:32px}.admin-login-card label{display:grid;gap:7px;margin:14px 0;font-size:11px;font-weight:800}.admin-login-card input{width:100%;border:1px solid #111;background:#fff;padding:11px}.admin-login-close{position:absolute;right:14px;top:10px;border:0;background:transparent;font-size:30px;cursor:pointer}.login-submit{width:100%;margin-top:12px;border:0;background:#111;color:#fff;padding:13px;font-weight:800;cursor:pointer}#loginStatus{margin-top:12px;font-size:12px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.25em;margin-bottom:18px}
@media(max-width:1050px){.phone-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.sidebar{display:none}.mobile-header{position:sticky;top:0;z-index:30;display:flex;justify-content:space-between;align-items:center;min-height:62px;padding:12px 18px;background:var(--paper);border-bottom:1px solid var(--line)}.admin-authenticated .mobile-header{top:48px}.mobile-header .brand{margin:0;font-size:25px}#menuButton{border:0;background:transparent;font-size:10px;font-weight:900;letter-spacing:2px}.mobile-nav{position:sticky;top:62px;z-index:29;padding:18px;background:var(--paper);border-bottom:1px solid var(--line)}.admin-authenticated .mobile-nav{top:110px}.mobile-nav.open{display:grid;gap:16px;font-size:11px;font-weight:800}.page{margin-left:0}.admin-authenticated .page{padding-top:0}.admin-bar{left:0;overflow-x:auto;white-space:nowrap}.hero{min-height:390px;padding:55px 20px}.hero-copy h1{font-size:58px}.hero-badge{width:88px;height:88px;right:16px;top:24px;font-size:13px}.hero-number{font-size:170px}.gallery-title{padding:38px 18px 16px}.gallery-title h2{font-size:40px}.grid{padding:20px 18px 60px;gap:12px}.desktop-grid{grid-template-columns:1fr}.phone-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer{padding:55px 20px 25px}.site-footer div{font-size:60px}}

.admin-authenticated .card[draggable="true"]{cursor:grab}
.admin-authenticated .card.dragging{opacity:.45}
.admin-authenticated .card[draggable="true"]:hover{outline:2px solid #111;outline-offset:3px}

/* POSITION ordering - admin only */
.admin-card-controls{
  align-items:center;
  flex-wrap:wrap;
}
.position-control{
  display:flex;
  align-items:center;
  gap:5px;
  background:#111;
  color:#fff;
  border:1px solid #fff;
  padding:5px 7px;
  font-size:8px;
  font-weight:900;
  letter-spacing:.08em;
}
.position-input{
  width:54px;
  border:0;
  background:#fff;
  color:#111;
  padding:5px 4px;
  text-align:center;
  font-size:10px;
  font-weight:900;
}
.move-position{
  background:var(--acid)!important;
  color:#111!important;
}