/* Integration with the live storefront, forms and checkout. */
/* Compact class headings and supporting navigation. */
.ember.interior .inner-hero h1 .class-hero-subtitle{display:inline-block;font-size:.72em;line-height:1.3;white-space:nowrap;letter-spacing:-.035em}
.ember.interior .adventure-link{display:grid;grid-template-columns:minmax(0,1fr) 32px;grid-template-rows:auto 1fr auto;column-gap:16px;row-gap:12px;padding:24px}
.ember.interior .adventure-link h3{grid-area:1/1;margin:0;align-self:center}
.ember.interior .adventure-link-icon{grid-area:1/2;width:32px;height:32px;margin:0;align-self:center;justify-self:end}
.ember.interior .adventure-link p{grid-area:2/1/3/3;max-width:34ch;margin:0 0 5px}
.ember.interior .adventure-link-action{grid-area:3/1/4/3;margin:0;padding-top:13px}
/* Keep the roller controls legible in every state. */
.ember .scene-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));background:#392f26;border:1px solid #796244;padding:12px;gap:10px}
.ember .scene-tabs button{display:flex;align-items:center;text-align:left;gap:10px;padding:16px 12px;min-height:95px;background:#f2e5cc;border:1px solid #bca273;border-radius:3px;color:#493728;box-shadow:none;font:500 17px/1.3 Lora,Georgia,serif;letter-spacing:0;text-transform:none}
.ember .scene-tabs button>div{min-width:0;font:inherit;overflow-wrap:normal}
body.ember.live-example .scene-tabs button{font-family:Lora,Georgia,serif}
body.ember.live-example .scene-tabs button small{font-family:Source,Arial,sans-serif}
.ember .scene-tabs button>span{display:block;flex:none;margin:0;color:#86622e;font:26px/1 Georgia,serif}
.ember .scene-tabs button small{display:block;margin-top:7px;font:400 12px/1.4 Source,Arial,sans-serif;color:#725536;letter-spacing:0}
.ember .scene-tabs button:hover{background:#faefd9;border-color:#e1b96d;color:#39291d}
.ember .scene-tabs button[aria-pressed=true]{background:#e5bd77;border-color:#f0d8a6;color:#332315;box-shadow:inset 0 -3px #8b602e}
.ember .scene-tabs button[aria-pressed=true] small,.ember .scene-tabs button[aria-pressed=true]>span{color:#533a21}
.ember .scene-tabs button:focus-visible{outline:2px solid #fff0cd;outline-offset:3px}
/* Confirmation stays immediately above the product's purchase button. */
.ember .purchase-row{position:relative}
.ember .purchase-row>.bag-notice-anchored{position:absolute;inset:auto 0 calc(100% + 12px) auto;width:342px;max-width:100%;border-radius:9px;box-shadow:0 8px 24px #35241026}
.ember .bag-notice-anchored::after{content:"";position:absolute;right:32px;bottom:-6px;width:10px;height:10px;background:#f8edda;border-right:1px solid #b18a50;border-bottom:1px solid #b18a50;transform:rotate(45deg)}
.ember #remove-discount{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;margin-top:12px;padding:8px 13px;border:1px solid #bca273;border-radius:3px;background:#f6ead3;color:#63472c;font:600 14px/1.3 Source,Arial,sans-serif;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s}
.ember #remove-discount::before{content:"×";font:20px/1 Source,Arial,sans-serif}
.ember #remove-discount:hover{background:#e6d2ae;border-color:#8a663c;color:#38271b}
.ember #remove-discount:focus-visible{outline:2px solid #79562c;outline-offset:3px}
.ember #remove-discount[hidden]{display:none}
@media(max-width:1100px){.ember .scene-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.ember .scene-tabs button{min-height:83px}}
@media(max-width:600px){
 .ember.interior .inner-hero h1 .class-hero-subtitle{font-size:clamp(22px,6.9vw,32px)}
 .ember.interior .adventure-link{padding:21px;row-gap:10px}
 .ember .scene-tabs{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px;gap:7px}
 .ember .scene-tabs button{font-size:15px;padding:12px 9px;gap:8px;min-height:88px}
 .ember .scene-tabs button>span{font-size:22px}
 .ember .scene-tabs button small{font-size:11px;margin-top:5px}
 .ember .purchase-row>.bag-notice-anchored{gap:12px;padding:17px 35px 17px 13px}
 .ember .bag-notice-anchored .bag-notice-magic{width:50px;height:50px}
 .ember .bag-notice-anchored .bag-notice-copy p{font-size:20px}
}
/* Equal outer columns keep navigation centred on the page, independent of the logo and bag widths. */
@media(min-width:901px){
 .ember .site-header{grid-template-columns:minmax(0,1fr) max-content minmax(0,1fr)!important}
 .ember .site-header #navigation{grid-area:1/2;margin:0;padding:0;width:max-content;justify-self:center;border:0;order:0}
 .ember .site-header>.brand{grid-area:1/1;min-width:0}
 .ember .site-header>.bag{grid-area:1/3;justify-self:end}
}
@media(min-width:901px) and (max-width:1000px){.ember .site-header #navigation{gap:8px!important;font-size:16px}.ember .site-header>.bag{gap:12px}}
body.ember{--paper:#efe3c9;background:var(--paper);color:#493728;font-family:Source,Arial,sans-serif}.ember :is(input,select,textarea,button){font-family:inherit}.ember .site-header{position:relative;z-index:20}.ember .site-header .brand{display:flex;align-items:center;width:auto}.ember .site-header .brand .grin-complete{width:230px;height:auto;max-height:78px;object-fit:contain}.ember .site-header .bag svg{width:28px;height:34px}.ember .hero-art{background-image:url('/assets/redesign/assets/hero-goblin-v2.webp')}.ember .hero-copy h1{font-family:Cinzel,Georgia,serif}.ember .hero-copy .hero-subtitle{color:#f5e5c3}.ember .manual-stock-alert{color:#a12620;font:600 15px/1.4 Source,Arial,sans-serif;margin:10px 0 15px}.ember [data-treasure-card] .manual-stock-alert{grid-column:1/-1;margin:0 16px 12px;font-size:13px}.ember .empty-home-collection{padding:20px 0;color:#715a40}.ember .empty-home-collection a{margin-left:12px;text-decoration:underline}.ember .class-banner{scroll-margin-top:20px}.ember #main{overflow:clip}.ember .footer{max-width:none;margin-inline:0;gap:35px}.ember footer .footer-brand{display:block}.ember footer .footer-brand>.grin-complete{width:285px;height:auto;filter:grayscale(1) invert(1) brightness(1.22) sepia(.16)}.ember footer .check{display:flex;align-items:flex-start;gap:9px;font:12px/1.5 Source;color:#ebdfc9;margin-top:12px}.ember footer input[type=checkbox]{appearance:auto;width:15px;min-width:15px;height:15px;margin:2px 0 0}.ember footer .inline-input{display:flex;border:1px solid #ac9272;max-width:400px}.ember footer .inline-input input{background:#fff7e7;color:#493728;font:16px Source;min-width:0;border:0;border-radius:0}.ember footer .inline-input button{background:#dfbd7d;color:#493728;padding:12px 17px;border:0}.ember .bag-notice{z-index:100;background:#f8edda;border-color:#b18a50;color:#493728}.ember .bag-notice p{color:#493728}.ember .check input{width:auto}.ember .product-stage .main-photo{border-radius:0}.ember .product-option-selectors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:15px}.ember .product-option-selectors:has(>label:only-child){grid-template-columns:1fr}.ember .product-about{white-space:normal}.ember .product-about p+p{margin-top:16px}.ember .purchase-row .add-button{justify-content:space-between}.ember .qty-control input{appearance:textfield}.ember .qty-control input::-webkit-inner-spin-button{appearance:none}.ember .collection-toolbar{display:flex;align-items:end;justify-content:space-between;gap:24px}.ember .browse-filters{display:flex!important;align-items:end;flex-wrap:wrap;gap:12px!important;padding:0;margin:0}.ember .browse-filters label{min-width:120px}.ember .browse-filters .clear-filters{padding:12px 2px}.ember .browse-filters label>select{min-width:120px}.ember .browse-filters .small-button{margin-bottom:0;min-height:44px}.ember .inner-hero .button{margin-top:20px}.ember .class-directory-next{margin-top:60px;border-top:1px solid #cbb58e;padding-top:28px!important}.ember .class-directory>a{display:flex;align-items:end}.ember .class-directory>a>div{position:relative;z-index:1}.ember .class-directory span{font-weight:600}.ember .class-sheet-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.ember .class-sheet-card{display:flex;flex-direction:column;border:1px solid #cbb58e;background:#f9efd9;overflow:hidden;box-shadow:none}.ember .sheet-card-preview{background:#e1cfad;padding:22px 25px 0;height:245px;overflow:hidden;border-bottom:1px solid #d5c09b}.ember .sheet-card-preview img{width:100%;height:auto;box-shadow:0 5px 20px #35241026}.ember .class-sheet-caption{padding:22px;text-align:left;flex:1;display:flex;flex-direction:column}.ember .sheet-edition{font:600 11px/1.4 Source;color:#75604a;letter-spacing:.03em}.ember .class-sheet-caption h3{font:500 27px/1.3 Lora;margin:12px 0 20px;color:#493728}.ember .sheet-class-label{display:block;font:16px/1.5 Source;color:#715a40}.ember .sheet-card-link{margin-top:auto;display:flex;justify-content:space-between;border-top:1px solid #d2bf9d;padding-top:14px;color:#70522c;font:600 15px Source}.ember .class-sheet-card:hover{border-color:#9d773c;background:#fff5e1}.ember .class-sheet-download{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:70px;align-items:start}.ember .class-sheet-large-preview{display:block;padding:20px;background:#dfcfb3;max-width:550px}.ember .class-sheet-large-preview img{width:100%;height:auto;display:block;box-shadow:0 6px 20px #38291a33}.ember .class-sheet-download h2{margin:14px 0 20px}.ember .class-sheet-download h3{margin-top:40px}.ember .class-sheet-download p{margin-bottom:20px}.ember .sheet-download-actions{padding-block:30px}.ember .sheet-download-actions .download-actions{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:15px}.ember .sheet-file-details{font:600 14px Source;color:#715a40}.ember .class-sheets .section-heading>div>p:last-child{max-width:720px;margin-top:15px;line-height:1.6}.ember #photo-viewer{z-index:200}.ember .article-heading{background:#e5d2ae}.ember .cart-item{align-items:start}.ember .cart-item h3{font-size:23px}.ember .cart-item label{max-width:85px}.ember #discount-form .inline-input{display:flex}.ember #discount-form .inline-input button{flex:none}.ember .cart-shipping{margin-block:25px}.ember .stock{font-family:Source}.ember .product-card .product-meta{border:0}.ember .product-card .product-class-label{text-transform:uppercase}
@media(max-width:1050px){.ember .class-sheet-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ember .collection-toolbar{display:block}.ember .browse-filters{margin-bottom:28px}.ember .site-header.menu-open #navigation{display:flex}}
@media(max-width:760px){.ember .site-header .brand .grin-complete{width:180px;max-height:65px}.ember .footer{grid-template-columns:1fr 1fr;gap:30px}.ember .footer>div:last-of-type{grid-column:1/-1}.ember .class-sheet-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.ember .sheet-card-preview{padding:15px 16px 0;height:180px}.ember .class-sheet-caption{padding:16px}.ember .class-sheet-caption h3{font-size:23px}.ember .sheet-class-label{font-size:14px}.ember .sheet-card-link{font-size:13px}.ember .class-sheet-download{grid-template-columns:1fr;gap:35px}.ember .browse-filters label{min-width:0;flex:1}.ember .browse-filters label>select{min-width:0;width:100%;max-width:100%;font-size:14px}.ember .browse-filters .small-button{font-size:13px;padding:10px}.ember .inner-hero .inner-hero-copy .button{font-size:14px}.ember .manual-stock-alert{font-size:14px}.ember [data-treasure-card] .manual-stock-alert{margin-inline:10px;font-size:12px}.ember .class-directory{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ember .class-directory>a{min-height:260px}.ember .class-directory h2{font-size:25px}.ember .product-recommendations .browse-head{display:flex}.ember .class-directory-next{margin-top:35px}.ember .cart-item{grid-template-columns:90px 1fr}.ember .cart-item>a img{width:90px;height:90px}.ember .cart-item label{grid-column:2}.ember .footer-bottom{display:block}.ember .footer-bottom span{display:block;margin-top:10px}}
@media(max-width:480px){.ember .footer{grid-template-columns:1fr}.ember .site-header .brand .grin-complete{width:150px}.ember .class-directory>a>div{padding:16px}.ember .class-directory h2{font-size:22px}.ember .class-sheet-caption h3{font-size:21px}.ember .sheet-card-preview{height:145px}.ember .browse-filters{gap:9px!important}.ember .browse-filters:has(label:nth-of-type(3))>label{flex-basis:40%}.ember .browse-filters:has(label:nth-of-type(3))>label:nth-of-type(3){display:flex;align-items:center;gap:8px;flex-basis:50%}.ember .browse-filters .clear-filters{font-size:13px}.ember .hero-copy h1{overflow-wrap:normal}.ember .product-option-selectors{grid-template-columns:1fr}}