
.site-header{gap:22px}nav{gap:19px}.character-stage{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px}.character-story{min-width:0}.character-story h3{margin-top:0}.character-tabs{gap:8px;margin-bottom:24px}.character-tabs button{min-height:44px;min-width:60px}.section-more{display:inline-flex;justify-content:flex-start;align-items:center;gap:12px;width:fit-content;max-width:100%;min-height:44px;padding:8px 0;color:#66765f;background:transparent;margin-top:16px;border:0;border-bottom:1px solid #bdc7b1;transition:color .18s,border-color .18s}.section-more:hover{color:var(--green);background:transparent;border-bottom-color:#7f9473}.section-more>span{min-width:0;font:13px/1.7 var(--sans)}.section-more small{display:inline;font:10px/1.8 var(--sans);color:#87937b;margin-top:0;margin-left:9px;letter-spacing:0}.section-more>b{flex-shrink:0;font:400 15px var(--sans);color:#879775}.emote-more{display:flex;width:fit-content;max-width:100%;margin:24px auto 0}.emote-card{padding-bottom:17px}.emotes .section-heading{margin-bottom:32px}
.studio-history{border-left:2px solid #b9b397;padding-left:18px;margin:0 0 22px!important}
.creative-kicker{font-size:11px!important;letter-spacing:2px;color:#748569!important}.creative h3{font:31px/1.6 var(--serif);margin:10px 0 0}.creative p{font-size:13px;color:var(--muted);line-height:2}
.creative-digital-copy{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:28px}.creative-digital-copy>p{padding-bottom:3px}
.screen-gallery{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:17px}.screen-art{position:relative;margin:0;aspect-ratio:3/5;border-radius:9px;overflow:hidden;background:#d9dece;box-shadow:0 7px 18px #233b3018}.screen-art img{width:100%;height:100%;object-fit:cover}.screen-art:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#102d2a85);pointer-events:none}.screen-art figcaption{position:absolute;z-index:1;left:0;right:0;bottom:12px;text-align:center;font:15px/1.5 var(--serif);letter-spacing:3px;color:#fff8e9;text-shadow:0 1px 3px #122e28}
.creative-collection{margin-top:65px}.creative-collection-heading{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:28px}.creative-collection-heading>p{font-size:12px}.collection-visual{margin:0;overflow:hidden;border-radius:3px}.collection-visual img{width:100%;height:auto}
.preview-media.character-preview img{width:auto;max-width:100%;max-height:64dvh}.showcase-pause{min-width:44px;min-height:44px}.sg-soft-line{display:none}
@media(max-width:1050px){.site-header nav{gap:15px}.character-stage{padding:35px;gap:35px}.screen-gallery{gap:12px}}
@media(max-width:760px){.character-stage{grid-template-columns:1fr;gap:30px}.character-tabs button{flex:1 0 26%}.section-more{min-height:44px;margin-top:18px}.section-more>span{font-size:13px}.emote-more{margin-top:24px}.emotes .section-heading>p{display:none}.creative h3{font-size:28px}.creative-digital-copy{display:block;margin-bottom:24px}.creative-digital-copy>p{margin-top:14px}.screen-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.screen-art figcaption{font-size:12px;letter-spacing:2px;bottom:9px}.creative-collection{margin-top:44px}.creative-collection-heading{display:block;margin-bottom:24px}.creative-collection-heading>p{margin-top:15px}.studio-history{padding-left:14px}.showcase-pause{width:44px;height:44px}.section-more small{font-size:10px}.creative{padding-bottom:60px}}
@media(max-width:400px){.character-stage{padding:27px 20px}.section-more{padding:8px 0}.section-more>span{font-size:12px}.screen-gallery{gap:10px}.screen-art{border-radius:6px}.screen-art figcaption{font-size:11px}}

.showcase-games .game-entry-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;margin-top:16px;padding:7px 0;border-bottom:1px solid #9ead92;color:var(--green);font-size:13px;line-height:1.7;transition:color .18s,border-color .18s}.showcase-games .game-entry-link:hover{color:#6c7d52;border-bottom-color:#71875b}.showcase-games .game-entry-link:focus-visible{outline:2px solid var(--red);outline-offset:5px}.showcase-games .game-entry-link>span{font-size:14px;color:#8a9c78}

.collection-details{margin-top:24px}
@media(max-width:760px){.collection-details{margin-top:18px}}


#about.intro-refined {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr);
  align-items: start;
  column-gap: clamp(38px, 5.5vw, 76px);
}
#about.intro-refined .intro-heading { padding-top: 3px; }
#about.intro-refined .intro-heading .section-number { margin-bottom: 16px; }
#about.intro-refined .intro-heading h2 { line-height: 1.7; }
#about.intro-refined .intro-body { max-width: 540px; }
#about.intro-refined .studio-history {
  max-width: 34em;
  margin: 0 0 27px !important;
  padding: 1px 0 1px 20px;
  border-left: 1px solid #b39a68;
  color: #405942;
  font: 400 16px/2.1 var(--serif, serif);
  letter-spacing: .015em;
  text-wrap: pretty;
}
#about.intro-refined .studio-history strong {
  font-weight: 600;
  color: #984b37;
  font-variant-numeric: lining-nums;
}
#about.intro-refined .studio-history cite {
  font-style: normal;
  font-weight: 500;
  color: #285745;
}
#about.intro-refined .history-idea { color: #294b3b; font-weight: 600; }
#about.intro-refined .intro-body .lead {
  max-width: 27em;
  margin: 0 0 18px;
  color: var(--ink, #253f33);
  font: 500 19px/1.85 var(--serif, serif);
  letter-spacing: .015em;
}
#about.intro-refined .intro-body > p:not(.studio-history):not(.lead) {
  max-width: 39em;
  margin: 0 0 16px;
  color: #687563;
  font-size: 14px;
  line-height: 2.05;
}
#about.intro-refined .intro-keywords {
  margin-top: 22px;
  padding-top: 15px;
  border-top: 1px solid #d8d8c8;
  gap: 12px 22px;
  color: #77826d;
  font-size: 10px;
  line-height: 1.8;
}
#about.intro-refined .intro-keywords span::before {
  content: '·';
  font-size: 12px;
  color: #aa8c55;
  margin-right: 7px;
}
@media (max-width: 760px) {
  #about.intro-refined { grid-template-columns: 1fr; row-gap: 28px; }
  #about.intro-refined .intro-heading { padding-top: 0; }
  #about.intro-refined .intro-heading .section-number { margin-bottom: 11px; }
  #about.intro-refined .intro-heading h2 { line-height: 1.65; }
  #about.intro-refined .intro-body { max-width: 560px; }
  #about.intro-refined .studio-history { font-size: 15px; line-height: 2.05; padding-left: 16px; margin-bottom: 24px !important; }
  #about.intro-refined .intro-body .lead { font-size: 18px; line-height: 1.85; margin-bottom: 15px; }
  #about.intro-refined .intro-body > p:not(.studio-history):not(.lead) { font-size: 13px; line-height: 2.05; margin-bottom: 14px; }
  #about.intro-refined .intro-keywords { margin-top: 20px; gap: 8px 17px; }
}
@media (max-width: 380px) {
  #about.intro-refined .studio-history { font-size: 14px; padding-left: 14px; }
  #about.intro-refined .intro-body .lead { font-size: 17px; }
  #about.intro-refined .intro-keywords { gap: 7px 12px; }
}


.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.product-card{position:relative;display:flex;flex-direction:column;min-width:0;width:100%;padding:0;text-align:left;background:#faf7ee;border:1px solid #d8dac9;border-radius:12px 3px 12px 3px;overflow:hidden;isolation:isolate;box-shadow:0 3px 12px #273f3010}
.product-art{display:block;aspect-ratio:4/3;overflow:hidden;background:#f1eadc}
.product-art img{width:100%;height:100%;object-fit:contain;transition:transform .35s cubic-bezier(.2,.7,.3,1)}
.product-info{position:relative;display:block;flex:1;width:100%;padding:17px 20px 19px}
.product-order{font:10px/1.4 Georgia,serif;color:#aa8c55;letter-spacing:1px;display:block;margin-bottom:5px}
.product-info strong{display:block;font:19px/1.5 var(--serif);color:var(--ink);font-weight:500}
.product-line{display:block;margin-top:6px;padding-right:15px;color:#7b8472;font:11px/1.8 var(--sans)}
.product-plus{position:absolute;right:19px;top:38px;color:#879775;font-size:18px;transition:transform .2s,color .2s}
.screen-preview{position:relative;display:block;width:100%;height:100%;padding:0;border:0;overflow:hidden;border-radius:inherit}
.screen-preview img{transition:transform .45s cubic-bezier(.2,.7,.3,1)}
.screen-caption{position:absolute;z-index:1;left:0;right:0;bottom:12px;text-align:center;font:15px/1.5 var(--serif);letter-spacing:3px;color:#fff8e9;text-shadow:0 1px 3px #122e28}
.screen-art:focus-within{outline:2px solid var(--red);outline-offset:4px}
.ui-feedback{position:relative;transition:transform .18s ease,box-shadow .22s ease,border-color .2s,background-color .2s}
.ui-feedback:active{transform:translateY(1px)}
.tap-spark{position:absolute;z-index:8;left:var(--tap-x);top:var(--tap-y);width:8px;height:8px;pointer-events:none;border:1px solid currentColor;border-radius:50%;opacity:.36;transform:translate(-50%,-50%);animation:tap-spark .5s ease-out forwards}
@keyframes tap-spark{to{opacity:0;transform:translate(-50%,-50%) scale(5)}}
@keyframes preview-in{from{opacity:.5;transform:translateY(6px)}to{opacity:1;transform:none}}
.wide-preview{width:680px;max-width:calc(100vw - 28px)}.wide-preview[open]{animation:preview-in .22s ease-out}
.preview-media.product-preview img{width:100%;max-height:52dvh;object-fit:contain;border-radius:5px}
.preview-media.poster-preview img{max-height:64dvh;width:auto;max-width:100%;object-fit:contain;border-radius:3px}
.preview-controls{margin:16px 0 4px}.preview-controls[hidden]{display:none}
.preview-navigation{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #dedfce;padding-top:10px}
.preview-step{width:44px;height:44px;border:1px solid #d7dac7;border-radius:50%;background:#f5f2e6;font-size:18px}
.preview-position{font:12px var(--sans);color:#7a886f;letter-spacing:2px}
.preview-views{display:flex;gap:9px;justify-content:center;margin-top:8px}
.preview-view{min-height:44px;padding:7px 14px;border-bottom:1px solid #d1d7c1;font-size:12px;color:#7e8b71}
.preview-view[aria-pressed=true]{color:var(--green);border-color:var(--green)}
@media(hover:hover) and (pointer:fine){
 .product-card:hover{transform:translateY(-4px);box-shadow:0 13px 25px #2b44301b;border-color:#a8b59a}
 .product-card:hover .product-art img{transform:scale(1.035)}
 .product-card:hover .product-plus{transform:translate(2px,-2px);color:var(--green)}
 .screen-preview:hover img{transform:scale(1.045)}
 .emote-card:hover img{transform:translateY(-4px) rotate(-2deg);transition:transform .2s}
 .character-tabs button:hover:not([aria-pressed=true]),.showcase-beasts button:hover:not([aria-pressed=true]),.sg-element-tabs button:hover:not([aria-pressed=true]){background:#e8ecdd}
 .button:hover,.sg-primary:hover{box-shadow:0 5px 14px #23463821}
 .preview-step:hover{background:#e7ecdb}
 .game-entry-link:hover>span,.sg-entry-link:hover>span,.section-more:hover>b{transform:translate(2px,-2px)}
}
.game-entry-link>span,.sg-entry-link>span,.section-more>b{transition:transform .2s}
@media(max-width:760px){
 .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
 .product-info{padding:12px 13px 15px}.product-info strong{font-size:17px}
 .product-line{font-size:10px;line-height:1.8;padding-right:4px}.product-plus{top:30px;right:12px;font-size:15px}
 .product-order{font-size:9px;margin-bottom:4px}
 .screen-caption{font-size:12px;bottom:9px;letter-spacing:2px}
 .wide-preview{padding:18px}.preview-controls{margin-top:12px}
}
@media(max-width:380px){.product-grid{gap:10px}.product-info{padding:11px 11px 13px}.product-info strong{font-size:16px}.product-line{font-size:9px}.product-plus{right:10px}.screen-caption{font-size:11px}}
@media(prefers-reduced-motion:reduce){
 .ui-feedback,.product-art img,.screen-preview img,.product-plus,.preview-step{transition:none}
 .tap-spark{display:none}.wide-preview[open]{animation:none}
 .product-card:hover,.emote-card:hover img{transform:none}
}



#about.intro-refined .intro-body .lead{text-wrap:balance}#about.intro-refined .studio-history cite,#about.intro-refined .studio-history strong{white-space:nowrap}
@media(max-width:760px){.product-line{font-size:11px}}@media(max-width:380px){.product-line{font-size:10px}}

#about.intro-cards {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr);
  align-items: start;
  column-gap: clamp(38px, 5vw, 70px);
}
#about.intro-cards .intro-heading { padding-top: 7px; }
#about.intro-cards .intro-heading .section-number { margin-bottom: 16px; }
#about.intro-cards .intro-heading h2 { line-height: 1.65; }
#about.intro-cards .intro-body { display: grid; gap: 15px; min-width: 0; }
#about.intro-cards .intro-paper-card {
  min-width: 0;
  padding: 22px 25px;
  border: 1px solid #d3d5c3;
  border-radius: 3px;
  background: #f8f5eb;
  box-shadow: 0 3px 12px #294b3b04;
  transition: background-color .18s, border-color .18s;
  outline-offset: 4px;
}
#about.intro-cards .intro-history-card { background: #f1ecdd; border-color: #d2c7aa; }
#about.intro-cards .intro-culture-card { background: #eef0e5; }
#about.intro-cards .intro-paper-card h3 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 14px;
  color: #50654c;
  font: 500 12px/1.5 var(--sans, sans-serif);
  letter-spacing: .12em;
}
#about.intro-cards .intro-paper-card h3::before {
  content: '';
  width: 18px;
  height: 1px;
  flex: 0 0 18px;
  background: #aa8c55;
}
#about.intro-cards .intro-paper-card p { margin: 0; color: #64715f; font-size: 14px; line-height: 2; }
#about.intro-cards .intro-paper-card .studio-history {
  margin: 0 !important;
  padding: 0;
  border: 0;
  color: #405942;
  font: 400 16px/2.05 var(--serif, serif);
  letter-spacing: .01em;
  text-wrap: pretty;
}
#about.intro-cards .studio-history strong { color: #954e3b; font-weight: 600; font-variant-numeric: lining-nums; }
#about.intro-cards .studio-history cite { color: #285745; font-style: normal; font-weight: 500; }
#about.intro-cards .history-idea { color: #294b3b; font-weight: 600; }
#about.intro-cards .intro-body .lead {
  margin: 0 0 13px;
  color: #294b3b;
  font: 500 19px/1.85 var(--serif, serif);
  letter-spacing: .01em;
}
#about.intro-cards .intro-keywords {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 17px;
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px solid #d3d8c6;
  color: #77816c;
  font-size: 10px;
  line-height: 1.8;
}
#about.intro-cards .intro-keywords span::before { content: none; }
#about.intro-cards .intro-paper-card:focus-visible { outline: 1px solid #a28a5c; background: #fcf9ef; border-color: #b9c2a6; }
@media (hover: hover) {
  #about.intro-cards .intro-paper-card:hover { background: #fcf9ef; border-color: #b9c2a6; }
}
@media (max-width: 760px) {
  #about.intro-cards { grid-template-columns: 1fr; row-gap: 25px; }
  #about.intro-cards .intro-heading { padding-top: 0; }
  #about.intro-cards .intro-heading .section-number { margin-bottom: 11px; }
  #about.intro-cards .intro-body { gap: 12px; }
  #about.intro-cards .intro-paper-card { padding: 19px 20px; }
  #about.intro-cards .intro-paper-card h3 { margin-bottom: 12px; font-size: 11px; }
  #about.intro-cards .intro-paper-card p { font-size: 13px; line-height: 2; }
  #about.intro-cards .intro-paper-card .studio-history { font-size: 15px; line-height: 2.05; }
  #about.intro-cards .intro-body .lead { font-size: 18px; margin-bottom: 12px; }
  #about.intro-cards .intro-keywords { gap: 5px 13px; font-size: 10px; }
}
@media (max-width: 380px) {
  #about.intro-cards .intro-paper-card { padding: 18px; }
  #about.intro-cards .intro-paper-card .studio-history { font-size: 14px; }
  #about.intro-cards .intro-body .lead { font-size: 17px; }
}
@media (prefers-reduced-motion: reduce) {
  #about.intro-cards .intro-paper-card { transition: none; }
}


.product-overviews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-bottom:34px}
.product-overview{display:block;position:relative;min-width:0;width:100%;padding:0;overflow:hidden;background:#faf7ec;border:1px solid #d5d9c5;border-radius:12px 3px 12px 3px;text-align:left;box-shadow:0 4px 15px #2944310f;isolation:isolate;transition:transform .24s ease,box-shadow .24s ease,border-color .24s}
.product-overview>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.overview-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 17px}
.overview-caption strong{font:500 16px/1.5 var(--serif);letter-spacing:.04em}.overview-caption>span{color:#849372;font-size:17px;transition:transform .22s}
.product-overview::after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(circle at var(--shine-x,50%) var(--shine-y,35%),#fff6db4d,transparent 47%);opacity:0;transition:opacity .24s}
.product-grid.product-circles{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;align-items:stretch}
.product-circles .product-card{height:100%;align-items:center;text-align:center;padding:5px 0;background:transparent;border:0;border-radius:8px;overflow:visible;box-shadow:none}
.product-circles .product-art{position:relative;flex:none;width:100%;max-width:154px;aspect-ratio:1;border-radius:50%;padding:0;border:0;background:#f6efdf;box-shadow:0 3px 10px #26422c0c;transition:transform .3s ease,box-shadow .3s,border-color .3s;isolation:isolate}
.product-circles .product-art img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.product-circles .product-art::before{content:none}
.product-circles .product-art::after{content:'';position:absolute;inset:0;border-radius:50%;pointer-events:none;background:radial-gradient(circle at var(--shine-x,50%) var(--shine-y,35%),#fff7df66,transparent 60%);opacity:0;transition:opacity .25s}
.product-circles .product-info{flex:1;padding:15px 1px 4px}
.product-circles .product-order{display:none}
.product-circles .product-info strong{font-size:17px;line-height:1.6}
.product-circles .product-line{padding:0;margin-top:5px;font-size:11px;line-height:1.85;min-height:3.7em}
.product-circles .product-plus{display:grid;place-items:center;top:-23px;right:10%;width:25px;height:25px;background:#faf5e6;border:1px solid #c8cfb4;border-radius:50%;font-size:14px;color:#708461;box-shadow:0 2px 5px #263d2110}
.product-circles .product-card:focus-visible{outline:2px solid var(--red);outline-offset:5px}
.product-overview:focus-visible{outline:2px solid var(--red);outline-offset:5px;box-shadow:0 7px 22px #26432d20}
.product-overview:active{transform:translateY(1px) scale(.993)}
.product-circles .product-card:active .product-art{transform:scale(.96)}
.site-header :is(.header-link,nav a,.brand),.text-link,.close-button,.menu-toggle{transition:color .2s,background-color .2s,box-shadow .2s,transform .2s}
.site-header nav a{background-image:linear-gradient(#9a825899,#9a825899);background-size:0 1px;background-repeat:no-repeat;background-position:0 calc(100% - 5px);transition:background-size .22s,color .2s}
.close-button:active,.menu-toggle:active{transform:scale(.94)}
.screen-preview::after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--shine-x,50%) var(--shine-y,35%),#fff4d04d,transparent 52%);opacity:0;transition:opacity .25s}
@media(hover:hover) and (pointer:fine){
 .product-overview:hover{transform:perspective(900px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg)) translateY(-3px);box-shadow:0 14px 27px #27472e24;border-color:#9eae89}
 .product-overview:hover::after,.product-circles .product-card:hover .product-art::after,.screen-preview:hover::after{opacity:1}
 .product-overview:hover .overview-caption>span{transform:translate(3px,-2px)}
 .product-grid.product-circles .product-card:hover{box-shadow:none;transform:translateY(-2px);border-color:transparent}
 .product-circles .product-card:hover .product-art{transform:perspective(600px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg)) translateY(-2px);border-color:#7e9569;box-shadow:0 9px 19px #304f3022}
 .product-circles .product-card:hover .product-plus{background:#285345;color:#f8efd9;border-color:#285345}
 .site-header nav a:hover{background-size:100% 1px}
 .site-header .brand:hover .seal{box-shadow:inset 0 0 0 3px var(--paper),inset 0 0 0 4px var(--red),0 0 12px #b3543e20}
 .text-link:hover{color:#a15d40}
 .close-button:hover,.menu-toggle:hover{background:#e6eadb;box-shadow:0 3px 10px #28472f19}
 .button:hover,.sg-primary:hover{transform:translateY(-2px);box-shadow:0 6px 15px #2346382c}
}
@media(max-width:1050px){.product-grid.product-circles{gap:13px}.product-circles .product-info strong{font-size:16px}}
@media(max-width:760px){
 .product-overviews{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:28px}
 .overview-caption{padding:9px 10px;gap:5px}.overview-caption strong{font-size:12px}.overview-caption>span{font-size:13px}
 .product-grid.product-circles{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 13px}
 .product-circles .product-art{max-width:112px;padding:0}.product-circles .product-art::after{inset:0}
 .product-circles .product-info{padding-top:11px}.product-circles .product-info strong{font-size:15px}
 .product-circles .product-line{font-size:10px;line-height:1.8;margin-top:4px;min-height:3.6em}
 .product-circles .product-plus{width:21px;height:21px;top:-19px;right:7%;font-size:12px}
}
@media(max-width:380px){.product-overviews{gap:10px}.overview-caption{padding:8px}.overview-caption strong{font-size:11px}.product-grid.product-circles{gap:19px 10px}.product-circles .product-info strong{font-size:14px}.product-circles .product-line{font-size:10px}}
@media(prefers-reduced-motion:reduce){
 .product-overview,.product-circles .product-art,.overview-caption>span,.site-header :is(.header-link,nav a,.brand),.text-link,.close-button,.menu-toggle{transition:none}
 .product-overview:hover,.product-circles .product-card:hover .product-art,.product-grid.product-circles .product-card:hover,.button:hover,.sg-primary:hover{transform:none}
 .product-overview::after,.product-circles .product-art::after,.screen-preview::after{display:none}
}



/* Opening encounter: the fan is selectable, with a separate margin for the vertical mark. */
.hero-art{--hero-drift:5px}
.hero-fan{position:absolute;inset:0 86px 0 0;perspective:1000px}
.hero-art .art-mark{right:-8px;top:0;pointer-events:none}
.hero-fan .hero-card{position:absolute;display:block;padding:0;border:0;background:transparent;cursor:pointer;transform-origin:50% 65%;--fan-angle:1deg;--hero-lift:0px;--hero-scale:1;transform:perspective(850px) rotate(var(--fan-angle)) rotateX(var(--hero-y,0deg)) rotateY(var(--hero-x,0deg)) scale(var(--hero-scale));animation:hero-card-drift 7.2s ease-in-out infinite!important;transition:transform .4s cubic-bezier(.2,.7,.3,1),box-shadow .3s,filter .3s;touch-action:pan-y;outline-offset:6px}
.hero-fan .hero-card.card-left{left:0;--fan-angle:-13deg;animation-delay:-2.4s!important;z-index:1}
.hero-fan .hero-card.card-right{right:4%;--fan-angle:13deg;animation-delay:-4.8s!important;z-index:2}
.hero-fan .hero-card.card-center{z-index:3}
.hero-fan .hero-card.is-chosen{z-index:5;--hero-lift:-9px;--hero-scale:1.035;box-shadow:4px 24px 33px #263f3338,0 0 0 1px #af975d70}
.hero-fan .hero-card::after{content:'';position:absolute;inset:0;border-radius:6px;pointer-events:none;background:radial-gradient(circle at var(--hero-light-x,50%) var(--hero-light-y,30%),#fff1c45c,transparent 65%);opacity:0;transition:opacity .25s}
.hero-fan .hero-card:focus-visible{outline:2px solid #a26646;--hero-lift:-13px;z-index:7}
.hero-fan .hero-card:focus-visible::after{opacity:.45}
.hero-fan .hero-card:active{--hero-scale:1.01;filter:brightness(1.03)}









.hero-art.hero-resting .hero-card{animation-play-state:paused!important}
@keyframes hero-card-drift{0%,100%{translate:0 var(--hero-lift)}50%{translate:0 calc(var(--hero-lift) - var(--hero-drift))}}
@media(hover:hover) and (pointer:fine){
 .hero-fan .hero-card:hover{z-index:6;--hero-lift:-15px;--hero-scale:1.045;box-shadow:4px 27px 35px #263f333b}
 .hero-fan .hero-card:hover::after{opacity:.65}
 
 
}
@media(min-width:761px){.hero-art{height:clamp(430px,calc(45vw + 65px),570px)}}
@media(max-width:1050px) and (min-width:761px){.hero-fan{right:76px}}
@media(max-width:760px){.hero-fan{right:60px}.hero-fan .hero-card.card-left{left:4%}.hero-art .art-mark{right:-8px;top:13px}}
@media(max-width:400px){.hero-fan{right:56px}}
@media(prefers-reduced-motion:reduce){.hero-art{--hero-drift:2px}.hero-fan .hero-card{animation-duration:9s!important;transition:none}.hero-fan .hero-card::after{transition:none}.hero-fan .hero-card:hover{--hero-lift:-9px;--hero-scale:1.025}}
