/* Brand artwork remains shared with the existing Tew American page. */
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}.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%}
.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{border:0;outline:none}.thumbs{margin-top:20px}.thumbs button[aria-pressed=true]{background:#faf9f7;border-color:#161616}
.edition{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{border-top:2px solid #161616}
.brand-footer{position:relative;height:132px;--left:219.9px;--right:99.05px;--mid:76.8px}
.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}
}