
:root{color-scheme:dark;--ink:#121212;--panel:#1a1917;--paper:#f5eddf;--muted:#c6bcb0;--copper:#d9a06d;--bronze:#a16b43;--border:#3a342e;--max:1260px}
*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.wrap{width:min(var(--max),calc(100% - 72px));margin-inline:auto}.inner{min-height:55vh;padding-block:52px 76px}
a{color:inherit;text-underline-offset:5px}a:hover{color:var(--copper)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #f6cfa6;outline-offset:4px}
.skip{position:fixed;top:8px;left:8px;z-index:10;transform:translateY(-150%);padding:12px;background:#f5eddf;color:#111}.skip:focus{transform:none}
.announcement{display:flex;align-items:center;justify-content:center;gap:12px;background:#29221c;color:#f1cfab;letter-spacing:.19em;font-size:9px;font-weight:750;min-height:30px;text-align:center}.announcement span{color:var(--copper)}
.site-header{border-bottom:1px solid #2f2b27;background:#101010}.header-row{min-height:76px;display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(165px,1fr);align-items:center;gap:24px}
.brand{display:inline-flex;align-items:center;gap:9px;width:max-content;max-width:100%;color:var(--paper);text-decoration:none}.brand svg{color:var(--copper);flex:none}.brand span{display:block;font:700 20px/1.1 Georgia,serif;letter-spacing:.01em}.brand small{display:block;color:var(--copper);font:700 8px/1.5 system-ui;letter-spacing:.22em;margin-top:4px}
nav{display:flex;justify-content:center;gap:clamp(16px,2.8vw,40px);align-items:center}nav a{text-decoration:none;white-space:nowrap;font-size:.84rem;font-weight:650}.utilities{display:flex;align-items:center;justify-content:end;gap:18px}.utilities a{position:relative;display:grid;place-items:center;min-width:24px;min-height:35px}.count{position:absolute;top:0;right:-8px;min-width:16px;line-height:16px;text-align:center;font-size:10px;border-radius:100px;background:var(--copper);color:#17130e}
.hero{min-height:min(66vw,620px);position:relative;isolation:isolate;display:grid;align-items:center;background:#222321;overflow:hidden}.hero-image,.hero::after{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 51%;z-index:-2}.hero::after{content:"";z-index:-1;background:linear-gradient(90deg,rgba(10,10,10,.91),rgba(10,10,10,.61) 42%,rgba(10,10,10,.04) 81%),linear-gradient(0deg,#1111118c,transparent 30%)}
.hero-content{padding-block:78px;position:relative}.hero .eyebrow{margin-bottom:17px}.hero h1{max-width:760px;font-size:clamp(4rem,8.8vw,8.8rem);letter-spacing:-.073em;line-height:.88;margin-bottom:26px;text-wrap:balance}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:500;line-height:1.06;margin:0 0 13px;letter-spacing:-.038em}
h1{font-size:clamp(2.5rem,5.7vw,5rem)}h2{font-size:clamp(1.8rem,4.5vw,3.45rem)}h3{font-size:clamp(1.22rem,2.4vw,1.75rem)}p{margin:0 0 14px}
.eyebrow{letter-spacing:.19em;font-size:.69rem;font-weight:750;text-transform:uppercase;color:var(--copper);margin-bottom:10px}.rule::before{content:"";display:inline-block;width:26px;height:1px;background:var(--copper);vertical-align:middle;margin-right:10px}
.intro{max-width:440px;color:#e4dbcf;font-size:clamp(1rem,1.6vw,1.2rem);margin-bottom:24px}.hero-index{position:absolute;right:max(36px,calc((100vw - var(--max)) / 2));bottom:25px;font-size:9px;letter-spacing:.17em;color:#ded0bf}
.actions{display:flex;gap:12px;flex-wrap:wrap}.button,button{background:var(--copper);border:1px solid var(--copper);color:#18110d;text-decoration:none;padding:12px 19px;font:700 .85rem/1.2 system-ui;min-height:43px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.button:hover,button:hover{background:#edbd92;color:#160f0c;border-color:#edbd92}.button.secondary{background:#15141375;color:var(--paper);border-color:#9d795d}.button.secondary:hover{background:#34241b;color:#fff}
.feature-strip{border-top:1px solid #4b3d31;border-bottom:1px solid #3b3229;background:#1c1917;color:#e1cab4}.feature-strip>.wrap{display:flex;min-height:51px;justify-content:space-between;align-items:center;gap:13px;font-size:.75rem;letter-spacing:.055em}
.section{padding-block:47px}.section-head{display:flex;justify-content:space-between;gap:15px;align-items:end;margin-bottom:14px}.section-head>a{color:var(--copper);white-space:nowrap;font-size:.8rem;margin-bottom:13px}
.categories,.product-grid,.review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.category{position:relative;min-height:245px;display:flex;align-items:end;justify-content:space-between;gap:8px;padding:21px;isolation:isolate;overflow:hidden;background:#29221e;border:1px solid #4b3b2e;text-decoration:none}
.category::before,.category::after{content:"";position:absolute;inset:0;z-index:-2}.category::before{background-image:url('/store-assets/categories.jpg');background-size:300% auto;background-position:0 center;transition:transform .3s}.category.printed::before{background-position:50% center}.category.clothing::before{background-position:100% center}.category::after{z-index:-1;background:linear-gradient(0deg,#13100fea,transparent 85%)}.category:hover::before{transform:scale(1.055)}.category h3{color:var(--paper);margin-bottom:4px}.category p{font-size:.8rem;margin:0;color:#e5d4c4}.category>span{color:#ffce9c;border:1px solid #bb926b;width:32px;height:32px;display:grid;place-items:center;flex:none}
.product-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr))}.product-card,.box,.card,.empty,.notice{border:1px solid var(--border);background:var(--panel)}.product-photo,.detail-photo{display:grid;place-items:center;aspect-ratio:5/4;overflow:hidden;background:radial-gradient(circle,#4a3829,#26221f);color:var(--copper)}.product-photo img,.detail-photo img{width:100%;height:100%;object-fit:cover}.product-photo svg,.detail-photo svg{width:85px;height:66px}.product-info,.box,.card{padding:18px}.product-info h3 a{text-decoration:none}.price,.stars{color:#efbd90}.empty{text-align:center;padding:31px 18px;color:var(--muted)}.empty svg{color:var(--copper)}.empty p{margin:8px 0 0}.feature-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.feature-card{min-height:255px;padding:29px;background:linear-gradient(120deg,#36281d,#211b17);border:1px solid #4d3a2b}.feature-card.rewards{background:linear-gradient(120deg,#262d27,#1c221e);border-color:#3c483e}.feature-card p:not(.eyebrow){max-width:340px;color:var(--muted)}blockquote{margin:0 0 8px}.muted{color:var(--muted)}
.newsletter{background:#261e19;border-block:1px solid #4b3729;padding:32px 0}.newsletter .wrap{display:grid;grid-template-columns:1fr minmax(280px,420px);gap:25px;align-items:center}
footer{background:#111;padding-top:36px;border-top:1px solid #2b2723}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:26px}.footer-grid h2{font-size:1.13rem}.footer-grid p,.footer-grid>div>a:not(.brand){color:var(--muted);font-size:.85rem}.footer-grid>div>a:not(.brand){display:block;margin-bottom:9px}.copyright{padding:17px 0;margin-top:25px;border-top:1px solid #2b2723;color:var(--muted);font-size:.76rem}
.page-title{margin-bottom:25px}.filters{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin-bottom:24px}.filters label{min-width:125px;margin:0}.filters input,.filters select{height:44px}.breadcrumbs{color:var(--muted);margin:0 0 15px}.product-detail{display:grid;grid-template-columns:1.12fr 1fr;gap:clamp(18px,4vw,55px);align-items:start}.product-detail form{margin:12px 0}.detail-photo{aspect-ratio:1}.detail-photo img{object-fit:contain}.stack{display:grid;gap:14px;max-width:640px}.two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.55fr);gap:18px}.card h2{font-size:1.6rem}.notice{padding:12px;color:#ffd2aa;border-color:#6e4b33;margin-bottom:16px}.scroll{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left}td,th{padding:10px;border-bottom:1px solid var(--border);vertical-align:top}th{color:var(--muted);font-size:.8rem}.fine{font-size:.82rem;color:var(--muted)}
label{display:grid;gap:4px;color:#d9cbbd;font-size:.85rem;margin:8px 0}input,select,textarea{border:1px solid #57493e;color:var(--paper);background:#191613;font:inherit;padding:9px 11px;min-width:0;border-radius:0}textarea{resize:vertical}.check{display:flex;align-items:center;gap:8px}.check input{accent-color:var(--copper)}form>button{margin-top:6px}.filters>button{margin:0}.content-lines{white-space:pre-wrap}
@media(max-width:980px){.wrap{width:calc(100% - 42px)}.header-row{grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding-top:8px}.header-row nav{grid-row:2;grid-column:1/-1;justify-content:start;overflow:auto;min-height:39px}.hero{min-height:470px}}
@media(max-width:640px){.wrap{width:calc(100% - 30px)}.header-row .brand span{font-size:16px}.utilities{gap:11px}.header-row nav{gap:17px}.hero{min-height:455px}.hero-content{padding-block:57px}.hero-image{object-position:66% center}.hero::after{background:linear-gradient(90deg,#0b0b0be3,#0b0b0b53),linear-gradient(0deg,#11111177,transparent 40%)}.hero h1{font-size:clamp(3.8rem,17vw,5.6rem)}.hero-index{right:15px}.feature-strip>.wrap{font-size:.64rem;flex-wrap:wrap;padding-block:10px;justify-content:center}.section{padding-block:32px}.categories,.feature-pair,.product-detail,.two-col,.newsletter .wrap{grid-template-columns:1fr}.category{min-height:190px}.category::before{background-size:300% auto}.review-grid,.footer-grid{grid-template-columns:1fr 1fr}.section-head{align-items:start}.section-head>a{white-space:normal}.inner{padding-block:30px 45px}.filters label{min-width:min(100%,140px);flex:1}.actions{gap:8px}.button,button{padding-inline:12px}}
@media(max-width:360px){.header-row .brand{gap:5px}.header-row .brand svg{width:30px}.header-row .brand span{font-size:14px}.header-row .utilities{gap:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}


/* Homepage featured designs */
.showcase {
  margin-block: 12px 45px;
  padding: clamp(24px, 5vw, 60px) clamp(12px, 4vw, 46px);
  overflow: hidden;
  border: 1px solid #594131;
  background: radial-gradient(ellipse at 50% 46%, #39271d, transparent 64%), linear-gradient(145deg, #201c19, #141413 72%);
}
.showcase [hidden] { display: none; }
.showcase-heading { text-align: center; }
.showcase-heading h2 { font-size: clamp(1.65rem, 4.6vw, 3.3rem); letter-spacing: -.025em; }
.showcase-heading > p:last-child { color: var(--muted); }
.showcase-slides { margin: 0; padding: 0; list-style: none; }
.showcase-slide { text-align: center; }
.showcase-art {
  width: 100%;
  height: var(--showcase-height, 330px);
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid #755237;
  background: #1e1916;
  box-shadow: 0 18px 50px #0007;
}
.showcase-art img { display: block; width: 100%; height: 100%; object-fit: contain; }
.showcase-details { padding: 17px 5px 4px; }
.showcase-details h3 { margin: 0 0 4px; overflow-wrap: anywhere; }
.showcase-details p { margin: 0 0 9px; color: var(--copper); }
.showcase:not(.showcase-enhanced) .showcase-slides {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
  gap: 20px;
  margin-top: 24px;
}
.showcase-enhanced .showcase-stage {
  --showcase-height: clamp(190px, 35vw, 355px);
  margin-top: 27px;
  user-select: none;
}
.showcase-enhanced .showcase-art { touch-action: pan-y; }
.showcase-details a, .showcase-controls button { touch-action: manipulation; }
.showcase-enhanced .showcase-slides {
  position: relative;
  height: calc(var(--showcase-height) + 160px);
  perspective: 1050px;
}
.showcase-enhanced .showcase-slide {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 50%;
  width: min(68%, 460px);
  transform: translateX(-50%) scale(.72);
  opacity: 0;
  transition: transform .46s cubic-bezier(.2,.7,.2,1), opacity .35s;
}
.showcase-enhanced .showcase-slide[data-position="center"] { transform: translateX(-50%); opacity: 1; z-index: 2; }
.showcase-enhanced .showcase-slide[data-position="left"] { transform: translateX(-113%) rotateY(27deg) scale(.78); opacity: .58; z-index: 1; }
.showcase-enhanced .showcase-slide[data-position="right"] { transform: translateX(13%) rotateY(-27deg) scale(.78); opacity: .58; z-index: 1; }
.showcase-enhanced .showcase-slide:not([data-position="center"]) .showcase-details { visibility: hidden; }
.showcase-enhanced .showcase-slide[data-position="center"] .showcase-art img {
  transition: transform .32s, filter .32s;
}
.showcase-visible .showcase-slide[data-position="center"] .showcase-art {
  animation: showcase-float 4.6s ease-in-out;
}
@keyframes showcase-float {
  0%,100% { transform: translateY(0) rotateZ(-.4deg); }
  50% { transform: translateY(-5px) rotateZ(.4deg); }
}
@media (hover:hover) and (pointer:fine) {
  .showcase-enhanced .showcase-stage { cursor: grab; }
  .showcase-enhanced .showcase-stage:active { cursor: grabbing; }
  .showcase-enhanced .showcase-slide[data-position="center"] .showcase-art:hover {
    border-color: var(--copper);
    box-shadow: 0 14px 50px #d99a5d44;
  }
  .showcase-enhanced .showcase-slide[data-position="center"] .showcase-art:hover img {
    transform: translateY(-3px) scale(1.045);
    filter: brightness(1.12);
  }
}
.showcase-controls { display: flex; align-items: center; justify-content: center; gap: 15px; color: var(--muted); }
.showcase-controls button { min-width: 44px; color: var(--paper); border-color: #8b6244; background: #29201a; }
.showcase-controls button:hover { background: #493227; }
.showcase-empty { text-align: center; padding: 27px 0 6px; color: var(--muted); }
.showcase-sr { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: inset(50%); }
@media (prefers-reduced-motion:no-preference) {
  .showcase-enter .showcase-heading, .showcase-enter .showcase-stage {
    opacity: 0;
    transform: translateY(18px);
    transition: opacity .65s ease-out, transform .65s ease-out;
  }
  .showcase-visible .showcase-heading, .showcase-visible .showcase-stage { opacity: 1; transform: none; }
}
@media (max-width:600px) {
  .showcase-enhanced .showcase-slides { height: calc(var(--showcase-height) + 180px); }
  .showcase-enhanced .showcase-slide { width: 72%; }
  .showcase-enhanced .showcase-slide[data-position="left"] { transform: translateX(-98%) rotateY(24deg) scale(.76); }
  .showcase-enhanced .showcase-slide[data-position="right"] { transform: translateX(-2%) rotateY(-24deg) scale(.76); }
}
@media (prefers-reduced-motion:reduce) {
  .showcase-visible .showcase-slide[data-position="center"] .showcase-art { animation: none; }
  .showcase-enhanced .showcase-slide[data-position="center"] .showcase-art:hover img { transform: none; }
}




/* Customer account */
.account-shell{display:grid;grid-template-columns:200px minmax(0,1fr);gap:clamp(16px,4vw,48px);align-items:start}
.account-nav{display:grid;justify-content:stretch;gap:3px;border:1px solid var(--border);background:#211b16;padding:10px}
.account-nav a{display:block;padding:11px 12px;text-decoration:none;white-space:normal}
.account-nav a[aria-current=page],.account-nav a:hover{background:#38291d;color:#f2c597}
.account-content{min-width:0}.account-content .card{margin-bottom:14px}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.account-address{border-top:1px solid var(--border);padding-block:10px}.account-address summary{cursor:pointer}
.account-item{display:flex;align-items:center;gap:9px;min-width:120px}.account-item img{object-fit:cover;border:1px solid var(--border)}
.engraving-preview{padding:1rem;border:1px solid var(--border);border-radius:.5rem;background:#69462d;color:#fff4e2;overflow-wrap:anywhere;font-family:Georgia,serif}
.engraving-preview[data-font="Sans"],.engraving-preview[data-font="Arial"]{font-family:Arial,sans-serif}
.engraving-preview[data-font="Monospace"]{font-family:monospace}
.store-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,120px),1fr));gap:.65rem;margin-top:.65rem}.store-gallery figure{margin:0}.store-gallery img,.store-gallery video{width:100%;display:block;border:1px solid var(--border);aspect-ratio:1;object-fit:contain}.product-detail details{margin-block:.6rem}.product-detail del{color:var(--muted)}
.review-photo{width:min(100%,16rem);height:auto;display:block;margin:.75rem 0;border-radius:.4rem}
.order-timeline{margin:0 0 16px;padding:0 0 0 18px}.order-timeline li{padding:5px;color:var(--muted)}
.order-timeline li.done{color:var(--paper)}.order-timeline li.done::marker{color:var(--copper)}.order-timeline small{display:block}
@media(max-width:760px){.account-shell{display:block}.account-nav{display:flex;justify-content:flex-start;flex-wrap:wrap;margin-bottom:18px}}
@media(max-width:540px){.account-grid{grid-template-columns:1fr}}
