:root {
  --charcoal: #101116;
  --charcoal-2: #151821;
  --panel: #191d26;
  --panel-2: #202734;
  --panel-3: #2b3341;
  --paper: #f6efe2;
  --paper-soft: rgba(246, 239, 226, 0.76);
  --muted: #bdb4a5;
  --faint: rgba(246, 239, 226, 0.55);
  --ember: #ff9d18;
  --ember-2: #ffc15e;
  --flame: #ff5a1f;
  --red: #d95232;
  --green: #87c68d;
  --blue: #7fb7d8;
  --violet: #8d7bd4;
  --line: rgba(246, 239, 226, 0.12);
  --line-strong: rgba(246, 239, 226, 0.22);
  --shadow: 0 28px 90px rgba(0, 0, 0, 0.42);
  --radius: 30px;
  --max: 1220px;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--paper);
  background:
    linear-gradient(rgba(255,255,255,0.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.022) 1px, transparent 1px),
    radial-gradient(circle at 10% 0%, rgba(255, 157, 24, 0.17), transparent 34rem),
    radial-gradient(circle at 92% 6%, rgba(255, 90, 31, 0.12), transparent 26rem),
    radial-gradient(circle at 50% 48%, rgba(127, 183, 216, 0.06), transparent 34rem),
    var(--charcoal);
  background-size: 44px 44px, 44px 44px, auto, auto, auto, auto;
  line-height: 1.56;
  overflow-x: hidden;
}
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
.container { width: min(100% - 32px, var(--max)); margin: 0 auto; }
.top-rail { border-bottom: 1px solid var(--line); background: rgba(255, 157, 24, 0.08); color: #ffe0a4; font-size: 0.82rem; }
.top-rail-inner { min-height: 38px; display: flex; align-items: center; justify-content: space-between; gap: 18px; flex-wrap: wrap; }
.top-rail strong { letter-spacing: 0.08em; text-transform: uppercase; font-size: 0.72rem; }
.top-rail span { color: rgba(255, 224, 164, 0.82); }
.site-header { position: sticky; top: 0; z-index: 50; background: rgba(16, 17, 22, 0.84); border-bottom: 1px solid var(--line); backdrop-filter: blur(18px); }
.nav-shell { min-height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 16px; overflow: visible; }
.brand { display: flex; align-items: center; gap: 10px; font-weight: 950; letter-spacing: -0.035em; flex: 0 0 auto; min-width: 0; }
.brand-mark { width: 42px; height: 42px; position: relative; display: grid; place-items: center; color: #1b1206; border-radius: 17px; background: linear-gradient(145deg, #ffe1a3, var(--ember) 48%, var(--flame)); box-shadow: 0 16px 42px rgba(255, 90, 31, 0.3); overflow: hidden; }
.brand-mark::before { content: ""; position: absolute; width: 18px; height: 28px; border-radius: 55% 45% 55% 45%; background: rgba(255,255,255,0.44); top: 6px; right: 10px; transform: rotate(16deg); }
.brand-text small { display: block; color: var(--muted); font-size: 0.62rem; font-weight: 750; letter-spacing: 0.09em; text-transform: uppercase; margin-top: -2px; }
.nav-links { display: flex; align-items: center; justify-content: flex-end; gap: clamp(9px, 1.05vw, 16px); color: var(--muted); font-size: clamp(0.76rem, 0.78vw, 0.88rem); white-space: nowrap; min-width: 0; flex: 1 1 auto; }
.nav-links a:hover, .nav-links a.active { color: var(--paper); }
.menu-button { display: none; border: 1px solid var(--line); border-radius: 999px; padding: 10px 14px; color: var(--paper); background: rgba(255,255,255,0.045); }
.nav-cta, .button-primary, .button-secondary { display: inline-flex; align-items: center; justify-content: center; gap: 9px; border-radius: 999px; padding: 10px 16px; font-weight: 900; letter-spacing: -0.02em; transition: transform 180ms ease, border-color 180ms ease, background 180ms ease; }
.nav-cta, .button-primary { color: #1b1206; background: linear-gradient(135deg, #ffe1a3, var(--ember) 48%, var(--flame)); box-shadow: 0 18px 42px rgba(255, 90, 31, 0.22); border: 1px solid rgba(255, 220, 150, 0.45); }
.button-secondary { color: var(--paper); border: 1px solid var(--line-strong); background: rgba(255, 255, 255, 0.045); }
.nav-cta:hover, .button-primary:hover, .button-secondary:hover { transform: translateY(-2px); }
.page-hero { padding: 86px 0 68px; }
.page-hero-grid { display: grid; grid-template-columns: minmax(0, 0.98fr) minmax(400px, 1.02fr); gap: 42px; align-items: center; }
.eyebrow { display: inline-flex; align-items: center; gap: 10px; padding: 8px 13px; color: #ffd994; background: rgba(255, 157, 24, 0.1); border: 1px solid rgba(255, 157, 24, 0.25); border-radius: 999px; font-size: 0.8rem; font-weight: 900; letter-spacing: 0.05em; text-transform: uppercase; margin-bottom: 22px; }
.spark { width: 8px; height: 8px; border-radius: 999px; background: var(--ember); box-shadow: 0 0 22px var(--ember); }
h1 { max-width: 850px; font-size: clamp(3.1rem, 7.4vw, 7.1rem); line-height: 0.89; letter-spacing: -0.085em; margin-bottom: 26px; }
.hero-copy-block p, .page-hero p { max-width: 680px; color: var(--muted); font-size: 1.08rem; margin-bottom: 32px; }
.hero-actions { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 34px; }
.factory-console { position: relative; min-height: 650px; border-radius: 38px; background: linear-gradient(145deg, rgba(255,255,255,0.09), rgba(255,255,255,0.025)), #151920; border: 1px solid var(--line-strong); box-shadow: var(--shadow); overflow: hidden; isolation: isolate; }
.compact-console { min-height: 560px; }
.factory-console::before { content: ""; position: absolute; inset: 24px; border-radius: 30px; background: linear-gradient(180deg, rgba(255, 157, 24, 0.12), transparent 40%), repeating-linear-gradient(90deg, rgba(246,239,226,0.06) 0 1px, transparent 1px 52px), repeating-linear-gradient(0deg, rgba(246,239,226,0.04) 0 1px, transparent 1px 52px); border: 1px solid rgba(246,239,226,0.08); z-index: -1; }
.line-label { position: absolute; left: 38px; top: 34px; display: flex; align-items: center; gap: 10px; color: var(--muted); font-size: 0.82rem; font-weight: 850; letter-spacing: 0.12em; text-transform: uppercase; }
.line-label::before { content: ""; width: 13px; height: 13px; border-radius: 50%; background: var(--green); box-shadow: 0 0 20px rgba(135,198,141,0.72); }
.console-grid { position: absolute; left: 34px; right: 34px; bottom: 34px; display: grid; grid-template-columns: 1fr 1fr; gap: 14px; align-items: end; }
.ticket, .console-note, .gauge-card { border-radius: 22px; border: 1px solid rgba(246,239,226,0.16); background: rgba(16,17,22,0.73); backdrop-filter: blur(14px); box-shadow: 0 18px 52px rgba(0,0,0,0.26); padding: 17px; }
.card-kicker { color: #ffd994; font-size: 0.73rem; font-weight: 950; text-transform: uppercase; letter-spacing: 0.13em; margin-bottom: 10px; }
.tiny-table { display: grid; gap: 8px; }
.tiny-row { display: flex; justify-content: space-between; gap: 14px; color: var(--muted); font-size: 0.86rem; }
.tiny-row span:last-child { color: var(--paper); font-weight: 800; }
.hero-lighter { position: absolute; left: 50%; top: 42%; width: min(62%, 405px); height: 410px; transform: translate(-50%, -50%); pointer-events: none; }
.flame { position: absolute; left: 50%; top: -72px; width: 82px; height: 138px; transform: translateX(-50%) rotate(4deg); background: linear-gradient(180deg, #fff6c5, #ffbf38 42%, #ff5a1f 100%); border-radius: 62% 38% 57% 43% / 68% 45% 55% 32%; filter: drop-shadow(0 0 38px rgba(255, 90, 31, 0.7)); animation: flameMove 3s ease-in-out infinite; z-index: 0; }
.flame::after { content: ""; position: absolute; width: 30px; height: 58px; left: 27px; top: 39px; border-radius: inherit; background: rgba(255,255,255,0.74); }
.lighter-guard { position: absolute; left: 50%; top: 20px; width: 124px; height: 90px; transform: translateX(-50%); border-radius: 28px 28px 18px 18px; background: linear-gradient(135deg, #f3f6f8, #7e8794 60%, #e5e9ed); border: 1px solid rgba(0,0,0,0.34); z-index: 1; }
.lighter-wheel { position: absolute; left: 50%; top: 5px; width: 62px; height: 62px; transform: translateX(-50%); border-radius: 50%; background: repeating-conic-gradient(#ced3d9 0 8deg, #777f8b 8deg 15deg); border: 8px solid #171a21; box-shadow: inset 0 0 0 2px rgba(255,255,255,0.3); z-index: 2; }
.lighter-body { position: absolute; left: 50%; bottom: 30px; width: 164px; height: 298px; transform: translateX(-50%) rotate(5deg); border-radius: 36px 36px 44px 44px; background: linear-gradient(90deg, rgba(255,255,255,0.2), transparent 22%, rgba(0,0,0,0.18) 72%, rgba(255,255,255,0.08)), linear-gradient(180deg, #f7c653 0 18%, #d66e22 18% 100%); box-shadow: 0 42px 86px rgba(0,0,0,0.48), inset 0 0 0 1px rgba(255,255,255,0.25); }
.lighter-body::before { content: ""; position: absolute; left: 30px; right: 30px; top: 28px; height: 44px; border-radius: 6px 6px 12px 12px; background: linear-gradient(90deg, #d9dde2, #8c96a3 40%, #e7ebef); border: 1px solid rgba(0,0,0,0.28); }
.lighter-body::after { content: ""; position: absolute; left: 47px; right: 47px; top: 84px; height: 132px; border-radius: 999px; background: rgba(255,255,255,0.15); filter: blur(1px); }
.gauge { height: 7px; border-radius: 999px; background: rgba(246,239,226,0.12); overflow: hidden; margin: 9px 0 13px; }
.gauge span { display: block; height: 100%; width: 72%; border-radius: inherit; background: linear-gradient(90deg, var(--green), var(--ember)); }
section { padding: 88px 0; }
.section-heading { display: grid; grid-template-columns: 1fr minmax(260px, 430px); gap: 28px; align-items: end; margin-bottom: 34px; }
.section-heading h2, .cta-band h2, .contact-copy h2 { font-size: clamp(2.15rem, 5vw, 4.55rem); line-height: 0.94; letter-spacing: -0.073em; max-width: 880px; }
.section-heading p, .contact-copy p, .order-card p, .matrix-card p { color: var(--muted); }
.detail-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.detail-card, .program-card, .matrix-card, .faq-card, .form-card, .contact-copy, .order-card { border-radius: var(--radius); border: 1px solid var(--line); background: linear-gradient(180deg, rgba(255,255,255,0.07), rgba(255,255,255,0.025)), var(--panel); box-shadow: 0 20px 62px rgba(0,0,0,0.2); }
.detail-card { padding: 22px; min-height: 252px; }
.detail-card small, .program-code { color: #ffd994; font-weight: 950; letter-spacing: 0.12em; text-transform: uppercase; font-size: 0.74rem; }
.detail-card h3 { font-size: 1.25rem; line-height: 1.05; letter-spacing: -0.04em; margin: 10px 0; }
.detail-card p, .program-card p, .faq-card p { color: var(--muted); font-size: 0.94rem; }
.mini-spec { display: grid; gap: 8px; margin-top: 15px; }
.mini-spec div { display: grid; grid-template-columns: 86px 1fr; gap: 10px; border-top: 1px solid var(--line); padding-top: 8px; }
.mini-spec dt { color: #ffd994; font-size: 0.72rem; text-transform: uppercase; font-weight: 900; letter-spacing: 0.08em; }
.mini-spec dd { color: var(--paper-soft); }
.workflow-list { display: grid; gap: 14px; }
.large-list { grid-template-columns: repeat(2, 1fr); }
.workflow-item { display: grid; grid-template-columns: 88px 1fr; gap: 18px; align-items: start; padding: 18px; border-radius: 21px; background: rgba(255,255,255,0.045); border: 1px solid rgba(255,255,255,0.075); }
.workflow-item code { color: #17120a; background: #ffd994; border-radius: 999px; padding: 6px 9px; font-weight: 950; font-size: 0.76rem; text-align: center; letter-spacing: 0.06em; }
.workflow-item strong { display: block; margin-bottom: 5px; letter-spacing: -0.02em; }
.workflow-item p { color: var(--muted); font-size: 0.94rem; }
.program-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.product-grid-large { grid-template-columns: repeat(4, 1fr); }
.program-card { padding: 24px; min-height: 420px; position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; }
.program-card::before { content: ""; position: absolute; right: -80px; top: -80px; width: 190px; height: 190px; border-radius: 50%; background: rgba(255,157,24,0.13); }
.program-card h3 { font-size: 1.42rem; line-height: 1.04; letter-spacing: -0.055em; margin: 12px 0; max-width: 260px; }
.program-card ul { list-style: none; display: grid; gap: 8px; margin-top: 18px; color: var(--paper-soft); font-size: 0.9rem; position: relative; z-index: 1; }
.program-card li { display: flex; align-items: flex-start; gap: 9px; }
.program-card li::before { content: ""; flex: 0 0 auto; width: 7px; height: 7px; margin-top: 7px; border-radius: 999px; background: var(--ember); box-shadow: 0 0 14px rgba(255,157,24,0.6); }
.program-icon { width: 86px; height: 146px; align-self: flex-end; margin-top: 20px; margin-right: 8px; border-radius: 18px 18px 24px 24px; background: linear-gradient(90deg, rgba(255,255,255,0.2), transparent 32%, rgba(0,0,0,0.15)), linear-gradient(180deg, #e6e9ed 0 20%, var(--ember) 20% 100%); box-shadow: 0 20px 38px rgba(0,0,0,0.28); transform: rotate(8deg); position: relative; }
.program-icon::before { content: ""; position: absolute; left: 22px; right: 22px; top: 18px; height: 24px; border-radius: 0 0 8px 8px; background: #171a21; }
.program-icon.long { height: 176px; background: linear-gradient(180deg, #e6e9ed 0 16%, #2f7f92 16% 100%); }
.program-icon.metal { background: linear-gradient(180deg, #e6e9ed 0 20%, #767d86 20% 100%); }
.program-icon.flat { width: 122px; height: 118px; background: linear-gradient(180deg, #e6e9ed 0 24%, #7a5bcd 24% 100%); }
.check-table { display: grid; border: 1px solid var(--line); border-radius: 22px; overflow: hidden; background: rgba(255,255,255,0.035); }
.check-row { display: grid; grid-template-columns: 1fr 1.8fr 140px; border-bottom: 1px solid var(--line); min-height: 66px; }
.check-row:last-child { border-bottom: 0; }
.check-row > div { padding: 14px; display: flex; align-items: center; }
.head-row { color: #ffd994; font-weight: 950; letter-spacing: 0.08em; text-transform: uppercase; font-size: 0.73rem; }
.muted { color: var(--muted); font-size: 0.9rem; }
.status-pill { color: #d9f6d9; background: rgba(135,198,141,0.12); border: 1px solid rgba(135,198,141,0.28); border-radius: 999px; padding: 7px 10px; font-size: 0.75rem; font-weight: 900; letter-spacing: 0.08em; }
.faq-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.faq-card { padding: 20px; }
details { color: var(--muted); }
summary { list-style: none; cursor: pointer; color: var(--paper); font-weight: 900; letter-spacing: -0.025em; display: flex; align-items: center; justify-content: space-between; gap: 18px; }
summary::-webkit-details-marker { display: none; }
summary::after { content: "+"; color: #ffd994; font-size: 1.4rem; line-height: 1; }
details[open] summary::after { content: "–"; }
details p { margin-top: 12px; color: var(--muted); }
.cta-band { border-radius: 36px; border: 1px solid var(--line-strong); background: linear-gradient(135deg, rgba(255,157,24,0.18), rgba(255,90,31,0.09)), #1b1712; box-shadow: var(--shadow); padding: clamp(28px, 5vw, 48px); display: grid; grid-template-columns: 1fr auto; gap: 24px; align-items: center; }
.cta-band p { color: #f5d8a7; max-width: 680px; margin-top: 14px; }
.contact-layout { display: grid; grid-template-columns: 0.88fr 1.12fr; gap: 18px; align-items: stretch; }
.contact-copy, .form-card, .order-card, .matrix-card { padding: 28px; }
.contact-notes { display: grid; gap: 12px; margin-top: 26px; }
.contact-note { border: 1px solid var(--line); border-radius: 18px; padding: 14px; color: var(--paper-soft); background: rgba(255,255,255,0.035); }
.contact-note strong { color: var(--paper); }
form { display: grid; gap: 12px; }
.form-two { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
input, textarea, select { width: 100%; border: 1px solid rgba(246,239,226,0.16); background: rgba(10, 11, 14, 0.36); color: var(--paper); border-radius: 17px; padding: 15px 16px; outline: none; }
input:focus, textarea:focus, select:focus { border-color: rgba(255,157,24,0.58); box-shadow: 0 0 0 4px rgba(255,157,24,0.11); }
textarea { min-height: 146px; resize: vertical; }
input::placeholder, textarea::placeholder { color: rgba(246,239,226,0.5); }
.form-status { min-height: 24px; color: #ffd994; font-size: 0.94rem; }
.site-footer { border-top: 1px solid var(--line); padding: 34px 0; color: var(--muted); }
.footer-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 28px; }
.footer-brand { display: inline-block; color: var(--paper); font-weight: 950; margin-bottom: 8px; }
.footer-links { display: grid; gap: 8px; }
.footer-links a { color: var(--paper-soft); }
.footer-links a:hover { color: var(--paper); }
.footer-note { font-size: 0.92rem; display: grid; gap: 8px; }
@keyframes flameMove { 0%, 100% { transform: translateX(-50%) rotate(4deg) scale(1); } 42% { transform: translateX(-50%) rotate(-3deg) scale(0.94, 1.06); } 72% { transform: translateX(-50%) rotate(7deg) scale(1.05, 0.96); } }
@media (max-width: 1180px) { .nav-cta { display: none; } }
@media (max-width: 980px) { .nav-links { position: absolute; left: 18px; right: 18px; top: 88px; display: none; flex-direction: column; align-items: stretch; padding: 18px; border: 1px solid var(--line); border-radius: 24px; background: rgba(16,17,22,0.96); } .nav-links.open { display: flex; } .menu-button { display: inline-flex; } .program-grid, .product-grid-large, .detail-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 980px) { .page-hero-grid, .contact-layout, .section-heading, .cta-band { grid-template-columns: 1fr; } .factory-console { min-height: 620px; } .console-grid { grid-template-columns: 1fr; } .timeline-step { grid-template-columns: 64px 1fr; } .footer-grid { grid-template-columns: 1fr; } .large-list { grid-template-columns: 1fr; } }
@media (max-width: 700px) { .container { width: min(100% - 24px, var(--max)); } .top-rail-inner { justify-content: center; text-align: center; } .page-hero { padding-top: 58px; } .detail-grid, .program-grid, .product-grid-large, .faq-grid, .form-two { grid-template-columns: 1fr; } .factory-console { min-height: 730px; } .console-grid { left: 22px; right: 22px; } .hero-lighter { top: 34%; transform: translate(-50%, -50%) scale(0.86); } .workflow-item { grid-template-columns: 1fr; } .check-row { grid-template-columns: 1fr; } .check-row > div { border-bottom: 1px solid var(--line); } .check-row > div:last-child { border-bottom: 0; } h1 { font-size: clamp(3rem, 16vw, 5rem); } }
.surface-depth-1 { box-shadow: 0 11px 31px rgba(0,0,0,0.12); }
.accent-border-1 { border-color: rgba(255, 157, 24, 0.09); }
.grid-span-1 { --grid-span: 2; }
.surface-depth-2 { box-shadow: 0 12px 32px rgba(0,0,0,0.13); }
.accent-border-2 { border-color: rgba(255, 157, 24, 0.10); }
.grid-span-2 { --grid-span: 3; }
.surface-depth-3 { box-shadow: 0 13px 33px rgba(0,0,0,0.14); }
.accent-border-3 { border-color: rgba(255, 157, 24, 0.11); }
.grid-span-3 { --grid-span: 4; }
.surface-depth-4 { box-shadow: 0 14px 34px rgba(0,0,0,0.14); }
.accent-border-4 { border-color: rgba(255, 157, 24, 0.12); }
.grid-span-4 { --grid-span: 1; }
.surface-depth-5 { box-shadow: 0 15px 35px rgba(0,0,0,0.14); }
.accent-border-5 { border-color: rgba(255, 157, 24, 0.13); }
.grid-span-5 { --grid-span: 2; }
.surface-depth-6 { box-shadow: 0 16px 36px rgba(0,0,0,0.15); }
.accent-border-6 { border-color: rgba(255, 157, 24, 0.14); }
.grid-span-6 { --grid-span: 3; }
.surface-depth-7 { box-shadow: 0 17px 37px rgba(0,0,0,0.15); }
.accent-border-7 { border-color: rgba(255, 157, 24, 0.15); }
.grid-span-7 { --grid-span: 4; }
.surface-depth-8 { box-shadow: 0 18px 38px rgba(0,0,0,0.16); }
.accent-border-8 { border-color: rgba(255, 157, 24, 0.16); }
.grid-span-8 { --grid-span: 1; }
.surface-depth-9 { box-shadow: 0 19px 39px rgba(0,0,0,0.16); }
.accent-border-9 { border-color: rgba(255, 157, 24, 0.17); }
.grid-span-9 { --grid-span: 2; }
.surface-depth-10 { box-shadow: 0 20px 40px rgba(0,0,0,0.17); }
.accent-border-10 { border-color: rgba(255, 157, 24, 0.18); }
.grid-span-10 { --grid-span: 3; }
.surface-depth-11 { box-shadow: 0 21px 41px rgba(0,0,0,0.17); }
.accent-border-11 { border-color: rgba(255, 157, 24, 0.19); }
.grid-span-11 { --grid-span: 4; }
.surface-depth-12 { box-shadow: 0 22px 42px rgba(0,0,0,0.18); }
.accent-border-12 { border-color: rgba(255, 157, 24, 0.20); }
.grid-span-12 { --grid-span: 1; }
.surface-depth-13 { box-shadow: 0 23px 43px rgba(0,0,0,0.18); }
.accent-border-13 { border-color: rgba(255, 157, 24, 0.21); }
.grid-span-13 { --grid-span: 2; }
.surface-depth-14 { box-shadow: 0 24px 44px rgba(0,0,0,0.19); }
.accent-border-14 { border-color: rgba(255, 157, 24, 0.22); }
.grid-span-14 { --grid-span: 3; }
.surface-depth-15 { box-shadow: 0 25px 45px rgba(0,0,0,0.20); }
.accent-border-15 { border-color: rgba(255, 157, 24, 0.23); }
.grid-span-15 { --grid-span: 4; }
.surface-depth-16 { box-shadow: 0 26px 46px rgba(0,0,0,0.20); }
.accent-border-16 { border-color: rgba(255, 157, 24, 0.24); }
.grid-span-16 { --grid-span: 1; }
.surface-depth-17 { box-shadow: 0 27px 47px rgba(0,0,0,0.21); }
.accent-border-17 { border-color: rgba(255, 157, 24, 0.25); }
.grid-span-17 { --grid-span: 2; }
.surface-depth-18 { box-shadow: 0 28px 48px rgba(0,0,0,0.21); }
.accent-border-18 { border-color: rgba(255, 157, 24, 0.26); }
.grid-span-18 { --grid-span: 3; }
.surface-depth-19 { box-shadow: 0 29px 49px rgba(0,0,0,0.21); }
.accent-border-19 { border-color: rgba(255, 157, 24, 0.27); }
.grid-span-19 { --grid-span: 4; }
.surface-depth-20 { box-shadow: 0 30px 50px rgba(0,0,0,0.12); }
.accent-border-20 { border-color: rgba(255, 157, 24, 0.28); }
.grid-span-20 { --grid-span: 1; }
.surface-depth-21 { box-shadow: 0 31px 51px rgba(0,0,0,0.12); }
.accent-border-21 { border-color: rgba(255, 157, 24, 0.29); }
.grid-span-21 { --grid-span: 2; }
.surface-depth-22 { box-shadow: 0 32px 52px rgba(0,0,0,0.13); }
.accent-border-22 { border-color: rgba(255, 157, 24, 0.30); }
.grid-span-22 { --grid-span: 3; }
.surface-depth-23 { box-shadow: 0 33px 53px rgba(0,0,0,0.14); }
.accent-border-23 { border-color: rgba(255, 157, 24, 0.31); }
.grid-span-23 { --grid-span: 4; }
.surface-depth-24 { box-shadow: 0 34px 54px rgba(0,0,0,0.14); }
.accent-border-24 { border-color: rgba(255, 157, 24, 0.32); }
.grid-span-24 { --grid-span: 1; }
.surface-depth-25 { box-shadow: 0 35px 55px rgba(0,0,0,0.14); }
.accent-border-25 { border-color: rgba(255, 157, 24, 0.33); }
.grid-span-25 { --grid-span: 2; }
.surface-depth-26 { box-shadow: 0 36px 56px rgba(0,0,0,0.15); }
.accent-border-26 { border-color: rgba(255, 157, 24, 0.34); }
.grid-span-26 { --grid-span: 3; }
.surface-depth-27 { box-shadow: 0 37px 57px rgba(0,0,0,0.15); }
.accent-border-27 { border-color: rgba(255, 157, 24, 0.35); }
.grid-span-27 { --grid-span: 4; }
.surface-depth-28 { box-shadow: 0 38px 58px rgba(0,0,0,0.16); }
.accent-border-28 { border-color: rgba(255, 157, 24, 0.36); }
.grid-span-28 { --grid-span: 1; }
.surface-depth-29 { box-shadow: 0 39px 59px rgba(0,0,0,0.16); }
.accent-border-29 { border-color: rgba(255, 157, 24, 0.37); }
.grid-span-29 { --grid-span: 2; }
.surface-depth-30 { box-shadow: 0 10px 60px rgba(0,0,0,0.17); }
.accent-border-30 { border-color: rgba(255, 157, 24, 0.08); }
.grid-span-30 { --grid-span: 3; }
.surface-depth-31 { box-shadow: 0 11px 61px rgba(0,0,0,0.17); }
.accent-border-31 { border-color: rgba(255, 157, 24, 0.09); }
.grid-span-31 { --grid-span: 4; }
.surface-depth-32 { box-shadow: 0 12px 62px rgba(0,0,0,0.18); }
.accent-border-32 { border-color: rgba(255, 157, 24, 0.10); }
.grid-span-32 { --grid-span: 1; }
.surface-depth-33 { box-shadow: 0 13px 63px rgba(0,0,0,0.18); }
.accent-border-33 { border-color: rgba(255, 157, 24, 0.11); }
.grid-span-33 { --grid-span: 2; }
.surface-depth-34 { box-shadow: 0 14px 64px rgba(0,0,0,0.19); }
.accent-border-34 { border-color: rgba(255, 157, 24, 0.12); }
.grid-span-34 { --grid-span: 3; }
.surface-depth-35 { box-shadow: 0 15px 65px rgba(0,0,0,0.20); }
.accent-border-35 { border-color: rgba(255, 157, 24, 0.13); }
.grid-span-35 { --grid-span: 4; }
.surface-depth-36 { box-shadow: 0 16px 66px rgba(0,0,0,0.20); }
.accent-border-36 { border-color: rgba(255, 157, 24, 0.14); }
.grid-span-36 { --grid-span: 1; }
.surface-depth-37 { box-shadow: 0 17px 67px rgba(0,0,0,0.21); }
.accent-border-37 { border-color: rgba(255, 157, 24, 0.15); }
.grid-span-37 { --grid-span: 2; }
.surface-depth-38 { box-shadow: 0 18px 68px rgba(0,0,0,0.21); }
.accent-border-38 { border-color: rgba(255, 157, 24, 0.16); }
.grid-span-38 { --grid-span: 3; }
.surface-depth-39 { box-shadow: 0 19px 69px rgba(0,0,0,0.21); }
.accent-border-39 { border-color: rgba(255, 157, 24, 0.17); }
.grid-span-39 { --grid-span: 4; }
.surface-depth-40 { box-shadow: 0 20px 70px rgba(0,0,0,0.12); }
.accent-border-40 { border-color: rgba(255, 157, 24, 0.18); }
.grid-span-40 { --grid-span: 1; }
.surface-depth-41 { box-shadow: 0 21px 71px rgba(0,0,0,0.12); }
.accent-border-41 { border-color: rgba(255, 157, 24, 0.19); }
.grid-span-41 { --grid-span: 2; }
.surface-depth-42 { box-shadow: 0 22px 72px rgba(0,0,0,0.13); }
.accent-border-42 { border-color: rgba(255, 157, 24, 0.20); }
.grid-span-42 { --grid-span: 3; }
.surface-depth-43 { box-shadow: 0 23px 73px rgba(0,0,0,0.14); }
.accent-border-43 { border-color: rgba(255, 157, 24, 0.21); }
.grid-span-43 { --grid-span: 4; }
.surface-depth-44 { box-shadow: 0 24px 74px rgba(0,0,0,0.14); }
.accent-border-44 { border-color: rgba(255, 157, 24, 0.22); }
.grid-span-44 { --grid-span: 1; }
.surface-depth-45 { box-shadow: 0 25px 75px rgba(0,0,0,0.14); }
.accent-border-45 { border-color: rgba(255, 157, 24, 0.23); }
.grid-span-45 { --grid-span: 2; }
.surface-depth-46 { box-shadow: 0 26px 76px rgba(0,0,0,0.15); }
.accent-border-46 { border-color: rgba(255, 157, 24, 0.24); }
.grid-span-46 { --grid-span: 3; }
.surface-depth-47 { box-shadow: 0 27px 77px rgba(0,0,0,0.15); }
.accent-border-47 { border-color: rgba(255, 157, 24, 0.25); }
.grid-span-47 { --grid-span: 4; }
.surface-depth-48 { box-shadow: 0 28px 78px rgba(0,0,0,0.16); }
.accent-border-48 { border-color: rgba(255, 157, 24, 0.26); }
.grid-span-48 { --grid-span: 1; }
.surface-depth-49 { box-shadow: 0 29px 79px rgba(0,0,0,0.16); }
.accent-border-49 { border-color: rgba(255, 157, 24, 0.27); }
.grid-span-49 { --grid-span: 2; }
.surface-depth-50 { box-shadow: 0 30px 80px rgba(0,0,0,0.17); }
.accent-border-50 { border-color: rgba(255, 157, 24, 0.28); }
.grid-span-50 { --grid-span: 3; }
.surface-depth-51 { box-shadow: 0 31px 81px rgba(0,0,0,0.17); }
.accent-border-51 { border-color: rgba(255, 157, 24, 0.29); }
.grid-span-51 { --grid-span: 4; }
.surface-depth-52 { box-shadow: 0 32px 82px rgba(0,0,0,0.18); }
.accent-border-52 { border-color: rgba(255, 157, 24, 0.30); }
.grid-span-52 { --grid-span: 1; }
.surface-depth-53 { box-shadow: 0 33px 83px rgba(0,0,0,0.18); }
.accent-border-53 { border-color: rgba(255, 157, 24, 0.31); }
.grid-span-53 { --grid-span: 2; }
.surface-depth-54 { box-shadow: 0 34px 84px rgba(0,0,0,0.19); }
.accent-border-54 { border-color: rgba(255, 157, 24, 0.32); }
.grid-span-54 { --grid-span: 3; }
.surface-depth-55 { box-shadow: 0 35px 85px rgba(0,0,0,0.20); }
.accent-border-55 { border-color: rgba(255, 157, 24, 0.33); }
.grid-span-55 { --grid-span: 4; }
.surface-depth-56 { box-shadow: 0 36px 86px rgba(0,0,0,0.20); }
.accent-border-56 { border-color: rgba(255, 157, 24, 0.34); }
.grid-span-56 { --grid-span: 1; }
.surface-depth-57 { box-shadow: 0 37px 87px rgba(0,0,0,0.21); }
.accent-border-57 { border-color: rgba(255, 157, 24, 0.35); }
.grid-span-57 { --grid-span: 2; }
.surface-depth-58 { box-shadow: 0 38px 88px rgba(0,0,0,0.21); }
.accent-border-58 { border-color: rgba(255, 157, 24, 0.36); }
.grid-span-58 { --grid-span: 3; }
.surface-depth-59 { box-shadow: 0 39px 89px rgba(0,0,0,0.21); }
.accent-border-59 { border-color: rgba(255, 157, 24, 0.37); }
.grid-span-59 { --grid-span: 4; }
.surface-depth-60 { box-shadow: 0 10px 90px rgba(0,0,0,0.12); }
.accent-border-60 { border-color: rgba(255, 157, 24, 0.08); }
.grid-span-60 { --grid-span: 1; }
.surface-depth-61 { box-shadow: 0 11px 91px rgba(0,0,0,0.12); }
.accent-border-61 { border-color: rgba(255, 157, 24, 0.09); }
.grid-span-61 { --grid-span: 2; }
.surface-depth-62 { box-shadow: 0 12px 92px rgba(0,0,0,0.13); }
.accent-border-62 { border-color: rgba(255, 157, 24, 0.10); }
.grid-span-62 { --grid-span: 3; }
.surface-depth-63 { box-shadow: 0 13px 93px rgba(0,0,0,0.14); }
.accent-border-63 { border-color: rgba(255, 157, 24, 0.11); }
.grid-span-63 { --grid-span: 4; }
.surface-depth-64 { box-shadow: 0 14px 94px rgba(0,0,0,0.14); }
.accent-border-64 { border-color: rgba(255, 157, 24, 0.12); }
.grid-span-64 { --grid-span: 1; }
.surface-depth-65 { box-shadow: 0 15px 95px rgba(0,0,0,0.14); }
.accent-border-65 { border-color: rgba(255, 157, 24, 0.13); }
.grid-span-65 { --grid-span: 2; }
.surface-depth-66 { box-shadow: 0 16px 96px rgba(0,0,0,0.15); }
.accent-border-66 { border-color: rgba(255, 157, 24, 0.14); }
.grid-span-66 { --grid-span: 3; }
.surface-depth-67 { box-shadow: 0 17px 97px rgba(0,0,0,0.15); }
.accent-border-67 { border-color: rgba(255, 157, 24, 0.15); }
.grid-span-67 { --grid-span: 4; }
.surface-depth-68 { box-shadow: 0 18px 98px rgba(0,0,0,0.16); }
.accent-border-68 { border-color: rgba(255, 157, 24, 0.16); }
.grid-span-68 { --grid-span: 1; }
.surface-depth-69 { box-shadow: 0 19px 99px rgba(0,0,0,0.16); }
.accent-border-69 { border-color: rgba(255, 157, 24, 0.17); }
.grid-span-69 { --grid-span: 2; }
.surface-depth-70 { box-shadow: 0 20px 30px rgba(0,0,0,0.17); }
.accent-border-70 { border-color: rgba(255, 157, 24, 0.18); }
.grid-span-70 { --grid-span: 3; }
.surface-depth-71 { box-shadow: 0 21px 31px rgba(0,0,0,0.17); }
.accent-border-71 { border-color: rgba(255, 157, 24, 0.19); }
.grid-span-71 { --grid-span: 4; }
.surface-depth-72 { box-shadow: 0 22px 32px rgba(0,0,0,0.18); }
.accent-border-72 { border-color: rgba(255, 157, 24, 0.20); }
.grid-span-72 { --grid-span: 1; }
.surface-depth-73 { box-shadow: 0 23px 33px rgba(0,0,0,0.18); }
.accent-border-73 { border-color: rgba(255, 157, 24, 0.21); }
.grid-span-73 { --grid-span: 2; }
.surface-depth-74 { box-shadow: 0 24px 34px rgba(0,0,0,0.19); }
.accent-border-74 { border-color: rgba(255, 157, 24, 0.22); }
.grid-span-74 { --grid-span: 3; }
.surface-depth-75 { box-shadow: 0 25px 35px rgba(0,0,0,0.20); }
.accent-border-75 { border-color: rgba(255, 157, 24, 0.23); }
.grid-span-75 { --grid-span: 4; }
.surface-depth-76 { box-shadow: 0 26px 36px rgba(0,0,0,0.20); }
.accent-border-76 { border-color: rgba(255, 157, 24, 0.24); }
.grid-span-76 { --grid-span: 1; }
.surface-depth-77 { box-shadow: 0 27px 37px rgba(0,0,0,0.21); }
.accent-border-77 { border-color: rgba(255, 157, 24, 0.25); }
.grid-span-77 { --grid-span: 2; }
.surface-depth-78 { box-shadow: 0 28px 38px rgba(0,0,0,0.21); }
.accent-border-78 { border-color: rgba(255, 157, 24, 0.26); }
.grid-span-78 { --grid-span: 3; }
.surface-depth-79 { box-shadow: 0 29px 39px rgba(0,0,0,0.21); }
.accent-border-79 { border-color: rgba(255, 157, 24, 0.27); }
.grid-span-79 { --grid-span: 4; }
.surface-depth-80 { box-shadow: 0 30px 40px rgba(0,0,0,0.12); }
.accent-border-80 { border-color: rgba(255, 157, 24, 0.28); }
.grid-span-80 { --grid-span: 1; }
.surface-depth-81 { box-shadow: 0 31px 41px rgba(0,0,0,0.12); }
.accent-border-81 { border-color: rgba(255, 157, 24, 0.29); }
.grid-span-81 { --grid-span: 2; }
.surface-depth-82 { box-shadow: 0 32px 42px rgba(0,0,0,0.13); }
.accent-border-82 { border-color: rgba(255, 157, 24, 0.30); }
.grid-span-82 { --grid-span: 3; }
.surface-depth-83 { box-shadow: 0 33px 43px rgba(0,0,0,0.14); }
.accent-border-83 { border-color: rgba(255, 157, 24, 0.31); }
.grid-span-83 { --grid-span: 4; }
.surface-depth-84 { box-shadow: 0 34px 44px rgba(0,0,0,0.14); }
.accent-border-84 { border-color: rgba(255, 157, 24, 0.32); }
.grid-span-84 { --grid-span: 1; }
.surface-depth-85 { box-shadow: 0 35px 45px rgba(0,0,0,0.14); }
.accent-border-85 { border-color: rgba(255, 157, 24, 0.33); }
.grid-span-85 { --grid-span: 2; }
.surface-depth-86 { box-shadow: 0 36px 46px rgba(0,0,0,0.15); }
.accent-border-86 { border-color: rgba(255, 157, 24, 0.34); }
.grid-span-86 { --grid-span: 3; }
.surface-depth-87 { box-shadow: 0 37px 47px rgba(0,0,0,0.15); }
.accent-border-87 { border-color: rgba(255, 157, 24, 0.35); }
.grid-span-87 { --grid-span: 4; }
.surface-depth-88 { box-shadow: 0 38px 48px rgba(0,0,0,0.16); }
.accent-border-88 { border-color: rgba(255, 157, 24, 0.36); }
.grid-span-88 { --grid-span: 1; }
.surface-depth-89 { box-shadow: 0 39px 49px rgba(0,0,0,0.16); }
.accent-border-89 { border-color: rgba(255, 157, 24, 0.37); }
.grid-span-89 { --grid-span: 2; }
.surface-depth-90 { box-shadow: 0 10px 50px rgba(0,0,0,0.17); }
.accent-border-90 { border-color: rgba(255, 157, 24, 0.08); }
.grid-span-90 { --grid-span: 3; }
.surface-depth-91 { box-shadow: 0 11px 51px rgba(0,0,0,0.17); }
.accent-border-91 { border-color: rgba(255, 157, 24, 0.09); }
.grid-span-91 { --grid-span: 4; }
.surface-depth-92 { box-shadow: 0 12px 52px rgba(0,0,0,0.18); }
.accent-border-92 { border-color: rgba(255, 157, 24, 0.10); }
.grid-span-92 { --grid-span: 1; }
.surface-depth-93 { box-shadow: 0 13px 53px rgba(0,0,0,0.18); }
.accent-border-93 { border-color: rgba(255, 157, 24, 0.11); }
.grid-span-93 { --grid-span: 2; }
.surface-depth-94 { box-shadow: 0 14px 54px rgba(0,0,0,0.19); }
.accent-border-94 { border-color: rgba(255, 157, 24, 0.12); }
.grid-span-94 { --grid-span: 3; }
.surface-depth-95 { box-shadow: 0 15px 55px rgba(0,0,0,0.20); }
.accent-border-95 { border-color: rgba(255, 157, 24, 0.13); }
.grid-span-95 { --grid-span: 4; }
.surface-depth-96 { box-shadow: 0 16px 56px rgba(0,0,0,0.20); }
.accent-border-96 { border-color: rgba(255, 157, 24, 0.14); }
.grid-span-96 { --grid-span: 1; }
.surface-depth-97 { box-shadow: 0 17px 57px rgba(0,0,0,0.21); }
.accent-border-97 { border-color: rgba(255, 157, 24, 0.15); }
.grid-span-97 { --grid-span: 2; }
.surface-depth-98 { box-shadow: 0 18px 58px rgba(0,0,0,0.21); }
.accent-border-98 { border-color: rgba(255, 157, 24, 0.16); }
.grid-span-98 { --grid-span: 3; }
.surface-depth-99 { box-shadow: 0 19px 59px rgba(0,0,0,0.21); }
.accent-border-99 { border-color: rgba(255, 157, 24, 0.17); }
.grid-span-99 { --grid-span: 4; }
.surface-depth-100 { box-shadow: 0 20px 60px rgba(0,0,0,0.12); }
.accent-border-100 { border-color: rgba(255, 157, 24, 0.18); }
.grid-span-100 { --grid-span: 1; }
.surface-depth-101 { box-shadow: 0 21px 61px rgba(0,0,0,0.12); }
.accent-border-101 { border-color: rgba(255, 157, 24, 0.19); }
.grid-span-101 { --grid-span: 2; }
.surface-depth-102 { box-shadow: 0 22px 62px rgba(0,0,0,0.13); }
.accent-border-102 { border-color: rgba(255, 157, 24, 0.20); }
.grid-span-102 { --grid-span: 3; }
.surface-depth-103 { box-shadow: 0 23px 63px rgba(0,0,0,0.14); }
.accent-border-103 { border-color: rgba(255, 157, 24, 0.21); }
.grid-span-103 { --grid-span: 4; }
.surface-depth-104 { box-shadow: 0 24px 64px rgba(0,0,0,0.14); }
.accent-border-104 { border-color: rgba(255, 157, 24, 0.22); }
.grid-span-104 { --grid-span: 1; }
.surface-depth-105 { box-shadow: 0 25px 65px rgba(0,0,0,0.14); }
.accent-border-105 { border-color: rgba(255, 157, 24, 0.23); }
.grid-span-105 { --grid-span: 2; }
.surface-depth-106 { box-shadow: 0 26px 66px rgba(0,0,0,0.15); }
.accent-border-106 { border-color: rgba(255, 157, 24, 0.24); }
.grid-span-106 { --grid-span: 3; }
.surface-depth-107 { box-shadow: 0 27px 67px rgba(0,0,0,0.15); }
.accent-border-107 { border-color: rgba(255, 157, 24, 0.25); }
.grid-span-107 { --grid-span: 4; }
.surface-depth-108 { box-shadow: 0 28px 68px rgba(0,0,0,0.16); }
.accent-border-108 { border-color: rgba(255, 157, 24, 0.26); }
.grid-span-108 { --grid-span: 1; }
.surface-depth-109 { box-shadow: 0 29px 69px rgba(0,0,0,0.16); }
.accent-border-109 { border-color: rgba(255, 157, 24, 0.27); }
.grid-span-109 { --grid-span: 2; }
.surface-depth-110 { box-shadow: 0 30px 70px rgba(0,0,0,0.17); }
.accent-border-110 { border-color: rgba(255, 157, 24, 0.28); }
.grid-span-110 { --grid-span: 3; }
.surface-depth-111 { box-shadow: 0 31px 71px rgba(0,0,0,0.17); }
.accent-border-111 { border-color: rgba(255, 157, 24, 0.29); }
.grid-span-111 { --grid-span: 4; }
.surface-depth-112 { box-shadow: 0 32px 72px rgba(0,0,0,0.18); }
.accent-border-112 { border-color: rgba(255, 157, 24, 0.30); }
.grid-span-112 { --grid-span: 1; }
.surface-depth-113 { box-shadow: 0 33px 73px rgba(0,0,0,0.18); }
.accent-border-113 { border-color: rgba(255, 157, 24, 0.31); }
.grid-span-113 { --grid-span: 2; }
.surface-depth-114 { box-shadow: 0 34px 74px rgba(0,0,0,0.19); }
.accent-border-114 { border-color: rgba(255, 157, 24, 0.32); }
.grid-span-114 { --grid-span: 3; }
.surface-depth-115 { box-shadow: 0 35px 75px rgba(0,0,0,0.20); }
.accent-border-115 { border-color: rgba(255, 157, 24, 0.33); }
.grid-span-115 { --grid-span: 4; }
.surface-depth-116 { box-shadow: 0 36px 76px rgba(0,0,0,0.20); }
.accent-border-116 { border-color: rgba(255, 157, 24, 0.34); }
.grid-span-116 { --grid-span: 1; }
.surface-depth-117 { box-shadow: 0 37px 77px rgba(0,0,0,0.21); }
.accent-border-117 { border-color: rgba(255, 157, 24, 0.35); }
.grid-span-117 { --grid-span: 2; }
.surface-depth-118 { box-shadow: 0 38px 78px rgba(0,0,0,0.21); }
.accent-border-118 { border-color: rgba(255, 157, 24, 0.36); }
.grid-span-118 { --grid-span: 3; }
.surface-depth-119 { box-shadow: 0 39px 79px rgba(0,0,0,0.21); }
.accent-border-119 { border-color: rgba(255, 157, 24, 0.37); }
.grid-span-119 { --grid-span: 4; }
.surface-depth-120 { box-shadow: 0 10px 80px rgba(0,0,0,0.12); }
.accent-border-120 { border-color: rgba(255, 157, 24, 0.08); }
.grid-span-120 { --grid-span: 1; }
.surface-depth-121 { box-shadow: 0 11px 81px rgba(0,0,0,0.12); }
.accent-border-121 { border-color: rgba(255, 157, 24, 0.09); }
.grid-span-121 { --grid-span: 2; }
.surface-depth-122 { box-shadow: 0 12px 82px rgba(0,0,0,0.13); }
.accent-border-122 { border-color: rgba(255, 157, 24, 0.10); }
.grid-span-122 { --grid-span: 3; }
.surface-depth-123 { box-shadow: 0 13px 83px rgba(0,0,0,0.14); }
.accent-border-123 { border-color: rgba(255, 157, 24, 0.11); }
.grid-span-123 { --grid-span: 4; }
.surface-depth-124 { box-shadow: 0 14px 84px rgba(0,0,0,0.14); }
.accent-border-124 { border-color: rgba(255, 157, 24, 0.12); }
.grid-span-124 { --grid-span: 1; }
.surface-depth-125 { box-shadow: 0 15px 85px rgba(0,0,0,0.14); }
.accent-border-125 { border-color: rgba(255, 157, 24, 0.13); }
.grid-span-125 { --grid-span: 2; }
.surface-depth-126 { box-shadow: 0 16px 86px rgba(0,0,0,0.15); }
.accent-border-126 { border-color: rgba(255, 157, 24, 0.14); }
.grid-span-126 { --grid-span: 3; }
.surface-depth-127 { box-shadow: 0 17px 87px rgba(0,0,0,0.15); }
.accent-border-127 { border-color: rgba(255, 157, 24, 0.15); }
.grid-span-127 { --grid-span: 4; }
.surface-depth-128 { box-shadow: 0 18px 88px rgba(0,0,0,0.16); }
.accent-border-128 { border-color: rgba(255, 157, 24, 0.16); }
.grid-span-128 { --grid-span: 1; }
.surface-depth-129 { box-shadow: 0 19px 89px rgba(0,0,0,0.16); }
.accent-border-129 { border-color: rgba(255, 157, 24, 0.17); }
.grid-span-129 { --grid-span: 2; }
.surface-depth-130 { box-shadow: 0 20px 90px rgba(0,0,0,0.17); }
.accent-border-130 { border-color: rgba(255, 157, 24, 0.18); }
.grid-span-130 { --grid-span: 3; }
.surface-depth-131 { box-shadow: 0 21px 91px rgba(0,0,0,0.17); }
.accent-border-131 { border-color: rgba(255, 157, 24, 0.19); }
.grid-span-131 { --grid-span: 4; }
.surface-depth-132 { box-shadow: 0 22px 92px rgba(0,0,0,0.18); }
.accent-border-132 { border-color: rgba(255, 157, 24, 0.20); }
.grid-span-132 { --grid-span: 1; }
.surface-depth-133 { box-shadow: 0 23px 93px rgba(0,0,0,0.18); }
.accent-border-133 { border-color: rgba(255, 157, 24, 0.21); }
.grid-span-133 { --grid-span: 2; }
.surface-depth-134 { box-shadow: 0 24px 94px rgba(0,0,0,0.19); }
.accent-border-134 { border-color: rgba(255, 157, 24, 0.22); }
.grid-span-134 { --grid-span: 3; }
.surface-depth-135 { box-shadow: 0 25px 95px rgba(0,0,0,0.20); }
.accent-border-135 { border-color: rgba(255, 157, 24, 0.23); }
.grid-span-135 { --grid-span: 4; }
.surface-depth-136 { box-shadow: 0 26px 96px rgba(0,0,0,0.20); }
.accent-border-136 { border-color: rgba(255, 157, 24, 0.24); }
.grid-span-136 { --grid-span: 1; }
.surface-depth-137 { box-shadow: 0 27px 97px rgba(0,0,0,0.21); }
.accent-border-137 { border-color: rgba(255, 157, 24, 0.25); }
.grid-span-137 { --grid-span: 2; }
.surface-depth-138 { box-shadow: 0 28px 98px rgba(0,0,0,0.21); }
.accent-border-138 { border-color: rgba(255, 157, 24, 0.26); }
.grid-span-138 { --grid-span: 3; }
.surface-depth-139 { box-shadow: 0 29px 99px rgba(0,0,0,0.21); }
.accent-border-139 { border-color: rgba(255, 157, 24, 0.27); }
.grid-span-139 { --grid-span: 4; }
.surface-depth-140 { box-shadow: 0 30px 30px rgba(0,0,0,0.12); }
.accent-border-140 { border-color: rgba(255, 157, 24, 0.28); }
.grid-span-140 { --grid-span: 1; }
.surface-depth-141 { box-shadow: 0 31px 31px rgba(0,0,0,0.12); }
.accent-border-141 { border-color: rgba(255, 157, 24, 0.29); }
.grid-span-141 { --grid-span: 2; }
.surface-depth-142 { box-shadow: 0 32px 32px rgba(0,0,0,0.13); }
.accent-border-142 { border-color: rgba(255, 157, 24, 0.30); }
.grid-span-142 { --grid-span: 3; }
.surface-depth-143 { box-shadow: 0 33px 33px rgba(0,0,0,0.14); }
.accent-border-143 { border-color: rgba(255, 157, 24, 0.31); }
.grid-span-143 { --grid-span: 4; }
.surface-depth-144 { box-shadow: 0 34px 34px rgba(0,0,0,0.14); }
.accent-border-144 { border-color: rgba(255, 157, 24, 0.32); }
.grid-span-144 { --grid-span: 1; }
.surface-depth-145 { box-shadow: 0 35px 35px rgba(0,0,0,0.14); }
.accent-border-145 { border-color: rgba(255, 157, 24, 0.33); }
.grid-span-145 { --grid-span: 2; }
.surface-depth-146 { box-shadow: 0 36px 36px rgba(0,0,0,0.15); }
.accent-border-146 { border-color: rgba(255, 157, 24, 0.34); }
.grid-span-146 { --grid-span: 3; }
.surface-depth-147 { box-shadow: 0 37px 37px rgba(0,0,0,0.15); }
.accent-border-147 { border-color: rgba(255, 157, 24, 0.35); }
.grid-span-147 { --grid-span: 4; }
.surface-depth-148 { box-shadow: 0 38px 38px rgba(0,0,0,0.16); }
.accent-border-148 { border-color: rgba(255, 157, 24, 0.36); }
.grid-span-148 { --grid-span: 1; }
.surface-depth-149 { box-shadow: 0 39px 39px rgba(0,0,0,0.16); }
.accent-border-149 { border-color: rgba(255, 157, 24, 0.37); }
.grid-span-149 { --grid-span: 2; }
.surface-depth-150 { box-shadow: 0 10px 40px rgba(0,0,0,0.17); }
.accent-border-150 { border-color: rgba(255, 157, 24, 0.08); }
.grid-span-150 { --grid-span: 3; }
.surface-depth-151 { box-shadow: 0 11px 41px rgba(0,0,0,0.17); }
.accent-border-151 { border-color: rgba(255, 157, 24, 0.09); }
.grid-span-151 { --grid-span: 4; }
.surface-depth-152 { box-shadow: 0 12px 42px rgba(0,0,0,0.18); }
.accent-border-152 { border-color: rgba(255, 157, 24, 0.10); }
.grid-span-152 { --grid-span: 1; }
.surface-depth-153 { box-shadow: 0 13px 43px rgba(0,0,0,0.18); }
.accent-border-153 { border-color: rgba(255, 157, 24, 0.11); }
.grid-span-153 { --grid-span: 2; }
.surface-depth-154 { box-shadow: 0 14px 44px rgba(0,0,0,0.19); }
.accent-border-154 { border-color: rgba(255, 157, 24, 0.12); }
.grid-span-154 { --grid-span: 3; }
.surface-depth-155 { box-shadow: 0 15px 45px rgba(0,0,0,0.20); }
.accent-border-155 { border-color: rgba(255, 157, 24, 0.13); }
.grid-span-155 { --grid-span: 4; }
.surface-depth-156 { box-shadow: 0 16px 46px rgba(0,0,0,0.20); }
.accent-border-156 { border-color: rgba(255, 157, 24, 0.14); }
.grid-span-156 { --grid-span: 1; }
.surface-depth-157 { box-shadow: 0 17px 47px rgba(0,0,0,0.21); }
.accent-border-157 { border-color: rgba(255, 157, 24, 0.15); }
.grid-span-157 { --grid-span: 2; }
.surface-depth-158 { box-shadow: 0 18px 48px rgba(0,0,0,0.21); }
.accent-border-158 { border-color: rgba(255, 157, 24, 0.16); }
.grid-span-158 { --grid-span: 3; }
.surface-depth-159 { box-shadow: 0 19px 49px rgba(0,0,0,0.21); }
.accent-border-159 { border-color: rgba(255, 157, 24, 0.17); }
.grid-span-159 { --grid-span: 4; }
.surface-depth-160 { box-shadow: 0 20px 50px rgba(0,0,0,0.12); }
.accent-border-160 { border-color: rgba(255, 157, 24, 0.18); }
.grid-span-160 { --grid-span: 1; }
.surface-depth-161 { box-shadow: 0 21px 51px rgba(0,0,0,0.12); }
.accent-border-161 { border-color: rgba(255, 157, 24, 0.19); }
.grid-span-161 { --grid-span: 2; }
.surface-depth-162 { box-shadow: 0 22px 52px rgba(0,0,0,0.13); }
.accent-border-162 { border-color: rgba(255, 157, 24, 0.20); }
.grid-span-162 { --grid-span: 3; }
.surface-depth-163 { box-shadow: 0 23px 53px rgba(0,0,0,0.14); }
.accent-border-163 { border-color: rgba(255, 157, 24, 0.21); }
.grid-span-163 { --grid-span: 4; }
.surface-depth-164 { box-shadow: 0 24px 54px rgba(0,0,0,0.14); }
.accent-border-164 { border-color: rgba(255, 157, 24, 0.22); }
.grid-span-164 { --grid-span: 1; }
.surface-depth-165 { box-shadow: 0 25px 55px rgba(0,0,0,0.14); }
.accent-border-165 { border-color: rgba(255, 157, 24, 0.23); }
.grid-span-165 { --grid-span: 2; }
.surface-depth-166 { box-shadow: 0 26px 56px rgba(0,0,0,0.15); }
.accent-border-166 { border-color: rgba(255, 157, 24, 0.24); }
.grid-span-166 { --grid-span: 3; }
.surface-depth-167 { box-shadow: 0 27px 57px rgba(0,0,0,0.15); }
.accent-border-167 { border-color: rgba(255, 157, 24, 0.25); }
.grid-span-167 { --grid-span: 4; }
.surface-depth-168 { box-shadow: 0 28px 58px rgba(0,0,0,0.16); }
.accent-border-168 { border-color: rgba(255, 157, 24, 0.26); }
.grid-span-168 { --grid-span: 1; }
.surface-depth-169 { box-shadow: 0 29px 59px rgba(0,0,0,0.16); }
.accent-border-169 { border-color: rgba(255, 157, 24, 0.27); }
.grid-span-169 { --grid-span: 2; }
.surface-depth-170 { box-shadow: 0 30px 60px rgba(0,0,0,0.17); }
.accent-border-170 { border-color: rgba(255, 157, 24, 0.28); }
.grid-span-170 { --grid-span: 3; }
.surface-depth-171 { box-shadow: 0 31px 61px rgba(0,0,0,0.17); }
.accent-border-171 { border-color: rgba(255, 157, 24, 0.29); }
.grid-span-171 { --grid-span: 4; }
.surface-depth-172 { box-shadow: 0 32px 62px rgba(0,0,0,0.18); }
.accent-border-172 { border-color: rgba(255, 157, 24, 0.30); }
.grid-span-172 { --grid-span: 1; }
.surface-depth-173 { box-shadow: 0 33px 63px rgba(0,0,0,0.18); }
.accent-border-173 { border-color: rgba(255, 157, 24, 0.31); }
.grid-span-173 { --grid-span: 2; }
.surface-depth-174 { box-shadow: 0 34px 64px rgba(0,0,0,0.19); }
.accent-border-174 { border-color: rgba(255, 157, 24, 0.32); }
.grid-span-174 { --grid-span: 3; }
.surface-depth-175 { box-shadow: 0 35px 65px rgba(0,0,0,0.20); }
.accent-border-175 { border-color: rgba(255, 157, 24, 0.33); }
.grid-span-175 { --grid-span: 4; }
.surface-depth-176 { box-shadow: 0 36px 66px rgba(0,0,0,0.20); }
.accent-border-176 { border-color: rgba(255, 157, 24, 0.34); }
.grid-span-176 { --grid-span: 1; }
.surface-depth-177 { box-shadow: 0 37px 67px rgba(0,0,0,0.21); }
.accent-border-177 { border-color: rgba(255, 157, 24, 0.35); }
.grid-span-177 { --grid-span: 2; }
.surface-depth-178 { box-shadow: 0 38px 68px rgba(0,0,0,0.21); }
.accent-border-178 { border-color: rgba(255, 157, 24, 0.36); }
.grid-span-178 { --grid-span: 3; }
.surface-depth-179 { box-shadow: 0 39px 69px rgba(0,0,0,0.21); }
.accent-border-179 { border-color: rgba(255, 157, 24, 0.37); }
.grid-span-179 { --grid-span: 4; }
.surface-depth-180 { box-shadow: 0 10px 70px rgba(0,0,0,0.12); }
.accent-border-180 { border-color: rgba(255, 157, 24, 0.08); }
.grid-span-180 { --grid-span: 1; }
.surface-depth-181 { box-shadow: 0 11px 71px rgba(0,0,0,0.12); }
.accent-border-181 { border-color: rgba(255, 157, 24, 0.09); }
.grid-span-181 { --grid-span: 2; }
.surface-depth-182 { box-shadow: 0 12px 72px rgba(0,0,0,0.13); }
.accent-border-182 { border-color: rgba(255, 157, 24, 0.10); }
.grid-span-182 { --grid-span: 3; }
.surface-depth-183 { box-shadow: 0 13px 73px rgba(0,0,0,0.14); }
.accent-border-183 { border-color: rgba(255, 157, 24, 0.11); }
.grid-span-183 { --grid-span: 4; }
.surface-depth-184 { box-shadow: 0 14px 74px rgba(0,0,0,0.14); }
.accent-border-184 { border-color: rgba(255, 157, 24, 0.12); }
.grid-span-184 { --grid-span: 1; }
.surface-depth-185 { box-shadow: 0 15px 75px rgba(0,0,0,0.14); }
.accent-border-185 { border-color: rgba(255, 157, 24, 0.13); }
.grid-span-185 { --grid-span: 2; }
.surface-depth-186 { box-shadow: 0 16px 76px rgba(0,0,0,0.15); }
.accent-border-186 { border-color: rgba(255, 157, 24, 0.14); }
.grid-span-186 { --grid-span: 3; }
.surface-depth-187 { box-shadow: 0 17px 77px rgba(0,0,0,0.15); }
.accent-border-187 { border-color: rgba(255, 157, 24, 0.15); }
.grid-span-187 { --grid-span: 4; }
.surface-depth-188 { box-shadow: 0 18px 78px rgba(0,0,0,0.16); }
.accent-border-188 { border-color: rgba(255, 157, 24, 0.16); }
.grid-span-188 { --grid-span: 1; }
.surface-depth-189 { box-shadow: 0 19px 79px rgba(0,0,0,0.16); }
.accent-border-189 { border-color: rgba(255, 157, 24, 0.17); }
.grid-span-189 { --grid-span: 2; }
.surface-depth-190 { box-shadow: 0 20px 80px rgba(0,0,0,0.17); }
.accent-border-190 { border-color: rgba(255, 157, 24, 0.18); }
.grid-span-190 { --grid-span: 3; }
.surface-depth-191 { box-shadow: 0 21px 81px rgba(0,0,0,0.17); }
.accent-border-191 { border-color: rgba(255, 157, 24, 0.19); }
.grid-span-191 { --grid-span: 4; }
.surface-depth-192 { box-shadow: 0 22px 82px rgba(0,0,0,0.18); }
.accent-border-192 { border-color: rgba(255, 157, 24, 0.20); }
.grid-span-192 { --grid-span: 1; }
.surface-depth-193 { box-shadow: 0 23px 83px rgba(0,0,0,0.18); }
.accent-border-193 { border-color: rgba(255, 157, 24, 0.21); }
.grid-span-193 { --grid-span: 2; }
.surface-depth-194 { box-shadow: 0 24px 84px rgba(0,0,0,0.19); }
.accent-border-194 { border-color: rgba(255, 157, 24, 0.22); }
.grid-span-194 { --grid-span: 3; }
.surface-depth-195 { box-shadow: 0 25px 85px rgba(0,0,0,0.20); }
.accent-border-195 { border-color: rgba(255, 157, 24, 0.23); }
.grid-span-195 { --grid-span: 4; }
.surface-depth-196 { box-shadow: 0 26px 86px rgba(0,0,0,0.20); }
.accent-border-196 { border-color: rgba(255, 157, 24, 0.24); }
.grid-span-196 { --grid-span: 1; }
.surface-depth-197 { box-shadow: 0 27px 87px rgba(0,0,0,0.21); }
.accent-border-197 { border-color: rgba(255, 157, 24, 0.25); }
.grid-span-197 { --grid-span: 2; }
.surface-depth-198 { box-shadow: 0 28px 88px rgba(0,0,0,0.21); }
.accent-border-198 { border-color: rgba(255, 157, 24, 0.26); }
.grid-span-198 { --grid-span: 3; }
.surface-depth-199 { box-shadow: 0 29px 89px rgba(0,0,0,0.21); }
.accent-border-199 { border-color: rgba(255, 157, 24, 0.27); }
.grid-span-199 { --grid-span: 4; }
.surface-depth-200 { box-shadow: 0 30px 90px rgba(0,0,0,0.12); }
.accent-border-200 { border-color: rgba(255, 157, 24, 0.28); }
.grid-span-200 { --grid-span: 1; }
.surface-depth-201 { box-shadow: 0 31px 91px rgba(0,0,0,0.12); }
.accent-border-201 { border-color: rgba(255, 157, 24, 0.29); }
.grid-span-201 { --grid-span: 2; }
.surface-depth-202 { box-shadow: 0 32px 92px rgba(0,0,0,0.13); }
.accent-border-202 { border-color: rgba(255, 157, 24, 0.30); }
.grid-span-202 { --grid-span: 3; }
.surface-depth-203 { box-shadow: 0 33px 93px rgba(0,0,0,0.14); }
.accent-border-203 { border-color: rgba(255, 157, 24, 0.31); }
.grid-span-203 { --grid-span: 4; }
.surface-depth-204 { box-shadow: 0 34px 94px rgba(0,0,0,0.14); }
.accent-border-204 { border-color: rgba(255, 157, 24, 0.32); }
.grid-span-204 { --grid-span: 1; }
.surface-depth-205 { box-shadow: 0 35px 95px rgba(0,0,0,0.14); }
.accent-border-205 { border-color: rgba(255, 157, 24, 0.33); }
.grid-span-205 { --grid-span: 2; }
.surface-depth-206 { box-shadow: 0 36px 96px rgba(0,0,0,0.15); }
.accent-border-206 { border-color: rgba(255, 157, 24, 0.34); }
.grid-span-206 { --grid-span: 3; }
.surface-depth-207 { box-shadow: 0 37px 97px rgba(0,0,0,0.15); }
.accent-border-207 { border-color: rgba(255, 157, 24, 0.35); }
.grid-span-207 { --grid-span: 4; }
.surface-depth-208 { box-shadow: 0 38px 98px rgba(0,0,0,0.16); }
.accent-border-208 { border-color: rgba(255, 157, 24, 0.36); }
.grid-span-208 { --grid-span: 1; }
.surface-depth-209 { box-shadow: 0 39px 99px rgba(0,0,0,0.16); }
.accent-border-209 { border-color: rgba(255, 157, 24, 0.37); }
.grid-span-209 { --grid-span: 2; }
.surface-depth-210 { box-shadow: 0 10px 30px rgba(0,0,0,0.17); }
.accent-border-210 { border-color: rgba(255, 157, 24, 0.08); }
.grid-span-210 { --grid-span: 3; }
.surface-depth-211 { box-shadow: 0 11px 31px rgba(0,0,0,0.17); }
.accent-border-211 { border-color: rgba(255, 157, 24, 0.09); }
.grid-span-211 { --grid-span: 4; }
.surface-depth-212 { box-shadow: 0 12px 32px rgba(0,0,0,0.18); }
.accent-border-212 { border-color: rgba(255, 157, 24, 0.10); }
.grid-span-212 { --grid-span: 1; }
.surface-depth-213 { box-shadow: 0 13px 33px rgba(0,0,0,0.18); }
.accent-border-213 { border-color: rgba(255, 157, 24, 0.11); }
.grid-span-213 { --grid-span: 2; }
.surface-depth-214 { box-shadow: 0 14px 34px rgba(0,0,0,0.19); }
.accent-border-214 { border-color: rgba(255, 157, 24, 0.12); }
.grid-span-214 { --grid-span: 3; }
.surface-depth-215 { box-shadow: 0 15px 35px rgba(0,0,0,0.20); }
.accent-border-215 { border-color: rgba(255, 157, 24, 0.13); }
.grid-span-215 { --grid-span: 4; }
.surface-depth-216 { box-shadow: 0 16px 36px rgba(0,0,0,0.20); }
.accent-border-216 { border-color: rgba(255, 157, 24, 0.14); }
.grid-span-216 { --grid-span: 1; }
.surface-depth-217 { box-shadow: 0 17px 37px rgba(0,0,0,0.21); }
.accent-border-217 { border-color: rgba(255, 157, 24, 0.15); }
.grid-span-217 { --grid-span: 2; }
.surface-depth-218 { box-shadow: 0 18px 38px rgba(0,0,0,0.21); }
.accent-border-218 { border-color: rgba(255, 157, 24, 0.16); }
.grid-span-218 { --grid-span: 3; }
.surface-depth-219 { box-shadow: 0 19px 39px rgba(0,0,0,0.21); }
.accent-border-219 { border-color: rgba(255, 157, 24, 0.17); }
.grid-span-219 { --grid-span: 4; }
.surface-depth-220 { box-shadow: 0 20px 40px rgba(0,0,0,0.12); }
.accent-border-220 { border-color: rgba(255, 157, 24, 0.18); }
.grid-span-220 { --grid-span: 1; }
.surface-depth-221 { box-shadow: 0 21px 41px rgba(0,0,0,0.12); }
.accent-border-221 { border-color: rgba(255, 157, 24, 0.19); }
.grid-span-221 { --grid-span: 2; }
.surface-depth-222 { box-shadow: 0 22px 42px rgba(0,0,0,0.13); }
.accent-border-222 { border-color: rgba(255, 157, 24, 0.20); }
.grid-span-222 { --grid-span: 3; }
.surface-depth-223 { box-shadow: 0 23px 43px rgba(0,0,0,0.14); }
.accent-border-223 { border-color: rgba(255, 157, 24, 0.21); }
.grid-span-223 { --grid-span: 4; }
.surface-depth-224 { box-shadow: 0 24px 44px rgba(0,0,0,0.14); }
.accent-border-224 { border-color: rgba(255, 157, 24, 0.22); }
.grid-span-224 { --grid-span: 1; }
.surface-depth-225 { box-shadow: 0 25px 45px rgba(0,0,0,0.14); }
.accent-border-225 { border-color: rgba(255, 157, 24, 0.23); }
.grid-span-225 { --grid-span: 2; }
.surface-depth-226 { box-shadow: 0 26px 46px rgba(0,0,0,0.15); }
.accent-border-226 { border-color: rgba(255, 157, 24, 0.24); }
.grid-span-226 { --grid-span: 3; }
.surface-depth-227 { box-shadow: 0 27px 47px rgba(0,0,0,0.15); }
.accent-border-227 { border-color: rgba(255, 157, 24, 0.25); }
.grid-span-227 { --grid-span: 4; }
.surface-depth-228 { box-shadow: 0 28px 48px rgba(0,0,0,0.16); }
.accent-border-228 { border-color: rgba(255, 157, 24, 0.26); }
.grid-span-228 { --grid-span: 1; }
.surface-depth-229 { box-shadow: 0 29px 49px rgba(0,0,0,0.16); }
.accent-border-229 { border-color: rgba(255, 157, 24, 0.27); }
.grid-span-229 { --grid-span: 2; }
.surface-depth-230 { box-shadow: 0 30px 50px rgba(0,0,0,0.17); }
.accent-border-230 { border-color: rgba(255, 157, 24, 0.28); }
.grid-span-230 { --grid-span: 3; }
.surface-depth-231 { box-shadow: 0 31px 51px rgba(0,0,0,0.17); }
.accent-border-231 { border-color: rgba(255, 157, 24, 0.29); }
.grid-span-231 { --grid-span: 4; }
.surface-depth-232 { box-shadow: 0 32px 52px rgba(0,0,0,0.18); }
.accent-border-232 { border-color: rgba(255, 157, 24, 0.30); }
.grid-span-232 { --grid-span: 1; }
.surface-depth-233 { box-shadow: 0 33px 53px rgba(0,0,0,0.18); }
.accent-border-233 { border-color: rgba(255, 157, 24, 0.31); }
.grid-span-233 { --grid-span: 2; }
.surface-depth-234 { box-shadow: 0 34px 54px rgba(0,0,0,0.19); }
.accent-border-234 { border-color: rgba(255, 157, 24, 0.32); }
.grid-span-234 { --grid-span: 3; }
.surface-depth-235 { box-shadow: 0 35px 55px rgba(0,0,0,0.20); }
.accent-border-235 { border-color: rgba(255, 157, 24, 0.33); }
.grid-span-235 { --grid-span: 4; }
.surface-depth-236 { box-shadow: 0 36px 56px rgba(0,0,0,0.20); }
.accent-border-236 { border-color: rgba(255, 157, 24, 0.34); }
.grid-span-236 { --grid-span: 1; }
.surface-depth-237 { box-shadow: 0 37px 57px rgba(0,0,0,0.21); }
.accent-border-237 { border-color: rgba(255, 157, 24, 0.35); }
.grid-span-237 { --grid-span: 2; }
.surface-depth-238 { box-shadow: 0 38px 58px rgba(0,0,0,0.21); }
.accent-border-238 { border-color: rgba(255, 157, 24, 0.36); }
.grid-span-238 { --grid-span: 3; }
.surface-depth-239 { box-shadow: 0 39px 59px rgba(0,0,0,0.21); }
.accent-border-239 { border-color: rgba(255, 157, 24, 0.37); }
.grid-span-239 { --grid-span: 4; }
.surface-depth-240 { box-shadow: 0 10px 60px rgba(0,0,0,0.12); }
.accent-border-240 { border-color: rgba(255, 157, 24, 0.08); }
.grid-span-240 { --grid-span: 1; }
.surface-depth-241 { box-shadow: 0 11px 61px rgba(0,0,0,0.12); }
.accent-border-241 { border-color: rgba(255, 157, 24, 0.09); }
.grid-span-241 { --grid-span: 2; }
.surface-depth-242 { box-shadow: 0 12px 62px rgba(0,0,0,0.13); }
.accent-border-242 { border-color: rgba(255, 157, 24, 0.10); }
.grid-span-242 { --grid-span: 3; }
.surface-depth-243 { box-shadow: 0 13px 63px rgba(0,0,0,0.14); }
.accent-border-243 { border-color: rgba(255, 157, 24, 0.11); }
.grid-span-243 { --grid-span: 4; }
.surface-depth-244 { box-shadow: 0 14px 64px rgba(0,0,0,0.14); }
.accent-border-244 { border-color: rgba(255, 157, 24, 0.12); }
.grid-span-244 { --grid-span: 1; }
.surface-depth-245 { box-shadow: 0 15px 65px rgba(0,0,0,0.14); }
.accent-border-245 { border-color: rgba(255, 157, 24, 0.13); }
.grid-span-245 { --grid-span: 2; }
.surface-depth-246 { box-shadow: 0 16px 66px rgba(0,0,0,0.15); }
.accent-border-246 { border-color: rgba(255, 157, 24, 0.14); }
.grid-span-246 { --grid-span: 3; }
.surface-depth-247 { box-shadow: 0 17px 67px rgba(0,0,0,0.15); }
.accent-border-247 { border-color: rgba(255, 157, 24, 0.15); }
.grid-span-247 { --grid-span: 4; }
.surface-depth-248 { box-shadow: 0 18px 68px rgba(0,0,0,0.16); }
.accent-border-248 { border-color: rgba(255, 157, 24, 0.16); }
.grid-span-248 { --grid-span: 1; }
.surface-depth-249 { box-shadow: 0 19px 69px rgba(0,0,0,0.16); }
.accent-border-249 { border-color: rgba(255, 157, 24, 0.17); }
.grid-span-249 { --grid-span: 2; }
.surface-depth-250 { box-shadow: 0 20px 70px rgba(0,0,0,0.17); }
.accent-border-250 { border-color: rgba(255, 157, 24, 0.18); }
.grid-span-250 { --grid-span: 3; }
.surface-depth-251 { box-shadow: 0 21px 71px rgba(0,0,0,0.17); }
.accent-border-251 { border-color: rgba(255, 157, 24, 0.19); }
.grid-span-251 { --grid-span: 4; }
.surface-depth-252 { box-shadow: 0 22px 72px rgba(0,0,0,0.18); }
.accent-border-252 { border-color: rgba(255, 157, 24, 0.20); }
.grid-span-252 { --grid-span: 1; }
.surface-depth-253 { box-shadow: 0 23px 73px rgba(0,0,0,0.18); }
.accent-border-253 { border-color: rgba(255, 157, 24, 0.21); }
.grid-span-253 { --grid-span: 2; }
.surface-depth-254 { box-shadow: 0 24px 74px rgba(0,0,0,0.19); }
.accent-border-254 { border-color: rgba(255, 157, 24, 0.22); }
.grid-span-254 { --grid-span: 3; }
.surface-depth-255 { box-shadow: 0 25px 75px rgba(0,0,0,0.20); }
.accent-border-255 { border-color: rgba(255, 157, 24, 0.23); }
.grid-span-255 { --grid-span: 4; }
.surface-depth-256 { box-shadow: 0 26px 76px rgba(0,0,0,0.20); }
.accent-border-256 { border-color: rgba(255, 157, 24, 0.24); }
.grid-span-256 { --grid-span: 1; }
.surface-depth-257 { box-shadow: 0 27px 77px rgba(0,0,0,0.21); }
.accent-border-257 { border-color: rgba(255, 157, 24, 0.25); }
.grid-span-257 { --grid-span: 2; }
.surface-depth-258 { box-shadow: 0 28px 78px rgba(0,0,0,0.21); }
.accent-border-258 { border-color: rgba(255, 157, 24, 0.26); }
.grid-span-258 { --grid-span: 3; }
.surface-depth-259 { box-shadow: 0 29px 79px rgba(0,0,0,0.21); }
.accent-border-259 { border-color: rgba(255, 157, 24, 0.27); }
.grid-span-259 { --grid-span: 4; }
.surface-depth-260 { box-shadow: 0 30px 80px rgba(0,0,0,0.12); }
.accent-border-260 { border-color: rgba(255, 157, 24, 0.28); }
.grid-span-260 { --grid-span: 1; }
.surface-depth-261 { box-shadow: 0 31px 81px rgba(0,0,0,0.12); }
.accent-border-261 { border-color: rgba(255, 157, 24, 0.29); }
.grid-span-261 { --grid-span: 2; }
.surface-depth-262 { box-shadow: 0 32px 82px rgba(0,0,0,0.13); }
.accent-border-262 { border-color: rgba(255, 157, 24, 0.30); }
.grid-span-262 { --grid-span: 3; }
.surface-depth-263 { box-shadow: 0 33px 83px rgba(0,0,0,0.14); }
.accent-border-263 { border-color: rgba(255, 157, 24, 0.31); }
.grid-span-263 { --grid-span: 4; }
.surface-depth-264 { box-shadow: 0 34px 84px rgba(0,0,0,0.14); }
.accent-border-264 { border-color: rgba(255, 157, 24, 0.32); }
.grid-span-264 { --grid-span: 1; }
.surface-depth-265 { box-shadow: 0 35px 85px rgba(0,0,0,0.14); }
.accent-border-265 { border-color: rgba(255, 157, 24, 0.33); }
.grid-span-265 { --grid-span: 2; }
.surface-depth-266 { box-shadow: 0 36px 86px rgba(0,0,0,0.15); }
.accent-border-266 { border-color: rgba(255, 157, 24, 0.34); }
.grid-span-266 { --grid-span: 3; }
.surface-depth-267 { box-shadow: 0 37px 87px rgba(0,0,0,0.15); }
.accent-border-267 { border-color: rgba(255, 157, 24, 0.35); }
.grid-span-267 { --grid-span: 4; }
.surface-depth-268 { box-shadow: 0 38px 88px rgba(0,0,0,0.16); }
.accent-border-268 { border-color: rgba(255, 157, 24, 0.36); }
.grid-span-268 { --grid-span: 1; }
.surface-depth-269 { box-shadow: 0 39px 89px rgba(0,0,0,0.16); }
.accent-border-269 { border-color: rgba(255, 157, 24, 0.37); }
.grid-span-269 { --grid-span: 2; }
.surface-depth-270 { box-shadow: 0 10px 90px rgba(0,0,0,0.17); }
.accent-border-270 { border-color: rgba(255, 157, 24, 0.08); }
.grid-span-270 { --grid-span: 3; }
.surface-depth-271 { box-shadow: 0 11px 91px rgba(0,0,0,0.17); }
.accent-border-271 { border-color: rgba(255, 157, 24, 0.09); }
.grid-span-271 { --grid-span: 4; }
.surface-depth-272 { box-shadow: 0 12px 92px rgba(0,0,0,0.18); }
.accent-border-272 { border-color: rgba(255, 157, 24, 0.10); }
.grid-span-272 { --grid-span: 1; }
.surface-depth-273 { box-shadow: 0 13px 93px rgba(0,0,0,0.18); }
.accent-border-273 { border-color: rgba(255, 157, 24, 0.11); }
.grid-span-273 { --grid-span: 2; }
.surface-depth-274 { box-shadow: 0 14px 94px rgba(0,0,0,0.19); }
.accent-border-274 { border-color: rgba(255, 157, 24, 0.12); }
.grid-span-274 { --grid-span: 3; }
.surface-depth-275 { box-shadow: 0 15px 95px rgba(0,0,0,0.20); }
.accent-border-275 { border-color: rgba(255, 157, 24, 0.13); }
.grid-span-275 { --grid-span: 4; }
.surface-depth-276 { box-shadow: 0 16px 96px rgba(0,0,0,0.20); }
.accent-border-276 { border-color: rgba(255, 157, 24, 0.14); }
.grid-span-276 { --grid-span: 1; }
.surface-depth-277 { box-shadow: 0 17px 97px rgba(0,0,0,0.21); }
.accent-border-277 { border-color: rgba(255, 157, 24, 0.15); }
.grid-span-277 { --grid-span: 2; }
.surface-depth-278 { box-shadow: 0 18px 98px rgba(0,0,0,0.21); }
.accent-border-278 { border-color: rgba(255, 157, 24, 0.16); }
.grid-span-278 { --grid-span: 3; }
.surface-depth-279 { box-shadow: 0 19px 99px rgba(0,0,0,0.21); }
.accent-border-279 { border-color: rgba(255, 157, 24, 0.17); }
.grid-span-279 { --grid-span: 4; }
.surface-depth-280 { box-shadow: 0 20px 30px rgba(0,0,0,0.12); }
.accent-border-280 { border-color: rgba(255, 157, 24, 0.18); }
.grid-span-280 { --grid-span: 1; }
.surface-depth-281 { box-shadow: 0 21px 31px rgba(0,0,0,0.12); }
.accent-border-281 { border-color: rgba(255, 157, 24, 0.19); }
.grid-span-281 { --grid-span: 2; }
.surface-depth-282 { box-shadow: 0 22px 32px rgba(0,0,0,0.13); }
.accent-border-282 { border-color: rgba(255, 157, 24, 0.20); }
.grid-span-282 { --grid-span: 3; }
.surface-depth-283 { box-shadow: 0 23px 33px rgba(0,0,0,0.14); }
.accent-border-283 { border-color: rgba(255, 157, 24, 0.21); }
.grid-span-283 { --grid-span: 4; }
.surface-depth-284 { box-shadow: 0 24px 34px rgba(0,0,0,0.14); }
.accent-border-284 { border-color: rgba(255, 157, 24, 0.22); }
.grid-span-284 { --grid-span: 1; }
.surface-depth-285 { box-shadow: 0 25px 35px rgba(0,0,0,0.14); }
.accent-border-285 { border-color: rgba(255, 157, 24, 0.23); }
.grid-span-285 { --grid-span: 2; }
.surface-depth-286 { box-shadow: 0 26px 36px rgba(0,0,0,0.15); }
.accent-border-286 { border-color: rgba(255, 157, 24, 0.24); }
.grid-span-286 { --grid-span: 3; }
.surface-depth-287 { box-shadow: 0 27px 37px rgba(0,0,0,0.15); }
.accent-border-287 { border-color: rgba(255, 157, 24, 0.25); }
.grid-span-287 { --grid-span: 4; }
.surface-depth-288 { box-shadow: 0 28px 38px rgba(0,0,0,0.16); }
.accent-border-288 { border-color: rgba(255, 157, 24, 0.26); }
.grid-span-288 { --grid-span: 1; }
.surface-depth-289 { box-shadow: 0 29px 39px rgba(0,0,0,0.16); }
.accent-border-289 { border-color: rgba(255, 157, 24, 0.27); }
.grid-span-289 { --grid-span: 2; }
.surface-depth-290 { box-shadow: 0 30px 40px rgba(0,0,0,0.17); }
.accent-border-290 { border-color: rgba(255, 157, 24, 0.28); }
.grid-span-290 { --grid-span: 3; }
.surface-depth-291 { box-shadow: 0 31px 41px rgba(0,0,0,0.17); }
.accent-border-291 { border-color: rgba(255, 157, 24, 0.29); }
.grid-span-291 { --grid-span: 4; }
.surface-depth-292 { box-shadow: 0 32px 42px rgba(0,0,0,0.18); }
.accent-border-292 { border-color: rgba(255, 157, 24, 0.30); }
.grid-span-292 { --grid-span: 1; }
.surface-depth-293 { box-shadow: 0 33px 43px rgba(0,0,0,0.18); }
.accent-border-293 { border-color: rgba(255, 157, 24, 0.31); }
.grid-span-293 { --grid-span: 2; }
.surface-depth-294 { box-shadow: 0 34px 44px rgba(0,0,0,0.19); }
.accent-border-294 { border-color: rgba(255, 157, 24, 0.32); }
.grid-span-294 { --grid-span: 3; }
.surface-depth-295 { box-shadow: 0 35px 45px rgba(0,0,0,0.20); }
.accent-border-295 { border-color: rgba(255, 157, 24, 0.33); }
.grid-span-295 { --grid-span: 4; }
.surface-depth-296 { box-shadow: 0 36px 46px rgba(0,0,0,0.20); }
.accent-border-296 { border-color: rgba(255, 157, 24, 0.34); }
.grid-span-296 { --grid-span: 1; }
.surface-depth-297 { box-shadow: 0 37px 47px rgba(0,0,0,0.21); }
.accent-border-297 { border-color: rgba(255, 157, 24, 0.35); }
.grid-span-297 { --grid-span: 2; }
.surface-depth-298 { box-shadow: 0 38px 48px rgba(0,0,0,0.21); }
.accent-border-298 { border-color: rgba(255, 157, 24, 0.36); }
.grid-span-298 { --grid-span: 3; }
.surface-depth-299 { box-shadow: 0 39px 49px rgba(0,0,0,0.21); }
.accent-border-299 { border-color: rgba(255, 157, 24, 0.37); }
.grid-span-299 { --grid-span: 4; }
.surface-depth-300 { box-shadow: 0 10px 50px rgba(0,0,0,0.12); }
.accent-border-300 { border-color: rgba(255, 157, 24, 0.08); }
.grid-span-300 { --grid-span: 1; }
.surface-depth-301 { box-shadow: 0 11px 51px rgba(0,0,0,0.12); }
.accent-border-301 { border-color: rgba(255, 157, 24, 0.09); }
.grid-span-301 { --grid-span: 2; }
.surface-depth-302 { box-shadow: 0 12px 52px rgba(0,0,0,0.13); }
.accent-border-302 { border-color: rgba(255, 157, 24, 0.10); }
.grid-span-302 { --grid-span: 3; }
.surface-depth-303 { box-shadow: 0 13px 53px rgba(0,0,0,0.14); }
.accent-border-303 { border-color: rgba(255, 157, 24, 0.11); }
.grid-span-303 { --grid-span: 4; }
.surface-depth-304 { box-shadow: 0 14px 54px rgba(0,0,0,0.14); }
.accent-border-304 { border-color: rgba(255, 157, 24, 0.12); }
.grid-span-304 { --grid-span: 1; }
.surface-depth-305 { box-shadow: 0 15px 55px rgba(0,0,0,0.14); }
.accent-border-305 { border-color: rgba(255, 157, 24, 0.13); }
.grid-span-305 { --grid-span: 2; }
.surface-depth-306 { box-shadow: 0 16px 56px rgba(0,0,0,0.15); }
.accent-border-306 { border-color: rgba(255, 157, 24, 0.14); }
.grid-span-306 { --grid-span: 3; }
.surface-depth-307 { box-shadow: 0 17px 57px rgba(0,0,0,0.15); }
.accent-border-307 { border-color: rgba(255, 157, 24, 0.15); }
.grid-span-307 { --grid-span: 4; }
.surface-depth-308 { box-shadow: 0 18px 58px rgba(0,0,0,0.16); }
.accent-border-308 { border-color: rgba(255, 157, 24, 0.16); }
.grid-span-308 { --grid-span: 1; }
.surface-depth-309 { box-shadow: 0 19px 59px rgba(0,0,0,0.16); }
.accent-border-309 { border-color: rgba(255, 157, 24, 0.17); }
.grid-span-309 { --grid-span: 2; }
.surface-depth-310 { box-shadow: 0 20px 60px rgba(0,0,0,0.17); }
.accent-border-310 { border-color: rgba(255, 157, 24, 0.18); }
.grid-span-310 { --grid-span: 3; }
.surface-depth-311 { box-shadow: 0 21px 61px rgba(0,0,0,0.17); }
.accent-border-311 { border-color: rgba(255, 157, 24, 0.19); }
.grid-span-311 { --grid-span: 4; }
.surface-depth-312 { box-shadow: 0 22px 62px rgba(0,0,0,0.18); }
.accent-border-312 { border-color: rgba(255, 157, 24, 0.20); }
.grid-span-312 { --grid-span: 1; }
.surface-depth-313 { box-shadow: 0 23px 63px rgba(0,0,0,0.18); }
.accent-border-313 { border-color: rgba(255, 157, 24, 0.21); }
.grid-span-313 { --grid-span: 2; }
.surface-depth-314 { box-shadow: 0 24px 64px rgba(0,0,0,0.19); }
.accent-border-314 { border-color: rgba(255, 157, 24, 0.22); }
.grid-span-314 { --grid-span: 3; }
.surface-depth-315 { box-shadow: 0 25px 65px rgba(0,0,0,0.20); }
.accent-border-315 { border-color: rgba(255, 157, 24, 0.23); }
.grid-span-315 { --grid-span: 4; }
.surface-depth-316 { box-shadow: 0 26px 66px rgba(0,0,0,0.20); }
.accent-border-316 { border-color: rgba(255, 157, 24, 0.24); }
.grid-span-316 { --grid-span: 1; }
.surface-depth-317 { box-shadow: 0 27px 67px rgba(0,0,0,0.21); }
.accent-border-317 { border-color: rgba(255, 157, 24, 0.25); }
.grid-span-317 { --grid-span: 2; }
.surface-depth-318 { box-shadow: 0 28px 68px rgba(0,0,0,0.21); }
.accent-border-318 { border-color: rgba(255, 157, 24, 0.26); }
.grid-span-318 { --grid-span: 3; }
.surface-depth-319 { box-shadow: 0 29px 69px rgba(0,0,0,0.21); }
.accent-border-319 { border-color: rgba(255, 157, 24, 0.27); }
.grid-span-319 { --grid-span: 4; }
.surface-depth-320 { box-shadow: 0 30px 70px rgba(0,0,0,0.12); }
.accent-border-320 { border-color: rgba(255, 157, 24, 0.28); }
.grid-span-320 { --grid-span: 1; }
.surface-depth-321 { box-shadow: 0 31px 71px rgba(0,0,0,0.12); }
.accent-border-321 { border-color: rgba(255, 157, 24, 0.29); }
.grid-span-321 { --grid-span: 2; }
.surface-depth-322 { box-shadow: 0 32px 72px rgba(0,0,0,0.13); }
.accent-border-322 { border-color: rgba(255, 157, 24, 0.30); }
.grid-span-322 { --grid-span: 3; }
.surface-depth-323 { box-shadow: 0 33px 73px rgba(0,0,0,0.14); }
.accent-border-323 { border-color: rgba(255, 157, 24, 0.31); }
.grid-span-323 { --grid-span: 4; }
.surface-depth-324 { box-shadow: 0 34px 74px rgba(0,0,0,0.14); }
.accent-border-324 { border-color: rgba(255, 157, 24, 0.32); }
.grid-span-324 { --grid-span: 1; }
.surface-depth-325 { box-shadow: 0 35px 75px rgba(0,0,0,0.14); }
.accent-border-325 { border-color: rgba(255, 157, 24, 0.33); }
.grid-span-325 { --grid-span: 2; }
.surface-depth-326 { box-shadow: 0 36px 76px rgba(0,0,0,0.15); }
.accent-border-326 { border-color: rgba(255, 157, 24, 0.34); }
.grid-span-326 { --grid-span: 3; }
.surface-depth-327 { box-shadow: 0 37px 77px rgba(0,0,0,0.15); }
.accent-border-327 { border-color: rgba(255, 157, 24, 0.35); }
.grid-span-327 { --grid-span: 4; }
.surface-depth-328 { box-shadow: 0 38px 78px rgba(0,0,0,0.16); }
.accent-border-328 { border-color: rgba(255, 157, 24, 0.36); }
.grid-span-328 { --grid-span: 1; }
.surface-depth-329 { box-shadow: 0 39px 79px rgba(0,0,0,0.16); }
.accent-border-329 { border-color: rgba(255, 157, 24, 0.37); }
.grid-span-329 { --grid-span: 2; }
.surface-depth-330 { box-shadow: 0 10px 80px rgba(0,0,0,0.17); }
.accent-border-330 { border-color: rgba(255, 157, 24, 0.08); }
.grid-span-330 { --grid-span: 3; }
.surface-depth-331 { box-shadow: 0 11px 81px rgba(0,0,0,0.17); }
.accent-border-331 { border-color: rgba(255, 157, 24, 0.09); }
.grid-span-331 { --grid-span: 4; }
.surface-depth-332 { box-shadow: 0 12px 82px rgba(0,0,0,0.18); }
.accent-border-332 { border-color: rgba(255, 157, 24, 0.10); }
.grid-span-332 { --grid-span: 1; }
.surface-depth-333 { box-shadow: 0 13px 83px rgba(0,0,0,0.18); }
.accent-border-333 { border-color: rgba(255, 157, 24, 0.11); }
.grid-span-333 { --grid-span: 2; }
.surface-depth-334 { box-shadow: 0 14px 84px rgba(0,0,0,0.19); }
.accent-border-334 { border-color: rgba(255, 157, 24, 0.12); }
.grid-span-334 { --grid-span: 3; }
.surface-depth-335 { box-shadow: 0 15px 85px rgba(0,0,0,0.20); }
.accent-border-335 { border-color: rgba(255, 157, 24, 0.13); }
.grid-span-335 { --grid-span: 4; }
.surface-depth-336 { box-shadow: 0 16px 86px rgba(0,0,0,0.20); }
.accent-border-336 { border-color: rgba(255, 157, 24, 0.14); }
.grid-span-336 { --grid-span: 1; }
.surface-depth-337 { box-shadow: 0 17px 87px rgba(0,0,0,0.21); }
.accent-border-337 { border-color: rgba(255, 157, 24, 0.15); }
.grid-span-337 { --grid-span: 2; }
.surface-depth-338 { box-shadow: 0 18px 88px rgba(0,0,0,0.21); }
.accent-border-338 { border-color: rgba(255, 157, 24, 0.16); }
.grid-span-338 { --grid-span: 3; }
.surface-depth-339 { box-shadow: 0 19px 89px rgba(0,0,0,0.21); }
.accent-border-339 { border-color: rgba(255, 157, 24, 0.17); }
.grid-span-339 { --grid-span: 4; }
.surface-depth-340 { box-shadow: 0 20px 90px rgba(0,0,0,0.12); }
.accent-border-340 { border-color: rgba(255, 157, 24, 0.18); }
.grid-span-340 { --grid-span: 1; }
.surface-depth-341 { box-shadow: 0 21px 91px rgba(0,0,0,0.12); }
.accent-border-341 { border-color: rgba(255, 157, 24, 0.19); }
.grid-span-341 { --grid-span: 2; }
.surface-depth-342 { box-shadow: 0 22px 92px rgba(0,0,0,0.13); }
.accent-border-342 { border-color: rgba(255, 157, 24, 0.20); }
.grid-span-342 { --grid-span: 3; }
.surface-depth-343 { box-shadow: 0 23px 93px rgba(0,0,0,0.14); }
.accent-border-343 { border-color: rgba(255, 157, 24, 0.21); }
.grid-span-343 { --grid-span: 4; }
.surface-depth-344 { box-shadow: 0 24px 94px rgba(0,0,0,0.14); }
.accent-border-344 { border-color: rgba(255, 157, 24, 0.22); }
.grid-span-344 { --grid-span: 1; }
.surface-depth-345 { box-shadow: 0 25px 95px rgba(0,0,0,0.14); }
.accent-border-345 { border-color: rgba(255, 157, 24, 0.23); }
.grid-span-345 { --grid-span: 2; }
.surface-depth-346 { box-shadow: 0 26px 96px rgba(0,0,0,0.15); }
.accent-border-346 { border-color: rgba(255, 157, 24, 0.24); }
.grid-span-346 { --grid-span: 3; }
.surface-depth-347 { box-shadow: 0 27px 97px rgba(0,0,0,0.15); }
.accent-border-347 { border-color: rgba(255, 157, 24, 0.25); }
.grid-span-347 { --grid-span: 4; }
.surface-depth-348 { box-shadow: 0 28px 98px rgba(0,0,0,0.16); }
.accent-border-348 { border-color: rgba(255, 157, 24, 0.26); }
.grid-span-348 { --grid-span: 1; }
.surface-depth-349 { box-shadow: 0 29px 99px rgba(0,0,0,0.16); }
.accent-border-349 { border-color: rgba(255, 157, 24, 0.27); }
.grid-span-349 { --grid-span: 2; }
.surface-depth-350 { box-shadow: 0 30px 30px rgba(0,0,0,0.17); }
.accent-border-350 { border-color: rgba(255, 157, 24, 0.28); }
.grid-span-350 { --grid-span: 3; }
.surface-depth-351 { box-shadow: 0 31px 31px rgba(0,0,0,0.17); }
.accent-border-351 { border-color: rgba(255, 157, 24, 0.29); }
.grid-span-351 { --grid-span: 4; }
.surface-depth-352 { box-shadow: 0 32px 32px rgba(0,0,0,0.18); }
.accent-border-352 { border-color: rgba(255, 157, 24, 0.30); }
.grid-span-352 { --grid-span: 1; }
.surface-depth-353 { box-shadow: 0 33px 33px rgba(0,0,0,0.18); }
.accent-border-353 { border-color: rgba(255, 157, 24, 0.31); }
.grid-span-353 { --grid-span: 2; }
.surface-depth-354 { box-shadow: 0 34px 34px rgba(0,0,0,0.19); }
.accent-border-354 { border-color: rgba(255, 157, 24, 0.32); }
.grid-span-354 { --grid-span: 3; }
.surface-depth-355 { box-shadow: 0 35px 35px rgba(0,0,0,0.20); }
.accent-border-355 { border-color: rgba(255, 157, 24, 0.33); }
.grid-span-355 { --grid-span: 4; }
.surface-depth-356 { box-shadow: 0 36px 36px rgba(0,0,0,0.20); }
.accent-border-356 { border-color: rgba(255, 157, 24, 0.34); }
.grid-span-356 { --grid-span: 1; }
.surface-depth-357 { box-shadow: 0 37px 37px rgba(0,0,0,0.21); }
.accent-border-357 { border-color: rgba(255, 157, 24, 0.35); }
.grid-span-357 { --grid-span: 2; }
.surface-depth-358 { box-shadow: 0 38px 38px rgba(0,0,0,0.21); }
.accent-border-358 { border-color: rgba(255, 157, 24, 0.36); }
.grid-span-358 { --grid-span: 3; }
.surface-depth-359 { box-shadow: 0 39px 39px rgba(0,0,0,0.21); }
.accent-border-359 { border-color: rgba(255, 157, 24, 0.37); }
.grid-span-359 { --grid-span: 4; }
.surface-depth-360 { box-shadow: 0 10px 40px rgba(0,0,0,0.12); }
.accent-border-360 { border-color: rgba(255, 157, 24, 0.08); }
.grid-span-360 { --grid-span: 1; }
.surface-depth-361 { box-shadow: 0 11px 41px rgba(0,0,0,0.12); }
.accent-border-361 { border-color: rgba(255, 157, 24, 0.09); }
.grid-span-361 { --grid-span: 2; }
.surface-depth-362 { box-shadow: 0 12px 42px rgba(0,0,0,0.13); }
.accent-border-362 { border-color: rgba(255, 157, 24, 0.10); }
.grid-span-362 { --grid-span: 3; }
.surface-depth-363 { box-shadow: 0 13px 43px rgba(0,0,0,0.14); }
.accent-border-363 { border-color: rgba(255, 157, 24, 0.11); }
.grid-span-363 { --grid-span: 4; }
.surface-depth-364 { box-shadow: 0 14px 44px rgba(0,0,0,0.14); }
.accent-border-364 { border-color: rgba(255, 157, 24, 0.12); }
.grid-span-364 { --grid-span: 1; }
.surface-depth-365 { box-shadow: 0 15px 45px rgba(0,0,0,0.14); }
.accent-border-365 { border-color: rgba(255, 157, 24, 0.13); }
.grid-span-365 { --grid-span: 2; }
.surface-depth-366 { box-shadow: 0 16px 46px rgba(0,0,0,0.15); }
.accent-border-366 { border-color: rgba(255, 157, 24, 0.14); }
.grid-span-366 { --grid-span: 3; }
.surface-depth-367 { box-shadow: 0 17px 47px rgba(0,0,0,0.15); }
.accent-border-367 { border-color: rgba(255, 157, 24, 0.15); }
.grid-span-367 { --grid-span: 4; }
.surface-depth-368 { box-shadow: 0 18px 48px rgba(0,0,0,0.16); }
.accent-border-368 { border-color: rgba(255, 157, 24, 0.16); }
.grid-span-368 { --grid-span: 1; }
.surface-depth-369 { box-shadow: 0 19px 49px rgba(0,0,0,0.16); }
.accent-border-369 { border-color: rgba(255, 157, 24, 0.17); }
.grid-span-369 { --grid-span: 2; }
.surface-depth-370 { box-shadow: 0 20px 50px rgba(0,0,0,0.17); }
.accent-border-370 { border-color: rgba(255, 157, 24, 0.18); }
.grid-span-370 { --grid-span: 3; }
.surface-depth-371 { box-shadow: 0 21px 51px rgba(0,0,0,0.17); }
.accent-border-371 { border-color: rgba(255, 157, 24, 0.19); }
.grid-span-371 { --grid-span: 4; }
.surface-depth-372 { box-shadow: 0 22px 52px rgba(0,0,0,0.18); }
.accent-border-372 { border-color: rgba(255, 157, 24, 0.20); }
.grid-span-372 { --grid-span: 1; }
.surface-depth-373 { box-shadow: 0 23px 53px rgba(0,0,0,0.18); }
.accent-border-373 { border-color: rgba(255, 157, 24, 0.21); }
.grid-span-373 { --grid-span: 2; }
.surface-depth-374 { box-shadow: 0 24px 54px rgba(0,0,0,0.19); }
.accent-border-374 { border-color: rgba(255, 157, 24, 0.22); }
.grid-span-374 { --grid-span: 3; }
.surface-depth-375 { box-shadow: 0 25px 55px rgba(0,0,0,0.20); }
.accent-border-375 { border-color: rgba(255, 157, 24, 0.23); }
.grid-span-375 { --grid-span: 4; }
.surface-depth-376 { box-shadow: 0 26px 56px rgba(0,0,0,0.20); }
.accent-border-376 { border-color: rgba(255, 157, 24, 0.24); }
.grid-span-376 { --grid-span: 1; }
.surface-depth-377 { box-shadow: 0 27px 57px rgba(0,0,0,0.21); }
.accent-border-377 { border-color: rgba(255, 157, 24, 0.25); }
.grid-span-377 { --grid-span: 2; }
.surface-depth-378 { box-shadow: 0 28px 58px rgba(0,0,0,0.21); }
.accent-border-378 { border-color: rgba(255, 157, 24, 0.26); }
.grid-span-378 { --grid-span: 3; }
.surface-depth-379 { box-shadow: 0 29px 59px rgba(0,0,0,0.21); }
.accent-border-379 { border-color: rgba(255, 157, 24, 0.27); }
.grid-span-379 { --grid-span: 4; }
.surface-depth-380 { box-shadow: 0 30px 60px rgba(0,0,0,0.12); }
.accent-border-380 { border-color: rgba(255, 157, 24, 0.28); }
.grid-span-380 { --grid-span: 1; }
.surface-depth-381 { box-shadow: 0 31px 61px rgba(0,0,0,0.12); }
.accent-border-381 { border-color: rgba(255, 157, 24, 0.29); }
.grid-span-381 { --grid-span: 2; }
.surface-depth-382 { box-shadow: 0 32px 62px rgba(0,0,0,0.13); }
.accent-border-382 { border-color: rgba(255, 157, 24, 0.30); }
.grid-span-382 { --grid-span: 3; }
.surface-depth-383 { box-shadow: 0 33px 63px rgba(0,0,0,0.14); }
.accent-border-383 { border-color: rgba(255, 157, 24, 0.31); }
.grid-span-383 { --grid-span: 4; }
.surface-depth-384 { box-shadow: 0 34px 64px rgba(0,0,0,0.14); }
.accent-border-384 { border-color: rgba(255, 157, 24, 0.32); }
.grid-span-384 { --grid-span: 1; }
.surface-depth-385 { box-shadow: 0 35px 65px rgba(0,0,0,0.14); }
.accent-border-385 { border-color: rgba(255, 157, 24, 0.33); }
.grid-span-385 { --grid-span: 2; }
.surface-depth-386 { box-shadow: 0 36px 66px rgba(0,0,0,0.15); }
.accent-border-386 { border-color: rgba(255, 157, 24, 0.34); }
.grid-span-386 { --grid-span: 3; }
.surface-depth-387 { box-shadow: 0 37px 67px rgba(0,0,0,0.15); }
.accent-border-387 { border-color: rgba(255, 157, 24, 0.35); }
.grid-span-387 { --grid-span: 4; }
.surface-depth-388 { box-shadow: 0 38px 68px rgba(0,0,0,0.16); }
.accent-border-388 { border-color: rgba(255, 157, 24, 0.36); }
.grid-span-388 { --grid-span: 1; }
.surface-depth-389 { box-shadow: 0 39px 69px rgba(0,0,0,0.16); }
.accent-border-389 { border-color: rgba(255, 157, 24, 0.37); }
.grid-span-389 { --grid-span: 2; }
.surface-depth-390 { box-shadow: 0 10px 70px rgba(0,0,0,0.17); }
.accent-border-390 { border-color: rgba(255, 157, 24, 0.08); }
.grid-span-390 { --grid-span: 3; }
.surface-depth-391 { box-shadow: 0 11px 71px rgba(0,0,0,0.17); }
.accent-border-391 { border-color: rgba(255, 157, 24, 0.09); }
.grid-span-391 { --grid-span: 4; }
.surface-depth-392 { box-shadow: 0 12px 72px rgba(0,0,0,0.18); }
.accent-border-392 { border-color: rgba(255, 157, 24, 0.10); }
.grid-span-392 { --grid-span: 1; }
.surface-depth-393 { box-shadow: 0 13px 73px rgba(0,0,0,0.18); }
.accent-border-393 { border-color: rgba(255, 157, 24, 0.11); }
.grid-span-393 { --grid-span: 2; }
.surface-depth-394 { box-shadow: 0 14px 74px rgba(0,0,0,0.19); }
.accent-border-394 { border-color: rgba(255, 157, 24, 0.12); }
.grid-span-394 { --grid-span: 3; }
.surface-depth-395 { box-shadow: 0 15px 75px rgba(0,0,0,0.20); }
.accent-border-395 { border-color: rgba(255, 157, 24, 0.13); }
.grid-span-395 { --grid-span: 4; }
.surface-depth-396 { box-shadow: 0 16px 76px rgba(0,0,0,0.20); }
.accent-border-396 { border-color: rgba(255, 157, 24, 0.14); }
.grid-span-396 { --grid-span: 1; }
.surface-depth-397 { box-shadow: 0 17px 77px rgba(0,0,0,0.21); }
.accent-border-397 { border-color: rgba(255, 157, 24, 0.15); }
.grid-span-397 { --grid-span: 2; }
.surface-depth-398 { box-shadow: 0 18px 78px rgba(0,0,0,0.21); }
.accent-border-398 { border-color: rgba(255, 157, 24, 0.16); }
.grid-span-398 { --grid-span: 3; }
.surface-depth-399 { box-shadow: 0 19px 79px rgba(0,0,0,0.21); }
.accent-border-399 { border-color: rgba(255, 157, 24, 0.17); }
.grid-span-399 { --grid-span: 4; }
.surface-depth-400 { box-shadow: 0 20px 80px rgba(0,0,0,0.12); }
.accent-border-400 { border-color: rgba(255, 157, 24, 0.18); }
.grid-span-400 { --grid-span: 1; }


/* Realistic image features */
.hero-photo-card {
  position: relative;
  min-height: 560px;
  border-radius: 38px;
  overflow: hidden;
  border: 1px solid var(--line-strong);
  box-shadow: var(--shadow);
  background: #151920;
  isolation: isolate;
}
.hero-photo-card img {
  width: 100%;
  height: 100%;
  min-height: 560px;
  display: block;
  object-fit: cover;
  transform: scale(1.01);
}
.hero-photo-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(16,17,22,0.72), rgba(16,17,22,0.08) 56%, rgba(16,17,22,0.2)),
    linear-gradient(0deg, rgba(16,17,22,0.72), transparent 46%);
  z-index: 1;
  pointer-events: none;
}
.hero-photo-card::after {
  content: "";
  position: absolute;
  inset: 22px;
  border-radius: 30px;
  border: 1px solid rgba(246,239,226,0.11);
  z-index: 2;
  pointer-events: none;
}
.hero-photo-card figcaption {
  position: absolute;
  left: 34px;
  right: 34px;
  bottom: 34px;
  z-index: 3;
  max-width: 470px;
  display: grid;
  gap: 8px;
}
.hero-photo-card small {
  color: #ffd994;
  font-size: 0.73rem;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: 0.13em;
}
.hero-photo-card strong {
  color: var(--paper);
  font-size: clamp(1.55rem, 3vw, 2.6rem);
  line-height: 0.98;
  letter-spacing: -0.06em;
}
.hero-photo-card span {
  color: var(--muted);
  font-size: 0.97rem;
}
@media (max-width: 980px) {
  .hero-photo-card, .hero-photo-card img { min-height: 460px; }
}
@media (max-width: 700px) {
  .hero-photo-card, .hero-photo-card img { min-height: 360px; }
  .hero-photo-card figcaption { left: 24px; right: 24px; bottom: 24px; }
}