/* Brand artwork remains shared with the existing Tew American page. */
html,body{max-width:100%;overflow-x:hidden}body{background:#faf9f7 url('assets/Tew American/SVGs/Background_SpecksandMarks.svg') center top/980px auto;color:#161616}
.top{position:relative;background:none;width:100%;height:82px}
.nav-art{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.nav{position:relative}
.nav{max-width:none;display:grid;grid-template-columns:49px minmax(0,1fr) 155px 45px;padding:8px 4%;gap:26px}
.nav .star{width:49px;transition:transform 160ms ease}.nav .star:hover{transform:translateX(-3px) rotate(-2deg)}.nav img{width:242px;max-width:100%;max-height:60px}.nav .lore img{width:155px}.nav .cart img{width:45px}
.brand{height:260px;position:relative;background:none;padding:16px;overflow:hidden}
.brand a{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;animation:ft-logo-float 5s linear infinite}
.brand a{--ft-float-distance:4px}@keyframes ft-logo-float{0%{translate:0 0}10%{translate:0 -2.35px}20%{translate:0 -3.8px}25%{translate:0 -4px}30%{translate:0 -3.8px}40%{translate:0 -2.35px}50%{translate:0 0}60%{translate:0 2.35px}70%{translate:0 3.8px}75%{translate:0 4px}80%{translate:0 3.8px}90%{translate:0 2.35px}100%{translate:0 0}}
.brand a img{width:360px;height:220px;max-width:80%;object-fit:contain}
.wrap{padding-top:12px}.back{background:#faf9f7;padding:8px 12px;color:#161616;line-height:1.5}.summary{background:#faf9f7eF;padding:12px 0}.summary h1{font-size:54px}
.photo-frame{position:relative;isolation:isolate;aspect-ratio:1;overflow:hidden;background:#faf9f7}.photo-frame::after{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:url('assets/Tew American/SVGs/Background_SpecksandMarks.svg') center / 390px auto repeat;-webkit-mask-image:radial-gradient(ellipse 58% 58% at center,transparent 0%,transparent 56%,#000 78%);mask-image:radial-gradient(ellipse 58% 58% at center,transparent 0%,transparent 56%,#000 78%)}.photo{position:relative;z-index:0;width:100%;height:100%;aspect-ratio:auto;border:0;outline:none;object-fit:cover;object-position:center 57%;transition:transform 160ms ease}.photo.is-close{transform:scale(1.22)}.photo-arrow{position:absolute;top:50%;z-index:2;width:44px;height:44px;padding:0;border:2px solid #161616;background:#faf9f7;color:#161616;font-size:28px;line-height:1;transform:translateY(-50%);transition:transform 120ms ease;cursor:pointer}.photo-arrow:hover,.photo-arrow:focus-visible{transform:translateY(calc(-50% - 2px)) rotate(-1deg);outline:none}.photo-arrow--previous{left:12px}.photo-arrow--next{right:12px}.product>section{min-width:0}.thumbs{justify-content:center;max-width:100%;min-width:0;margin-top:20px;overflow-x:auto;overscroll-behavior-inline:contain}.thumbs button{flex:0 0 76px}.thumbs button[aria-pressed=true]{background:#faf9f7;border-color:#161616}
.edition{display:block;width:fit-content;margin:0 0 10px;background:transparent;border-width:0 0 2px;padding:6px 0}.add,.add:hover{background:transparent;border:0;box-shadow:none;padding:0 10px;max-width:260px}
.add img{width:100%;height:64px;object-fit:contain;display:block}.add:hover{transform:rotate(-1deg)}
.add:disabled{opacity:.5;cursor:not-allowed}.add:disabled:hover{transform:none}
.qty,.qty button,.qty input{background:#faf9f7}.story{background:#faf9f7eF}.video span{background:#faf9f7}.details{margin-top:28px;border-top:2px solid #161616}
.brand-footer{position:relative;height:132px;--left:219.9px;--right:99.05px;--mid:76.8px}
.character-lore-link{display:inline-block;margin:0 0 12px;color:#171717;font-size:13px;font-weight:800;text-transform:uppercase;text-underline-offset:4px;transition:transform 120ms ease}.character-lore-link:hover,.character-lore-link:focus-visible{transform:translateY(-2px) rotate(-1deg)}.add,.qty button,.thumbs button{transition:transform 120ms ease}.add:hover,.add:focus-visible,.qty button:hover,.qty button:focus-visible,.thumbs button:hover,.thumbs button:focus-visible{transform:translateY(-2px) rotate(-1deg)}
.brand-back{transition:transform 120ms ease,filter 120ms ease}.brand-back:hover,.brand-back:focus-visible{transform:translateX(-3px) rotate(-1deg);outline:none}.nav .lore img{transition:transform 120ms ease,filter 120ms ease}.nav .lore:hover img,.nav .lore:focus-visible img{transform:rotate(-2deg) translateY(-2px) scale(1.03)}.nav .cart img{transform:rotate(6deg);transition:transform 120ms ease,filter 120ms ease}.nav .cart:hover img,.nav .cart:focus-visible img{transform:rotate(13deg) translateY(-2px) scale(1.08)}
.brand-back{transform:none;transition:none}.brand-back:hover,.brand-back:focus-visible{transform:none}.brand-back>svg{transform-origin:center center;transition:transform 120ms ease,filter 120ms ease}.brand-back:hover>svg,.brand-back:focus-visible>svg{transform:rotate(-2deg) translateY(-2px) scale(1.03)}
.footer-left,.footer-right{position:absolute;bottom:0;display:block;pointer-events:none}
.footer-left{left:0;width:var(--left);height:99.09px;z-index:2}.footer-right{right:0;width:var(--right);height:90.1px;z-index:2}
.footer-mobile{display:none}
.footer-mid{position:absolute;bottom:0;display:block;pointer-events:none;left:calc(var(--left) - 2px);width:calc(100% - var(--left) - var(--right) + 4px);height:var(--mid)}
.footer-mid-mobile{display:none}
@media(max-width:700px){.footer-mid-desktop{display:none}.footer-mid-mobile{display:block}}
.news{position:absolute;z-index:3;bottom:10px;left:calc(var(--left) + 32px);right:calc(var(--right) + 32px);max-width:740px}
.news-copy{display:block;width:412px;max-width:100%;height:23px;object-fit:contain;object-position:left;transform:translateY(7px)}
.news-fields{display:flex;align-items:center;gap:14px}.news input{min-width:0;flex:1;height:32px;background:#faf9f7;border:2px solid #161616;padding:3px 10px;font-size:14px}
.news button{width:128px;flex-shrink:0;border:0;background:transparent;cursor:pointer;padding:0}.news button img{width:100%;display:block}.bolt{width:70px;height:44px;object-fit:contain}
.legal{background:#161616;color:#faf9f7;display:flex;justify-content:center;gap:24px;flex-wrap:wrap;padding:20px;font-size:14px}
dialog,dialog button{background:#faf9f7}
@media(max-width:760px){.nav{grid-template-columns:28px minmax(0,1fr) 75px 30px;gap:12px;padding:8px 18px}.nav .star{width:28px}.top{height:62px}.brand{height:210px}.brand a img{height:180px;width:300px}.summary h1{font-size:42px}.wrap{padding-inline:24px}.summary{padding:0}.brand-footer{--left:67.7px;--right:24.7px;--mid:71.15px;height:120px}.news{left:80px;right:32px;bottom:9px}.news-copy{height:21px}.news-fields{gap:6px}.news button{width:90px}.news input{font-size:14px;height:30px;padding:3px 5px}.bolt{display:none}}
@media(min-width:701px) and (max-width:760px){.brand-footer{--left:219.9px;--right:99.05px;--mid:76.8px}.news{left:240px;right:105px}}
@media(prefers-reduced-motion:reduce){.add:hover{transform:none}}
@media(max-width:700px){
  .footer-desktop{display:none}
  .footer-mobile{display:block}
  .footer-left{height:74px}
  .footer-right{height:83.85px}
  .news-copy{transform:none;height:18px}
  .news{bottom:10px}
}
@media(max-width:760px){.thumbs{display:grid;grid-template-columns:repeat(auto-fit,minmax(32px,1fr));gap:5px;overflow:hidden;padding-bottom:0}.thumbs button{width:100%;height:auto;min-width:0;aspect-ratio:1;flex:none}}