:root {
  --ink: #070707;
  --ink-2: #11110f;
  --paper: #f1f0e9;
  --paper-2: #deddd3;
  --white: #fff;
  --grey: #a6a69f;
  --line-dark: rgba(255,255,255,.2);
  --line-light: rgba(7,7,7,.2);
  --acid: #c9ff18;
  --orange: #ff5b35;
  --blue: #4f70ff;
  --max: 1540px;
  --header: 82px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  overflow-x: hidden;
  background: var(--ink);
  color: var(--white);
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
img { display: block; max-width: 100%; }
a { color: inherit; }
button, input, select, textarea { font: inherit; }
button, a, select { -webkit-tap-highlight-color: transparent; }
button { color: inherit; }
:focus-visible { outline: 3px solid var(--acid); outline-offset: 3px; }
::selection { background: var(--acid); color: var(--ink); }
.skip-link { position: fixed; z-index: 1000; top: -60px; left: 1rem; padding: .8rem 1rem; background: var(--acid); color: var(--ink); font-weight: 800; transition: top .2s; }
.skip-link:focus { top: 1rem; }

.site-header {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: var(--header);
  display: grid;
  grid-template-columns: minmax(150px, 1fr) auto minmax(240px, 1fr);
  align-items: center;
  gap: clamp(1rem, 2.2vw, 2.5rem);
  padding: .8rem clamp(1rem, 3vw, 3rem);
  border-bottom: 1px solid var(--line-dark);
  background: rgba(7,7,7,.8);
  backdrop-filter: blur(18px);
}
.wordmark {
  position: relative;
  width: max-content;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  font-size: .95rem;
  font-weight: 850;
  letter-spacing: -.055em;
  line-height: .82;
  text-transform: uppercase;
}
.wordmark sup { position: absolute; top: -.15rem; right: -1.75rem; color: var(--orange); font-size: .52rem; letter-spacing: .08em; }
.primary-nav { display: flex; align-items: center; gap: clamp(.9rem, 1.7vw, 2rem); }
.primary-nav a { color: #c5c5be; text-decoration: none; font-size: .78rem; font-weight: 700; letter-spacing: .025em; }
.primary-nav a:hover { color: var(--white); }
.header-actions { justify-self: end; display: flex; align-items: center; gap: .65rem; }
.basket-link { display: inline-flex; gap: .45rem; color: #bebeb8; text-decoration: none; font-size: .75rem; font-weight: 750; }
.basket-link span { display: grid; place-items: center; min-width: 1.35rem; height: 1.35rem; padding-inline: .25rem; border: 1px solid var(--line-dark); border-radius: 50%; color: var(--white); }
.header-cta, .button { display: inline-flex; align-items: center; justify-content: center; gap: .7rem; min-height: 46px; padding: .75rem 1rem; border: 1px solid var(--line-dark); text-decoration: none; font-size: .8rem; font-weight: 800; cursor: pointer; transition: background .2s, color .2s, border-color .2s, transform .2s; }
.header-cta:hover { background: var(--white); color: var(--ink); border-color: var(--white); }
.button:hover { transform: translateY(-2px); }
.button--acid { border-color: var(--acid); background: var(--acid); color: var(--ink); }
.button--acid:hover { background: var(--white); border-color: var(--white); }
.menu-toggle { display: none; border: 0; background: transparent; padding: .6rem; font-size: .8rem; font-weight: 800; }
.menu-toggle i { display: block; width: 24px; height: 1px; margin-top: .35rem; background: currentColor; box-shadow: 0 6px 0 currentColor; }

.eyebrow, .section-code { margin: 0; color: #777870; font-size: .7rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.eyebrow { display: flex; align-items: center; gap: .6rem; color: #aaa9a2; }
.eyebrow span { width: 2rem; height: 2px; background: var(--orange); }
.section-code { display: block; margin-bottom: 1.5rem; }
.text-link, .section-link { display: inline-flex; align-items: center; gap: .6rem; text-decoration: none; font-weight: 750; }
.text-link { border-bottom: 1px solid currentColor; padding-bottom: .25rem; font-size: .9rem; }
.text-link span, .section-link span { transition: transform .2s; }
.text-link:hover span, .section-link:hover span { transform: translate(.2rem,-.2rem); }
.entry-actions { display: flex; align-items: center; gap: 1.3rem; flex-wrap: wrap; }

.keyword-entry {
  position: relative;
  isolation: isolate;
  min-height: max(820px, 100svh);
  padding-top: var(--header);
  display: grid;
  grid-template-rows: minmax(0,1fr) auto;
  overflow: hidden;
  background: var(--ink);
}
.hero-media { position: absolute; z-index: -2; inset: 0; background: #6f7376; }
.hero-media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg,rgba(7,7,7,.98) 0%,rgba(7,7,7,.94) 34%,rgba(7,7,7,.69) 56%,rgba(7,7,7,.1) 82%),linear-gradient(0deg,rgba(7,7,7,.82) 0%,transparent 38%); }
.hero-media img { width: 100%; height: 100%; object-fit: cover; object-position: center; filter: saturate(.82) contrast(1.06); transform: scale(1.015); }
.hero-coordinates { position: absolute; z-index: 2; top: calc(var(--header) + 1.2rem); left: clamp(1rem,3vw,3rem); right: clamp(1rem,3vw,3rem); display: grid; grid-template-columns: 1fr auto 1fr; gap: 1rem; color: rgba(255,255,255,.5); font-size: .65rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.hero-coordinates span:nth-child(2) { justify-self: center; }.hero-coordinates span:last-child { justify-self: end; }
.keyword-copy { position: relative; z-index: 2; align-self: center; width: 100%; max-width: var(--max); margin-inline: auto; padding: clamp(6.5rem,12vh,10rem) clamp(1rem,3vw,3rem) clamp(3rem,5vh,5rem); }
.keyword-copy .eyebrow { color: #d0d0ca; }
.keyword-copy h1 { max-width: 1080px; margin: clamp(1.4rem,3vh,2.4rem) 0 clamp(2rem,4vh,3.5rem); font-size: clamp(4.2rem,7.8vw,9.2rem); font-weight: 510; letter-spacing: -.09em; line-height: .76; text-wrap: balance; }
.keyword-copy h1 span, .keyword-copy h1 em { display: block; }
.keyword-copy h1 em { color: var(--acid); font-style: normal; }
.keyword-support { max-width: 980px; display: grid; grid-template-columns: minmax(300px,1fr) auto; align-items: end; gap: 2rem 4rem; }
.keyword-intro { max-width: 650px; margin: 0; color: #c3c3bd; font-size: clamp(1rem,1.15vw,1.12rem); }
.keyword-support .entry-actions { justify-content: flex-end; }
.hero-assurances { display: flex; flex-wrap: wrap; gap: .55rem 1.2rem; margin-top: 1.1rem; color: #dfdfd9; font-size: .72rem; font-weight: 750; }
.hero-assurances span { display: inline-flex; align-items: center; gap: .45rem; }
.hero-assurances span::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--acid); box-shadow: 0 0 0 3px rgba(201,255,24,.12); }
.hero-spec { position: absolute; z-index: 2; top: calc(var(--header) + 4.6rem); right: clamp(1rem,3vw,3rem); width: min(26vw,350px); border: 1px solid rgba(255,255,255,.3); background: rgba(7,7,7,.68); color: var(--white); backdrop-filter: blur(16px); }
.hero-spec > span { min-height: 48px; display: grid; grid-template-columns: 2.2rem 1fr auto; align-items: center; gap: .65rem; padding: .6rem .8rem; border-top: 1px solid rgba(255,255,255,.18); }
.hero-spec .hero-spec-title { min-height: 40px; display: flex; border-top: 0; color: var(--acid); font-size: .62rem; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.hero-spec small { color: #777870; font-size: .62rem; }.hero-spec b { font-size: .72rem; }.hero-spec em { color: #9d9e97; font-size: .62rem; font-style: normal; }
.intent-index { position: relative; z-index: 3; display: grid; grid-template-columns: minmax(180px,.72fr) repeat(4,1fr); padding-inline: clamp(1rem,3vw,3rem); border-top: 1px solid var(--line-dark); background: rgba(7,7,7,.78); backdrop-filter: blur(16px); }
.intent-label { padding: 1rem 1rem 1.25rem 0; color: #92938c; font-size: .7rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.intent-index a { position: relative; min-height: 116px; display: flex; flex-direction: column; justify-content: space-between; gap: .35rem; padding: 1rem; border-left: 1px solid var(--line-dark); text-decoration: none; transition: background .2s, color .2s; }
.intent-index a:hover { background: var(--acid); color: var(--ink); }
.intent-index small { color: #777870; font-size: .68rem; }.intent-index strong { font-size: clamp(.95rem, 1.1vw, 1.12rem); line-height: 1.15; }.intent-index a > span { color: #888981; font-size: .7rem; font-weight: 750; }
.intent-index a:hover small, .intent-index a:hover > span { color: rgba(7,7,7,.6); }

.seo-answer, .index-intro, .content-split, .material-intro, .industry-index-intro, .page-faq, .question-board {
  max-width: var(--max);
  margin-inline: auto;
  display: grid;
  grid-template-columns: .85fr 1.15fr;
  gap: clamp(2rem, 7vw, 8rem);
  padding: clamp(5rem, 9vw, 10rem) clamp(1rem, 3vw, 3rem);
}
.seo-answer { background: var(--paper); color: var(--ink); max-width: none; grid-template-columns: .55fr .9fr 1.15fr; }
.seo-answer > span { grid-column: 1; }
.seo-answer h2 { grid-column: 2; margin: 0; font-size: clamp(2.2rem, 4vw, 4.8rem); font-weight: 520; letter-spacing: -.065em; line-height: .92; }
.seo-answer > div { grid-column: 3; }
.seo-answer p { margin: 0 0 1.25rem; color: #42423e; font-size: 1.02rem; }

.visual-proof { position: relative; display: grid; grid-template-columns: .68fr 1.32fr; grid-template-rows: auto auto auto; gap: clamp(1rem,2vw,2rem); padding: clamp(5rem,9vw,10rem) max(clamp(1rem,3vw,3rem),calc((100vw - var(--max))/2)); overflow: hidden; background: #dad8ce; color: var(--ink); }
.visual-proof-heading { align-self: start; padding: clamp(1rem,3vw,3rem) clamp(1rem,2vw,2rem) clamp(2rem,4vw,4rem) 0; }
.visual-proof-heading h2 { margin: 0 0 1.6rem; font-size: clamp(3.4rem,5.9vw,7rem); font-weight: 520; letter-spacing: -.083em; line-height: .84; }
.visual-proof-heading h2 em { color: var(--orange); font-style: normal; }
.visual-proof-heading p { max-width: 560px; margin: 0 0 2rem; color: #50504a; }
.visual-proof figure { position: relative; margin: 0; overflow: hidden; background: #111; }
.visual-proof figure img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s cubic-bezier(.2,.75,.2,1); }
.visual-proof figure:hover img { transform: scale(1.025); }
.visual-proof figcaption { position: absolute; left: 1rem; right: 1rem; bottom: 1rem; display: flex; justify-content: space-between; gap: 1rem; padding: .8rem 1rem; background: rgba(7,7,7,.76); color: var(--white); backdrop-filter: blur(14px); }
.visual-proof figcaption span { color: #a6a69f; font-size: .66rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.visual-proof figcaption strong { font-size: .78rem; }
.visual-proof-main { grid-column: 2; grid-row: 1 / 3; min-height: 770px; clip-path: polygon(4% 0,100% 0,100% 94%,96% 100%,0 100%,0 6%); }
.visual-proof-detail { grid-column: 1; min-height: 410px; clip-path: polygon(0 0,94% 0,100% 9%,100% 100%,6% 100%,0 91%); }
.visual-proof-detail img { object-position: 42% center; }
.visual-proof-checks { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3,1fr); margin-top: clamp(1rem,3vw,3rem); border-top: 1px solid var(--line-light); border-bottom: 1px solid var(--line-light); }
.visual-proof-checks article { min-height: 230px; padding: 1.5rem; border-right: 1px solid var(--line-light); }
.visual-proof-checks article:last-child { border-right: 0; }
.visual-proof-checks article > span { color: var(--orange); font-size: .7rem; font-weight: 850; }
.visual-proof-checks h3 { margin: 3.5rem 0 .7rem; font-size: clamp(1.5rem,2.2vw,2.4rem); font-weight: 580; letter-spacing: -.055em; line-height: .95; }
.visual-proof-checks p { max-width: 430px; margin: 0; color: #565650; font-size: .9rem; }

.production-facts { display: grid; grid-template-columns: .66fr 1.34fr; gap: clamp(2.5rem,6vw,7rem); padding: clamp(5rem,8vw,9rem) max(clamp(1rem,3vw,3rem),calc((100vw - var(--max))/2)); background: var(--paper); color: var(--ink); border-top: 1px solid var(--line-light); }
.production-facts-copy { align-self: center; }
.production-facts-copy h2 { max-width: 600px; margin: 0 0 1.5rem; font-size: clamp(2.8rem,4.4vw,5.4rem); font-weight: 520; letter-spacing: -.075em; line-height: .88; }
.production-facts-copy > p { max-width: 590px; margin: 0 0 2rem; color: #4f504a; font-size: 1.02rem; }
.production-fact-grid { display: grid; grid-template-columns: 1fr 1fr; align-self: stretch; }
.production-fact { min-height: 430px; display: flex; flex-direction: column; justify-content: space-between; padding: clamp(1.3rem,2.5vw,2.5rem); clip-path: polygon(22px 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%,0 22px); }
.production-fact--moq { background: var(--acid); color: var(--ink); }
.production-fact--time { background: var(--blue); color: var(--white); }
.production-fact > span { font-size: .7rem; font-weight: 850; letter-spacing: .11em; text-transform: uppercase; }
.production-fact strong { display: flex; flex-direction: column; margin-block: auto; padding-block: 2rem; }
.production-fact strong b { font-size: clamp(5rem,8.5vw,10rem); font-weight: 520; letter-spacing: -.095em; line-height: .68; }
.production-fact strong em { margin-top: 1.2rem; font-size: .78rem; font-style: normal; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.production-fact p { max-width: 340px; margin: 0; font-size: .85rem; }
.production-fact--time p { color: rgba(255,255,255,.72); }

.product-section, .material-section, .related-section { padding: clamp(5rem, 9vw, 10rem) clamp(1rem, 3vw, 3rem); background: var(--paper); color: var(--ink); }
.section-heading { max-width: var(--max); margin: 0 auto clamp(3rem, 6vw, 6rem); display: grid; grid-template-columns: 1.25fr .75fr; align-items: end; gap: 3rem; }
.section-heading h2 { margin: 0; font-size: clamp(3rem, 6vw, 7.5rem); font-weight: 520; letter-spacing: -.08em; line-height: .84; }
.section-heading h2 em { color: var(--orange); font-style: normal; }
.section-heading p { max-width: 500px; justify-self: end; margin: 0; color: #50504b; }
.section-heading--dark p { color: #a6a69f; }
.product-grid, .product-index-grid, .related-grid { max-width: var(--max); margin-inline: auto; display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line-light); border-left: 1px solid var(--line-light); }
.product-card { min-width: 0; display: flex; flex-direction: column; color: var(--ink); text-decoration: none; border-right: 1px solid var(--line-light); border-bottom: 1px solid var(--line-light); }
.card-index { padding: .8rem 1rem; color: #77776f; font-size: .68rem; font-weight: 800; letter-spacing: .1em; }
.product-card-image { position: relative; aspect-ratio: 1.35; overflow: hidden; background: #000; }
.product-card-image::after { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.12); transition: background .3s; }
.product-card-image img { width: 200%; max-width: none; height: 100%; object-fit: cover; transition: transform .6s cubic-bezier(.2,.8,.2,1); }
.product-card--left .product-card-image img { object-position: left center; transform-origin: left center; }
.product-card--right .product-card-image img { margin-left: -100%; object-position: right center; transform-origin: right center; }
.product-card:hover .product-card-image img { transform: scale(1.045); }.product-card--right:hover .product-card-image img { transform: scale(1.045); }
.product-card:hover .product-card-image::after { background: transparent; }
.product-card-copy { flex: 1; display: grid; grid-template-columns: 1fr auto; grid-template-rows: auto 1fr auto; gap: .7rem 1rem; padding: 1.25rem; }
.product-card-copy h3 { grid-column: 1 / -1; margin: 0; font-size: clamp(1.5rem, 2vw, 2.3rem); font-weight: 550; letter-spacing: -.055em; line-height: 1; }
.product-card-copy p { grid-column: 1 / -1; margin: 0 0 1rem; color: #55564f; font-size: .9rem; }
.product-card-copy > span { grid-column: 1 / -1; display: flex; justify-content: space-between; padding-top: .8rem; border-top: 1px solid var(--line-light); font-size: .72rem; font-weight: 800; text-transform: uppercase; }
.section-link { max-width: var(--max); margin: 2rem auto 0; padding: 1.2rem 0; border-bottom: 1px solid var(--line-light); }

/* Restored interactive product studio */
.carton-lab {
  --accent: #ff612e;
  position: relative;
  min-height: 100svh;
  display: flex;
  flex-direction: column;
  padding: clamp(5rem, 8vw, 8rem) clamp(1rem, 3vw, 3rem) 1.25rem;
  background:
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px) 0 0 / 12.5% 100%,
    var(--ink);
  color: var(--white);
}
.carton-lab::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 6px;
  height: 100%;
  background: var(--accent);
  transition: background .35s ease;
}
.lab-grid {
  position: relative;
  z-index: 1;
  width: min(100%, var(--max));
  min-height: calc(100svh - 245px);
  margin-inline: auto;
  display: grid;
  grid-template-columns: .72fr 1.28fr;
  gap: clamp(2rem, 4vw, 5rem);
  align-items: stretch;
}
.carton-copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: space-between;
  padding: .25rem 0 1.4rem;
}
.micro-row {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding-bottom: .9rem;
  border-bottom: 1px solid var(--line-dark);
  color: #a9aaa4;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .11em;
  text-transform: uppercase;
}
.micro-row span:last-child { color: var(--accent); transition: color .3s ease; }
.carton-title-wrap { margin-block: clamp(2rem, 6vh, 5rem); }
.structure-code {
  margin: 0 0 .9rem;
  color: var(--accent);
  font-size: .78rem;
  font-weight: 750;
  letter-spacing: .16em;
  transition: color .3s ease;
}
.carton-copy h2 {
  margin: 0;
  font-size: clamp(3.2rem, 6.2vw, 7.3rem);
  font-weight: 500;
  letter-spacing: -.075em;
  line-height: .84;
  text-transform: lowercase;
}
.carton-description { max-width: 580px; margin: 0 0 2rem; color: #b7b8b2; font-size: clamp(.98rem, 1.25vw, 1.15rem); }
.carton-spec { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; }
.carton-spec > span { padding-top: .9rem; border-top: 1px solid var(--line-dark); }
.carton-spec small, .carton-spec strong { display: block; }
.carton-spec small { margin-bottom: .4rem; color: #777873; font-size: .68rem; letter-spacing: .09em; text-transform: uppercase; }
.carton-spec strong { font-size: .82rem; font-weight: 600; }
.carton-page-link { width: max-content; display: inline-flex; align-items: center; gap: .6rem; margin-top: 1.2rem; padding-bottom: .25rem; border-bottom: 1px solid var(--line-dark); color: #c4c4be; text-decoration: none; font-size: .76rem; font-weight: 800; }
.carton-page-link span { color: var(--accent); }
.carton-stage {
  position: relative;
  min-width: 0;
  overflow: hidden;
  isolation: isolate;
  background: #000;
  clip-path: polygon(4.5% 0, 100% 0, 100% 92.5%, 95.5% 100%, 0 100%, 0 7.5%);
}
.carton-stage img { width: 100%; height: 100%; object-fit: contain; transition: opacity .24s ease, transform .65s cubic-bezier(.22,.75,.2,1); }
.carton-stage.switching img { opacity: .18; transform: scale(1.035); }
.carton-stage .stage-focus { position: absolute; z-index: 2; inset: 0; pointer-events: none; transition: background .42s ease; }
.carton-stage .stage-focus.left { background: linear-gradient(90deg, transparent 0%, transparent 49.7%, rgba(0,0,0,.72) 50.3%, rgba(0,0,0,.88) 100%); }
.carton-stage .stage-focus.right { background: linear-gradient(90deg, rgba(0,0,0,.88) 0%, rgba(0,0,0,.72) 49.7%, transparent 50.3%, transparent 100%); }
.stage-marker { position: absolute; z-index: 4; top: 1.2rem; right: 1.2rem; display: grid; place-items: center; width: 58px; height: 58px; border: 1px solid rgba(255,255,255,.4); border-radius: 50%; color: var(--white); font-size: .78rem; font-weight: 700; backdrop-filter: blur(8px); }
.pair-labels { position: absolute; z-index: 4; left: 1.2rem; right: 1.2rem; bottom: 1.2rem; display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; color: rgba(255,255,255,.42); font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.pair-labels span:last-child { text-align: right; }
.pair-labels span.active { color: var(--white); }
.stage-corners::before, .stage-corners::after { content: ""; position: absolute; z-index: 5; width: 26px; height: 26px; border-color: var(--accent); transition: border-color .3s ease; }
.stage-corners::before { top: 1rem; left: 1rem; border-top: 2px solid; border-left: 2px solid; }
.stage-corners::after { right: 1rem; bottom: 1rem; border-right: 2px solid; border-bottom: 2px solid; }
.carton-controls { position: relative; z-index: 2; width: min(100%, var(--max)); margin: 1.15rem auto 0; display: grid; grid-template-columns: 1fr auto; gap: 1rem; align-items: end; }
.style-index { display: grid; grid-template-columns: repeat(6, 1fr); border-top: 1px solid var(--line-dark); }
.style-index-button { min-width: 0; padding: .8rem .65rem; border: 0; border-right: 1px solid var(--line-dark); background: transparent; color: #686963; text-align: left; cursor: pointer; transition: color .2s ease, background .2s ease; }
.style-index-button:last-child { border-right: 0; }
.style-index-button:hover { color: var(--white); }
.style-index-button.active { background: var(--accent); color: var(--ink); }
.style-index-button span, .style-index-button strong { display: block; }
.style-index-button span { margin-bottom: .22rem; font-size: .62rem; font-weight: 750; }
.style-index-button strong { overflow: hidden; font-size: .72rem; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
.lab-actions { display: flex; align-items: center; gap: 1.5rem; }
.lab-actions > a { color: #8d8e88; text-decoration: none; font-size: .75rem; font-weight: 750; white-space: nowrap; }
.lab-actions > a:hover { color: var(--white); }
.lab-actions > div { display: flex; gap: .5rem; }
.round-control { width: 45px; height: 45px; border: 1px solid var(--line-dark); border-radius: 50%; background: transparent; color: var(--white); cursor: pointer; transition: background .2s ease, color .2s ease; }
.round-control:hover { background: var(--white); color: var(--ink); }

.finish-section, .industries-section, .recommended-section { padding: clamp(5rem, 9vw, 10rem) clamp(1rem, 3vw, 3rem); background: var(--ink); }
.finish-lab { max-width: var(--max); margin-inline: auto; display: grid; grid-template-columns: 1.55fr .65fr; min-height: 680px; border: 1px solid var(--line-dark); }
.finish-stage { position: relative; overflow: hidden; min-width: 0; background: #000; }
.finish-stage > img { width: 100%; height: 100%; object-fit: cover; transition: opacity .2s, transform .5s; }
.finish-stage.is-changing > img { opacity: .18; transform: scale(1.035); }
.finish-mask { position: absolute; z-index: 2; inset: 0; pointer-events: none; transition: background .35s; }
.finish-mask--left { background: linear-gradient(90deg, transparent 0 49.7%, rgba(0,0,0,.82) 50.3% 100%); }
.finish-mask--right { background: linear-gradient(90deg, rgba(0,0,0,.82) 0 49.7%, transparent 50.3% 100%); }
.inspection-light { position: absolute; z-index: 3; inset: 0; opacity: .8; pointer-events: none; background: radial-gradient(circle 220px at var(--light-x,35%) var(--light-y,40%), rgba(255,255,255,.3), transparent 72%); mix-blend-mode: screen; }
.move-light { position: absolute; z-index: 5; top: 1rem; left: 1rem; display: flex; align-items: center; gap: .5rem; color: rgba(255,255,255,.74); font-size: .68rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.move-light i { width: 7px; height: 7px; border-radius: 50%; background: var(--acid); box-shadow: 0 0 16px var(--acid); }
.finish-readout { position: absolute; z-index: 5; left: 1.2rem; right: 1.2rem; bottom: 1.2rem; display: flex; justify-content: space-between; align-items: end; gap: 2rem; }
.finish-readout small { color: #b8b8b3; font-size: .7rem; font-weight: 800; }.finish-readout > div { text-align: right; }.finish-readout span, .finish-readout strong { display: block; }.finish-readout span { color: #bebeb8; font-size: .72rem; }.finish-readout strong { font-size: clamp(2.5rem, 5vw, 6.3rem); font-weight: 520; letter-spacing: -.08em; line-height: .88; }
.finish-tabs { display: flex; flex-direction: column; border-left: 1px solid var(--line-dark); }
.finish-tabs button { display: grid; grid-template-columns: 2rem 1fr auto; align-items: center; gap: .7rem; min-height: 64px; padding: .8rem 1rem; border: 0; border-bottom: 1px solid var(--line-dark); background: transparent; text-align: left; cursor: pointer; }
.finish-tabs button span { color: #666761; font-size: .66rem; }.finish-tabs button strong { font-size: 1rem; font-weight: 650; }.finish-tabs button i { color: #666761; font-style: normal; }
.finish-tabs button:hover, .finish-tabs button.active { background: var(--acid); color: var(--ink); }.finish-tabs button.active span, .finish-tabs button.active i { color: var(--ink); }
.finish-description { margin-top: auto; padding: 1.3rem; }.finish-description small { color: #70716b; font-size: .66rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }.finish-description p { color: #b6b7b0; font-size: .85rem; }.finish-description a { font-size: .75rem; font-weight: 800; }

.material-console { max-width: var(--max); margin-inline: auto; display: grid; grid-template-columns: .9fr .7fr .75fr; min-height: 600px; border-top: 1px solid var(--line-light); border-bottom: 1px solid var(--line-light); }
.material-stack { position: relative; min-height: 580px; perspective: 1100px; overflow: hidden; border-right: 1px solid var(--line-light); }
.material-stack > span { position: absolute; left: 11%; width: 70%; height: 62%; border: 1px solid rgba(0,0,0,.22); box-shadow: 0 26px 45px rgba(0,0,0,.16); clip-path: polygon(5% 0,100% 0,100% 92%,95% 100%,0 100%,0 8%); transition: background .35s, transform .55s cubic-bezier(.2,.8,.2,1); }
.material-stack [data-material-sheet="back"] { top: 9%; background: #bcb89f; transform: rotate(-9deg) translate(-3%,4%); }.material-stack [data-material-sheet="middle"] { top: 15%; background: #d8d6ca; transform: rotate(5deg) translate(13%,0); }.material-stack [data-material-sheet="front"] { top: 21%; background: #f2efe2; transform: rotate(-2deg) translate(5%,0); }
.material-stack::after { content: "PAPERBOARD / MATERIAL LIBRARY"; position: absolute; bottom: 2rem; left: 2rem; color: #77776f; font-size: .68rem; font-weight: 800; letter-spacing: .11em; }
.material-stack b { position: absolute; z-index: 2; left: 21%; top: 35%; color: rgba(7,7,7,.82); font-size: clamp(4rem, 8vw, 9rem); font-weight: 500; letter-spacing: -.08em; }
.material-detail { display: flex; flex-direction: column; padding: clamp(2rem, 4vw, 4rem); border-right: 1px solid var(--line-light); }
.material-detail > span { color: #77776f; font-size: .68rem; font-weight: 800; }.material-detail h3 { margin: auto 0 1.2rem; font-size: clamp(2.6rem, 4.5vw, 5.5rem); font-weight: 520; letter-spacing: -.07em; line-height: .88; }.material-detail > p { color: #4f504a; }
.material-detail dl { margin: 2rem 0 0; }.material-detail dl div { padding: .8rem 0; border-top: 1px solid var(--line-light); }.material-detail dt { color: #77776f; font-size: .65rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }.material-detail dd { margin: .25rem 0 0; font-size: .85rem; font-weight: 650; }
.material-tabs { display: flex; flex-direction: column; }
.material-tabs button { flex: 1; display: grid; grid-template-columns: 2.3rem 1fr; align-items: center; gap: .8rem; padding: 1rem; border: 0; border-bottom: 1px solid var(--line-light); background: transparent; color: var(--ink); text-align: left; font-weight: 650; cursor: pointer; }.material-tabs button:last-child { border-bottom: 0; }.material-tabs button span { color: #77776f; font-size: .66rem; }.material-tabs button:hover, .material-tabs button.active { background: var(--ink); color: var(--white); }.material-tabs button.active span { color: var(--acid); }

.industry-list { max-width: var(--max); margin-inline: auto; border-top: 1px solid var(--line-dark); }
.industry-row { display: grid; grid-template-columns: 4rem .7fr 1fr auto; align-items: center; gap: 2rem; min-height: 122px; border-bottom: 1px solid var(--line-dark); text-decoration: none; transition: background .2s, color .2s, padding .2s; }
.industry-row > span { color: #666761; font-size: .7rem; font-weight: 800; }.industry-row h3 { margin: 0; font-size: clamp(2rem, 4vw, 4.8rem); font-weight: 500; letter-spacing: -.065em; line-height: .9; }.industry-row p { margin: 0; color: #a7a79f; }.industry-row b { font-size: 1.3rem; }
.industry-row:hover { padding-inline: 1.2rem; background: var(--acid); color: var(--ink); }.industry-row:hover p, .industry-row:hover > span { color: #333; }

.quote-route { padding: clamp(5rem,9vw,10rem) max(clamp(1rem,3vw,3rem),calc((100vw - var(--max))/2)); background: var(--blue); color: var(--white); }
.quote-route-heading { display: grid; grid-template-columns: 1.25fr .75fr; gap: 3rem; align-items: end; margin-bottom: clamp(3rem,6vw,6rem); }
.quote-route-heading h2 { max-width: 1050px; margin: 0; font-size: clamp(3.5rem,6.8vw,8rem); font-weight: 520; letter-spacing: -.086em; line-height: .82; }
.quote-route-heading p { max-width: 520px; justify-self: end; margin: 0; color: rgba(255,255,255,.76); }
.quote-route .section-code { color: rgba(255,255,255,.62); }
.quote-route-steps { margin: 0; padding: 0; list-style: none; border-top: 1px solid rgba(255,255,255,.3); }
.quote-route-steps li { display: grid; grid-template-columns: 4.5rem 1fr; gap: 1.5rem; min-height: 190px; padding: 1.5rem 0; border-bottom: 1px solid rgba(255,255,255,.3); }
.quote-route-steps li > span { color: var(--acid); font-size: .72rem; font-weight: 850; }
.quote-route-steps li > div { display: grid; grid-template-columns: .42fr .73fr .85fr; gap: 2rem; align-items: start; }
.quote-route-steps small { color: rgba(255,255,255,.62); font-size: .68rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.quote-route-steps h3 { margin: 0; font-size: clamp(1.8rem,3.2vw,3.6rem); font-weight: 540; letter-spacing: -.064em; line-height: .9; }
.quote-route-steps p { max-width: 470px; margin: 0; color: rgba(255,255,255,.74); }
.quote-route-facts { display: grid; grid-template-columns: repeat(3,1fr); margin-top: 2rem; border: 1px solid rgba(255,255,255,.3); }
.quote-route-facts > span { min-height: 180px; display: flex; flex-direction: column; justify-content: space-between; padding: 1.3rem; border-right: 1px solid rgba(255,255,255,.3); }
.quote-route-facts > span:last-child { border-right: 0; }
.quote-route-facts b { color: var(--acid); font-size: clamp(3.4rem,6vw,7rem); font-weight: 520; letter-spacing: -.08em; line-height: .8; }
.quote-route-facts small { max-width: 180px; color: rgba(255,255,255,.72); font-size: .68rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }

.brief-section { display: grid; grid-template-columns: .85fr 1.15fr; gap: clamp(3rem, 7vw, 8rem); padding: clamp(5rem, 9vw, 10rem) max(clamp(1rem,3vw,3rem), calc((100vw - var(--max))/2)); background: var(--orange); color: var(--ink); }
.brief-lead { position: sticky; top: calc(var(--header) + 2rem); align-self: start; }.brief-lead .section-code { color: rgba(7,7,7,.58); }.brief-lead h2 { margin: 0 0 1.5rem; font-size: clamp(3.2rem, 6vw, 7.2rem); font-weight: 520; letter-spacing: -.08em; line-height: .84; }.brief-lead p { max-width: 500px; }
.brief-lead ul { margin: 2rem 0 0; padding: 0; list-style: none; border-top: 1px solid rgba(7,7,7,.3); }
.brief-lead li { display: grid; grid-template-columns: 2.4rem 1fr; gap: .8rem; padding: .9rem 0; border-bottom: 1px solid rgba(7,7,7,.3); font-size: .86rem; font-weight: 700; }
.brief-lead li span { font-size: .68rem; }
.brief-form, .basket-form { display: grid; gap: 1rem; padding: clamp(1.5rem, 3vw, 3rem); background: var(--ink); color: var(--white); clip-path: polygon(3% 0,100% 0,100% 96%,97% 100%,0 100%,0 4%); }
.brief-form label, .basket-form label { display: grid; gap: .45rem; }.brief-form label > span, .basket-form label > span { color: #8b8b84; font-size: .68rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.brief-form input, .brief-form select, .brief-form textarea, .basket-form input { width: 100%; border: 0; border-bottom: 1px solid var(--line-dark); border-radius: 0; padding: .85rem .1rem; background: transparent; color: var(--white); outline: 0; }.brief-form select { color-scheme: dark; }.brief-form textarea { resize: vertical; }.brief-form input:focus, .brief-form select:focus, .brief-form textarea:focus, .basket-form input:focus { border-color: var(--acid); }.form-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }.brief-form .button { margin-top: .8rem; }.form-status { min-height: 1.4rem; margin: 0; color: var(--acid); font-size: .82rem; }
.quote-builder { min-height: 690px; align-content: start; gap: 0; clip-path: polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px); }
.quote-form-head { display: flex; justify-content: space-between; align-items: center; gap: 2rem; margin: 0 0 2.4rem; padding-bottom: 1rem; border-bottom: 1px solid var(--line-dark); }
.quote-form-head > div:first-child { display: grid; gap: .25rem; }
.quote-form-head small { color: var(--acid); font-size: .68rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.quote-form-head strong { font-size: .82rem; }
.quote-progress { display: grid; grid-template-columns: 1.9rem 2.5rem 1.9rem 2.5rem 1.9rem; align-items: center; }
.quote-progress span { width: 1.9rem; height: 1.9rem; display: grid; place-items: center; border: 1px solid #55564f; border-radius: 50%; color: #7e7f78; font-size: .68rem; font-weight: 850; transition: .25s; }
.quote-progress span.active { border-color: var(--acid); background: var(--acid); color: var(--ink); }
.quote-progress span.complete { border-color: var(--acid); color: var(--acid); }
.quote-progress i { height: 1px; background: #55564f; }
.quote-step { min-width: 0; display: grid; gap: 1.2rem; margin: 0; padding: 0; border: 0; }
.quote-step[hidden], .quote-ready[hidden], .quote-form-head[hidden] { display: none!important; }
.quote-step legend { width: 100%; display: grid; gap: .3rem; margin-bottom: 2rem; padding: 0; }
.quote-step legend span { color: #7f8078; font-size: .68rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.quote-step legend strong { max-width: 620px; font-size: clamp(2.2rem,4vw,4.4rem); font-weight: 520; letter-spacing: -.066em; line-height: .92; }
.quote-builder label > span, .choice-field > span, .dimensions-group > span { color: #a3a39c; font-size: .7rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.quote-builder input, .quote-builder select, .quote-builder textarea { min-height: 48px; }
.quote-builder input::placeholder, .quote-builder textarea::placeholder { color: #72736c; opacity: 1; }
.dimensions-group { display: grid; gap: .55rem; }
.dimensions-group > div { display: grid; grid-template-columns: repeat(3,1fr); gap: .8rem; }
.dimensions-group label { position: relative; }
.dimensions-group label small { position: absolute; left: .1rem; top: .95rem; color: #7e7f77; font-size: .65rem; font-weight: 800; text-transform: uppercase; }
.dimensions-group input { padding-left: 4.2rem; }
.choice-field { display: grid; gap: .8rem; }
.choice-chips { display: grid; grid-template-columns: repeat(4,1fr); gap: 1px; padding: 1px; background: #383936; }
.choice-chips label { position: relative; min-height: 58px; display: grid; place-items: center; padding: .7rem; background: var(--ink); cursor: pointer; }
.choice-chips input { position: absolute; opacity: 0; pointer-events: none; }
.choice-chips b { color: #bbbcb4; font-size: .74rem; font-weight: 750; text-align: center; }
.choice-chips label:has(input:checked) { background: var(--acid); }
.choice-chips label:has(input:checked) b { color: var(--ink); }
.file-field input { padding-block: .65rem; font-size: .75rem; }
.file-field > small { color: #73746d; font-size: .68rem; }
.quote-step-actions { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-top: .6rem; }
.quote-back, .quote-download, .quote-edit { border: 0; border-bottom: 1px solid currentColor; padding: .35rem 0; background: transparent; color: #c1c1ba; font-size: .76rem; font-weight: 800; cursor: pointer; }
.quote-next { justify-self: end; }
.quote-review { display: grid; grid-template-columns: .35fr .65fr; gap: 1rem; padding: 1rem; border: 1px solid var(--line-dark); }
.quote-review span { color: var(--acid); font-size: .68rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.quote-review p { margin: 0; color: #a5a69f; font-size: .82rem; }
.quote-ready { display: grid; align-content: start; gap: 1rem; }
.quote-ready-kicker { color: var(--acid); font-size: .68rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.quote-ready h3 { max-width: 620px; margin: .3rem 0 0; font-size: clamp(2.5rem,4.5vw,5rem); font-weight: 520; letter-spacing: -.07em; line-height: .88; }
.quote-ready > p { max-width: 700px; margin: 0; color: #a6a69f; }
.quote-ready pre { max-height: 360px; margin: .8rem 0; padding: 1rem; overflow: auto; border: 1px solid var(--line-dark); background: #11120f; color: #e0e0da; font: 500 .78rem/1.65 "Helvetica Neue",Helvetica,Arial,sans-serif; white-space: pre-wrap; }
.quote-ready > div { display: flex; align-items: center; flex-wrap: wrap; gap: 1.2rem; }

.faq-preview { display: grid; grid-template-columns: .65fr 1.35fr; gap: clamp(3rem, 8vw, 10rem); padding: clamp(5rem, 9vw, 10rem) max(clamp(1rem,3vw,3rem), calc((100vw - var(--max))/2)); background: var(--paper); color: var(--ink); }.faq-preview > div:first-child { align-self: start; position: sticky; top: calc(var(--header) + 2rem); }.faq-preview h2 { margin: 0 0 2rem; font-size: clamp(3rem, 5vw, 6rem); font-weight: 520; letter-spacing: -.075em; line-height: .86; }
.accordion-list { border-top: 1px solid var(--line-light); }.accordion-list details { border-bottom: 1px solid var(--line-light); }.accordion-list summary { list-style: none; display: grid; grid-template-columns: 1fr 2rem; gap: 1rem; align-items: center; padding: 1.35rem 0; font-size: clamp(1.05rem, 1.5vw, 1.35rem); font-weight: 650; cursor: pointer; }.accordion-list summary::-webkit-details-marker { display: none; }.accordion-list summary span { width: 1rem; height: 1rem; position: relative; }.accordion-list summary span::before, .accordion-list summary span::after { content: ""; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: currentColor; }.accordion-list summary span::after { transform: rotate(90deg); transition: transform .2s; }.accordion-list details[open] summary span::after { transform: rotate(0); }.accordion-list details p { max-width: 740px; margin: 0; padding: 0 3rem 1.5rem 0; color: #55564f; }

.conversion-dock { position: fixed; z-index: 90; left: 50%; bottom: 1rem; width: min(920px,calc(100% - 2rem)); display: grid; grid-template-columns: 1fr auto; align-items: stretch; border: 1px solid rgba(255,255,255,.3); background: rgba(7,7,7,.92); color: var(--white); box-shadow: 0 18px 60px rgba(0,0,0,.34); backdrop-filter: blur(20px); opacity: 0; pointer-events: none; transform: translate(-50%,calc(100% + 2rem)); transition: opacity .25s,transform .35s cubic-bezier(.2,.8,.2,1); }
.conversion-dock.is-visible { opacity: 1; pointer-events: auto; transform: translate(-50%,0); }
.conversion-dock-facts { display: grid; grid-template-columns: 1fr 1.25fr; }
.conversion-dock-facts > span { min-width: 0; display: grid; align-content: center; gap: .1rem; padding: .65rem 1rem; border-right: 1px solid var(--line-dark); }
.conversion-dock small { color: #80817a; font-size: .6rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.conversion-dock strong { font-size: .78rem; }
.conversion-dock-actions { display: flex; align-items: stretch; }
.conversion-dock-actions a { display: flex; align-items: center; padding: .7rem 1rem; color: #c0c1ba; font-size: .74rem; font-weight: 800; text-decoration: none; }
.conversion-dock-actions .conversion-dock-primary { gap: 1.8rem; background: var(--acid); color: var(--ink); }
.site-footer { padding: 0 clamp(1rem, 3vw, 3rem) 7rem; background: var(--ink); }
.footer-lead { max-width: var(--max); margin-inline: auto; display: grid; grid-template-columns: .4fr 1.6fr; gap: 2rem; align-items: center; padding: clamp(4rem, 8vw, 8rem) 0; border-bottom: 1px solid var(--line-dark); }.footer-lead > span { color: #70716b; font-size: .72rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }.footer-lead a { display: flex; align-items: baseline; justify-content: space-between; text-decoration: none; font-size: clamp(3rem, 7vw, 8.5rem); font-weight: 500; letter-spacing: -.08em; line-height: .85; }.footer-lead a b { color: var(--acid); font-size: .4em; }
.footer-grid { max-width: var(--max); margin-inline: auto; display: grid; grid-template-columns: 1.4fr repeat(3,.6fr); gap: 3rem; padding: 3rem 0; }.footer-grid > div { display: flex; flex-direction: column; align-items: flex-start; gap: .65rem; }.footer-grid small { margin-bottom: .5rem; color: #666761; font-size: .67rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }.footer-grid a:not(.wordmark) { color: #bbbcb5; font-size: .82rem; text-decoration: none; }.footer-grid p { max-width: 300px; margin: .6rem 0 0; color: #81827b; font-size: .82rem; }.footer-mark { margin-bottom: 1rem; }.footer-base { max-width: var(--max); margin-inline: auto; display: flex; justify-content: space-between; padding-top: 1.2rem; border-top: 1px solid var(--line-dark); color: #666761; font-size: .68rem; text-transform: uppercase; }

/* Inner page foundations */
.inner-page main { background: var(--paper); color: var(--ink); }
.breadcrumbs { display: flex; align-items: center; flex-wrap: wrap; gap: .55rem; color: #85857e; font-size: .68rem; font-weight: 750; text-transform: uppercase; }.breadcrumbs a { text-decoration: none; }.breadcrumbs a:hover { color: currentColor; text-decoration: underline; }
.inner-hero { min-height: 620px; padding: calc(var(--header) + 2rem) max(clamp(1rem,3vw,3rem), calc((100vw - var(--max))/2)) clamp(4rem, 7vw, 7rem); display: flex; flex-direction: column; justify-content: space-between; background: var(--ink); color: var(--white); }
.inner-hero-grid { display: grid; grid-template-columns: 1.3fr .7fr; gap: 3rem; align-items: end; }.inner-hero h1, .shop-hero h1, .faq-hero h1, .basket-heading h1 { margin: 0; font-size: clamp(4rem, 8vw, 9rem); font-weight: 500; letter-spacing: -.085em; line-height: .82; }.inner-hero-grid > p { max-width: 540px; justify-self: end; color: #b2b3ac; font-size: 1.05rem; }.inner-hero--products { background: linear-gradient(135deg,rgba(255,91,53,.18),transparent 45%),var(--ink); }.inner-hero--finish { background: linear-gradient(135deg,rgba(201,255,24,.12),transparent 45%),var(--ink); }.inner-hero--materials { background: linear-gradient(135deg,rgba(172,139,93,.22),transparent 45%),var(--ink); }.inner-hero--industries { background: linear-gradient(135deg,rgba(79,112,255,.22),transparent 45%),var(--ink); }
.index-intro h2, .industry-index-intro h2, .content-split h2, .material-intro h2, .page-faq h2, .question-board h2 { margin: 0; font-size: clamp(2.6rem, 4.5vw, 5.5rem); font-weight: 520; letter-spacing: -.07em; line-height: .9; }.index-intro p, .industry-index-intro p { margin: 0 0 1rem; color: #50504a; }
.product-index-grid { padding: 0; grid-template-columns: repeat(3,1fr); }.products-index-page .product-index-grid { max-width: none; margin: 0 clamp(1rem,3vw,3rem) clamp(6rem,10vw,11rem); }
.compare-strip { padding: clamp(4rem,8vw,8rem) max(clamp(1rem,3vw,3rem), calc((100vw - var(--max))/2)); background: var(--orange); color: var(--ink); }.compare-strip > span { font-size: .7rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }.compare-strip h2 { margin: 1.5rem 0 2rem; font-size: clamp(3rem,6vw,7rem); font-weight: 520; letter-spacing: -.08em; line-height: .86; }.compare-strip .button--acid { background: var(--ink); color: var(--white); border-color: var(--ink); }

.product-hero { min-height: max(960px,100svh); padding: calc(var(--header) + 1.35rem) max(clamp(1rem,3vw,3rem),calc((100vw - var(--max))/2)) 1.25rem; display: flex; flex-direction: column; background: var(--ink); color: var(--white); }
.product-hero .breadcrumbs { margin-bottom: 1.25rem; }
.product-hero-frame { position: relative; isolation: isolate; flex: 1; min-height: 700px; overflow: hidden; border: 1px solid var(--line-dark); background: #030303; }
.product-hero-frame::before { content: ""; position: absolute; z-index: 1; inset: 0; background: linear-gradient(90deg,rgba(3,3,3,.98) 0%,rgba(3,3,3,.92) 27%,rgba(3,3,3,.48) 49%,rgba(3,3,3,.04) 72%),linear-gradient(0deg,rgba(3,3,3,.72),transparent 42%); pointer-events: none; }
.product-hero-frame::after { content: ""; position: absolute; z-index: 5; inset: 0 auto 0 0; width: 6px; background: var(--product-accent); }
.product-hero-sequence { position: absolute; z-index: 4; top: 1.35rem; left: 1.75rem; color: #9b9c96; font-size: .72rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.product-code { color: var(--product-accent); font-size: .75rem; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.product-hero-copy { position: relative; z-index: 3; width: 64%; min-height: 700px; display: flex; flex-direction: column; justify-content: flex-end; padding: clamp(2rem,4vw,4.5rem); }
.product-hero-copy h1 { max-width: 9ch; margin: 1.2rem 0 1.5rem; font-size: clamp(4.5rem,7.5vw,9rem); font-weight: 500; letter-spacing: -.088em; line-height: .78; text-wrap: balance; }
.product-hero-copy > p { max-width: 640px; margin: 0 0 2rem; color: #c0c1bb; font-size: 1.03rem; line-height: 1.55; text-shadow: 0 2px 18px rgba(0,0,0,.65); }
.product-hero-copy .entry-actions { align-items: center; }
.product-hero-copy .text-link { color: var(--white); }
.product-hero-image { position: absolute; z-index: 0; inset: 0 0 0 36%; min-height: 0; margin: 0; overflow: hidden; background: #000; }
.product-hero-image::after { content: ""; position: absolute; inset: 0; background: linear-gradient(135deg,transparent 40%,rgba(0,0,0,.18)); pointer-events: none; }
.product-hero-image img { width: 200%; max-width: none; height: 100%; object-fit: cover; transition: transform .65s cubic-bezier(.2,.8,.2,1); }
.product-hero-image--right img { margin-left: -100%; }
.product-hero-image:hover img { transform: scale(1.025); }
.product-hero-image figcaption { position: absolute; z-index: 4; right: 1.25rem; bottom: 1.25rem; min-width: 220px; display: flex; justify-content: space-between; align-items: end; gap: 1rem; padding: .8rem; border-top: 1px solid rgba(255,255,255,.5); color: var(--white); text-transform: uppercase; }
.product-hero-image figcaption span { font-size: .7rem; font-weight: 800; letter-spacing: .1em; }.product-hero-image figcaption strong { color: var(--product-accent); font-size: 1rem; }
.product-hero-card { position: absolute; z-index: 4; top: 1.25rem; right: 1.25rem; width: min(29vw,350px); padding: 1.1rem; border: 1px solid rgba(255,255,255,.24); background: rgba(6,6,6,.7); backdrop-filter: blur(16px); }
.product-hero-card-head { display: flex; justify-content: space-between; align-items: center; padding-bottom: .9rem; border-bottom: 1px solid var(--line-dark); text-transform: uppercase; }.product-hero-card-head span { color: #9c9d97; font-size: .66rem; font-weight: 800; letter-spacing: .1em; }.product-hero-card-head strong { color: var(--product-accent); font-size: 1rem; }
.product-hero-card dl { margin: 0; }.product-hero-card dl > div { display: grid; grid-template-columns: .7fr 1.3fr; gap: .8rem; padding: .85rem 0; border-bottom: 1px solid var(--line-dark); }.product-hero-card dt { color: #858680; font-size: .7rem; }.product-hero-card dd { margin: 0; font-size: .78rem; font-weight: 650; line-height: 1.35; }.product-hero-card > a { display: flex; justify-content: space-between; gap: 1rem; padding-top: 1rem; color: var(--white); font-size: .74rem; font-weight: 800; text-decoration: none; }
.product-hero-signal { display: grid; grid-template-columns: repeat(4,1fr); margin-top: 1px; border: 1px solid var(--line-dark); }
.product-hero-signal > span { min-height: 106px; display: flex; flex-direction: column; justify-content: space-between; padding: .9rem 1rem; border-right: 1px solid var(--line-dark); }
.product-hero-signal > span:last-child { border-right: 0; }
.product-hero-signal small { color: #72736d; font-size: .68rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.product-hero-signal strong { max-width: 240px; font-size: .86rem; line-height: 1.3; }.product-hero-signal strong b { color: var(--product-accent); font-size: 1.65rem; font-weight: 600; letter-spacing: -.04em; }
.spec-ledger { display: grid; grid-template-columns: repeat(6,1fr); background: var(--acid); color: var(--ink); }
.spec-ledger > div { min-height: 145px; padding: 1.2rem; border-right: 1px solid rgba(7,7,7,.22); }
.spec-ledger small, .spec-ledger strong { display: block; }
.spec-ledger small { margin-bottom: 1.2rem; color: rgba(7,7,7,.58); font-size: .75rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.spec-ledger strong { font-size: .95rem; line-height: 1.25; }
.product-overview { display: grid; grid-template-columns: .78fr 1.22fr; gap: 2rem clamp(3rem,7vw,8rem); padding: clamp(5rem,9vw,10rem) max(clamp(1rem,3vw,3rem),calc((100vw - var(--max))/2)); background: var(--paper); color: var(--ink); }
.product-overview-head h2, .product-decision-head h2, .product-spec-workbench > header h2, .artwork-card h2, .production-flow > h2, .product-cta-band h2 { margin: 0; font-size: clamp(3rem,5.4vw,6.5rem); font-weight: 520; letter-spacing: -.078em; line-height: .87; }
.product-overview-copy { align-self: end; max-width: 780px; }.product-overview-copy p { color: #4d4e48; font-size: 1.03rem; }.product-overview-copy .product-lead { margin-top: 0; color: var(--ink); font-size: clamp(1.25rem,1.8vw,1.65rem); font-weight: 620; letter-spacing: -.025em; line-height: 1.2; }
.structure-map { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3,1fr); margin-top: clamp(1rem,3vw,3rem); }
.structure-map article { min-height: 290px; display: flex; flex-direction: column; padding: clamp(1.2rem,2.4vw,2.5rem); background: var(--paper-2); border-right: 1px solid var(--line-light); }
.structure-map article:first-child { background: var(--ink); color: var(--white); }.structure-map article:nth-child(2) { background: var(--acid); }
.structure-map article > span { color: #777870; font-size: .75rem; font-weight: 800; }.structure-map article:first-child > span { color: var(--acid); }
.structure-map h3 { margin: auto 0 1rem; font-size: clamp(1.8rem,2.6vw,3.2rem); font-weight: 550; letter-spacing: -.06em; line-height: .9; }
.structure-map p { margin: 0; color: #4f504a; font-size: .9rem; }.structure-map article:first-child p { color: #acaea7; }
.product-decision { padding: clamp(5rem,9vw,10rem) max(clamp(1rem,3vw,3rem),calc((100vw - var(--max))/2)); background: var(--ink); color: var(--white); }
.product-decision-head { display: grid; grid-template-columns: 1.2fr .8fr; align-items: end; gap: 3rem; margin-bottom: clamp(3rem,6vw,6rem); }
.product-decision-head p { max-width: 620px; justify-self: end; margin: 0; color: #a9aaa3; }
.decision-grid { display: grid; grid-template-columns: 1fr 1fr; }
.decision-card { min-height: 520px; padding: clamp(1.4rem,3vw,3rem); }.decision-card--choose { background: var(--acid); color: var(--ink); }.decision-card--check { border: 1px solid var(--line-dark); }
.decision-card > span { display: block; margin-bottom: 2rem; font-size: .75rem; font-weight: 850; letter-spacing: .11em; text-transform: uppercase; }
.decision-card ol { margin: 0; padding: 0; list-style: none; }.decision-card li { display: grid; grid-template-columns: 2.6rem 1fr; gap: 1rem; padding: 1.15rem 0; border-top: 1px solid currentColor; }.decision-card li small { opacity: .55; font-size: .75rem; }.decision-card li p { margin: 0; font-size: 1rem; }
.content-split { background: var(--paper); }.content-split--paper { background: var(--paper-2); }.prose-list > p, .prose p { margin: 0 0 1.25rem; color: #454640; font-size: 1.03rem; }.prose-list ul { margin: 2rem 0 0; padding: 0; list-style: none; }.prose-list li { padding: 1rem 0 1rem 2.2rem; border-top: 1px solid var(--line-light); position: relative; }.prose-list li::before { content: "↳"; position: absolute; left: 0; color: var(--orange); font-weight: 900; }.inline-links { display: flex; flex-wrap: wrap; gap: 1rem 2rem; margin-top: 2rem; }.inline-links a { font-weight: 800; }
.use-band { display: grid; grid-template-columns: .65fr 1.35fr; gap: clamp(3rem,7vw,8rem); padding: clamp(5rem,8vw,8rem) max(clamp(1rem,3vw,3rem),calc((100vw - var(--max))/2)); background: var(--blue); color: var(--white); }
.use-band h2 { margin: 0 0 1.5rem; font-size: clamp(2.8rem,4.6vw,5.6rem); font-weight: 520; letter-spacing: -.07em; line-height: .9; }.use-band > div:first-child > p { max-width: 540px; margin: 0; color: rgba(255,255,255,.72); }
.use-grid { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--line-dark); }
.use-grid span { min-height: 145px; display: flex; flex-direction: column; justify-content: space-between; padding: 1rem; border-right: 1px solid var(--line-dark); border-bottom: 1px solid var(--line-dark); font-size: 1.1rem; font-weight: 650; }
.use-grid small { color: rgba(255,255,255,.55); font-size: .75rem; }
.product-spec-workbench { padding: clamp(5rem,9vw,10rem) max(clamp(1rem,3vw,3rem),calc((100vw - var(--max))/2)); background: var(--paper-2); color: var(--ink); }
.product-spec-workbench > header { display: grid; grid-template-columns: 1.2fr .8fr; gap: 3rem; align-items: end; margin-bottom: clamp(3rem,6vw,6rem); }.product-spec-workbench > header > p { max-width: 620px; justify-self: end; margin: 0; color: #55564f; }
.material-route-grid { display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid var(--line-light); }
.material-route-grid article { min-height: 340px; display: flex; flex-direction: column; padding: clamp(1.2rem,2.4vw,2.5rem); border-right: 1px solid var(--line-light); background: var(--white); }.material-route-grid article:last-child { border-right: 0; }.material-route-grid article:nth-child(2) { background: var(--acid); }.material-route-grid article > span { color: #777870; font-size: .72rem; font-weight: 800; }.material-route-grid h3 { margin: auto 0 1rem; font-size: clamp(2rem,3vw,3.5rem); font-weight: 560; letter-spacing: -.065em; line-height: .9; }.material-route-grid p { margin: 0; color: #51524c; font-size: .92rem; }
.recommended-route { display: grid; grid-template-columns: .38fr .62fr; margin-top: 1px; background: var(--ink); color: var(--white); }.recommended-route > div:first-child { padding: clamp(1.3rem,2.6vw,2.8rem); }.recommended-route > div:first-child > span { color: var(--acid); font-size: .72rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }.recommended-route > div:first-child > p { max-width: 330px; margin-top: 1.5rem; color: #a9aaa3; }.recommended-route > div:last-child { display: grid; grid-template-columns: 1fr 1fr; border-left: 1px solid var(--line-dark); }.recommended-route article { display: grid; grid-template-columns: 2.3rem 1fr; gap: .7rem; min-height: 170px; padding: 1.25rem; border-right: 1px solid var(--line-dark); border-bottom: 1px solid var(--line-dark); }.recommended-route article small { color: #686963; font-size: .7rem; }.recommended-route h3 { margin: 0 0 .6rem; font-size: 1.2rem; font-weight: 650; letter-spacing: -.03em; }.recommended-route article p { margin: 0; color: #a9aaa3; font-size: .82rem; }
.material-route-footer { display: flex; justify-content: space-between; gap: 2rem; padding-top: 1.3rem; color: #5b5c55; font-size: .78rem; }.material-route-footer > span { max-width: 520px; }

.product-option-section { --light-x: 50%; --light-y: 50%; padding: clamp(5rem,9vw,10rem) max(clamp(1rem,3vw,3rem),calc((100vw - var(--max))/2)); background: var(--ink); color: var(--white); }
.option-studio-heading { display: grid; grid-template-columns: 1.15fr .85fr; gap: clamp(2rem,6vw,7rem); align-items: end; margin-bottom: clamp(2.5rem,5vw,5rem); }
.option-studio-heading h2 { margin: 0; font-size: clamp(3.8rem,6.6vw,8rem); font-weight: 520; letter-spacing: -.085em; line-height: .82; }.option-studio-heading h2 em { color: var(--acid); font-style: normal; }
.option-studio-heading > div:last-child > p { max-width: 650px; margin: 0 0 1.2rem; color: #b2b3ac; }.option-studio-callout { padding: 1rem 0 0 1.1rem; border-top: 1px solid var(--line-dark); border-left: 4px solid var(--acid); color: var(--white)!important; font-size: .86rem; }
.option-mode-switch { display: grid; grid-template-columns: 1fr 1fr; }
.option-mode-switch button { min-height: 104px; display: grid; grid-template-columns: 3rem 1fr auto; align-items: center; gap: 1rem; border: 1px solid var(--line-dark); border-bottom: 0; padding: 1rem 1.2rem; background: #101010; color: var(--white); text-align: left; cursor: pointer; }.option-mode-switch button + button { border-left: 0; }.option-mode-switch button > span { color: #666761; font-size: .7rem; font-weight: 800; }.option-mode-switch button strong { font-size: clamp(1.35rem,2vw,2rem); font-weight: 620; letter-spacing: -.04em; }.option-mode-switch button small { color: #8e8f89; font-size: .7rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }.option-mode-switch button:hover, .option-mode-switch button.active { background: var(--acid); color: var(--ink); }.option-mode-switch button.active > span, .option-mode-switch button.active small { color: rgba(7,7,7,.62); }
.option-studio-shell { display: grid; grid-template-columns: 1.18fr .82fr; min-height: 790px; border: 1px solid var(--line-dark); }
.option-stage { position: relative; isolation: isolate; min-width: 0; min-height: 790px; overflow: hidden; background: #000; }
.option-stage.is-changing img { opacity: .14; transform: scale(1.035); }.option-stage img { width: 100%; height: 100%; object-fit: cover; transition: opacity .18s ease,transform .45s ease,filter .35s ease; }
.option-stage-mask { position: absolute; z-index: 2; inset: 0; pointer-events: none; transition: background .3s ease; }.option-stage-mask--left { background: linear-gradient(90deg,transparent 0 49.5%,rgba(0,0,0,.86) 50.5% 100%); }.option-stage-mask--right { background: linear-gradient(90deg,rgba(0,0,0,.86) 0 49.5%,transparent 50.5% 100%); }
.option-stage-sheen { position: absolute; z-index: 3; inset: 0; pointer-events: none; background: radial-gradient(circle at var(--light-x) var(--light-y),rgba(255,255,255,.18),transparent 26%); mix-blend-mode: screen; opacity: .8; transition: opacity .3s; }
.option-stage[data-visual="foil-silver"] img { filter: grayscale(1) brightness(1.12) contrast(1.08); }.option-stage[data-visual="foil-colour"] img { filter: hue-rotate(240deg) saturate(1.35); }.option-stage[data-visual="foil-holographic"] img { filter: hue-rotate(170deg) saturate(1.45) brightness(1.08); }.option-stage[data-visual="foil-holographic"] .option-stage-sheen { background: linear-gradient(120deg,transparent 22%,rgba(255,82,185,.28) 38%,rgba(73,226,255,.3) 52%,rgba(215,255,66,.2) 65%,transparent 80%); opacity: 1; }.option-stage[data-visual="matte"] img, .option-stage[data-visual="soft-touch"] img { filter: saturate(.82) contrast(.94); }.option-stage[data-visual="gloss"] img { filter: saturate(1.14) contrast(1.08); }
.option-stage[data-visual="addon-patch"] .option-stage-sheen { background: linear-gradient(116deg,transparent 50%,rgba(179,244,255,.06) 56%,rgba(214,251,255,.34) 64%,rgba(255,255,255,.05) 72%,transparent 82%); opacity: 1; }.option-stage[data-visual="addon-foam"] img { filter: saturate(.52) contrast(.95); }.option-stage[data-visual="inside-print"] img { filter: saturate(1.16) brightness(1.03); }
.option-stage-meta { position: absolute; z-index: 5; top: 1.1rem; left: 1.1rem; right: 1.1rem; display: flex; justify-content: space-between; gap: 1rem; padding-bottom: .8rem; border-bottom: 1px solid rgba(255,255,255,.42); color: #d1d2cc; font-size: .68rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.option-stage-label { position: absolute; z-index: 5; left: 1.1rem; bottom: 1.1rem; max-width: min(72%,650px); padding: 1.1rem; border-left: 5px solid var(--option-accent); background: rgba(5,5,5,.72); backdrop-filter: blur(14px); }.option-stage-label small { color: var(--option-accent); font-size: .7rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }.option-stage-label h3 { margin: .55rem 0 .35rem; font-size: clamp(3rem,5.4vw,6.5rem); font-weight: 530; letter-spacing: -.08em; line-height: .82; }.option-stage-label p { margin: 0; color: #c7c8c1; font-size: .88rem; }
.foil-palette { position: absolute; z-index: 6; right: 1.1rem; bottom: 1.1rem; width: 132px; display: grid; grid-template-columns: repeat(4,1fr); gap: .45rem; padding: .8rem; border: 1px solid rgba(255,255,255,.3); background: rgba(5,5,5,.72); backdrop-filter: blur(14px); }.foil-palette[hidden] { display: none; }.foil-palette > span, .foil-palette > small { grid-column: 1 / -1; font-size: .58rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }.foil-palette > span { color: #b8b9b2; }.foil-palette > small { color: #7c7d77; letter-spacing: 0; text-transform: none; }.foil-swatch { width: 100%; aspect-ratio: 1; border: 1px solid rgba(255,255,255,.3); border-radius: 50%; }.foil-swatch--gold { background: linear-gradient(135deg,#715016,#ffe49b 48%,#a2721b); }.foil-swatch--silver { background: linear-gradient(135deg,#62666a,#fff 48%,#8a9095); }.foil-swatch--copper { background: linear-gradient(135deg,#733d22,#e3a16e 48%,#8c4a2b); }.foil-swatch--rose { background: linear-gradient(135deg,#884b58,#f1b7b0 48%,#9d5c63); }.foil-swatch--red { background: linear-gradient(135deg,#6f0711,#ff4a54 48%,#9e101d); }.foil-swatch--blue { background: linear-gradient(135deg,#092f73,#59b6ff 48%,#16488e); }.foil-swatch--green { background: linear-gradient(135deg,#155936,#6bd29a 48%,#286d47); }.foil-swatch--holo { background: linear-gradient(135deg,#ff6a96,#67e8ff 35%,#d8ff5d 66%,#b978ff); }
.option-control-column { min-width: 0; display: grid; grid-template-rows: minmax(0,1fr) auto; background: #0d0d0d; }
.option-panel { min-height: 0; }.option-panel[hidden] { display: none; }
.option-choice-grid { max-height: 510px; overflow-y: auto; display: grid; grid-template-columns: repeat(3,1fr); scrollbar-color: var(--acid) #151515; }
.option-choice { min-height: 118px; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: .55rem; border: 0; border-right: 1px solid var(--line-dark); border-bottom: 1px solid var(--line-dark); padding: .85rem; background: transparent; color: var(--white); text-align: left; cursor: pointer; }.option-choice:nth-child(3n) { border-right: 0; }.option-choice > span { color: #5f605a; font-size: .63rem; font-weight: 800; }.option-choice strong { font-size: .9rem; font-weight: 680; line-height: 1.15; }.option-choice small { color: #777871; font-size: .6rem; line-height: 1.25; }.option-choice:hover { background: #181818; }.option-choice.active { background: var(--option-accent,var(--acid)); color: var(--ink); }.option-choice.active > span, .option-choice.active small { color: rgba(7,7,7,.62); }.option-choice:focus-visible, .option-mode-switch button:focus-visible { outline: 3px solid var(--white); outline-offset: -4px; }
.option-readout { align-self: end; margin: 0; padding: clamp(1.2rem,2.2vw,2rem); border-top: 1px solid var(--line-dark); background: var(--paper); color: var(--ink); }.option-readout > span { color: #777870; font-size: .67rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }.option-readout > p { margin: 1rem 0 1.4rem; font-size: 1.02rem; font-weight: 610; line-height: 1.45; }.option-readout dl { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin: 0; }.option-readout dl > div { padding-top: .8rem; border-top: 1px solid var(--line-light); }.option-readout dt { margin-bottom: .5rem; color: #777870; font-size: .63rem; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }.option-readout dd { margin: 0; color: #4d4e48; font-size: .78rem; line-height: 1.45; }
.option-studio-footer { display: flex; justify-content: space-between; align-items: start; gap: 2rem; padding-top: 1.4rem; border-top: 1px solid var(--line-dark); }.option-studio-footer p { max-width: 760px; margin: 0; color: #8f9089; font-size: .79rem; }.option-studio-footer .text-link { color: var(--white); white-space: nowrap; }
.production-planner { display: grid; grid-template-columns: .82fr 1.18fr; gap: clamp(2rem,5vw,6rem); padding: clamp(5rem,9vw,10rem) max(clamp(1rem,3vw,3rem),calc((100vw - var(--max))/2)); background: var(--orange); color: var(--ink); }
.artwork-card { align-self: start; padding: clamp(1.4rem,3vw,3rem); background: var(--ink); color: var(--white); clip-path: polygon(24px 0,100% 0,100% calc(100% - 24px),calc(100% - 24px) 100%,0 100%,0 24px); }.artwork-card .section-code { color: var(--acid); }.artwork-card h2 { margin-bottom: 2rem; }
.artwork-card ol { margin: 0 0 2rem; padding: 0; list-style: none; }.artwork-card li { display: grid; grid-template-columns: 2.5rem 1fr; gap: .8rem; padding: 1rem 0; border-top: 1px solid var(--line-dark); }.artwork-card li small { color: #73746e; font-size: .75rem; }.artwork-card li span { color: #c2c3bc; font-size: .9rem; }
.production-flow > h2 { margin-bottom: clamp(2rem,4vw,4rem); }
.production-flow article { display: grid; grid-template-columns: 3rem .55fr 1fr; gap: 1.2rem; align-items: start; padding: 1.25rem 0; border-top: 1px solid rgba(7,7,7,.3); }.production-flow article:last-child { border-bottom: 1px solid rgba(7,7,7,.3); }.production-flow article small { font-size: .75rem; }.production-flow article h3 { margin: 0; font-size: clamp(1.25rem,1.8vw,1.7rem); font-weight: 650; letter-spacing: -.035em; }.production-flow article p { margin: 0; font-size: .9rem; }
.page-faq > div:first-child > p { max-width: 430px; color: #55564f; }
.product-visual-proof { padding: clamp(5rem,9vw,10rem) max(clamp(1rem,3vw,3rem),calc((100vw - var(--max))/2)); background: #dad8ce; color: var(--ink); }
.product-visual-proof > header { display: grid; grid-template-columns: 1.2fr .8fr; gap: 3rem; align-items: end; margin-bottom: clamp(3rem,6vw,6rem); }
.product-visual-proof > header h2 { max-width: 1050px; margin: 0; font-size: clamp(3.4rem,6.2vw,7.4rem); font-weight: 520; letter-spacing: -.084em; line-height: .84; }
.product-visual-proof > header > p { max-width: 560px; justify-self: end; margin: 0; color: #4f504a; }
.product-proof-grid { display: grid; grid-template-columns: repeat(12,1fr); grid-template-rows: auto auto; gap: clamp(1rem,2vw,2rem); }
.product-proof-grid figure { position: relative; margin: 0; overflow: hidden; background: #111; }
.product-proof-grid figure img { width: 100%; height: 100%; object-fit: cover; }
.product-proof-main { grid-column: 1 / 9; grid-row: 1 / 3; min-height: 760px; clip-path: polygon(4% 0,100% 0,100% 94%,96% 100%,0 100%,0 6%); }
.product-proof-main img { object-position: 42% center; }
.product-proof-main figcaption { position: absolute; left: 1rem; right: 1rem; bottom: 1rem; display: flex; justify-content: space-between; gap: 1rem; padding: .9rem 1rem; background: rgba(7,7,7,.8); color: var(--white); backdrop-filter: blur(14px); }
.product-proof-main figcaption span { color: #a0a19a; font-size: .66rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.product-proof-main figcaption strong { font-size: .78rem; }
.product-proof-notes { grid-column: 9 / 13; display: flex; flex-direction: column; padding: clamp(1.2rem,2.5vw,2.2rem); background: var(--ink); color: var(--white); }
.product-proof-notes > span { margin-bottom: 1rem; color: var(--acid); font-size: .68rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.product-proof-notes article { display: grid; grid-template-columns: 2.1rem 1fr; gap: .8rem; padding: 1.15rem 0; border-top: 1px solid var(--line-dark); }
.product-proof-notes article small { color: #777870; font-size: .66rem; }
.product-proof-notes h3 { margin: 0 0 .4rem; font-size: 1.16rem; font-weight: 650; letter-spacing: -.03em; }
.product-proof-notes p { margin: 0; color: #a9aaa3; font-size: .82rem; }
.product-proof-notes .button { align-self: flex-start; margin-top: auto; }
.product-proof-process { grid-column: 9 / 13; min-height: 300px; }
.product-proof-process figcaption { position: absolute; left: .8rem; bottom: .8rem; padding: .55rem .7rem; background: rgba(7,7,7,.8); color: #d1d2cb; font-size: .62rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.product-proof-disclaimer { max-width: 840px; margin: 1.5rem 0 0 auto; color: #66675f; font-size: .72rem; text-align: right; }
.product-cta-band { padding: clamp(5rem,8vw,8rem) max(clamp(1rem,3vw,3rem),calc((100vw - var(--max))/2)); background: var(--acid); color: var(--ink); }.product-cta-band > div:first-child { display: flex; gap: 1rem 3rem; margin-bottom: 2rem; font-size: .75rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }.product-cta-band h2 { max-width: 1200px; margin-bottom: 2rem; }.product-cta-band .button--acid { border-color: var(--ink); background: var(--ink); color: var(--white); }
.product-cta-band > p { max-width: 720px; margin: -1rem 0 2rem; color: rgba(7,7,7,.7); font-size: 1.02rem; }
.related-section .section-heading { align-items: end; }.related-section .section-heading h2 { font-size: clamp(3rem,5vw,6rem); }.related-grid { grid-template-columns: 1fr 1fr; }

.finish-feature { display: grid; grid-template-columns: 1.15fr .85fr; gap: clamp(2rem,6vw,7rem); align-items: center; padding: clamp(5rem,9vw,10rem) max(clamp(1rem,3vw,3rem), calc((100vw - var(--max))/2)); }.finish-feature figure { margin: 0; min-height: 520px; background: #000; clip-path: polygon(5% 0,100% 0,100% 92%,95% 100%,0 100%,0 8%); }.finish-feature img { width: 100%; height: 100%; object-fit: cover; }.finish-feature h2 { margin: 0 0 1.5rem; font-size: clamp(3rem,5vw,6rem); font-weight: 520; letter-spacing: -.075em; line-height: .88; }.finish-feature p { color: #4c4c46; }.finish-index { background: var(--ink); color: var(--white); padding: 0 max(clamp(1rem,3vw,3rem), calc((100vw - var(--max))/2)); }.finish-index article { display: grid; grid-template-columns: 4rem .9fr 1.1fr; gap: 2rem; align-items: center; min-height: 170px; border-bottom: 1px solid var(--line-dark); }.finish-index article > span { color: #60615b; font-size: .7rem; font-weight: 800; }.finish-index small { color: var(--acid); font-size: .65rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }.finish-index h2 { margin: .35rem 0 0; font-size: clamp(2.4rem,4vw,4.8rem); font-weight: 520; letter-spacing: -.07em; line-height: .9; }.finish-index p { color: #aaa9a3; }

.material-intro { align-items: center; }.oversize-type { color: var(--orange); font-size: clamp(4rem,9vw,11rem); font-weight: 700; letter-spacing: -.09em; line-height: .73; }.material-intro p { color: #50504a; }.material-index { padding: 0 max(clamp(1rem,3vw,3rem), calc((100vw - var(--max))/2)) clamp(6rem,10vw,11rem); }.material-index article { display: grid; grid-template-columns: .65fr 1.35fr; min-height: 330px; border-top: 1px solid var(--line-light); }.material-chip { position: relative; margin: 2rem 3rem 2rem 0; box-shadow: 0 20px 40px rgba(0,0,0,.14); clip-path: polygon(6% 0,100% 0,100% 90%,94% 100%,0 100%,0 10%); }.material-chip span { position: absolute; left: 1rem; bottom: 1rem; font-size: .7rem; font-weight: 800; }.material-chip--1 { background: #f4f0df; }.material-chip--2 { background: #fffdf5; }.material-chip--3 { background: #aaa99f; }.material-chip--4 { background: #a77948; }.material-chip--5 { background: linear-gradient(135deg,#7b806f,#e7e0cb 48%,#8e978d); }.material-chip--6 { background: repeating-linear-gradient(0deg,#d6b88f 0 9px,#b78f5f 9px 11px); }.material-index article > div:last-child { align-self: center; padding: 2rem 0; }.material-index small { color: #77776f; font-size: .66rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }.material-index h2 { margin: .6rem 0 1rem; font-size: clamp(2.6rem,4vw,4.8rem); font-weight: 520; letter-spacing: -.07em; line-height: .9; }.material-index p { max-width: 800px; color: #4c4c47; }.material-index strong { display: inline-block; padding-top: .8rem; border-top: 1px solid var(--line-light); font-size: .78rem; }

.industry-index-intro { align-items: start; }.industry-list--light { max-width: none; padding: 0 max(clamp(1rem,3vw,3rem), calc((100vw - var(--max))/2)) clamp(6rem,10vw,11rem); border-top: 0; }.industry-list--light .industry-row { color: var(--ink); border-color: var(--line-light); }.industry-list--light .industry-row p { color: #595953; }
.industry-hero { min-height: 760px; padding: calc(var(--header) + 2rem) max(clamp(1rem,3vw,3rem), calc((100vw - var(--max))/2)) clamp(4rem,7vw,7rem); display: grid; grid-template-columns: .35fr 1.65fr; grid-template-rows: auto 1fr; gap: 2rem; background: var(--ink); color: var(--white); }.industry-hero .breadcrumbs { grid-column: 1 / -1; }.industry-number { align-self: end; color: var(--acid); font-size: clamp(8rem,18vw,22rem); font-weight: 550; letter-spacing: -.1em; line-height: .68; }.industry-hero > div { align-self: end; }.industry-hero h1 { max-width: 1200px; margin: 0 0 1.5rem; font-size: clamp(4rem,7vw,8.5rem); font-weight: 500; letter-spacing: -.085em; line-height: .82; }.industry-hero p { max-width: 760px; margin: 0 0 2rem; color: #b5b5af; font-size: 1.04rem; }.challenge-band { padding: clamp(4rem,8vw,8rem) max(clamp(1rem,3vw,3rem), calc((100vw - var(--max))/2)); background: var(--orange); color: var(--ink); }.challenge-band span { font-size: .68rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }.challenge-band h2 { max-width: 1200px; margin: 1.5rem 0 0; font-size: clamp(3.3rem,7vw,8rem); font-weight: 520; letter-spacing: -.085em; line-height: .84; }.priority-list { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--line-light); }.priority-list li { display: grid; grid-template-columns: 3rem 1fr; gap: 1rem; min-height: 90px; align-items: center; border-bottom: 1px solid var(--line-light); font-size: 1.08rem; font-weight: 650; }.priority-list span { color: #77776f; font-size: .68rem; }.recommended-section .product-card { color: var(--white); border-color: var(--line-dark); }.recommended-section .product-grid, .recommended-section .related-grid { border-color: var(--line-dark); grid-template-columns: repeat(3,1fr); }.recommended-section .product-card-copy p { color: #aaa9a3; }.recommended-section .product-card-copy > span { border-color: var(--line-dark); }.question-board { background: var(--blue); color: var(--white); max-width: none; padding-inline: max(clamp(1rem,3vw,3rem), calc((100vw - var(--max))/2)); }.question-board > div:last-child { border-top: 1px solid var(--line-dark); }.question-board > div:last-child p { display: grid; grid-template-columns: 3rem 1fr; gap: 1rem; margin: 0; padding: 1rem 0; border-bottom: 1px solid var(--line-dark); font-size: 1.05rem; }.question-board p span { color: rgba(255,255,255,.6); font-size: .68rem; }

.shop-hero, .faq-hero { min-height: 680px; display: grid; grid-template-columns: 1.35fr .65fr; grid-template-rows: auto 1fr; gap: 2rem 4rem; padding: calc(var(--header) + 2rem) max(clamp(1rem,3vw,3rem), calc((100vw - var(--max))/2)) clamp(4rem,7vw,7rem); background: var(--ink); color: var(--white); }.shop-hero .breadcrumbs, .faq-hero .breadcrumbs { grid-column: 1 / -1; }.shop-hero > div, .faq-hero > div { align-self: end; }.shop-hero p, .faq-hero p { max-width: 700px; color: #b5b5af; font-size: 1.05rem; }.basket-panel { align-self: end; min-height: 250px; display: flex; flex-direction: column; justify-content: space-between; padding: 1.5rem; background: var(--acid); color: var(--ink); text-decoration: none; clip-path: polygon(7% 0,100% 0,100% 88%,93% 100%,0 100%,0 12%); }.basket-panel small { font-size: .68rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }.basket-panel strong { font-size: clamp(2.5rem,4vw,5rem); font-weight: 520; letter-spacing: -.07em; }.basket-panel > span { font-size: .78rem; font-weight: 800; }
.shop-grid { display: grid; grid-template-columns: 1fr 1fr; padding: clamp(4rem,8vw,8rem) max(clamp(1rem,3vw,3rem), calc((100vw - var(--max))/2)); }.shop-card { display: grid; grid-template-columns: .9fr 1.1fr; min-height: 440px; border-top: 1px solid var(--line-light); border-right: 1px solid var(--line-light); color: var(--ink); text-decoration: none; }.shop-card:nth-child(even) { border-right: 0; }.shop-image { position: relative; overflow: hidden; background: #000; }.shop-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s; }.shop-image > span { position: absolute; top: 1rem; left: 1rem; color: var(--white); font-size: .7rem; font-weight: 800; }.shop-card > div:last-child { display: flex; flex-direction: column; align-items: flex-start; padding: 1.5rem; }.shop-card small { color: #77776f; font-size: .66rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }.shop-card h2 { margin: auto 0 1rem; font-size: clamp(2rem,3vw,3.4rem); font-weight: 520; letter-spacing: -.065em; line-height: .9; }.shop-card p { color: #52524d; font-size: .9rem; }.shop-card strong { margin-top: auto; font-size: 1.1rem; }.shop-card > div:last-child > span { align-self: stretch; margin-top: 1rem; padding-top: .8rem; border-top: 1px solid var(--line-light); font-size: .72rem; font-weight: 800; }.shop-card:hover .shop-image img { transform: scale(1.04); }.shop-note { display: grid; grid-template-columns: .6fr 1.4fr; gap: 3rem; padding: 2rem max(clamp(1rem,3vw,3rem), calc((100vw - var(--max))/2)) clamp(6rem,10vw,10rem); }.shop-note span { font-size: .68rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }.shop-note p { max-width: 800px; margin: 0; color: #50504a; }
.shop-product { min-height: 900px; padding: calc(var(--header) + 2rem) max(clamp(1rem,3vw,3rem), calc((100vw - var(--max))/2)) clamp(5rem,8vw,8rem); background: var(--ink); color: var(--white); }.shop-product-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: clamp(2rem,6vw,7rem); padding-top: 3rem; }.shop-product figure { margin: 0; min-height: 650px; overflow: hidden; background: #000; clip-path: polygon(5% 0,100% 0,100% 92%,95% 100%,0 100%,0 8%); }.shop-product figure img { width: 100%; height: 100%; object-fit: cover; }.shop-product-copy { align-self: center; }.shop-product-copy h1 { margin: 1rem 0; font-size: clamp(3.4rem,6vw,7rem); font-weight: 500; letter-spacing: -.08em; line-height: .84; }.shop-price { margin: 0 0 1.5rem!important; color: var(--acid)!important; font-size: 1.35rem!important; font-weight: 800; }.shop-product-copy > p { color: #b2b2ac; }.included { margin: 2rem 0; padding: 1.2rem 0; border-top: 1px solid var(--line-dark); border-bottom: 1px solid var(--line-dark); }.included small { color: #74756e; font-size: .68rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }.included ul { margin: 1rem 0 0; padding: 0; list-style: none; }.included li { padding: .45rem 0 .45rem 1.4rem; position: relative; font-size: .9rem; }.included li::before { content: "+"; position: absolute; left: 0; color: var(--acid); }.add-row { display: grid; grid-template-columns: 100px 1fr; gap: .8rem; }.add-row label { display: grid; gap: .35rem; }.add-row label span { color: #77776f; font-size: .65rem; font-weight: 800; text-transform: uppercase; }.add-row select { width: 100%; min-height: 46px; border: 1px solid var(--line-dark); border-radius: 0; padding: .6rem; background: var(--ink); color: var(--white); }.add-status { min-height: 1.4rem; color: var(--acid)!important; font-size: .8rem!important; }

.faq-hero { grid-template-columns: 1fr .65fr; }.faq-search { align-self: end; display: grid; gap: .7rem; padding: 1.5rem; border: 1px solid var(--line-dark); }.faq-search span { color: #77776f; font-size: .68rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }.faq-search input { width: 100%; border: 0; border-bottom: 1px solid var(--line-dark); border-radius: 0; padding: .8rem 0; background: transparent; color: var(--white); outline: 0; }.faq-search input:focus { border-color: var(--acid); }.faq-groups { padding: clamp(4rem,8vw,8rem) max(clamp(1rem,3vw,3rem), calc((100vw - var(--max))/2)); }.faq-group { display: grid; grid-template-columns: .55fr 1.45fr; gap: clamp(2rem,6vw,7rem); padding: 2rem 0 4rem; border-top: 1px solid var(--line-light); }.faq-group > div:first-child { display: grid; grid-template-columns: 2.5rem 1fr; gap: .5rem; align-content: start; }.faq-group > div:first-child span { color: #77776f; font-size: .68rem; }.faq-group h2 { margin: 0; font-size: clamp(2rem,3vw,3.2rem); font-weight: 550; letter-spacing: -.06em; line-height: .95; }.no-faq-results { padding: 2rem; border: 1px solid var(--line-light); }

.basket-page { min-height: 900px; padding: calc(var(--header) + 2rem) max(clamp(1rem,3vw,3rem), calc((100vw - var(--max))/2)) clamp(5rem,8vw,8rem); background: var(--paper); color: var(--ink); }.basket-heading { padding: clamp(3rem,6vw,6rem) 0; }.basket-heading p { color: #55564f; }.basket-layout { display: grid; grid-template-columns: 1.2fr .8fr; gap: clamp(2rem,5vw,6rem); }.basket-items { border-top: 1px solid var(--line-light); }.empty-basket { padding: 3rem 0; }.empty-basket h2 { margin: 0 0 1rem; font-size: 2.5rem; font-weight: 550; letter-spacing: -.055em; }.empty-basket p { color: #565650; }.basket-item { display: grid; grid-template-columns: 1fr auto; gap: 1rem; padding: 1.2rem 0; border-bottom: 1px solid var(--line-light); }.basket-item h2 { margin: 0; font-size: 1.3rem; }.basket-item p { margin: .3rem 0 0; color: #686860; font-size: .8rem; }.basket-item button { align-self: center; border: 0; border-bottom: 1px solid currentColor; background: none; color: var(--ink); padding: .2rem 0; font-size: .72rem; cursor: pointer; }.basket-summary { display: flex; justify-content: space-between; padding: 1.2rem 0; font-weight: 800; }.basket-form { clip-path: none; align-self: start; position: sticky; top: calc(var(--header) + 2rem); }.basket-form h2 { margin: 0 0 1rem; font-size: 2rem; font-weight: 550; letter-spacing: -.055em; }.basket-form small { color: #7b7c75; font-size: .68rem; }

.not-found main { min-height: 780px; padding: calc(var(--header) + 5rem) max(clamp(1rem,3vw,3rem), calc((100vw - var(--max))/2)) 6rem; background: var(--orange); color: var(--ink); }.not-found main section > span { font-size: .7rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }.not-found h1 { margin: 2rem 0; font-size: clamp(5rem,11vw,13rem); font-weight: 520; letter-spacing: -.09em; line-height: .76; }.not-found main p { max-width: 600px; }

@media (max-width: 1180px) {
  .site-header { grid-template-columns: 1fr auto; }.primary-nav { position: fixed; top: var(--header); left: 0; right: 0; display: none; flex-direction: column; align-items: stretch; gap: 0; padding: 1rem clamp(1rem,3vw,3rem) 2rem; border-bottom: 1px solid var(--line-dark); background: var(--ink); }.primary-nav.open { display: flex; }.primary-nav a { padding: 1rem 0; border-bottom: 1px solid var(--line-dark); font-size: 1rem; }.header-actions { display: none; }.menu-toggle { display: block; justify-self: end; }.site-header:has(.primary-nav.open) .menu-toggle i { transform: rotate(45deg); box-shadow: none; }.site-header:has(.primary-nav.open) .menu-toggle i::after { content: ""; display: block; width: 24px; height: 1px; background: currentColor; transform: rotate(90deg); }
  .hero-spec { display: none; }.keyword-copy h1 { font-size: clamp(4.2rem,9.5vw,7.4rem); }.intent-index { grid-template-columns: repeat(4,1fr); }.intent-label { grid-column: 1 / -1; padding-left: 0; border-bottom: 1px solid var(--line-dark); }.intent-index a:first-of-type { border-left: 0; }
  .product-grid, .product-index-grid { grid-template-columns: repeat(2,1fr); }
  .spec-ledger { grid-template-columns: repeat(3,1fr); }
  .lab-grid { grid-template-columns: .8fr 1.2fr; gap: 2rem; }
  .carton-copy h2 { font-size: clamp(3rem, 7vw, 5.5rem); }
  .material-console { grid-template-columns: 1fr 1fr; }.material-stack { grid-row: 1 / 3; }.material-detail { border-right: 0; border-bottom: 1px solid var(--line-light); }.material-tabs { min-height: 360px; }
  .shop-card { grid-template-columns: 1fr; }.shop-image { min-height: 260px; }
  .product-hero-copy { width: 68%; }.product-hero-copy h1 { font-size: clamp(4.2rem,8.2vw,7rem); }.product-hero-card { width: 300px; }
  .option-studio-shell { grid-template-columns: .95fr 1.05fr; }.option-stage-label { max-width: calc(100% - 2.2rem); }.foil-palette { top: 4rem; bottom: auto; }.recommended-route { grid-template-columns: .32fr .68fr; }
  .visual-proof-main { min-height: 650px; }.choice-chips { grid-template-columns: repeat(2,1fr); }
  .product-proof-main { grid-column: 1 / 8; min-height: 680px; }.product-proof-notes, .product-proof-process { grid-column: 8 / 13; }
}

@media (max-width: 840px) {
  .keyword-entry { min-height: max(920px,100svh); }.hero-media img { object-position: 67% center; }.hero-media::after { background: linear-gradient(90deg,rgba(7,7,7,.94),rgba(7,7,7,.52)),linear-gradient(0deg,rgba(7,7,7,.9) 0%,rgba(7,7,7,.2) 60%); }.hero-coordinates { grid-template-columns: 1fr 1fr; }.hero-coordinates span:nth-child(2) { display: none; }.keyword-copy { padding-top: 7rem; padding-bottom: 3rem; }.keyword-copy h1 { max-width: 760px; font-size: clamp(3.8rem,14vw,7rem); }.keyword-support { grid-template-columns: 1fr; align-items: start; gap: 1.5rem; }.keyword-support .entry-actions { justify-content: flex-start; }.intent-index { grid-template-columns: 1fr 1fr; padding-inline: 0; }.intent-label { grid-column: 1 / -1; padding-left: 1rem; }.intent-index a { border-bottom: 1px solid var(--line-dark); }.intent-index a:nth-of-type(odd) { border-left: 0; }
  .seo-answer { grid-template-columns: 1fr 1fr; }.seo-answer > span { grid-column: 1 / -1; }.seo-answer h2 { grid-column: 1; }.seo-answer > div { grid-column: 2; }
  .section-heading, .brief-section, .faq-preview, .seo-answer, .production-facts, .index-intro, .content-split, .material-intro, .industry-index-intro, .page-faq, .question-board { grid-template-columns: 1fr; }.section-heading p { justify-self: start; }.section-heading h2 { font-size: clamp(3.4rem,12vw,6rem); }
  .carton-lab { min-height: auto; }
  .lab-grid { min-height: 0; grid-template-columns: 1fr; }
  .carton-copy { min-height: 540px; }
  .carton-stage { min-height: 520px; }
  .carton-controls { grid-template-columns: 1fr; }
  .lab-actions { justify-content: space-between; }
  .style-index { overflow-x: auto; grid-template-columns: repeat(6,minmax(130px,1fr)); scrollbar-width: none; }
  .style-index::-webkit-scrollbar { display: none; }
  .finish-lab { grid-template-columns: 1fr; min-height: 0; }.finish-stage { min-height: 520px; }.finish-tabs { border-left: 0; border-top: 1px solid var(--line-dark); display: grid; grid-template-columns: 1fr 1fr; }.finish-description { grid-column: 1 / -1; }.finish-tabs button:nth-child(odd) { border-right: 1px solid var(--line-dark); }
  .material-console { grid-template-columns: 1fr; }.material-stack { grid-row: auto; min-height: 500px; border-right: 0; border-bottom: 1px solid var(--line-light); }.material-detail { min-height: 430px; }.material-tabs { min-height: 390px; }
  .industry-row { grid-template-columns: 2.5rem 1fr auto; gap: 1rem; min-height: 105px; }.industry-row p { display: none; }
  .brief-lead, .faq-preview > div:first-child { position: static; }.footer-lead { grid-template-columns: 1fr; }.footer-grid { grid-template-columns: 1fr 1fr; }
  .visual-proof { grid-template-columns: 1fr; grid-template-rows: auto; }.visual-proof-heading, .visual-proof-main, .visual-proof-detail, .visual-proof-checks { grid-column: 1; grid-row: auto; }.visual-proof-heading { padding-right: 0; }.visual-proof-main { min-height: 560px; }.visual-proof-detail { min-height: 380px; }.visual-proof-checks { grid-template-columns: 1fr; }.visual-proof-checks article { min-height: 190px; border-right: 0; border-bottom: 1px solid var(--line-light); }.visual-proof-checks article:last-child { border-bottom: 0; }.visual-proof-checks h3 { margin-top: 2.5rem; }
  .quote-route-heading { grid-template-columns: 1fr; }.quote-route-heading p { justify-self: start; }.quote-route-steps li > div { grid-template-columns: .6fr 1.4fr; }.quote-route-steps li p { grid-column: 2; }.brief-lead ul { max-width: 600px; }
  .inner-hero-grid { grid-template-columns: 1fr; }.inner-hero-grid > p { justify-self: start; }.inner-hero h1, .shop-hero h1, .faq-hero h1, .basket-heading h1 { font-size: clamp(4rem,13vw,7rem); }
  .product-hero-grid, .finish-feature, .shop-product-grid { grid-template-columns: 1fr; }.shop-product figure { min-height: 520px; }.spec-ledger { grid-template-columns: 1fr 1fr; }.use-band { grid-template-columns: 1fr; }.finish-index article { grid-template-columns: 2.5rem 1fr; padding: 2rem 0; }.finish-index article p { grid-column: 2; margin: 0; }
  .product-hero { min-height: 0; }.product-hero-frame { min-height: 0; display: grid; }.product-hero-frame::before { background: linear-gradient(0deg,rgba(3,3,3,.94) 0%,rgba(3,3,3,.18) 62%); }.product-hero-image { position: relative; inset: auto; min-height: 560px; grid-row: 1; }.product-hero-copy { width: auto; min-height: 0; grid-row: 2; padding: 2.2rem; }.product-hero-copy h1 { max-width: 11ch; }.product-hero-card { position: relative; top: auto; right: auto; width: auto; grid-row: 3; margin: 0 2.2rem 2.2rem; }.product-hero-sequence { top: 1.1rem; left: 1.2rem; }.product-hero-signal { grid-template-columns: 1fr 1fr; }
  .product-overview { grid-template-columns: 1fr; }.structure-map { grid-column: 1; grid-template-columns: 1fr; }.structure-map article { min-height: 240px; }
  .product-decision-head, .product-spec-workbench > header { grid-template-columns: 1fr; }.product-decision-head p, .product-spec-workbench > header > p { justify-self: start; }.decision-grid, .spec-workbench-grid { grid-template-columns: 1fr; }.decision-card { min-height: 0; }
  .material-route-grid { grid-template-columns: 1fr; }.material-route-grid article { min-height: 250px; border-right: 0; border-bottom: 1px solid var(--line-light); }.recommended-route { grid-template-columns: 1fr; }.recommended-route > div:last-child { border-left: 0; border-top: 1px solid var(--line-dark); }
  .option-studio-heading { grid-template-columns: 1fr; }.option-studio-shell { grid-template-columns: 1fr; }.option-stage { min-height: 600px; }.option-control-column { grid-template-rows: auto auto; }.option-choice-grid { max-height: none; }.option-stage-label { max-width: min(72%,650px); }.foil-palette { top: auto; bottom: 1.1rem; }
  .customisation-index { grid-template-columns: 1fr; }.customisation-index > div { grid-template-columns: 1fr 1fr; }
  .production-planner { grid-template-columns: 1fr; }.product-cta-band h2 { font-size: clamp(3rem,10vw,5.5rem); }
  .product-visual-proof > header { grid-template-columns: 1fr; }.product-visual-proof > header > p { justify-self: start; }.product-proof-grid { grid-template-columns: 1fr; }.product-proof-main, .product-proof-notes, .product-proof-process { grid-column: 1; grid-row: auto; }.product-proof-main { min-height: 600px; }.product-proof-notes { min-height: 470px; }.product-proof-process { min-height: 360px; }.product-proof-disclaimer { margin-left: 0; text-align: left; }
  .conversion-dock { grid-template-columns: 1fr; width: min(520px,calc(100% - 1rem)); }.conversion-dock-facts { display: none; }.conversion-dock-actions a { flex: 1; justify-content: center; }
  .material-index article { grid-template-columns: .75fr 1.25fr; }.industry-hero { grid-template-columns: 1fr; }.industry-number { display: none; }.recommended-section .related-grid { grid-template-columns: 1fr 1fr; }
  .shop-hero, .faq-hero { grid-template-columns: 1fr; }.basket-panel { min-height: 180px; }.shop-grid { grid-template-columns: 1fr; }.shop-card { border-right: 0; }.shop-note, .faq-group, .basket-layout { grid-template-columns: 1fr; }.basket-form { position: static; }
}

@media (max-width: 560px) {
  :root { --header: 72px; }.site-header { height: var(--header); }.wordmark { font-size: .82rem; }
  .keyword-entry { min-height: auto; }.hero-coordinates { top: calc(var(--header) + 1rem); left: .75rem; right: .75rem; font-size: .58rem; }.keyword-copy { min-height: 740px; display: flex; flex-direction: column; justify-content: center; padding: 5.5rem .75rem 3rem; }.keyword-copy h1 { margin-block: 1.5rem 2rem; font-size: clamp(3.35rem,16.5vw,5rem); line-height: .78; }.keyword-intro { font-size: .96rem; }.keyword-support .entry-actions { gap: 1rem; }.hero-assurances { flex-direction: column; }.intent-index { grid-template-columns: 1fr; }.intent-index a { min-height: 88px; border-left: 0; }.intent-label { padding-left: .75rem; }
  .seo-answer { grid-template-columns: 1fr; }.seo-answer h2, .seo-answer > div { grid-column: 1; }
  .production-facts { padding-block: 4.5rem; }.production-fact-grid { grid-template-columns: 1fr; }.production-fact { min-height: 340px; }.production-fact strong b { font-size: clamp(5rem,26vw,8rem); }
  .product-grid, .product-index-grid, .related-grid, .recommended-section .related-grid { grid-template-columns: 1fr; }.product-card-image { aspect-ratio: 1.15; }
  .carton-lab { padding: 4.5rem .75rem 1rem; }
  .carton-lab::before { width: 4px; }
  .carton-copy { min-height: 500px; padding-left: .35rem; }
  .carton-copy h2 { font-size: clamp(3.2rem,17vw,5.2rem); }
  .carton-description { font-size: .96rem; }
  .carton-spec { grid-template-columns: 1fr; gap: .8rem; }
  .carton-stage { min-height: 370px; clip-path: polygon(7% 0,100% 0,100% 90%,93% 100%,0 100%,0 10%); }
  .stage-marker { width: 46px; height: 46px; }
  .pair-labels { font-size: .58rem; }
  .lab-actions > a { display: none; }
  .lab-actions { justify-content: flex-end; }
  .finish-stage { min-height: 390px; }.finish-readout strong { font-size: 2.9rem; }.finish-tabs { grid-template-columns: 1fr; }.finish-tabs button:nth-child(odd) { border-right: 0; }
  .material-stack { min-height: 400px; }.material-stack b { top: 38%; }.material-detail { min-height: 380px; padding: 1.5rem; }
  .industry-row h3 { font-size: 2rem; }.industry-row { grid-template-columns: 2rem 1fr auto; }.form-pair { grid-template-columns: 1fr; }
  .visual-proof-main { min-height: 420px; }.visual-proof-detail { min-height: 270px; }.visual-proof figcaption { flex-direction: column; gap: .25rem; }.visual-proof-checks article { min-height: 175px; padding: 1.2rem 0; }
  .quote-route-steps li { grid-template-columns: 2.2rem 1fr; gap: .8rem; min-height: 0; }.quote-route-steps li > div { grid-template-columns: 1fr; gap: .8rem; }.quote-route-steps li p { grid-column: 1; }.quote-route-facts { grid-template-columns: 1fr; }.quote-route-facts > span { min-height: 135px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.3); }.quote-route-facts > span:last-child { border-bottom: 0; }.quote-form-head { align-items: flex-start; flex-direction: column; }.dimensions-group > div { gap: .45rem; }.dimensions-group label small { position: static; font-size: .58rem; }.dimensions-group input { padding-left: .1rem; }.choice-chips { grid-template-columns: 1fr 1fr; }.quote-step-actions { align-items: stretch; flex-direction: column-reverse; }.quote-step-actions .button { width: 100%; }.quote-back { align-self: flex-start; }.quote-review { grid-template-columns: 1fr; }.quote-ready > div { align-items: stretch; flex-direction: column; }.quote-ready .button { width: 100%; }.quote-download, .quote-edit { align-self: flex-start; }
  .footer-grid { grid-template-columns: 1fr; }.footer-base { flex-direction: column; gap: .5rem; }.footer-lead a { font-size: 3rem; }
  .product-hero-copy { padding: 1.35rem; }.product-hero-copy h1 { font-size: clamp(3.4rem,16vw,5rem); }.product-hero-copy > p { font-size: .95rem; }.product-hero-card { margin: 0 1.35rem 1.35rem; }.product-hero-card dl > div { grid-template-columns: 1fr; gap: .35rem; }.product-hero-signal { grid-template-columns: 1fr; }.product-hero-signal > span, .product-hero-signal > span:first-child { min-height: 76px; padding: .75rem; border-right: 0; border-bottom: 1px solid var(--line-dark); }.product-hero-signal > span:last-child { border-bottom: 0; }
  .product-hero-image, .shop-product figure { min-height: 400px; }.product-hero-image figcaption { right: .8rem; bottom: .8rem; min-width: 185px; }.spec-ledger { grid-template-columns: 1fr; }.spec-ledger > div { min-height: 105px; }.use-grid { grid-template-columns: 1fr; }
  .structure-map article { min-height: 215px; }.decision-card { padding: 1.25rem; }.decision-card li { grid-template-columns: 2rem 1fr; }.customisation-index > div { grid-template-columns: 1fr; }.customisation-index > div > span { min-height: 82px; border-left: 0; border-top: 1px solid var(--line-light); }.production-flow article { grid-template-columns: 2.2rem 1fr; }.production-flow article p { grid-column: 2; }.product-cta-band > div:first-child { flex-direction: column; gap: .5rem; }
  .product-proof-main { min-height: 430px; }.product-proof-main figcaption { flex-direction: column; gap: .25rem; }.product-proof-notes { min-height: 500px; }.product-proof-process { min-height: 240px; }.product-cta-band > p { margin-top: -.5rem; }.conversion-dock { bottom: 0; width: 100%; border-right: 0; border-bottom: 0; border-left: 0; }.conversion-dock-actions a { min-height: 58px; }.site-footer { padding-bottom: 5rem; }
  .material-route-grid article { min-height: 225px; }.recommended-route > div:last-child { grid-template-columns: 1fr; }.recommended-route article { min-height: 140px; }.material-route-footer { flex-direction: column; }
  .option-studio-heading h2 { font-size: clamp(3.4rem,15vw,5.2rem); }.option-mode-switch button { min-height: 118px; grid-template-columns: 2rem 1fr; gap: .5rem; padding: .8rem; }.option-mode-switch button small { grid-column: 2; }.option-stage { min-height: 460px; }.option-stage-meta { font-size: .58rem; }.option-stage-meta span:last-child { display: none; }.option-stage-label { right: .8rem; left: .8rem; bottom: .8rem; max-width: none; padding: .9rem; }.option-stage-label h3 { font-size: clamp(2.8rem,14vw,4.5rem); }.foil-palette { top: 3.7rem; right: .8rem; bottom: auto; width: 118px; }.option-choice-grid { grid-template-columns: 1fr 1fr; }.option-choice { min-height: 112px; }.option-choice:nth-child(3n) { border-right: 1px solid var(--line-dark); }.option-choice:nth-child(even) { border-right: 0; }.option-readout dl { grid-template-columns: 1fr; }.option-studio-footer { flex-direction: column; }
  .material-index article { grid-template-columns: 1fr; }.material-chip { min-height: 240px; margin-right: 0; }.material-index article > div:last-child { padding-top: 0; }
  .shop-card { min-height: 0; }.shop-image { min-height: 300px; }.add-row { grid-template-columns: 90px 1fr; }.faq-group > div:first-child { grid-template-columns: 2rem 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms!important; animation-iteration-count: 1!important; transition-duration: .01ms!important; }
}

/* Google Ads landing page / tuck end cartons */
.tuck-landing-page { background: var(--paper); color: var(--ink); padding-bottom: 5.5rem; }
.campaign-header {
  position: fixed; z-index: 110; inset: 0 0 auto; height: 78px;
  display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 1.5rem;
  padding: .75rem max(clamp(1rem,3vw,3rem),calc((100vw - var(--max))/2));
  border-bottom: 1px solid rgba(255,255,255,.2); background: rgba(7,7,7,.9); color: var(--white); backdrop-filter: blur(18px);
}
.campaign-header-facts { display: flex; align-items: center; justify-content: center; gap: 1.5rem; }
.campaign-header-facts span { display: flex; align-items: baseline; gap: .45rem; color: #d8d8d2; font-size: .75rem; font-weight: 750; white-space: nowrap; }
.campaign-header-facts small { color: #777870; font-size: .58rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.campaign-header-cta { justify-self: end; display: inline-flex; align-items: center; gap: 1.35rem; min-height: 46px; padding: .7rem 1rem; background: var(--acid); color: var(--ink); text-decoration: none; font-size: .75rem; font-weight: 850; }
.campaign-header-cta:hover { background: var(--white); }

.tuck-hero { position: relative; overflow: hidden; padding: calc(78px + clamp(1rem,2.6vw,2.75rem)) max(clamp(1rem,3vw,3rem),calc((100vw - var(--max))/2)) clamp(1rem,2.4vw,2.25rem); background: var(--ink); color: var(--white); }
.tuck-hero::before { content: ""; position: absolute; inset: 78px 0 auto; height: 1px; background: linear-gradient(90deg,transparent,var(--orange),transparent); opacity: .55; }
.tuck-hero-grid { min-height: min(740px,calc(100svh - 170px)); display: grid; grid-template-columns: minmax(0,1.02fr) minmax(470px,.98fr); border: 1px solid var(--line-dark); }
.tuck-hero-copy { position: relative; display: flex; flex-direction: column; justify-content: center; min-width: 0; padding: clamp(2rem,4.5vw,5rem); border-right: 1px solid var(--line-dark); background-image: linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px); background-size: 52px 52px; }
.tuck-hero-copy .breadcrumbs { position: absolute; top: 1.2rem; left: clamp(2rem,4.5vw,5rem); }
.tuck-kicker { display: flex; align-items: center; gap: .65rem; margin: 0 0 1.35rem; color: #a5a69f; font-size: .69rem; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.tuck-kicker span { width: 2rem; height: 2px; background: var(--orange); }
.tuck-hero-copy h1 { max-width: 9.2ch; margin: 0; font-size: clamp(4.5rem,7.2vw,8.5rem); font-weight: 520; letter-spacing: -.09em; line-height: .79; }
.tuck-hero-copy h1 em { color: var(--acid); font-style: normal; }
.tuck-hero-intro { max-width: 650px; margin: 2rem 0 0; color: #b9bab3; font-size: clamp(1rem,1.2vw,1.14rem); line-height: 1.6; }
.tuck-hero-actions { display: flex; align-items: center; gap: 1.2rem; margin-top: 1.8rem; flex-wrap: wrap; }
.tuck-secondary-action { padding-bottom: .2rem; border-bottom: 1px solid #85867f; color: var(--white); text-decoration: none; font-size: .83rem; font-weight: 800; }
.tuck-assurances { display: grid; grid-template-columns: repeat(4,1fr); margin: 2.3rem 0 0; padding: 0; border-top: 1px solid var(--line-dark); list-style: none; }
.tuck-assurances li { min-width: 0; padding: .85rem .7rem .2rem 0; border-right: 1px solid var(--line-dark); }
.tuck-assurances li + li { padding-left: .7rem; }.tuck-assurances li:last-child { border-right: 0; }
.tuck-assurances strong,.tuck-assurances span { display: block; }.tuck-assurances strong { font-size: .9rem; }.tuck-assurances span { margin-top: .18rem; color: #797a74; font-size: .62rem; font-weight: 750; text-transform: uppercase; }
.tuck-timing-note { margin: .75rem 0 0; color: #6f706a; font-size: .66rem; }
.tuck-hero-stage { position: relative; min-width: 0; display: grid; grid-template-rows: auto minmax(0,1fr) auto auto; overflow: hidden; background: #030303; }
.tuck-stage-top { z-index: 3; display: flex; justify-content: space-between; padding: 1rem 1.2rem; border-bottom: 1px solid var(--line-dark); color: #797a73; font-size: .63rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.tuck-stage-figure { position: relative; min-height: 390px; margin: 0; overflow: hidden; background: #060606; }
.tuck-stage-figure img { width: 200%; max-width: none; height: 100%; object-fit: cover; transition: margin .55s cubic-bezier(.2,.8,.2,1),transform .55s cubic-bezier(.2,.8,.2,1),opacity .25s; }
.tuck-stage-figure--left img { margin-left: 0; }.tuck-stage-figure--right img { margin-left: -100%; }
.tuck-stage-focus { position: absolute; inset: 0; border: 1px solid rgba(201,255,24,.35); background: radial-gradient(circle at 50% 50%,rgba(201,255,24,.08),transparent 42%); pointer-events: none; }
.tuck-stage-readout { position: relative; z-index: 3; padding: 1.2rem 1.35rem 1.35rem; border-top: 1px solid var(--line-dark); }
.tuck-stage-readout small { color: var(--orange); font-size: .63rem; font-weight: 850; letter-spacing: .11em; text-transform: uppercase; }
.tuck-stage-readout h2 { margin: .35rem 0 .45rem; font-size: clamp(2rem,3vw,3.7rem); font-weight: 540; letter-spacing: -.065em; line-height: .92; }
.tuck-stage-readout p { max-width: 540px; margin: 0; color: #969791; font-size: .79rem; }
.tuck-stage-readout a { display: inline-flex; gap: .7rem; margin-top: .8rem; color: var(--white); text-decoration: none; font-size: .73rem; font-weight: 800; }
.tuck-stage-tabs { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--line-dark); }
.tuck-stage-tabs button { min-height: 64px; display: grid; grid-template-columns: auto 1fr; align-items: center; gap: .75rem; padding: .8rem 1rem; border: 0; border-right: 1px solid var(--line-dark); background: transparent; color: #868780; text-align: left; font-size: .76rem; font-weight: 800; cursor: pointer; }
.tuck-stage-tabs button:last-child { border-right: 0; }.tuck-stage-tabs button span { color: #5f605a; font-size: .64rem; }.tuck-stage-tabs button.active { background: var(--acid); color: var(--ink); }.tuck-stage-tabs button.active span { color: #4a5f00; }
.tuck-quick-quote { display: grid; grid-template-columns: .85fr repeat(4,1fr) auto; align-items: stretch; margin-top: 1px; border: 1px solid var(--line-dark); background: #10100e; }
.tuck-quick-quote > div,.tuck-quick-quote label { min-width: 0; padding: .8rem 1rem; border-right: 1px solid var(--line-dark); }
.tuck-quick-quote > div { display: grid; align-content: center; }.tuck-quick-quote > div small { color: var(--orange); font-size: .58rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }.tuck-quick-quote > div strong { font-size: .85rem; }
.tuck-quick-quote label { display: grid; align-content: center; gap: .28rem; }.tuck-quick-quote label span { color: #777870; font-size: .57rem; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
.tuck-quick-quote input,.tuck-quick-quote select { width: 100%; min-width: 0; padding: .2rem 0; border: 0; border-radius: 0; outline: 0; background: transparent; color: var(--white); font-size: .75rem; }.tuck-quick-quote input::placeholder { color: #777870; }.tuck-quick-quote select option { color: var(--ink); }
.tuck-quick-quote button { min-width: 185px; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 1.2rem; border: 0; background: var(--orange); color: var(--white); font-size: .74rem; font-weight: 850; cursor: pointer; }
.tuck-intent-strip { display: grid; grid-template-columns: repeat(4,1fr); background: var(--acid); color: var(--ink); }
.tuck-intent-strip > span { min-height: 94px; display: flex; flex-direction: column; justify-content: center; gap: .2rem; padding: 1rem max(clamp(1rem,2vw,2rem),calc((100vw - var(--max))/8)); border-right: 1px solid rgba(7,7,7,.25); }
.tuck-intent-strip > span:last-child { border-right: 0; }.tuck-intent-strip small { font-size: .58rem; font-weight: 850; letter-spacing: .11em; text-transform: uppercase; }.tuck-intent-strip strong { font-size: .9rem; }

.tuck-answer,.tuck-value,.tuck-sector,.tuck-faq { padding: clamp(4.5rem,9vw,10rem) max(clamp(1rem,5vw,6rem),calc((100vw - var(--max))/2)); }
.tuck-answer { display: grid; grid-template-columns: .85fr 1.15fr; gap: clamp(3rem,8vw,9rem); background: var(--paper); }
.tuck-answer h2,.tuck-value h2,.tuck-sector h2,.tuck-faq h2 { margin: 0; font-size: clamp(3.5rem,6.2vw,7.4rem); font-weight: 520; letter-spacing: -.085em; line-height: .84; }
.tuck-answer-copy { max-width: 760px; }.tuck-answer-copy p { margin: 0 0 1.25rem; font-size: clamp(1rem,1.25vw,1.17rem); line-height: 1.72; }.tuck-answer-copy a { display: inline-flex; gap: .65rem; margin-top: .7rem; border-bottom: 1px solid var(--ink); padding-bottom: .2rem; text-decoration: none; font-weight: 800; }

.tuck-compare { padding: clamp(4.5rem,8vw,9rem) max(clamp(1rem,3vw,3rem),calc((100vw - var(--max))/2)); background: var(--ink); color: var(--white); }
.tuck-compare > header { display: grid; grid-template-columns: 1fr .68fr; align-items: end; gap: 3rem; margin-bottom: 3rem; }.tuck-compare > header .section-code { grid-column: 1 / -1; margin-bottom: 0; }.tuck-compare > header h2 { margin: 0; font-size: clamp(4rem,7vw,8.2rem); font-weight: 520; letter-spacing: -.09em; line-height: .82; }.tuck-compare > header h2 em { color: var(--orange); font-style: normal; }.tuck-compare > header p { max-width: 580px; margin: 0; color: #a6a7a0; }
.tuck-compare-grid { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--line-dark); }
.tuck-compare-grid article { position: relative; min-height: 580px; display: flex; flex-direction: column; padding: clamp(1.5rem,3.5vw,3.5rem); overflow: hidden; }.tuck-compare-grid article:first-child { border-right: 1px solid var(--line-dark); }.tuck-compare-grid article::after { content: ""; position: absolute; width: 250px; height: 250px; border: 1px solid rgba(255,255,255,.1); border-radius: 50%; right: -90px; top: 58px; }.tuck-compare-grid article::before { content: ""; position: absolute; width: 160px; height: 160px; border: 1px solid rgba(201,255,24,.24); right: -45px; top: 103px; transform: rotate(45deg); }.tuck-compare-grid article:last-child::before { border-color: rgba(79,112,255,.45); transform: rotate(12deg); }
.tuck-compare-number { display: flex; justify-content: space-between; color: #6e6f69; font-size: .7rem; font-weight: 850; letter-spacing: .1em; }.tuck-compare-number span { color: var(--acid); }
.tuck-compare-grid h3 { max-width: 7ch; margin: auto 0 1rem; font-size: clamp(3rem,5vw,6rem); font-weight: 520; letter-spacing: -.08em; line-height: .84; }.tuck-compare-grid article > p { max-width: 580px; margin: 0 0 1.6rem; color: #b3b4ad; }
.tuck-compare-grid dl { margin: 0; border-top: 1px solid var(--line-dark); }.tuck-compare-grid dl div { display: grid; grid-template-columns: .35fr .65fr; gap: 1rem; padding: .7rem 0; border-bottom: 1px solid var(--line-dark); }.tuck-compare-grid dt { color: #74756e; font-size: .7rem; }.tuck-compare-grid dd { margin: 0; font-size: .76rem; font-weight: 700; }.tuck-compare-grid article > a { display: flex; justify-content: space-between; margin-top: 1.25rem; color: var(--white); text-decoration: none; font-size: .76rem; font-weight: 850; }
.tuck-decision { display: grid; grid-template-columns: .8fr 1.2fr auto; align-items: center; gap: 2rem; padding: 1.2rem 1.4rem; border: 1px solid var(--line-dark); border-top: 0; }.tuck-decision > span { color: var(--acid); font-size: .73rem; font-weight: 850; text-transform: uppercase; }.tuck-decision p { margin: 0; color: #a4a59e; font-size: .8rem; }.button--dark { border-color: var(--white); background: var(--white); color: var(--ink); white-space: nowrap; }

.tuck-value { background: var(--paper-2); }.tuck-value-heading { display: grid; grid-template-columns: 1.2fr .8fr; align-items: end; gap: 4rem; margin-bottom: 3.5rem; }.tuck-value-heading .section-code { grid-column: 1 / -1; margin-bottom: 0; }.tuck-value-heading p { max-width: 570px; margin: 0; }.tuck-value-grid { display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid var(--line-light); }.tuck-value-grid article { min-height: 310px; display: flex; flex-direction: column; padding: 1.25rem; border-right: 1px solid var(--line-light); }.tuck-value-grid article:last-child { border-right: 0; }.tuck-value-grid article > span { color: #76776f; font-size: .66rem; font-weight: 850; }.tuck-value-grid h3 { margin: auto 0 .8rem; font-size: clamp(1.7rem,2.3vw,2.8rem); font-weight: 560; letter-spacing: -.055em; line-height: .95; }.tuck-value-grid p { margin: 0; color: #4f504b; font-size: .8rem; }