/* Eurus typography alignment, measured in the live reference on 2026-09-10.
   Desktop: navigation/buttons 15.4px; hero copy 17.6px; headings 46.8px;
   DM Sans 300 body / 400 controls / 500 headings; Playfair Display 400 italic.
   Responsive adjustments below preserve the longer B2B copy and readable forms. */
@font-face {
  font-family: DM;
  src: url('./assets/7a0ddb0bd2182e80.woff2') format('woff2');
  font-weight: 300;
  font-display: swap;
}
:root {
  --text-body: 17.6px;
  --text-ui: 15.4px;
  --text-secondary: 14px;
  --text-caption: 12px;
}
body {font-size:var(--text-ui);font-weight:300;line-height:1.5}
p {line-height:1.5}
h1,h2,h3 {font-weight:500;letter-spacing:normal;line-height:1.25}
em {font-weight:400;letter-spacing:normal}
h2,.video-section h2 {font-size:46.8px}
.hero h1 {font-size:clamp(60px,5.2vw,84px);font-weight:500;line-height:1.25;letter-spacing:normal}
.hero h1 em {letter-spacing:normal}
.hero-copy {max-width:1000px}
.hero-copy>p:not(.eyebrow) {font-size:var(--text-body);font-weight:300;line-height:1.5;max-width:650px}
.eyebrow {font-size:13px;letter-spacing:.12em}
.hero-copy .eyebrow {font-size:13px}
.announcement {font-size:12px;letter-spacing:.04em}
.announcement a {font-size:13px}
.announcement-end {font-size:12px}
.main-nav {font-size:var(--text-ui);font-weight:500;gap:27px}
.main-nav>button {font-weight:500}
.nav-rfq {font-size:var(--text-ui);font-weight:400;padding:11px 20px}
.button {font-size:var(--text-ui);font-weight:400;line-height:1.5;min-height:50px}
.text-link,.footer-brand .text-link {font-size:var(--text-ui);font-weight:400}
.hero-bottom {font-size:12px;letter-spacing:.07em}
.mega-side .eyebrow {font-size:12px}
.mega-side button {font-size:var(--text-ui);font-weight:400;line-height:1.5}
.mega-side p:last-child {font-size:14px;line-height:1.55}
.mega-column h3 {font-size:17.6px;line-height:1.4;font-weight:500}
.mega-column button.text-item {font-size:var(--text-ui);line-height:1.5;padding:5px 0;font-weight:300}
.section-heading>p:not(.eyebrow) {font-size:var(--text-body);line-height:1.5}
.tabs button {font-size:var(--text-ui);font-weight:400}
.category-card>span:last-child {font-size:var(--text-ui);line-height:1.4;font-weight:400;padding:12px 5px 18px}
.collection-copy .eyebrow {font-size:12px;letter-spacing:.12em}
.collection-copy h2 {font-size:clamp(36px,3.1vw,46.8px);line-height:1.25}
.reel-product {min-height:112px;align-items:center}
.reel-product h3 {font-size:var(--text-ui);font-weight:500;line-height:1.35}
.reel-product p {font-size:var(--text-secondary);line-height:1.4;margin-top:7px}
.reel-product>img {width:42px;height:55px}
.reel-product>button {width:32px;height:32px}
.reel-track {height:520px}
.reel-time {font-size:12px;min-width:83px}
.small-control {font-size:17px;width:32px;height:36px}
.demo-note {font-size:12px;line-height:1.5;color:#747c6c}
.story-card {min-height:460px}
.story-text .eyebrow {font-size:11px;letter-spacing:.09em}
.story-text h3 {font-size:20.02px;line-height:1.3}
.story-quote {font-size:var(--text-ui);line-height:1.6;font-weight:300}
.story-role {font-size:14px;line-height:1.5}
.story-pack {font-size:14px;line-height:1.45}
.factory-label {font-size:13px;letter-spacing:.12em}
.factory-copy h2 {font-size:clamp(48px,4.35vw,68px);line-height:1.25}
.factory-copy p {font-size:var(--text-body);line-height:1.5}
.factory-bottom>span {font-size:12px;line-height:1.5;letter-spacing:.065em}
.gallery-tile>p {font-size:var(--text-ui);line-height:1.5}
.rfq-intro h2 {font-size:clamp(40px,4vw,61px);line-height:1.25}
.rfq-intro>p:not(.eyebrow) {font-size:var(--text-body);line-height:1.55}
.rfq-steps {font-size:var(--text-ui);gap:19px}
.rfq-steps b {font-size:13px}
label {font-size:var(--text-ui);line-height:1.5;font-weight:500}
input:not([type=checkbox]):not([type=file]),select,textarea {font-size:16px;line-height:1.5;font-weight:300;padding:12px 0}
.form-row {gap:20px}
.consent {font-size:14px;line-height:1.5}
.form-note {font-size:12px;line-height:1.5}
.selection-chip {font-size:14px}
.footer-brand>p {font-size:var(--text-body);line-height:1.5}
.footer-main h3 {font-size:17.71px;font-weight:500;line-height:1.25}
.footer-main>div:not(:first-child)>a,.footer-main>div:not(:first-child)>button {font-size:var(--text-ui);font-weight:300;line-height:1.5;padding:6px 0}
.footer-bottom {font-size:12px;line-height:1.5;flex-wrap:wrap}
.footer-bottom button {font-size:13px}
.dialog-inner>p,.lightbox-caption p {font-size:var(--text-ui);line-height:1.5}
.catalog-item h3,.basket-row h3 {font-size:17.6px;line-height:1.35}
.catalog-item p,.basket-row p {font-size:14px;line-height:1.5}
.catalog-item button,.basket-row>button {font-size:var(--text-ui);line-height:1.5}
.review-list {font-size:var(--text-ui);line-height:1.5}
.preview-content>p,.preview-content input[type=file] {font-size:14px;line-height:1.5}
.service-list {font-size:16px}
.toast {font-size:var(--text-ui)}
@media(min-width:1700px) {
  .reel-track {height:590px}
}
@media(min-width:761px) and (max-width:1150px) {
  .main-nav {font-size:var(--text-ui);gap:18px}
  .nav-row {gap:18px}
  .reel-product {flex-wrap:wrap;gap:7px;min-height:146px;padding:10px}
  .reel-product>div {flex-basis:calc(100% - 50px)}
  .reel-product>button {margin-left:auto}
  .reel-product h3 {font-size:15.4px}
  .reel-product p {font-size:13px}
  .reel-track {height:500px}
  .story-track {grid-auto-columns:calc((100% - 24px)/1.4)}
  .category-grid {grid-template-columns:repeat(4,minmax(0,1fr))}
  .mega-column h3 {font-size:16px}
}
@media(max-width:760px) {
  :root {--text-body:16px;--text-ui:15.4px;--text-secondary:14px}
  .announcement {font-size:10px;letter-spacing:.025em}
  .hero h1 {font-size:clamp(43px,10.7vw,64px);line-height:1.18;letter-spacing:normal;margin-bottom:22px}
  .hero-copy {bottom:88px}
  .hero-copy .eyebrow {font-size:11px;letter-spacing:.07em;max-width:320px}
  .hero-copy>p:not(.eyebrow) {font-size:16px;line-height:1.5;max-width:350px}
  .hero-actions {gap:10px}
  .hero-actions .button {font-size:14px;line-height:1.4;padding:12px 16px;min-height:46px;gap:12px}
  .hero-bottom {font-size:10px;line-height:1.5;letter-spacing:.05em;max-width:calc(100% - 50px)}
  .hero-bottom>span {max-width:250px}
  h2,.video-section h2 {font-size:35.1px;line-height:1.25}
  .eyebrow,.section-heading .eyebrow,.split-heading .eyebrow {font-size:11px;letter-spacing:.09em}
  .section-heading>p:not(.eyebrow) {font-size:16px;line-height:1.5}
  .mobile-open .main-nav {font-size:16px}
  .mobile-open .main-nav>button,.mobile-open .main-nav>a {padding:12px 0;font-weight:400;line-height:1.5}
  .mega-menu {top:350px}
  .mega-side button {font-size:14px}
  .mega-body {grid-template-columns:1fr;gap:24px}
  .mega-column {display:grid;grid-template-columns:95px 1fr;column-gap:16px;align-content:start}
  .mega-column h3 {grid-column:1/-1;font-size:17px;margin-bottom:13px}
  .mega-image {grid-column:1;grid-row:2/span 6;height:120px;margin:0}
  .mega-column button.text-item {grid-column:2;font-size:15px;padding:4px 0}
  .tabs button {font-size:15.4px;padding:10px 22px}
  .category-card>span:last-child {font-size:14px;line-height:1.35;min-height:54px;padding:10px 3px 13px}
  .collection-copy .eyebrow {font-size:11px}
  .collection-copy h2 {font-size:39px;line-height:1.25}
  .reel-product {min-height:120px;padding:10px;gap:8px}
  .reel-product h3 {font-size:15.4px;line-height:1.3}
  .reel-product p {font-size:13px;line-height:1.4}
  .reel-product>img {width:36px;height:49px}
  .reel-product>button {width:29px;height:32px}
  .reel-track {height:525px}
  .demo-note,.story-note {font-size:12px;line-height:1.5}
  .split-heading h2 {font-size:35.1px}
  .split-heading {flex-wrap:wrap;row-gap:18px}
  .story-card {min-height:470px}
  .story-text {padding:20px 14px}
  .story-text .eyebrow {font-size:10px}
  .story-text h3 {font-size:17px;line-height:1.3}
  .story-quote {font-size:15.4px;line-height:1.55}
  .story-role {font-size:13px;line-height:1.5}
  .story-pack {font-size:13px;line-height:1.45}
  .factory-label {font-size:11px}
  .factory-copy h2 {font-size:43px;line-height:1.25}
  .factory-copy p {font-size:16px;line-height:1.5;max-width:300px}
  .factory-bottom>span {font-size:10px;max-width:230px;letter-spacing:.03em}
  .journal .button {font-size:15.4px}
  .gallery-tile>p {font-size:14px}
  .rfq-intro .eyebrow {font-size:11px}
  .rfq-intro h2 {font-size:42px;line-height:1.25}
  .rfq-intro>p:not(.eyebrow) {font-size:16px;line-height:1.5}
  .rfq-steps {font-size:15.4px;gap:14px}
  .form-row {grid-template-columns:1fr;gap:0}
  label {font-size:15.4px}
  .footer-brand>p {font-size:16px}
  .footer-main {gap:34px 24px}
  .footer-main h3 {font-size:17px}
  .footer-main>div:not(:first-child)>a,.footer-main>div:not(:first-child)>button {font-size:15.4px}
  .footer-bottom {font-size:12px;line-height:1.5;gap:15px}
  .catalog-item h3 {font-size:16px}
  .catalog-item p {font-size:14px}
  .review-list {grid-template-columns:90px 1fr;font-size:15px}
  .toast {font-size:14px}
}

.main-nav>a[data-menu]{display:flex;align-items:center;gap:8px;font-weight:500}.main-nav>a[data-menu]>i{display:block;width:6px;height:6px;border-right:1px solid;border-bottom:1px solid;transform:rotate(45deg);margin-left:3px;margin-top:-4px}.home-world-link{display:inline-flex;font-size:15px;margin-right:16px}.home-story-link{display:block}.factory-page-link{margin:12px 0 0 12px}@media(max-width:760px){.main-nav>a[data-menu]{font-weight:400}.mobile-open .main-nav>a[data-menu]{justify-content:space-between}.home-world-link{font-size:14px;margin-right:5px}.factory-page-link{margin-left:0;display:inline-flex}.story-controls{flex-wrap:wrap}}