:root { --bg: #04102F; --panel: #14203F; --panel-2: #1A2645; --ink: #f4f2ec; --dim: #a6a9b2; --gold: #d9a441; --gold-soft: rgba(217,164,65,0.14); --line: rgba(244,242,236,0.20); --radius: 14px; --max: 1280px; --ease: cubic-bezier(.22,.61,.36,1); }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; overflow-x: hidden; }
body { margin: 0px; background: var(--bg); color: var(--ink); overflow-x: hidden; font-family: Inter, -apple-system, sans-serif; font-size: 16px; line-height: 1.55; -webkit-font-smoothing: antialiased; }
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
h1, h2, h3, h4 { font-family: Inter, sans-serif; font-weight: 800; letter-spacing: -0.02em; margin: 0px 0px 0.4em; color: var(--ink); }
.mono { font-family: "IBM Plex Mono", monospace; }
.wrap { max-width: var(--max); margin: 0px auto; padding: 0px 28px; }
button { font-family: inherit; cursor: pointer; appearance: none; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: inherit; }
:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) {
  * { animation-duration: 0.001ms !important; transition-duration: 0.001ms !important; }
}
.eyebrow { font-size: 0.78rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--gold); font-weight: 700; }
.hero .eyebrow { font-size: 0.95rem; text-shadow: rgba(0, 0, 0, 0.9) 0px 2px 10px, rgba(0, 0, 0, 0.95) 0px 1px 3px; }
.site-nav { position: sticky; top: 0px; z-index: 50; background: rgba(11, 13, 18, 0.88); backdrop-filter: blur(10px); border-bottom: 1px solid var(--line); }
.shipping-bar-label { font-size: 0.68rem; color: var(--dim); line-height: 1.25; }
.shipping-bar-value { font-size: 0.85rem; font-weight: 700; color: var(--ink); line-height: 1.3; }
#shipping-indicator { display: flex; flex-direction: column; align-items: flex-start; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; font-family: inherit; padding: 0px; text-align: left; }
.logo-shipping-group { display: flex; align-items: center; gap: 1.6rem; }
#shipping-bar { display: none; }
@media (max-width: 760px) {
  #shipping-indicator { display: none !important; }
  #shipping-bar { display: flex; flex-direction: column; align-items: flex-start; width: 100%; background: rgba(11, 13, 18, 0.6); border-top-width: medium; border-right-width: medium; border-left-width: medium; border-top-style: none; border-right-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-left-color: currentcolor; border-image: none; border-bottom: 1px solid var(--line); padding: 0.5rem 16px; text-align: left; cursor: pointer; font-family: inherit; }
}
.site-nav .wrap { display: flex; align-items: center; justify-content: space-between; height: 76px; }
.logo { font-weight: 800; font-size: 1.32rem; display: inline-flex; align-items: center; gap: 0.55rem; }
.logo-icon { height: 52px; width: auto; display: block; }
.nav-links { display: flex; gap: 2rem; list-style: none; margin: 0px; padding: 0px; font-size: 0.9rem; }
.nav-links a { opacity: 0.78; transition: opacity 0.2s, color 0.2s; }
.nav-links a:hover { opacity: 1; color: var(--gold); }
.nav-right { display: flex; align-items: center; gap: 1.4rem; }
.cart-btn { background: var(--gold); color: rgb(26, 18, 6); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 0.65rem 1.2rem; border-radius: 100px; font-size: 0.82rem; font-weight: 700; display: flex; align-items: center; gap: 0.5rem; }
.cart-count { background: rgb(26, 18, 6); color: var(--gold); border-radius: 50%; width: 18px; height: 18px; display: inline-flex; align-items: center; justify-content: center; font-size: 0.68rem; font-weight: 800; }
#mobile-nav-toggle { display: none; }
@media (max-width: 760px) {
  .site-nav .wrap { height: 64px; padding: 0px; }
  .logo { font-size: 1.05rem; gap: 0.4rem; }
  .logo-icon { height: 32px; }
  .nav-right { gap: 0.7rem; }
  .cart-btn { padding: 0.5rem 0.9rem; font-size: 0.78rem; }
  #account-menu-btn span:nth-of-type(2) { display: none; }
  #account-menu-btn { padding: 0.4rem; }
  .nav-links { display: none; position: absolute; top: 100%; left: 0px; right: 0px; flex-direction: column; gap: 0px; background: var(--panel); border-bottom: 1px solid var(--line); box-shadow: rgba(0, 0, 0, 0.35) 0px 12px 24px; padding: 0.5rem 0px; }
  .nav-links.mobile-open { display: flex; }
  .nav-links li { width: 100%; }
  .nav-links a { display: block; padding: 0.9rem 1.4rem; font-size: 0.95rem; }
  .nav-links a:hover { background: rgba(255, 255, 255, 0.04); }
  #mobile-nav-toggle { display: flex; flex-direction: column; justify-content: center; gap: 4px; width: 34px; height: 34px; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; padding: 0px; }
  #mobile-nav-toggle span { display: block; height: 2px; width: 100%; background: var(--ink); border-radius: 2px; transition: transform 0.2s, opacity 0.2s; }
  #mobile-nav-toggle.open span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
  #mobile-nav-toggle.open span:nth-child(2) { opacity: 0; }
  #mobile-nav-toggle.open span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }
}
.hero { position: relative; min-height: 78vh; display: flex; align-items: center; overflow: hidden; }
.hero-bg { position: absolute; inset: 0px; background-size: cover; background-repeat: no-repeat; background-position: center 35%; opacity: 0; transition: opacity 1.6s; }
.hero-bg.active { opacity: 1; }
.hero-video-panel { position: absolute; z-index: 2; right: 5%; top: 50%; transform: translateY(-50%); width: min(360px, 30vw); padding: 3rem; background: radial-gradient(rgba(11, 13, 18, 0.75) 0%, rgba(11, 13, 18, 0.5) 40%, rgba(11, 13, 18, 0.15) 65%, transparent 85%); }
.hero-video-frame { position: relative; }
.hero-video-frame video { width: 100%; display: block; transform: scale(1.2); mask-image: radial-gradient(55% 60%, black 30%, transparent 78%); filter: brightness(0.9) contrast(1.05); }
.hero-video-caption { position: absolute; left: 0px; right: 0px; bottom: 0px; z-index: 3; color: rgb(255, 255, 255); font-size: 0.85rem; font-weight: 600; text-align: center; padding: 1.2rem 0.8rem 0.8rem; background: linear-gradient(0deg, rgba(0, 0, 0, 0.75) 0%, transparent 100%); }
.hero-photo-tag { position: absolute; z-index: 2; left: 5%; bottom: 6%; font-size: 0.72rem; color: var(--dim); background: rgba(11, 13, 18, 0.5); padding: 0.35rem 0.7rem; border-radius: 100px; backdrop-filter: blur(4px); }
.hero-actions .btn-outline { background: rgba(11, 13, 18, 0.55); border-color: rgba(255, 255, 255, 0.75); backdrop-filter: blur(6px); box-shadow: none; }
.hero-actions .btn-outline:hover { background: rgba(217, 164, 65, 0.16); border-color: var(--gold); color: var(--gold); }
.hero-actions .btn-solid { background: linear-gradient(180deg, #f0bb63, var(--gold)); box-shadow: rgba(255, 255, 255, 0.45) 0px 1px 0px inset, rgb(169, 122, 42) 0px 5px 0px, rgba(0, 0, 0, 0.35) 0px 12px 24px; transition: all .15s var(--ease); }
.hero-actions .btn-solid:hover { transform: translateY(-1px); box-shadow: rgba(255, 255, 255, 0.45) 0px 1px 0px inset, rgb(169, 122, 42) 0px 6px 0px, rgba(0, 0, 0, 0.4) 0px 16px 28px; }
.hero-actions .btn-solid:active { transform: translateY(3px); box-shadow: rgba(255, 255, 255, 0.45) 0px 1px 0px inset, rgb(169, 122, 42) 0px 2px 0px, rgba(0, 0, 0, 0.3) 0px 6px 12px; }
.hero::before { content: ""; position: absolute; inset: 0px; z-index: 1; background: rgba(11, 13, 18, 0.5); }
.hero-scroll-cue { position: fixed; left: 50%; bottom: 0.6rem; transform: translateX(-50%); z-index: 50; display: flex; align-items: center; justify-content: center; width: 44px; height: 26px; border-radius: 100px; background: var(--gold); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 0px; cursor: pointer; animation: 1.8s ease-in-out 0s infinite normal none running heroScrollBounce, 1.8s ease-in-out 0s infinite normal none running heroScrollPulse; transition: opacity 0.3s; }
.hero-scroll-cue.hidden { opacity: 0; pointer-events: none; }
.hero-scroll-cue svg { width: 16px; height: 16px; }
@keyframes heroScrollBounce { 
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(5px); }
}
@keyframes heroScrollPulse { 
  0% { box-shadow: rgba(0, 0, 0, 0.4) 0px 4px 14px, rgba(217, 164, 65, 0.55) 0px 0px 0px 0px; }
  70% { box-shadow: rgba(0, 0, 0, 0.4) 0px 4px 14px, rgba(217, 164, 65, 0) 0px 0px 0px 12px; }
  100% { box-shadow: rgba(0, 0, 0, 0.4) 0px 4px 14px, rgba(217, 164, 65, 0) 0px 0px 0px 0px; }
}
@media (prefers-reduced-motion: reduce) {
  .hero-scroll-cue { animation: auto ease 0s 1 normal none running none; }
}
@media (max-width: 760px) {
  .hero-scroll-cue { display: none; }
}
.hero h1 { text-shadow: rgba(0, 0, 0, 0.7) 0px 4px 24px; font-size: clamp(2.4rem, 5.5vw, 4.4rem); line-height: 1.05; max-width: 16ch; margin-top: 0.6rem; }
.hero-inner { position: relative; z-index: 2; padding: 5rem 0px; }
@media (max-width: 760px) {
  .hero-inner { display: flex; flex-direction: column; }
  .hero .eyebrow { order: 0; }
  .hero h1 { order: 1; }
  .hero-tagline { order: 2; }
  .hero-actions { order: 3; margin-top: 1.4rem; }
  .hero-frank-badge { order: 4; }
}
.hero p { max-width: 52ch; color: rgb(232, 230, 224); margin-top: 1.2rem; text-shadow: rgba(0, 0, 0, 0.6) 0px 2px 12px; }
.hero-tagline { position: relative; font-size: 1.25rem; line-height: 1.55; color: rgb(240, 239, 233); margin-top: 1.6rem; max-width: 46ch; padding-left: 1.4rem; text-shadow: rgba(0, 0, 0, 0.6) 0px 2px 12px; }
.hero-tagline-mark { position: absolute; left: 0px; top: 0.15em; bottom: 0.3em; width: 3px; background: linear-gradient(180deg, var(--gold), transparent); }
.hero-tagline-sub { display: inline-block; margin-top: 0.7rem; font-size: 0.82em; color: rgb(200, 198, 192); font-weight: 400; }
.hero-emphasis { color: var(--gold); font-weight: 700; }
.hero-actions { margin-top: 1.6rem; display: flex; gap: 1rem; flex-wrap: wrap; }
.hero-frank-badge { display: inline-flex; align-items: center; gap: 1rem; flex-wrap: wrap; margin-top: 1.6rem; padding: 0.7rem 1.6rem 0.7rem 0.7rem; max-width: 100%; background: var(--ink); border-radius: 100px; transition: transform 0.2s, box-shadow 0.2s; }
.hero-frank-badge:hover { box-shadow: rgba(244, 242, 236, 0.25) 0px 8px 24px; }
.hero-frank-badge img { width: 58px; height: 58px; border-radius: 50%; object-fit: cover; flex-shrink: 0; border: 2px solid var(--gold); }
.hero-frank-badge span { font-size: 0.95rem; color: var(--bg); font-weight: 600; line-height: 1.4; }
.hero-frank-badge b { font-weight: 800; }
.hero-frank-badge-arrow { display: inline-block; transition: transform 0.2s; }
.hero-frank-badge:hover .hero-frank-badge-arrow { transform: translateX(3px); }
@media (max-width: 760px) {
  .hero-frank-badge { border-radius: 20px; padding: 1rem 1.3rem; gap: 0.8rem; margin-top: 1.2rem; margin-right: 64px; }
  .hero-frank-badge img { display: none; }
  .hero-frank-badge span { font-size: 0.88rem; }
}
.frank-tooltip-trigger { position: relative; text-decoration: underline dotted; text-underline-offset: 3px; cursor: help; }
.frank-tooltip { position: fixed; z-index: 200; width: 300px; max-width: calc(-2rem + 100vw); background: var(--panel); border: 1px solid var(--line); border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.5) 0px 20px 50px; overflow: hidden; opacity: 0; visibility: hidden; transform: translateY(-6px); transition: opacity 0.18s, transform 0.18s, visibility 0.18s; pointer-events: none; }
.frank-tooltip-trigger:hover .frank-tooltip, .frank-tooltip-trigger:focus-within .frank-tooltip { opacity: 1; visibility: visible; transform: translateY(0px); }
.frank-tooltip img { width: 100%; height: 160px; object-fit: cover; display: block; }
.frank-tooltip-body { display: block; padding: 0.9rem 1rem; font-size: 0.8rem; line-height: 1.55; color: var(--dim); font-weight: 400; }
@media (max-width: 760px) {
  .frank-tooltip { display: none; }
}
@keyframes heroFadeUp { 
  0% { opacity: 0; transform: translateY(18px); }
  100% { opacity: 1; transform: translateY(0px); }
}
.hero .eyebrow, .hero h1, .hero-tagline, .hero-inner > a, .hero-actions { opacity: 0; animation: 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0s 1 normal forwards running heroFadeUp; }
.hero .eyebrow { animation-delay: 0.1s; }
.hero h1 { animation-delay: 0.22s; }
.hero-tagline { animation-delay: 0.36s; }
.hero-inner > a { animation-delay: 0.5s; }
.hero-actions { animation-delay: 0.62s; }
@media (max-width: 900px) {
  .hero-video-panel { display: none; }
}
.btn { display: inline-block; padding: 0.9rem 1.7rem; border-radius: 100px; font-size: 0.92rem; font-weight: 700; text-align: center; transition: all .2s var(--ease); border: 1.5px solid transparent; }
.btn-solid { background: var(--gold); color: rgb(26, 18, 6); }
.btn-solid:hover { transform: translateY(-2px); box-shadow: 0 8px 24px var(--gold-soft); }
.btn-outline { border-color: var(--line); color: var(--ink); }
.btn-outline:hover { border-color: var(--gold); color: var(--gold); }
section { padding: 5rem 0px; }
.section-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 2rem; margin-bottom: 2.6rem; flex-wrap: wrap; }
.section-head h1, .section-head h2 { font-size: clamp(1.8rem, 3vw, 2.6rem); margin: 0px; }
.section-head p { color: var(--dim); max-width: 44ch; margin: 0px; font-size: 0.98rem; }
.cat-tabs { display: flex; gap: 0.6rem; flex-wrap: wrap; margin-bottom: 2.6rem; }
.path-bar { display: flex; gap: 0.8rem; margin-bottom: 2rem; flex-wrap: wrap; }
.path-chip { display: flex; align-items: center; gap: 0.5rem; padding: 0.65rem 1.2rem; border-radius: 100px; background: var(--gold); color: rgb(26, 18, 6); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; font-size: 0.82rem; font-weight: 700; }
.path-chip:hover { background: rgb(224, 145, 63); }
.cat-tab { background: var(--panel); border: 1px solid var(--line); color: var(--ink); padding: 0.6rem 1.2rem; border-radius: 100px; font-size: 0.85rem; font-weight: 600; transition: 0.2s; }
.cat-tab.active, .cat-tab:hover { background: var(--gold); color: rgb(26, 18, 6); border-color: var(--gold); }
.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); gap: 1.6rem; }
.card { display: block; background: var(--panel); border-radius: var(--radius); overflow: hidden; border: 1px solid var(--line); transition: transform .3s var(--ease), border-color .3s; }
.card:hover { transform: translateY(-4px); border-color: rgba(217, 164, 65, 0.4); }
.card-media { aspect-ratio: 1 / 1; overflow: hidden; position: relative; background: radial-gradient(ellipse at center, var(--panel) 0%, var(--bg) 100%); display: flex; align-items: center; justify-content: center; }
.card-media img { width: 100%; height: 100%; object-fit: cover; }
.card-body { padding: 1.2rem 1.3rem 1.4rem; }
.card-body h4 { font-size: 1.05rem; margin-bottom: 0.2rem; }
.card-foot { display: flex; justify-content: space-between; align-items: center; margin-top: 0.9rem; }
.price { font-weight: 700; color: var(--gold); font-size: 1.02rem; }
.buy-box { position: sticky; top: 96px; border: 3px solid rgba(244, 242, 236, 0.35); border-radius: 14px; background: var(--panel); padding: 1.3rem; min-width: 0px; }
.card-foot span:last-child { font-size: 0.82rem; color: var(--dim); }
.gallery-grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 200px; gap: 10px; }
.gallery-grid > div { overflow: hidden; border-radius: 10px; background: var(--panel); }
.gallery-grid img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s var(--ease); }
.gallery-grid > div:hover img { transform: scale(1.06); }
.gallery-grid .tall { grid-row: span 2; }
.gallery-grid .wide { grid-column: span 2; }
@media (max-width: 860px) {
  .gallery-grid { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 150px; }
}
.frank-hero { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 3rem; align-items: start; }
.frank-hero p { font-size: 1.03rem; line-height: 1.75; margin-bottom: 1.1rem; color: var(--dim); }
.frank-links { display: flex; flex-wrap: wrap; gap: 0.8rem; margin-top: 1.6rem; }
.frank-link { display: inline-flex; align-items: center; gap: 0.6rem; padding: 0.9rem 1.3rem; border-radius: 100px; background: var(--gold); color: rgb(26, 18, 6); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; font-weight: 700; font-size: 0.85rem; transition: 0.2s; }
.frank-link:hover { background: rgb(224, 145, 63); transform: translateY(-2px); }
.video-embed { position: relative; width: 100%; aspect-ratio: 16 / 9; background: var(--panel); border-radius: var(--radius); overflow: hidden; }
.video-embed iframe { width: 100%; height: 100%; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.form-card { max-width: 680px; background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius); padding: 2rem 2.2rem; }
@media (max-width: 600px) {
  .form-card { padding: 1.4rem 1.3rem; }
}
.field { margin-bottom: 1.5rem; }
.field label { display: block; font-size: 0.85rem; font-weight: 600; margin-bottom: 0.6rem; color: var(--dim); }
.field input[type="text"], .field input[type="email"], .field textarea, .field select { width: 100%; background: rgb(255, 255, 255); border: 1px solid var(--line); color: rgb(26, 37, 64); border-radius: 10px; padding: 0.85rem 1rem; font-family: inherit; font-size: 0.95rem; }
.field textarea { min-height: 120px; resize: vertical; }
.field input:-webkit-autofill, .field input:-webkit-autofill:hover, .field input:-webkit-autofill:focus { caret-color: var(--ink); transition: background-color 5000s ease-in-out; box-shadow: 0 0 0px 1000px var(--panel) inset !important; -webkit-text-fill-color: var(--ink) !important; }
.dropzone { border: 1.5px dashed var(--line); border-radius: var(--radius); padding: 2rem 1.2rem; text-align: center; font-size: 0.88rem; color: var(--dim); transition: 0.2s; }
.dropzone.drag { border-color: var(--gold); color: var(--gold); }
.dropzone input { display: none; }
.thumb-row { display: flex; gap: 0.6rem; flex-wrap: wrap; margin-top: 1rem; }
.thumb { width: 64px; height: 64px; overflow: hidden; border-radius: 8px; border: 1px solid var(--line); }
.thumb img { width: 100%; height: 100%; object-fit: cover; }
.ref-picker { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 0.6rem; margin-top: 1rem; }
.ref-opt { position: relative; aspect-ratio: 1 / 1; overflow: hidden; border-radius: 10px; border: 2px solid transparent; cursor: pointer; }
.ref-opt img { width: 100%; height: 100%; object-fit: cover; }
.ref-opt.selected { border-color: var(--gold); }
.ref-opt.none-opt { display: flex; align-items: center; justify-content: center; background: var(--panel); font-size: 0.75rem; text-align: center; padding: 0.5rem; font-weight: 600; }
.cart-overlay { position: fixed; inset: 0px; background: rgba(0, 0, 0, 0.6); opacity: 0; pointer-events: none; transition: opacity 0.25s; z-index: 90; }
.cart-overlay.open { opacity: 1; pointer-events: auto; }
.cart-drawer { position: fixed; top: 0px; right: 0px; height: 100%; width: min(420px, 92vw); background: var(--panel); border-left: 1px solid var(--line); transform: translateX(100%); transition: transform .3s var(--ease); z-index: 91; display: flex; flex-direction: column; }
.cart-drawer.open { transform: translateX(0px); }
.cart-head { padding: 1.4rem 1.6rem; border-bottom: 1px solid var(--line); display: flex; justify-content: space-between; align-items: center; }
.cart-items { flex: 1 1 0%; overflow-y: auto; padding: 1rem 1.6rem; }
.cart-item { display: flex; gap: 0.9rem; padding: 0.9rem 0px; border-bottom: 1px solid var(--line); }
.cart-item .thumb { width: 56px; height: 56px; flex-shrink: 0; }
.cart-item-info { flex: 1 1 0%; font-size: 0.85rem; }
.cart-item-info .meta { color: var(--dim); font-size: 0.76rem; }
.cart-item-remove { background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: var(--dim); font-size: 0.76rem; text-decoration: underline; padding: 0px; margin-top: 0.3rem; }
.cart-foot { padding: 1.4rem 1.6rem; border-top: 1px solid var(--line); }
.cart-line { display: flex; justify-content: space-between; font-size: 0.88rem; margin-bottom: 0.5rem; }
.cart-line.total { font-size: 1.05rem; font-weight: 700; margin-top: 0.8rem; }
.empty-cart { color: var(--dim); font-size: 0.9rem; text-align: center; padding: 3rem 0px; }
.shipping-note { font-size: 0.74rem; color: var(--dim); margin-top: 0.6rem; }
.card-collage { aspect-ratio: 16 / 10; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 3px; background: var(--line); overflow: hidden; }
.card-collage img { width: 100%; height: 100%; object-fit: cover; }
footer { padding: 3rem 0px 6.5rem; font-size: 0.85rem; color: var(--dim); border-top: 1px solid var(--line); }
footer .wrap { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 1rem; }
@media (max-width: 860px) {
  .frank-hero { grid-template-columns: minmax(0px, 1fr); }
}
.gia-lightbox { position: fixed; inset: 0px; background: rgba(6, 7, 10, 0.96); z-index: 200; display: none; align-items: center; justify-content: center; }
.gia-lightbox.open { display: flex; }
.gia-lb-stage { position: relative; width: 90vw; height: 82vh; overflow: hidden; display: flex; align-items: center; justify-content: center; touch-action: none; }
.gia-lb-stage img { max-width: 100%; max-height: 100%; user-select: none; -webkit-user-drag: none; transition: transform 0.15s ease-out; cursor: grab; }
.gia-lb-stage img.dragging { transition: none; cursor: grabbing; }
.gia-lb-btn { position: absolute; z-index: 210; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.25); color: rgb(255, 255, 255); border-radius: 50%; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; font-size: 1.3rem; cursor: pointer; backdrop-filter: blur(4px); }
.gia-lb-btn:hover { background: rgba(255, 255, 255, 0.2); }
.gia-lb-close { top: 2vw; right: 2vw; }
.gia-lb-zoom-controls { position: absolute; bottom: 2vw; left: 50%; transform: translateX(-50%); display: flex; gap: 0.6rem; z-index: 210; }
.gia-lb-zoom-controls .gia-lb-btn { position: static; width: 42px; height: 42px; font-size: 1.1rem; }
@media (max-width: 600px) {
  .wrap { padding: 0px 16px; }
  h1 { font-size: 1.8rem; }
  h2 { font-size: 1.5rem; }
  .btn { padding: 0.8rem 1.3rem; font-size: 0.85rem; }
  .grid { grid-template-columns: repeat(2, 1fr); gap: 0.7rem; }
  .buy-box { padding: 1rem; border-width: 2px; }
  .card-body { padding: 0.7rem 0.8rem 0.85rem; }
  .card-body h4 { font-size: 0.85rem; margin-bottom: 0px; line-height: 1.3; }
  .card-foot { margin-top: 0.5rem; }
  .card-foot .price { font-size: 0.88rem; }
  .card-foot span:last-child { font-size: 0.78rem; }
  .choice-btn { padding: 0.55rem 0.9rem; font-size: 0.8rem; }
  .swatch-circle { width: 38px; height: 38px; }
  .section-head { margin-bottom: 1.2rem; }
  table.catalog { font-size: 0.78rem; }
  .gia-lb-stage { width: 96vw; height: 70vh; }
  .gia-lb-btn { width: 40px; height: 40px; font-size: 1.1rem; }
  .gia-lb-zoom-controls { bottom: 4vw; }
}
.table-scroll { overflow-x: auto; }
input[type="text"], input[type="email"], input[type="number"], input[type="password"], input[type="date"], select, textarea { font-size: 16px !important; }
.unpacking-guide-card { background: var(--panel); border: 1px solid var(--line); border-radius: 14px; padding: 1.8rem; max-width: 880px; width: 100%; max-height: 90vh; overflow-y: auto; }
.unpacking-guide-items { display: flex; flex-wrap: wrap; justify-content: center; gap: 1.6rem 1.4rem; }
.unpacking-guide-item { flex: 0 0 180px; display: flex; flex-direction: column; align-items: center; text-align: center; }
.unpacking-guide-img-wrap { position: relative; width: 100%; }
.unpacking-guide-item img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 8px; display: block; }
.unpacking-guide-close { background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: var(--dim); font-size: 1.4rem; line-height: 1; cursor: pointer; padding: 0.3rem; margin: -0.3rem; border-radius: 6px; }
@media (max-width: 760px) {
  .unpacking-guide-overlay { padding: 0px !important; align-items: flex-end !important; }
  .unpacking-guide-card { max-width: 100%; width: 100%; max-height: 94vh; border-radius: 16px 16px 0px 0px; padding: 1.3rem 1.2rem 1.8rem; }
  .unpacking-guide-items { gap: 1.6rem; }
  .unpacking-guide-item { flex: 0 0 100%; flex-direction: row; align-items: center; text-align: left; gap: 1rem; max-width: none; }
  .unpacking-guide-img-wrap { width: 110px; flex: 0 0 auto; }
  .unpacking-guide-item p { font-size: 0.92rem !important; margin: 0px !important; }
  .unpacking-guide-close { font-size: 1.7rem; padding: 0.5rem; margin: -0.5rem; }
}/* Local story-only extension of the verified official navy/gold template. */
.version{padding:6px 4%;font-size:12px;background:#14203f;color:#e7c78a;text-align:center;letter-spacing:.04em}.site-nav{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px max(4%,calc((100% - 1280px)/2));background:#0b0d12;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;font-size:23px;font-weight:800;white-space:nowrap}.brand img{width:38px;height:45px;object-fit:contain}.site-nav>div{display:flex;align-items:center;gap:25px}.site-nav>div a{font-size:14px}.site-nav a:hover{color:var(--gold)}.skip{position:absolute;top:-80px;left:20px;z-index:20;background:var(--gold);color:#14203f;padding:10px}.skip:focus{top:5px}:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.wrap{max-width:1280px;margin:auto;padding-inline:32px}.hero{min-height:640px;height:calc(100svh - 110px);max-height:850px}.hero-bg{background-position:center 40%}.hero-inner{position:relative;z-index:3;width:100%;max-width:1050px;padding:48px 32px;pointer-events:none}.hero-inner>*{pointer-events:auto;max-width:650px}.hero h1{font-size:clamp(42px,4.8vw,68px);line-height:1.08;max-width:700px}.hero .eyebrow{font-size:13px}.hero-tagline{font-size:20px;max-width:550px}.hero-frank-badge{display:flex;align-items:center;gap:14px;padding:12px 18px;background:#f4f2ec;border-radius:60px;color:#10203c!important;margin:24px 0;width:fit-content;max-width:620px;font-size:16px}.hero-frank-badge img{width:54px;height:54px;object-fit:cover;border-radius:50%;flex-shrink:0}.hero-actions{display:flex;gap:14px;margin:0}.hero-video-panel{right:3%;width:min(330px,27vw);padding:22px;z-index:2}.hero-video-frame video{transform:none}.motion-toggle{position:relative;margin:8px auto 0;display:block;background:#14203fd9;color:#f4f2ec;border:1px solid #a6a9b2;border-radius:22px;padding:7px 12px;font:inherit;font-size:12px;cursor:pointer}.band{padding:85px 0;background:var(--bg)}.band:nth-of-type(even){background:#081535}.band-head{margin-bottom:34px;max-width:850px}.band-head h2,.origin h2{font-size:clamp(32px,4vw,49px);line-height:1.12}.band-lede{color:#ced1d9;font-size:18px;max-width:72ch}.band-head .eyebrow{color:var(--gold)}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 24px}.work-item{margin:0;min-width:0}.work-item img{width:100%;height:430px;object-fit:contain;background:#0b1020;border-radius:12px}.work-item.wide{grid-column:span 2}.work-item.wide img{object-fit:contain}.work-item figcaption{color:#c6cbd5;font-size:15px;line-height:1.65;padding:14px 2px 0;max-width:65ch}.sphere-pair{grid-column:span 2;display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:24px}.sphere-pair figure{margin:0}.sphere-pair figure:first-child img{height:510px}.sphere-pair figure:last-child img{height:340px}.band-quotes{margin:65px auto 0;max-width:850px;border-left:2px solid var(--gold);padding:8px 28px;font-size:22px}.frank-intro{margin-bottom:25px}.frank-note{background:var(--panel);padding:26px;border-radius:14px;display:grid;grid-template-columns:1.3fr 1fr;gap:38px}.frank-note p{margin:0 0 16px}.frank-note-quote{color:var(--gold);font-size:24px}.frank-note-quote span{display:block;font-size:13px}.frank-honours{margin:0;padding-left:20px;line-height:1.7}.frank-honours li{margin-bottom:14px}.archive-link{margin:12px 0 45px}.timeline{position:relative}.timeline:before{content:'';position:absolute;left:50%;top:0;bottom:0;width:1px;background:#8d713c}.t-item{display:grid;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);gap:24px;align-items:start;margin-bottom:65px}.t-content,.t-media{min-width:0}.t-date{display:flex;justify-content:center}.t-dot{height:14px;width:14px;border-radius:50%;background:var(--gold);border:3px solid var(--panel);box-shadow:0 0 0 1px var(--gold);margin-top:8px}.story-text{font-size:17px;line-height:1.8;text-align:left}.story-text p{margin-top:0}.t-year{display:block;color:var(--gold);font-size:14px;font-weight:700;margin-bottom:12px}.t-media video{width:100%;max-height:470px;background:#0b0d12;border-radius:12px}.t-media figcaption{font-size:13px;color:#b9c0cd;margin-top:10px;text-align:left}.video-embed{position:relative;aspect-ratio:16/9;width:100%;background:#14203f;border-radius:12px;overflow:hidden}.video-embed iframe{border:0;width:100%;height:100%;display:block}.origin{max-width:820px;margin:auto;font-size:18px;line-height:1.8}.origin p{margin:24px 0}.origin-film{margin:32px 0}.origin-film figcaption{font-size:14px;color:#bdc4d1}.origin-pull{padding-left:25px;border-left:2px solid var(--gold);font-size:25px}.origin-sub{font-size:28px;margin-top:42px}.frank-wall{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 34px;align-items:start}.archive-card{min-width:0}.archive-card>img{width:100%;height:390px;object-fit:contain;border-radius:12px;background:#0b1020}.archive-card>div{padding:20px 2px}.archive-card h3{font-size:23px;margin:0 0 14px}.archive-card p{font-size:16px;line-height:1.85;color:#cbd0da;margin:0 0 15px;max-width:65ch}.sheets,.after,.collection{margin-top:72px}.sheets>p,.after>p,.collection>p{max-width:75ch;font-size:17px;color:#cbd0da;line-height:1.8}.sheets h3,.after h3,.collection h3{font-size:30px}.sheet-row,.collection-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:25px}.sheet-row img,.collection-row img{width:100%;max-height:460px;object-fit:contain;background:#0b1020;border-radius:10px}.wall-note{margin-top:55px;color:#d4c6aa;font-size:20px}.films{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px}.film{margin:0;background:var(--panel);border-radius:12px;overflow:hidden}.film figcaption{padding:15px 17px;font-weight:700}.close-band{text-align:center}.close-band h2{font-size:40px}.close-band p{max-width:650px;margin:20px auto}.close-mail{color:var(--gold);font-size:clamp(20px,3vw,30px)}footer{padding:35px 5%;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}footer p{font-size:13px;color:var(--dim)}html{scroll-padding-top:20px}section{scroll-margin-top:20px}
@media(min-width:901px) and (max-height:750px){.hero{min-height:530px}.hero-inner{padding-block:24px}.hero h1{font-size:52px}.hero-frank-badge{margin-block:18px}.hero-tagline{font-size:18px}}
@media(max-width:1050px){.site-nav{flex-wrap:wrap;justify-content:center;gap:12px}.hero-inner{padding-right:28%;padding-left:6%}.hero h1{font-size:48px}.work-item img{height:340px}.hero-video-panel{right:0;width:27vw;padding:8px}}
@media(max-width:760px){.version{font-size:10px}.site-nav{padding:14px 18px}.brand{font-size:22px}.site-nav>div{gap:8px 18px;flex-wrap:wrap;justify-content:center}.site-nav>div a{font-size:12px;padding:5px 0}.hero{height:auto;max-height:none;min-height:680px;align-items:flex-start}.hero-bg{background-position:62% center;opacity:.75!important}.hero-inner{padding:32px 23px 270px}.hero h1{font-size:39px;max-width:12ch}.hero-tagline{font-size:17px;max-width:33ch}.hero .eyebrow{font-size:11px;max-width:28ch}.hero-frank-badge{font-size:14px;padding:10px 13px;gap:10px;border-radius:20px}.hero-frank-badge img{width:43px;height:43px}.hero-actions{flex-wrap:wrap;gap:10px}.hero-actions .btn{font-size:13px;padding:12px 16px}.hero-video-panel{display:block!important;top:auto;bottom:15px;right:calc(50% - 110px);transform:none;width:220px;padding:0}.hero-video-frame video{height:225px;object-fit:contain}.motion-toggle{font-size:11px;padding:5px 10px;margin-top:0}.wrap{padding-inline:22px}.band{padding:55px 0}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 15px}.work-item img{height:280px}.work-item.wide{grid-column:span 2}.work-item.wide img{height:auto;max-height:380px}.work-item figcaption{font-size:13px}.sphere-pair figure:first-child img{height:310px}.sphere-pair figure:last-child img{height:230px}.sphere-pair{gap:15px}.frank-note{display:block;padding:22px}.frank-honours{margin-top:25px}.timeline:before{left:0}.t-item{display:flex;flex-direction:column;gap:20px;padding-left:20px;position:relative;margin-bottom:48px}.t-content{order:0}.t-media{order:1;width:100%}.t-date{position:absolute;left:-7px;top:0}.story-text{font-size:16px}.frank-wall{grid-template-columns:1fr;gap:24px}.archive-card>img{height:auto;max-height:440px}.archive-card p{font-size:16px}.sheet-row,.collection-row{gap:14px}.films{grid-template-columns:1fr 1fr;gap:18px 14px}.film figcaption{font-size:13px;padding:12px}.origin{font-size:17px}.band-quotes{font-size:19px;margin-top:35px}.close-band h2{font-size:30px}footer{display:block;text-align:center}}
@media(max-width:430px){.films{grid-template-columns:1fr}.work-item img{height:235px}.work-item figcaption{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
@media print{img,video,iframe,.video-embed,.hero-bg,.hero-video-panel,.site-nav,.version,.hero-actions,.hero-frank-badge,.image-contact-menu{display:none!important}body,.band{background:white!important;color:#222!important}h1,h2,h3,p,figcaption{color:#222!important}.hero{height:auto;min-height:0}.hero-inner{padding:0}.work-grid,.frank-wall,.timeline,.t-item{display:block}.archive-card{break-inside:avoid}}
.hero-frank-badge{flex-wrap:nowrap}.hero .eyebrow,.hero h1,.hero-tagline,.hero-inner>a,.hero-actions{opacity:1;animation:none}.gia-ask{position:fixed;z-index:1000;background:#14203f;color:#f4f2ec;border:1px solid #d9a441;border-radius:12px;max-width:calc(100vw - 24px);padding:18px 45px 18px 18px;box-shadow:0 8px 35px #0006}.gia-ask p{margin:0 0 8px}.gia-ask-mail{color:#e9b95c}.gia-ask-close{position:absolute;right:8px;top:6px;border:0;background:transparent;color:white;font-size:24px;cursor:pointer}@media(max-width:760px){.hero-frank-badge{order:3;margin-right:0}.hero-actions{order:4!important}.hero-frank-badge img{display:block}.hero-frank-badge span{font-size:14px}}@media print{.gia-ask{display:none!important}}
/* Rendered desktop review: lead history with the personal story and art. */
#frank .archive-link{margin:0 0 32px}#frank .frank-intro{margin-top:45px}.archive-introduction{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:45px;align-items:start;margin-bottom:32px}.archive-introduction .band-head{margin-bottom:0}.archive-introduction .band-lede{font-size:16px;line-height:1.65}.archive-introduction figure{margin:0;padding-top:5px}.archive-introduction img{width:100%;height:440px;object-fit:contain;background:#0b1020;border-radius:12px}.archive-introduction figcaption{font-size:13px;color:#bbc2cf;margin-top:12px}.band{padding-top:60px}.hero-video-panel{top:45%}
@media(max-width:760px){.archive-introduction{grid-template-columns:1fr;gap:18px}.archive-introduction figure{grid-row:2}.archive-introduction img{height:auto;max-height:420px}.band{padding-top:45px}.hero-video-panel{top:auto}}
html{scroll-behavior:auto}.sheet-row img,.collection-row img{height:auto}.brand img{height:45px}.hero-frank-badge img{height:54px}
@media(max-width:760px){.hero-frank-badge img{height:43px}.archive-introduction .band-head{display:contents}.archive-introduction .eyebrow{grid-row:1}.archive-introduction h2{grid-row:2}.archive-introduction .band-lede-first{grid-row:3}.archive-introduction figure{grid-row:4}}
.t-media video{height:auto}.hero-video-frame video{height:auto}@media(max-width:760px){.hero-video-frame video{height:225px}}
.video-preview{display:block;position:relative;width:100%;height:100%;border:0;padding:0;background:#14203f;cursor:pointer;color:#10203c}.video-preview img{display:block;width:100%;height:100%;object-fit:cover}.video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;background:#f4f2ec;display:flex;align-items:center;justify-content:center;padding-left:4px;font-size:24px;box-shadow:0 4px 20px #0005}.video-preview:hover .video-play{background:#e9b95c}.video-preview:focus-visible{outline-offset:-4px}.video-embed:has([data-video="5WgjHhQVdv8"]){aspect-ratio:983/794}@media print{.video-preview{display:none!important}}
/* v34: coherent artwork scale and stable in-card reading, same official template. */
.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 28px}.work-item.wide{grid-column:1/-1}.work-item img{height:470px;background:transparent}.work-item.wide img{height:520px}.sphere-pair{grid-column:1/-1;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:6%;max-width:1050px;width:100%;margin:20px auto 35px}.sphere-pair figure:first-child img{height:590px}.sphere-pair figure:last-child img{height:380px}.sphere-pair figure{max-width:100%}.t-item{grid-template-columns:minmax(0,1fr) 120px minmax(0,1fr);gap:22px}.t-date{position:relative;min-height:40px}.t-date .event-label{position:absolute;right:calc(50% + 12px);top:2px;width:96px;text-align:right;font-size:12px;font-weight:700;line-height:1.45;color:var(--gold)}.t-date .t-dot{margin-top:6px}.frank-wall{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 26px}.archive-card{height:565px;display:flex;flex-direction:column;min-width:0;overflow:hidden}.archive-card>img{width:100%;height:320px;min-height:320px;object-fit:contain;background:transparent;border-radius:8px}.archive-card>div{padding:17px 0 0}.archive-copy{display:flex;flex-direction:column;min-height:0;flex:1}.archive-card h3{font-size:21px;line-height:1.2;min-height:50px;margin-bottom:10px}.story-text-scroll{font-size:15px;line-height:1.65;color:#cbd0da;overflow:hidden;min-height:0}.story-text-scroll p{font-size:15px;line-height:1.65;margin:0 0 16px}.story-card:not(.reading) .story-text-scroll{max-height:100px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}.story-toggle{align-self:flex-start;margin-top:auto;padding:11px 0 0;background:none;border:0;color:#e9b95c;font:inherit;font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.story-card.reading>img{height:120px;min-height:120px;object-fit:contain;align-self:flex-start;width:40%}.story-card.reading .archive-copy{flex:1;min-height:0}.story-card.reading h3{min-height:0}.story-card.reading .story-text-scroll{overflow:auto;flex:1;padding-right:14px;scrollbar-color:#d9a441 #14203f;scrollbar-width:thin}.story-card.reading .story-toggle{padding-top:14px;flex-shrink:0}.story-extra{margin:20px 0}.story-extra img{height:auto;width:100%;object-fit:contain;background:none}.story-extra figcaption{font-size:13px;line-height:1.6;margin-top:10px;color:#bbc3d2}.collection-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.collection-row img{width:100%;height:340px;max-height:none;object-fit:cover;background:transparent}.collection-row img:first-child{grid-column:1/-1;height:auto;max-height:460px;object-fit:contain}.collection-row img:last-child{grid-column:1/-1;height:470px;object-fit:cover;object-position:center 72%}.sheet-row img{background:transparent}.archive-introduction img{background:transparent}
@media(max-width:1000px){.frank-wall{grid-template-columns:repeat(2,minmax(0,1fr))}.t-item{grid-template-columns:minmax(0,1fr) 80px minmax(0,1fr);gap:16px}.t-date .event-label{width:75px;font-size:11px}.work-item img{height:390px}.sphere-pair figure:first-child img{height:490px}.sphere-pair figure:last-child img{height:320px}}
@media(max-width:760px){.work-grid{gap:30px 18px}.work-item img{height:320px}.work-item.wide img{height:auto;max-height:460px}.sphere-pair{gap:18px;margin:15px 0 25px}.sphere-pair figure:first-child img{height:350px}.sphere-pair figure:last-child img{height:240px}.t-item{display:flex;padding-left:24px;padding-top:30px}.t-date{left:-7px;top:0}.t-date .event-label{left:24px;right:auto;top:0;width:160px;text-align:left;font-size:13px}.archive-card{height:565px}.frank-wall{grid-template-columns:1fr}.archive-card>img{height:320px;min-height:320px}.archive-card h3{min-height:0}.collection-row img{height:240px}.collection-row img:last-child{height:310px}.story-card.reading>img{height:120px;min-height:120px}}
@media(max-width:430px){.work-grid{grid-template-columns:1fr}.work-item img{height:440px}.work-item.wide{grid-column:auto}.sphere-pair{grid-column:1/-1;grid-template-columns:1.3fr 1fr}.sphere-pair figure:first-child img{height:310px}.sphere-pair figure:last-child img{height:220px}.sphere-pair figcaption{font-size:12px}.collection-row img{height:190px}.collection-row img:last-child{height:280px}}
@media print{.archive-card{height:auto;display:block;overflow:visible}.story-text-scroll,.story-card:not(.reading) .story-text-scroll{display:block;overflow:visible;max-height:none}.story-toggle{display:none}}
@media(max-width:760px){.archive-card:not(.story-card){height:auto;min-height:0;padding-bottom:16px}.archive-card:not(.story-card)>img{height:320px;min-height:320px}}
/* Timeline labels occupy their own reserved strip; no text can collide. */
.t-item{padding-top:42px;position:relative}.t-item .t-date{position:absolute;left:calc(50% - 60px);top:0;width:120px;min-height:35px}.t-item .t-content,.t-item .t-media{grid-row:1}.t-item>.t-content:first-child,.t-item>.t-media:first-child{grid-column:1}.t-item>.t-content:last-child,.t-item>.t-media:last-child{grid-column:3}.t-date .event-label{top:0;right:calc(50% + 13px);width:130px}.t-date .t-dot{margin-top:4px}.collection-row img:last-child{grid-column:auto;height:340px;object-fit:cover;object-position:center}.physical-finale{display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:40px;align-items:center;margin-top:24px}.physical-finale figure{margin:0}.physical-finale img{width:100%;height:500px;object-fit:cover;object-position:center 48%;border-radius:10px}.physical-finale p{font-size:20px;line-height:1.8;max-width:38ch;color:#cbd0da}
@media(max-width:760px){.t-item{padding-top:37px}.t-item .t-date{left:-7px;width:14px}.t-date .event-label{left:24px;right:auto;top:0;width:180px}.physical-finale{grid-template-columns:1fr;gap:16px}.physical-finale figure{max-width:440px}.physical-finale img{height:450px}.physical-finale p{font-size:17px;max-width:100%}.collection-row img:last-child{height:240px}}
@media(max-width:430px){.collection-row img:last-child{height:190px}.physical-finale img{height:420px}}
.physical-finale img{object-position:center 30%}
/* v35: give the artwork and the actual making process the page's strongest scale. */
#the-work>.wrap{max-width:1450px;padding-inline:clamp(24px,4vw,65px)}#the-work .band-head{display:grid;grid-template-columns:.8fr 1.2fr;column-gap:60px;align-items:end;max-width:none;margin-bottom:45px}#the-work .band-head .eyebrow{grid-column:1;grid-row:1;margin-bottom:8px}#the-work .band-head h2{grid-column:1;grid-row:2;font-size:clamp(54px,6.4vw,88px);line-height:.98;margin:0}#the-work .band-head .band-lede{grid-column:2;grid-row:1/span 2;margin:0;font-size:18px;line-height:1.7;max-width:55ch}.work-grid{column-gap:45px;row-gap:65px}.work-item:not(.wide):not(.sphere-pair)>img{height:530px}.scene-work>img{height:610px!important;max-height:75svh;object-fit:contain}.scene-work>figcaption{max-width:850px;font-size:20px;line-height:1.6;padding-top:20px}.work-item:not(.wide) figcaption{font-size:16px;line-height:1.65;padding-top:20px}.work-item.sphere-pair{max-width:1200px;grid-template-columns:1.5fr 1fr;gap:8%;padding:45px 0;margin:15px auto;position:relative}.sphere-pair:before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 48% 58%,rgba(217,164,65,.055),transparent 68%)}.sphere-pair figure{position:relative;z-index:1}.sphere-pair figure:first-child img{height:640px}.sphere-pair figure:last-child img{height:420px}#the-work .band-quotes{margin-top:65px;font-size:26px;line-height:1.6;max-width:880px}.origin{max-width:none}.origin-opening{display:grid;grid-template-columns:1fr 1.05fr;gap:55px;align-items:start}.origin-introduction h2{font-size:clamp(36px,4vw,54px);line-height:1.08;max-width:14ch;margin-bottom:30px}.origin-introduction p{font-size:18px;line-height:1.8}.origin-film{margin:0}.origin-continuation{max-width:850px;margin:40px auto 0}.origin-continuation p{font-size:19px;line-height:1.85}.origin-continuation .origin-pull{font-size:26px;line-height:1.6}.origin-continuation .origin-sub{font-size:32px}.t-date .event-label{font-size:14px;top:-2px;width:160px}#how-its-made .band-head{display:grid;grid-template-columns:.85fr 1.15fr;gap:0 50px;max-width:none;align-items:end;margin-bottom:38px}#how-its-made .band-head .eyebrow{grid-column:1;grid-row:1}#how-its-made .band-head h2{grid-column:1;grid-row:2;font-size:clamp(40px,5vw,65px);line-height:1.05;margin:0}#how-its-made .band-lede{grid-column:2;grid-row:1/span 2;margin:0;max-width:55ch}.films{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.films>.film:first-child{grid-column:span 2;grid-row:span 2;display:flex;flex-direction:column}.films>.film:first-child .video-embed{flex:1;aspect-ratio:auto;min-height:350px}.films>.film:first-child figcaption{font-size:22px;padding:20px 22px}.films>.film:first-child .video-play{width:78px;height:78px;font-size:31px}.film:not(:first-child) figcaption{font-size:15px}.hero-video-panel{width:min(380px,29vw);right:1.5%;padding:12px;top:45%}.archive-card{border-bottom:1px solid rgba(217,164,65,.18);padding-bottom:16px}.archive-card .story-toggle{padding-top:10px}.physical-finale p{font-size:23px;line-height:1.7}.close-band{padding-block:90px}.close-band h2{font-size:clamp(36px,4.8vw,65px);max-width:17ch;margin-inline:auto}.close-band p{font-size:18px;line-height:1.8}.close-mail{display:inline-block;margin-top:10px;font-size:clamp(20px,3vw,34px)}::selection{background:#d9a441;color:#04102f}
@media(max-width:1000px){.work-item:not(.wide):not(.sphere-pair)>img{height:440px}.scene-work>img{height:500px!important}.origin-opening{gap:28px}.origin-introduction p{font-size:17px}.hero-video-panel{width:29vw}.sphere-pair figure:first-child img{height:530px}.sphere-pair figure:last-child img{height:350px}}
@media(max-width:760px){.hero{display:flex;flex-direction:column;min-height:0;max-height:none;height:auto;overflow:hidden}.hero-inner{order:1;padding:32px 23px 25px}.hero-video-panel{order:2;position:relative;top:auto;right:auto;bottom:auto;left:auto;transform:none;width:300px;max-width:90%;margin:0 auto 24px;padding:0;align-self:center}.hero-video-frame video{height:320px;object-fit:contain}.hero-bg{background-position:63% 44%}.motion-toggle{margin-top:0}.hero-actions{margin-bottom:0}#the-work .band-head,#how-its-made .band-head{display:block;margin-bottom:30px}#the-work .band-head h2{font-size:57px;margin-bottom:22px}#the-work .band-head .band-lede{font-size:17px}#the-work>.wrap{padding-inline:22px}.work-grid{gap:40px 20px}.work-item:not(.wide):not(.sphere-pair)>img{height:380px}.scene-work>img{height:auto!important;max-height:65svh}.scene-work>figcaption{font-size:17px}.work-item:not(.wide) figcaption{font-size:14px;padding-top:14px}.work-item.sphere-pair{gap:18px;padding:15px 0;margin:0}.sphere-pair figure:first-child img{height:350px}.sphere-pair figure:last-child img{height:240px}.origin-opening{grid-template-columns:1fr;gap:18px}.origin-introduction h2{font-size:38px;max-width:16ch;margin-bottom:20px}.origin-introduction p{font-size:17px}.origin-continuation{margin-top:24px}.origin-continuation p{font-size:17px}.origin-continuation .origin-pull{font-size:22px}.t-date .event-label{font-size:14px;width:180px}#how-its-made .band-head h2{font-size:43px;margin-bottom:22px}.films{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 15px}.films>.film:first-child{grid-column:1/-1;grid-row:auto;display:block}.films>.film:first-child .video-embed{aspect-ratio:16/9;min-height:0}.films>.film:first-child figcaption{font-size:18px;padding:15px}.film:not(:first-child) figcaption{font-size:13px}.physical-finale p{font-size:18px}.close-band{padding-block:60px}}
@media(max-width:430px){.work-item:not(.wide):not(.sphere-pair)>img{height:430px}.sphere-pair figure:first-child img{height:310px}.sphere-pair figure:last-child img{height:220px}.work-item.sphere-pair figcaption{font-size:12px}.films{grid-template-columns:1fr}.films>.film:first-child{grid-column:auto}}
/* Final rendered pass: scene photographs occupy their actual row, without a wide empty mount. */
.scene-work>img{height:auto!important;max-height:none;width:100%;object-fit:contain}.hero .motion-toggle{transform:translateY(-24px);margin-top:0}@media(max-width:760px){.hero .motion-toggle{transform:none}}
.design-switcher{display:flex;justify-content:center;align-items:center;gap:8px 24px;flex-wrap:wrap;padding:11px 20px;background:#0b1530;border-bottom:1px solid #34405a;font-size:12px}.design-switcher a{color:#cbd0da;padding:5px 0}.design-switcher a[aria-current]{color:#efbc5c;border-bottom:2px solid #d9a441}.design-switcher a:last-child{color:#efbc5c}.design-switcher a:focus-visible{outline:2px solid #d9a441;outline-offset:4px}@media(max-width:760px){.design-switcher{gap:3px 15px;font-size:11px;padding:8px 15px}}