.fold-home .shape-grid{display:grid;grid-template-columns:1.32fr 1fr 1fr;grid-auto-rows:auto;gap:18px}.fold-home .shape{--tile:#eee;--tile-ink:var(--ink);--s:1px;
    position:relative;border-radius:24px;background:var(--tile);color:var(--tile-ink);
    display:flex;flex-direction:column;overflow:hidden;isolation:isolate}.fold-home .shape[data-shape="tall"]{--tile:#cfe0c4;--tile-ink:#24402f;--s:2.55px;--fk:.13;grid-row:span 2}.fold-home .shape[data-shape="cube"]{--tile:#f6d595;--tile-ink:#4a3210;--s:1.22px;--fk:.15}.fold-home .shape[data-shape="wide"]{--tile:#efc6b7;--tile-ink:#6e3326;--s:1.28px;--fk:.16}.fold-home .shape[data-shape="slim"]{--tile:#cfd2f6;--tile-ink:#30337f;--s:.74px;--fk:.22}.fold-home .shape::before{content:"";position:absolute;z-index:-1;width:85%;aspect-ratio:1;right:-30%;top:-22%;border-radius:50%;
    background:radial-gradient(closest-side,rgba(255,255,255,.55),rgba(255,255,255,0))}.fold-home .shape .well{flex:1;min-height:200px;display:grid;place-items:center;position:relative;cursor:zoom-in}.fold-home .shape[data-shape="tall"] .well{min-height:520px}.fold-home .shape .well .front{font-size:calc(var(--s) * min(var(--w),var(--h)) * var(--fk))}.fold-home .shape .well .carton{--s:inherit;transition:transform .7s cubic-bezier(.3,.8,.2,1),width .35s ease,height .35s ease}.fold-home .shape .well .shadow{bottom:-22px;background:radial-gradient(closest-side,rgba(0,0,0,.2),transparent)}
  
  @media (hover:hover){.fold-home .shape:hover .well .carton{transform:rotateX(-12deg) rotateY(-12deg)} }.fold-home .rot-ico{position:absolute;left:16px;top:16px;width:30px;height:30px;opacity:.55;pointer-events:none}.fold-home .shape .body{padding:4px 20px 20px;display:flex;flex-direction:column;gap:12px}.fold-home .shape[data-shape="tall"] .body{padding:0 28px 28px;gap:14px}.fold-home .shape[data-shape="tall"] .sizes{align-self:flex-start;min-width:300px}.fold-home .shape .t{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 10px}.fold-home .shape h3{margin:0;font:600 28px/1 var(--display);letter-spacing:-.2px}.fold-home .shape[data-shape="tall"] h3{font-size:44px}.fold-home .shape .use{margin:4px 0 0;font-size:14px;line-height:1.45;opacity:.78}.fold-home .shape .dim{font-size:12.5px;font-weight:600;white-space:nowrap;opacity:.85}.fold-home .sizes{display:flex;gap:4px;padding:4px;background:rgba(255,255,255,.42);border-radius:12px}.fold-home .sizes button{flex:1;border:0;background:transparent;border-radius:9px;padding:8px 10px;font-size:13px;font-weight:500;color:inherit;opacity:.8}.fold-home .sizes button[aria-pressed="true"]{background:#fff;color:var(--ink);opacity:1;box-shadow:0 1px 3px rgba(0,0,0,.08)}.fold-home .dims{font-size:13px;color:var(--muted);display:flex;justify-content:space-between;gap:8px}.fold-home .dims strong{color:var(--ink);font-weight:600}.fold-home .shape .use-btn{border:0;background:var(--ink);color:#fff}.fold-home .shape .use-btn:hover{background:#000}.fold-home .shape .actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.fold-home .shape[data-shape="tall"] .actions{display:flex;gap:10px}.fold-home .shape .actions button{height:44px;padding:0 18px;border-radius:999px;font-weight:600;font-size:14px;white-space:nowrap}.fold-home .preview-btn{border:1px solid rgba(0,0,0,.14);background:rgba(255,255,255,.7)}.fold-home .preview-btn:hover{background:#fff;border-color:var(--ink)}.fold-home .soon{border:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' rx='24' ry='24' stroke='%23a39d90' stroke-width='3' stroke-dasharray='8 10' stroke-linecap='round'/%3E%3C/svg%3E");border-radius:24px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;gap:18px;background-color:#faf8f4;min-height:200px}.fold-home .soon .icons{flex:1;display:flex;gap:18px;align-items:center;justify-content:center;min-height:110px}.fold-home .soon .icons svg{width:78px;height:auto}.fold-home .soon h3{margin:0;font:600 26px/1.05 var(--display);letter-spacing:-.2px}.fold-home .soon p{margin:6px 0 0;font-size:14px;color:var(--muted)}.fold-home .soon .ask-link{margin-top:14px;border:0;background:none;padding:0;font-weight:600;font-size:14px;color:var(--brand-accent);text-decoration:underline;text-underline-offset:3px}.fold-home .soon .ask-link:hover{color:var(--ink)}.fold-home .soon .pill{align-self:flex-start;font-size:12px;font-weight:600;color:var(--brand-accent);background:var(--brand-soft);border-radius:999px;padding:5px 11px}.fold-home dialog.req{border:0;padding:0;border-radius:24px;width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 32px);color:var(--ink);box-shadow:0 30px 80px rgba(30,24,60,.25)}.fold-home dialog.req::backdrop{background:rgba(30,30,40,.45)}.fold-home .req form,.fold-home .req .done{padding:28px 28px 24px;display:flex;flex-direction:column;gap:18px}.fold-home .req h2{margin:0;font:600 34px/1 var(--display);letter-spacing:-.3px}.fold-home .req .sub{margin:6px 0 0;color:var(--muted);font-size:14px}.fold-home .req fieldset{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.fold-home .req legend,.fold-home .req label.l{font-size:13px;font-weight:600;margin-bottom:8px;padding:0}.fold-home .req legend small,.fold-home .req label.l small{font-weight:400;color:var(--muted)}.fold-home .opts{display:flex;flex-wrap:wrap;gap:8px}.fold-home .opts label{position:relative}.fold-home .opts input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}.fold-home .opts span{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border:1px solid #d8d8d8;border-radius:999px;font-size:13.5px;background:#fff;transition:border-color .15s,background .15s}.fold-home .opts input:checked+span{border-color:var(--ink);background:var(--ink);color:#fff}.fold-home .opts input:focus-visible+span{outline:2px solid var(--brand-accent);outline-offset:2px}.fold-home .req input[type=text],.fold-home .req input[type=email],.fold-home .req input[type=number]{height:42px;border:1px solid #d8d8d8;border-radius:12px;padding:0 12px;font:inherit;font-size:14px;width:100%;background:#fff}.fold-home .req input:focus{outline:none;border-color:var(--ink)}.fold-home .req .size{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.fold-home .req .size label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}.fold-home .req .err{display:none;color:#b42318;font-size:12.5px;margin-top:2px}.fold-home .req .invalid .err{display:block}.fold-home .req .invalid input[type=text],.fold-home .req .invalid input[type=email]{border-color:#b42318}.fold-home .req .row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:4px}.fold-home .req .row .note{font-size:12px;color:var(--muted);max-width:30ch}.fold-home .req .send{height:48px;padding:0 26px;border:0;border-radius:999px;background:var(--ink);color:#fff;font-weight:600}.fold-home .req .done{align-items:flex-start}.fold-home .req .done[hidden]{display:none}
  @media (max-width:760px){.fold-home dialog.req{width:100%;max-width:100%;margin:auto 0 0;border-radius:24px 24px 0 0;max-height:94dvh;animation:sheet-up .32s cubic-bezier(.2,.8,.2,1)}.fold-home .req form,.fold-home .req .done{padding:26px 18px calc(18px + env(safe-area-inset-bottom))}.fold-home .req h2{font-size:28px}
  }.fold-home .designs{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.fold-home .design{display:flex;flex-direction:column;border-radius:18px;overflow:hidden;text-decoration:none;background:#fff;border:1px solid var(--line);transition:transform .2s,box-shadow .2s}.fold-home .design:hover{box-shadow:0 14px 30px rgba(30,24,60,.10)}.fold-home .design .well{height:140px;background:var(--tint,var(--kraft));display:grid;place-items:center}.fold-home .design .well .carton{--s:.62px}.fold-home .design .meta{padding:11px 14px 14px}.fold-home .d-actions{display:flex;gap:8px;margin-top:12px}.fold-home .view-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;height:38px;border-radius:999px;background:var(--ink);color:#fff;font-weight:600;font-size:13.5px;text-decoration:none}.fold-home .view-btn:hover{background:#000}.fold-home .trash{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border:1px solid #d8d8d8;border-radius:50%;background:#fff;color:var(--muted)}.fold-home .trash:hover{border-color:#b42318;color:#b42318}.fold-home .design h3{margin:0;font-size:14.5px;font-weight:600}.fold-home .design p{margin:2px 0 0;font-size:12.5px;color:var(--muted)}

  
  
  @media (max-width:1080px){.fold-home .shape-grid{grid-template-columns:1fr 1fr}.fold-home .shape[data-shape="tall"]{grid-row:auto;grid-column:1/-1;--s:2px}.fold-home .shape[data-shape="tall"] .well{min-height:400px}
  }
  
  @media (max-width:860px){.fold-home .wrap{padding:0 16px}.fold-home .top{border-bottom:0}.fold-home .hero{padding-top:36px}.fold-home .hero-grid{grid-template-columns:1fr;gap:28px}.fold-home .top nav a.hide-s{display:none}.fold-home .head{flex-direction:column;align-items:flex-start}.fold-home .head h2{font-size:36px}.fold-home section.block{padding-top:56px}.fold-home .shape-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;
      margin:0 -16px;padding:2px 16px 4px;scroll-padding:0 16px;scrollbar-width:none;overscroll-behavior-x:contain}.fold-home .shape-grid::-webkit-scrollbar{display:none}.fold-home .shape,.fold-home .soon{flex:0 0 82%;scroll-snap-align:start}.fold-home .shape[data-shape="tall"]{grid-column:auto;--s:1.05px}.fold-home .shape[data-shape="cube"]{--s:1.2px}.fold-home .shape[data-shape="wide"]{--s:1.15px}.fold-home .shape[data-shape="slim"]{--s:.82px}.fold-home .shape .well,.fold-home .shape[data-shape="tall"] .well{min-height:240px;flex:0 0 240px}.fold-home .shape[data-shape="tall"] .body{display:flex;flex-direction:column;align-items:stretch;padding:4px 20px 20px;gap:12px}.fold-home .shape[data-shape="tall"] h3{font-size:28px}.fold-home .shape .actions,.fold-home .shape[data-shape="tall"] .actions{display:grid;grid-template-columns:1fr 1fr}.fold-home .shape[data-shape="tall"] .sizes{min-width:0;align-self:stretch}.fold-home .shape .actions button{padding:0 10px}.fold-home .soon{min-height:auto}.fold-home .dots{display:flex;justify-content:center;gap:7px;margin-top:14px}.fold-home .dots i{width:7px;height:7px;border-radius:50%;background:#d6d3cc;transition:width .2s,background .2s}.fold-home .dots i.on{width:20px;border-radius:7px;background:var(--ink)}.fold-home .designs{grid-template-columns:1fr 1fr;gap:10px}.fold-home .design .well{height:120px}
  }
  @media (max-width:560px){.fold-home .top nav .badge{display:none}
  }
  @media (prefers-reduced-motion:reduce){.fold-home .shape .well .carton,.fold-home .design{transition:none}.fold-home dialog.viewer{animation:none}
  }
/* Fit the shared editable artwork renderer to the reference tiles. */
.fold-home .shape{border:0;height:auto}
.fold-home .shape .well{height:auto;background:transparent!important;overflow:visible;min-height:200px}
.fold-home .shape .body{flex:0 0 auto}
.fold-home .shape .use{min-height:0;color:inherit}
.fold-home .shape .well>.library-box{scale:var(--card-scale);transition:transform .7s cubic-bezier(.3,.8,.2,1)}
.fold-home .shape[data-shape=tall]{--card-scale:2.6842}
.fold-home .shape[data-shape=cube]{--card-scale:1.2842}
.fold-home .shape[data-shape=wide]{--card-scale:1.3474}
.fold-home .shape[data-shape=slim]{--card-scale:.7789}
.fold-home .shape .rotation-symbol{left:16px;right:auto;top:16px;width:30px;height:30px;opacity:.55}
.fold-home .shape .sizes button{color:inherit}
.fold-home .shape .sizes{background:rgba(255,255,255,.42)}
.fold-home .viewer-stage{background:var(--tile);color:var(--tile-ink)}
.fold-home .viewer-stage .hint{color:inherit}
.fold-home .viewer-stage .rotation-symbol{left:20px;right:auto}
.fold-home .viewer-side .actions{flex-direction:row;align-items:center;justify-content:space-between}
.fold-home .viewer-side .reset{order:-1;border:0;background:none;padding:6px 2px;text-decoration:underline;text-underline-offset:3px}
.fold-home .viewer-side .use-btn{padding:0 26px}
.fold-home .designs{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.fold-home .design .well{height:140px;overflow:hidden}
.fold-home .saved-design-card .design{padding-bottom:52px}
.fold-home .view-home-design{display:block;position:absolute;bottom:12px;left:14px;width:auto;min-width:64px;height:32px;border:0;border-radius:999px;background:#303030;color:white;padding:0 18px;font-size:13px;font-weight:600}
.fold-home .delete-home-design{display:flex;align-items:center;justify-content:center;position:absolute;width:36px;height:36px;padding:0;right:12px;bottom:10px;border:0;background:transparent}
.fold-home .delete-home-design span{display:none}
.fold-home .delete-home-design svg{width:18px;height:18px}
.fold-home .req label{margin:0}
.fold-home .req form[hidden]{display:none}
.fold-home .req .close-x{z-index:4}
.fold-home .req .opts input{width:100%;height:100%}
.fold-home .req .err{margin:0}
.fold-home .req .send:disabled{opacity:.6;cursor:wait}
.fold-home .req h2{padding-right:28px}
.fold-home .shape-dots{display:none}
@media(hover:hover) and (min-width:861px){.fold-home .shape:hover .well>.library-box{transform:rotateX(-12deg) rotateY(-12deg)}}
@media(max-width:1080px) and (min-width:861px){.fold-home .shape[data-shape=tall]{--card-scale:2.1053}}
@media(min-width:861px) and (max-width:899px){.fold-home .shape-grid{display:grid;overflow:visible;padding:0;grid-template-columns:1fr 1fr}
 .fold-home .shape{height:auto}
}
@media(max-width:860px){.fold-home .shape-grid{position:relative}
 .fold-home .shape,.fold-home .soon{flex:0 0 82%;height:auto}
 .fold-home .shape .well,.fold-home .shape[data-shape=tall] .well{height:240px;min-height:240px;flex:0 0 240px}
 .fold-home .shape .body,.fold-home .shape[data-shape=tall] .body{padding:4px 20px 20px;gap:12px}
 .fold-home .shape[data-shape=tall]{--card-scale:1.1053}
 .fold-home .shape[data-shape=cube]{--card-scale:1.2632}
 .fold-home .shape[data-shape=wide]{--card-scale:1.2105}
 .fold-home .shape[data-shape=slim]{--card-scale:.8632}
 .fold-home .shape .actions button{height:44px;font-size:12px;padding:0 8px}
 .fold-home .shape-dots{display:flex}
 .fold-home .shape-dots button[aria-current=true]{width:20px;border-radius:6px;background:var(--ink)}
 .fold-home .designs{grid-template-columns:repeat(2,minmax(0,1fr))}
 .fold-home .design .meta p:first-of-type{display:block;font-size:11px}
 .fold-home .req{inset:auto 0 0;margin:0;width:100%;max-width:none;border-radius:24px 24px 0 0;max-height:94dvh;animation:home-sheet-enter .22s ease-out}
 .fold-home .req .sheet-handle{position:static;transform:none;width:100%;height:24px;background:none}
}
@media(max-width:899px){body:not(.fold-home) .page{padding-bottom:80px}}
@media(prefers-reduced-motion:reduce){.fold-home .shape .well>.library-box{transition:none!important;transform:rotateX(-14deg) rotateY(-34deg)!important}.fold-home dialog.req{animation:none!important}}
.fold-home .viewer-side .sizes{background:#f4f4f4}
.fold-home .viewer-side .sizes button{opacity:1;color:var(--muted)}
.fold-home .viewer-side .sizes button[aria-pressed=true]{color:var(--ink)}
.fold-home .req [data-need] .err{color:#b42318}
@media(max-width:899px){.fold-home .shape-dots{display:flex}}
@media(min-width:861px){.fold-home .shape-dots{display:none}}

.fold-home .view-home-design{width:calc(100% - 76px);height:38px;left:14px;bottom:12px}
.fold-home .delete-home-design{width:38px;height:38px;right:14px;bottom:12px;border:1px solid #d8d8d8;border-radius:50%;background:#fff;color:var(--muted)}
.fold-home .delete-home-design:hover{border-color:#b42318;color:#b42318}
.feedback-inline{display:none}
@media(max-width:899px){
 .give-feedback{display:none!important}
 .feedback-inline{display:block;padding:24px 16px;text-align:center;font-size:13px}
 .feedback-inline a{color:var(--muted);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
 .fold-home .feedback-inline+footer{margin-top:0}
 .fold-home dialog.req{position:fixed;inset:auto 0 var(--request-keyboard-inset,0px);width:100%;max-width:none;margin:0;border-radius:24px 24px 0 0;max-height:min(94dvh,var(--request-viewport-height,94dvh));overflow-y:auto;overscroll-behavior:contain;scroll-padding-block:24px}
}
/* Primary actions share the same hover colour across the application. */
.fold-home .btn-primary:hover,
.fold-home .shape .use-btn:hover,
.fold-home .viewer-side .use-btn:hover,
.fold-home .view-home-design:hover,
.fold-home .view-btn:hover,
.fold-home .req .send:hover,
.fold-home #dialog .primary:hover{
 background:var(--brand-accent);
 border-color:var(--brand-accent);
 color:#fff;
}