.format-section{gap:52px}.format-section .product-copy{top:110px}.format-section h1{font-size:clamp(40px,4.3vw,64px)}.size-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.size-button{min-width:0;padding:14px 8px}.size-button small{font-size:12px;line-height:1.35}.fill-note{font-size:14px;line-height:1.6;margin:14px 0;color:var(--muted)}.format-facts strong{font:25px Georgia}.format-facts .caption{font-size:13px;margin-top:9px}.format-facts span::before{display:none}.gallery-viewport{background:#f7f3eb}.tin-slide{display:grid;place-items:center;background:#f7f3eb}.tin-tile{width:100%;aspect-ratio:1;background-repeat:no-repeat;background-color:#f7f3eb}.tin-slide>.tin-tile{width:min(100%,570px);max-height:100%}.tin-thumb .tin-tile{width:100%;height:100%}.gallery-thumbs{grid-template-columns:repeat(2,90px)}.tin-thumb:first-child{display:block}.tin-thumb img{width:100%;height:100%;object-fit:cover}.tin-slide>img{object-fit:contain}.container-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.container-card .card-copy{padding:16px}.container-card .card-copy h3{font-size:23px}.container-card .card-copy p{font-size:14px}.container-card .card-photo{background:#f7f3eb}.tin-card-colours{display:flex;flex-wrap:wrap;gap:5px;margin-top:13px}.tin-card-colours span{width:15px;height:15px;border-radius:50%;border:1px solid #0002}.pending-photo{padding:23px;display:flex;flex-direction:column;justify-content:center;gap:15px;text-align:center;color:var(--muted);background:#e9e3d6;min-height:100%;width:100%}.pending-photo span{font-size:12px;letter-spacing:.08em}.pending-photo strong{font:23px/1.3 Georgia;color:var(--blue)}.pending-photo small{font-size:13px}.pending-container{background:#f0eadd}.pending-container .card-meta{color:#6f695c}.tin-detail-example{width:100%;display:block;margin-top:15px}.colour-section{background:#e9e3cf}.tin-colour-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:55px;align-items:start}.colour-preview{position:sticky;top:150px;background:#f7f3eb;min-width:0}.colour-preview>span{display:block;padding:0 25px 20px;font:24px Georgia}.tin-colour-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.colour-option{border:1px solid #cfc6b5;padding:0;background:#f7f3eb;color:var(--blue);overflow:hidden;transition:transform .35s var(--parabolic),box-shadow .35s var(--parabolic),border-color .35s var(--parabolic);border-radius:4px}.colour-option>span{display:flex;align-items:center;gap:7px;padding:10px 9px;font-size:14px}.colour-option i{width:13px;height:13px;flex-shrink:0;border-radius:50%;border:1px solid #0002}.colour-option:hover{transform:translateY(-3px)}.colour-option[aria-pressed=true]{border:2px solid var(--orange);transform:translateY(-4px);box-shadow:0 10px 25px #e56b3035,0 0 0 3px #e56b3014}.finish-box{margin:24px 0 15px;padding:20px;background:#f6f0e3;border-left:3px solid var(--olive)}.finish-box b{font-size:14px}.finish-box p{font-size:16px;margin-top:8px}.finish-box small{display:block;font-size:13px;line-height:1.5;margin-top:8px;color:var(--muted)}.branding-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:35px;align-items:start}.branding-example{width:100%;display:block;background:#f7f3eb}.branding-layout .caption{font-size:13px}.placement-options h3{font-size:29px}.placement-options>p{font-size:14px;margin:13px 0;line-height:1.6}.placement-option{display:flex;gap:13px;padding:17px 0;border-bottom:1px solid var(--line);cursor:pointer}.placement-option input{accent-color:var(--orange);width:19px;height:19px;flex-shrink:0;margin-top:4px}.placement-option strong{font-size:16px;display:block}.placement-option small{display:block;font-size:14px;line-height:1.5;color:var(--muted);margin-top:5px}.label-material-heading{font:29px Georgia;margin-bottom:22px}.button:disabled{opacity:.55;cursor:not-allowed}.builder-nav .wrap{overflow-x:auto;gap:24px}.builder-nav a{font-size:13px}.container-card:focus-visible,.colour-option:focus-visible,.size-button:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.builder-section{scroll-margin-top:145px}.caption{line-height:1.6}.media-label{max-width:calc(100% - 40px)}
@media(max-width:1150px){.container-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tin-colour-layout{gap:30px}.format-section{gap:30px}.tin-colour-grid{gap:8px}.colour-option>span{font-size:13px;padding:9px 6px}.branding-layout{gap:28px}}
@media(max-width:760px){.container-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.container-card .card-copy{padding:13px}.container-card .card-copy h3{font-size:22px}.pending-photo{padding:16px}.pending-photo strong{font-size:21px}.tin-colour-layout,.branding-layout{grid-template-columns:1fr;gap:24px}.colour-preview{position:static;max-width:420px;margin:auto;width:100%}.tin-colour-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.format-facts{display:flex}.gallery-viewport{height:auto;aspect-ratio:1}.gallery-track{height:100%}.tin-slide>.tin-tile{height:100%;width:100%}.colour-option>span{font-size:14px}.gallery-thumbs{grid-template-columns:repeat(2,75px)}.size-button small{font-size:12px}.format-section .product-copy>.button{display:inline-flex}.format-section .product-copy{grid-row:auto}.variant-gallery{grid-row:2}.size-options{gap:7px}.builder-section{scroll-margin-top:125px}.builder-nav .wrap{gap:22px}.finish-box{padding:17px}.branding-layout .placement-options{grid-row:1}}

/* Product photographs must fit their column at desktop and mobile widths. */
.container-modal{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.container-modal>div,.branding-layout>div,.variant-gallery{min-width:0}
.product-photo-frame{position:relative;display:block;width:100%;aspect-ratio:3/2;background:#f7f3eb;overflow:hidden;margin:0}
.container-modal .product-photo-frame{margin-top:16px}
.product-photo-frame img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;margin:0}
.product-photo-frame.photo-failed img{visibility:hidden}
.photo-error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;padding:20px;text-align:center;font-size:14px}
.photo-error[hidden]{display:none}
.container-modal .modal-photo{overflow:hidden;width:100%;max-width:100%}
@media(max-width:760px){.container-modal{grid-template-columns:minmax(0,1fr)}.container-modal .modal-photo{max-height:none}}
.tea-size-scene{width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;background:#f5f0e4}.tea-size-scene img{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}@media(prefers-reduced-motion:reduce){.tea-size-scene img{transition:none}}
.tea-hero-object{width:100%;max-width:520px;transform-origin:center bottom;transition:transform .3s ease}.tea-hero-object .tin-tile{width:100%;aspect-ratio:1}.tea-size-scene{padding:20px 20px 30px;box-sizing:border-box;min-height:430px}@media(max-width:760px){.tea-size-scene{min-height:320px}}@media(prefers-reduced-motion:reduce){.tea-hero-object{transition:none}}