:root{--ink:#191714;--paper:#f4ebdd;--rust:#b34726;--gold:#c5a15c;--sans:Manrope,Arial,sans-serif;--serif:'Cormorant Garamond',Georgia,serif;--display:'Bodoni Moda',Didot,serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:500 22px/1.35 var(--serif)}a,button{color:inherit}a{text-decoration:none}button{font:inherit;cursor:pointer;background:none;border:0;padding:0}button:hover,a:hover{text-decoration:underline;text-underline-offset:4px}:focus-visible{outline:2px solid currentColor;outline-offset:4px}header{position:sticky;top:0;z-index:10;background:var(--rust);color:var(--paper);display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 4vw;border-bottom:1px solid #f4ebdd55}header img{display:block;width:clamp(95px,11vw,155px)}nav{display:flex;gap:3vw;font:500 14px/1.3 var(--sans)}.hero{position:relative;isolation:isolate;background:var(--rust);padding:2vw 0 0;color:var(--paper)}h1{margin:0 2.4vw;font-family:var(--display);font-weight:500;line-height:1}.hero svg{display:block;width:100%;height:26.5vw;overflow:visible;letter-spacing:-.045em}.signature{position:absolute;z-index:2;right:4vw;top:28vw;transform:rotate(-9deg);font:400 12.5vw/.85 Signature,cursive;color:#241712}.scene{position:relative;margin:-7.3vw auto -4vw;width:100%;height:54vw;pointer-events:none}.portrait{position:absolute;left:50%;width:57vw;top:0;transform:translateX(-50%);z-index:1}.prop{position:absolute;transform:translateY(var(--rise,0px)) rotate(var(--angle));height:auto}.cards{width:16vw;left:4.2%;top:29%;--angle:-14deg}.saturn{width:11vw;left:12%;top:66%;--angle:9deg}.tiger{width:19vw;right:1.8%;top:40%;--angle:4deg}.dice{width:8vw;right:17%;top:76%;--angle:15deg}.intro{position:relative;text-align:center;padding:12vw 5vw 6vw}.intro h2,article h2,footer h2,dialog h2{font:500 clamp(50px,7.5vw,135px)/.98 var(--display);letter-spacing:-.065em;margin:0}.intro .lead{font:italic 500 clamp(25px,3vw,50px)/1.2 var(--serif);margin:24px auto}.intro p:last-child{font-size:clamp(20px,1.8vw,32px)}.collection{margin:0 6vw 8vw;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4vw;align-items:start}.collection article{scroll-margin-top:90px;border-top:1px solid #8b7656;padding-top:16px}.collection img{width:100%;display:block;aspect-ratio:3/4;object-fit:cover;box-shadow:2px 6px 12px #21170e24}.collection h2{font-size:clamp(36px,3.9vw,74px);margin:22px 0 10px}.collection p{margin:10px 0 18px}.subtitle{font-style:italic}.cta,.social,small,dialog button{font:600 14px/1.5 var(--sans)}.cta{display:inline-block;border-bottom:1px solid currentColor;padding-bottom:3px}small{display:block;font-weight:500;margin-top:6px}footer{background:var(--ink);color:var(--paper);padding:7vw 6vw;display:grid;grid-template-columns:1fr auto;gap:4vw}.social{align-self:start}footer p{margin:0 0 15px}footer h2{grid-column:1/-1;color:#e6c994}dialog{padding:32px;background:var(--paper);color:var(--ink);border:1px solid var(--gold);max-width:min(420px,90vw)}dialog h2{font-size:36px}dialog button{text-decoration:underline}dialog::backdrop{background:#191714a8}@media(max-width:650px){header{padding:13px 3vw;gap:8px}header img{width:84px}nav{gap:12px;font-size:11px}.hero{padding-top:6vw}.hero svg{height:36vw}.scene{height:81vw;margin-top:-8vw}.portrait{width:77vw}.signature{top:42vw;font-size:16vw;right:1.5vw}.cards{left:1%;top:33%;width:18vw}.saturn{left:4%;top:69%;width:12vw}.tiger{right:0;top:40%;width:20vw}.dice{right:5%;top:74%;width:9vw}.intro{padding:15vw 5vw 10vw}.collection{display:block}.collection article,.collection article:nth-child(n){margin:0 0 9vw;padding-top:18px;display:grid;grid-template-columns:34% 1fr;gap:5vw}.collection article:nth-child(2){grid-template-columns:1fr 34%}.collection article:nth-child(2) img{order:2}.collection h2{margin-top:0}.collection p{font-size:20px}footer{padding:55px 6vw;grid-template-columns:1fr;gap:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.card-art {
  position: relative;
  aspect-ratio: 3 / 4;
  align-self: start;
  overflow: hidden;
  border-radius: 5px;
  display: block;
  width: 100%;
  background: #c84f13;
  box-shadow: 2px 6px 12px #21170e24;
}
.card-art::before {
  content: "";
  position: absolute;
  inset: 7px;
  border: 1px solid #fff2ce70;
  border-radius: 2px;
}
.collection .card-art img {
  position: absolute;
  inset: 0;
  height: 100%;
  object-fit: contain;
  object-position: center bottom;
  box-shadow: none;
}
#listen .card-art img { padding: 8%; object-position: center; }
.signoff {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) clamp(75px, 15vw, 250px);
  align-items: center;
  gap: 3vw;
}
.signoff h2 { grid-column: auto; text-wrap: balance; }
.signoff img { width: 100%; transform: rotate(7deg); }
@media (max-width: 650px) {
  .collection article:nth-child(2) .card-art { order: 2; }
  .signoff h2 { font-size: clamp(34px, 8.7vw, 54px); }
}

/* Static statement is the default, including when JavaScript is unavailable. */
.card-passage{background:var(--rust);position:relative}
.passage-stage{display:grid;place-items:center;position:relative;isolation:isolate;overflow:hidden;padding:70px 0}
.card-pose,.paper-halo{grid-area:1/1}
.card-pose{width:min(64vw,310px,43svh);aspect-ratio: 0.69;position:relative}
.card-turn,.card-face,.card-surface,.card-rim{position:absolute;inset:0}
.card-surface{background:var(--paper);border-radius:8px;box-shadow:1px 1px 0 #bca680,2px 3px 0 #9d825a,0 13px 25px #42211438}
.card-surface::after{content:'';position:absolute;inset:0;border-radius:inherit;background-image:repeating-linear-gradient(8deg,#8365400a 0 1px,transparent 1px 4px),repeating-linear-gradient(93deg,#fff2 0 .6px,transparent .6px 3px);opacity:var(--grain,.48)}
.card-rim{inset:9px;border:1px solid #ac8a4a;border-radius:4px;box-shadow:inset 0 0 0 3px var(--paper),inset 0 0 0 4px #c0a267}
.card-rim::before,.card-rim::after{content:'◆';position:absolute;left:50%;background:var(--paper);color:#aa864a;font:11px/1 Georgia;transform:translate(-50%,-50%);padding:0 6px}
.card-rim::after{top:100%}
.card-face{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:12%;color:var(--ink);backface-visibility:hidden;-webkit-backface-visibility:hidden}
.card-front{display:none}
.card-front img{width:50%;margin-bottom:10%}
.card-front span{font:500 clamp(25px,3vw,39px)/1 var(--serif)}
.card-front strong{font:500 clamp(12px,1.1vw,16px)/1.5 var(--sans);margin-top:6px}
.card-statement{font:italic 500 clamp(28px,min(4.6vw,5.8svh),45px)/1.03 var(--serif);letter-spacing:-.035em;margin:0}
.scroll-cue,.paper-halo{display:none}
.destinations{position:relative;display:flow-root}
.destination-title{text-align:center;padding:clamp(50px,9svh,96px) 5vw 5vw}
.destination-title h2{font:500 clamp(44px,6.8vw,112px)/1.04 var(--display);letter-spacing:-.06em;margin:0;text-wrap:balance}
.destination-title p{margin:18px auto 0}
@media(prefers-reduced-motion:no-preference){
 .scroll-ready .card-passage{height:285svh}
 .scroll-ready .passage-stage{position:sticky;top:0;height:100svh;padding:0;perspective:1100px}
 .scroll-ready .card-pose{transform:translateY(var(--lift)) rotateZ(var(--tilt)) rotateX(var(--lean));transform-style:preserve-3d}
 .scroll-ready .card-turn{transform:rotateY(var(--turn));transform-style:preserve-3d}
 .scroll-ready .card-front{display:flex;transform:translateZ(1px)}
 .scroll-ready .card-back{transform:rotateY(180deg) translateZ(1px)}
 .scroll-ready .card-surface{transform:scale(var(--zoom));box-shadow:1px 1px 0 #bca680,2px 3px 0 #9d825a,0 13px 25px #42211438}
 .scroll-ready .card-rim{transform:scale(var(--zoom)) translateZ(var(--rim-depth));opacity:var(--rim)}
 .scroll-ready .card-statement{opacity:var(--ink-opacity);mask-image:linear-gradient(to bottom,transparent var(--wipe-start),black var(--wipe-end))}
 .scroll-ready .paper-halo{display:block;width:115%;aspect-ratio:.86;background:radial-gradient(ellipse at 42% 53%,var(--paper) 18%,#f4ebddc9 39%,transparent 67%),radial-gradient(ellipse at 56% 40%,#f4ebdd 18%,#f4ebdd88 42%,transparent 66%);transform:scale(var(--bloom));opacity:var(--halo);pointer-events:none}
 .scroll-ready .scroll-cue{display:block;position:absolute;bottom:7%;color:var(--paper);font:500 13px var(--sans);opacity:var(--cue)}
 .scroll-ready .destinations{margin-top:-100svh;opacity:var(--arrival);pointer-events:var(--hit,auto)}
 .scroll-ready .destination-title{padding-top:max(15svh,90px)}
}
@media(prefers-reduced-motion:no-preference){
 .scroll-ready .paper-halo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(var(--bloom))}
}

main{overflow-x:clip}