.ported-site [data-streetwear-story="v1"] .sw-hero{height:min(100svh,max(var(--sw-hero-height,620px),66.6667vw));min-height:0;max-height:100svh;aspect-ratio:auto}
.ported-site [data-streetwear-story="v1"] .sw-hero-subjects{inset:auto 0 0;height:calc(100% - 100px);object-fit:contain;object-position:center bottom}
.ported-site [data-streetwear-story="v1"] .sw-hero-copy{top:max(110px,var(--sw-hero-text-top,10%))}
@media(min-width:901px){.ported-site [data-streetwear-story="v1"] .sw-hero-bg{object-position:center 85%}}
@media(max-width:600px){.ported-site [data-streetwear-story="v1"] .sw-hero{height:min(100svh,var(--sw-hero-height,620px))}.ported-site [data-streetwear-story="v1"] .sw-hero-subjects{inset:auto 0 56px;height:calc(100% - 230px)}.ported-site [data-streetwear-story="v1"] .sw-hero-copy{top:max(130px,var(--sw-hero-text-top,12%))}}
.ported-site .sw-header nav a[data-platform-plugin][href]{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:700px){.ported-site .sw-header:has([data-platform-plugin]){height:auto;min-height:84px;align-items:center}.ported-site .sw-header:has([data-platform-plugin]) nav{flex-wrap:wrap;justify-content:flex-end;gap:4px 12px}.ported-site .sw-header nav a[data-platform-plugin][href]{font-size:11px}.ported-site .sw-header:has([data-platform-plugin]) .sw-button{font-size:11px;min-height:40px}}
.ported-site{min-height:100vh}
.ported-site [v-cloak]{visibility:visible!important;opacity:1!important}
.ported-site .shopify-section--homepage-hero-slider{--hero-loading-display:none!important;--hero-min-height:0!important;min-height:0!important}
.ported-site .shopify-section--homepage-hero-slider>.loader{display:none!important}
.ported-site .product__hide-onrender{opacity:1!important;pointer-events:auto!important;position:relative!important;inset:auto!important}
.ported-site .product__hide-onrender-title{opacity:1!important}
.ported-site .product__hide-onrender-image{display:block!important;height:auto!important;max-width:100%!important;object-fit:contain!important}
@media (min-width:1025px){.ported-site .product__hide-onrender{display:grid!important;grid-template-columns:minmax(0,2fr) minmax(400px,1fr)!important}.ported-site .product__hide-onrender-media{width:100%!important}.ported-site .product__hide-onrender-image{width:100%!important}.ported-site .product__hide-onrender-info{max-width:none!important;min-width:0!important}}
.ported-site [data-ported-open]{display:block!important;visibility:visible!important;opacity:1!important;max-height:none!important;transform:none!important;pointer-events:auto!important}
.ported-site .ported-consent{display:block;margin:12px 0;font:inherit}
.ported-site .ported-consent input{margin-inline-end:6px}
.ported-site .ported-form-status{margin-top:8px;min-height:1em}
.ported-site .ported-form-status:empty{display:none}
.ported-site form[data-ported-form="unsupported"] [type="submit"],.ported-site form[data-ported-form="unsupported"] button:not([type]){opacity:.55;cursor:not-allowed}
.ported-site .ported-plugin-menu{display:flex;align-items:center;gap:10px;overflow-x:auto;padding:10px clamp(16px,4vw,64px);background:#111;color:#fff;font:600 14px/1.2 system-ui,sans-serif;position:relative;z-index:50}
.ported-site .ported-plugin-menu>span{opacity:.66;white-space:nowrap}
.ported-site .ported-plugin-menu a{display:inline-flex;align-items:center;min-height:36px;padding:8px 14px;border:1px solid #ffffff55;border-radius:999px;color:#fff;text-decoration:none;white-space:nowrap}
.ported-site .ported-plugin-menu a:hover{background:#fff;color:#111}
.ported-site .fn-chrome { --fn-paper: var(--ssm-brand-paper, #f4f5f6); --fn-ink: var(--ssm-brand-navy, #0b1d33); --fn-muted: var(--ssm-brand-muted, #5c6877); --fn-brass: var(--ssm-brand-brass, #c8842f); --fn-line: var(--ssm-brand-line, #dfe3e7) }
.ported-site .fn-chrome .fn-announcement { background:var(--fn-ink); color:#f4f1eac7; border-bottom:1px solid rgba(176,137,72,.28) }
.ported-site .fn-chrome .fn-announcement a { color:var(--fn-brass); text-decoration:none; font-weight:700; letter-spacing:.12em; text-transform:uppercase }
.ported-site .fn-chrome .fn-announcement a:hover { color:#d4b57a }
.ported-site .fn-chrome .fn-announcement-dot { width:6px; height:6px; border-radius:999px; background:var(--fn-brass); flex-shrink:0 }
.ported-site .fn-chrome .fn-header { background:var(--fn-paper); border-bottom:1px solid var(--fn-line); position:sticky; top:0; z-index:50 }
.ported-site .fn-chrome .fn-header.is-scrolled { box-shadow:0 10px 28px #0b131e0f }
.ported-site .fn-chrome .fn-header-inner { max-width:none; width:100%; margin:0; padding:0 clamp(1.25rem,3.2vw,3.25rem); min-height:5.2rem; display:flex; align-items:center; justify-content:space-between; gap:1.25rem; box-sizing:border-box }
@media (max-width: 1319px) {
.ported-site .fn-chrome .fn-header>.fn-header-inner { min-height:4.75rem }
.ported-site .fn-chrome .fn-mobile-panel { max-height:calc(100vh - 4.75rem) }
}
.ported-site .fn-chrome .fn-brand { display:inline-flex; align-items:center; flex-shrink:0; text-decoration:none }
.ported-site .fn-chrome .fn-brand img { height:42px; width:auto; display:block; object-fit:contain }
@media (min-width: 1024px) {
.ported-site .fn-chrome .fn-brand img { height:48px }
}
.ported-site .fn-chrome .fn-nav-desktop { display:none; min-width:0; flex:1; flex-direction:row; align-items:center; justify-content:center; gap:0; white-space:nowrap }
@media (min-width: 1320px) {
.ported-site .fn-chrome .fn-nav-desktop { display:flex }
}
.ported-site .fn-chrome .fn-nav-row { display:flex; align-items:center; justify-content:flex-end; flex:0 0 auto; flex-wrap:nowrap; min-width:0 }
.ported-site .fn-chrome .fn-nav-row--programs { border-bottom:0 }
.ported-site .fn-chrome .fn-nav-link, .ported-site .fn-chrome .fn-nav-trigger { position:relative; display:inline-flex; align-items:center; gap:.3rem; min-height:2.25rem; padding:.35rem clamp(.25rem,.45vw,.65rem); border:0; background:transparent; color:var(--fn-muted); font-family:Inter,sans-serif; font-size:clamp(9px,.65vw,11px); font-weight:700; letter-spacing:.16em; text-transform:uppercase; text-decoration:none; cursor:pointer; transition:color .2s ease }
.ported-site .fn-chrome .fn-nav-link:hover, .ported-site .fn-chrome .fn-nav-trigger:hover, .ported-site .fn-chrome .fn-nav-link.is-active, .ported-site .fn-chrome .fn-nav-trigger.is-active { color:var(--fn-ink) }
.ported-site .fn-chrome .fn-nav-link:after, .ported-site .fn-chrome .fn-nav-trigger:after { content:""; position:absolute; left:.5rem; right:.5rem; bottom:.2rem; height:1px; background:var(--fn-brass); transform:scaleX(0); transform-origin:left; transition:transform .2s ease }
.ported-site .fn-chrome .fn-nav-link:hover:after, .ported-site .fn-chrome .fn-nav-trigger:hover:after, .ported-site .fn-chrome .fn-nav-link.is-active:after, .ported-site .fn-chrome .fn-nav-trigger.is-active:after { transform:scaleX(1) }
.ported-site .fn-chrome .fn-header-actions { display:none; align-items:center; gap:.75rem; flex-shrink:0 }
@media (min-width: 1320px) {
.ported-site .fn-chrome .fn-header-actions { display:flex }
}
.ported-site .fn-chrome .fn-cart-btn { position:relative; width:2.5rem; height:2.5rem; display:inline-flex; align-items:center; justify-content:center; border:0; background:transparent; color:var(--fn-ink); cursor:pointer }
.ported-site .fn-chrome .fn-cart-btn:hover { color:var(--fn-brass) }
.ported-site .fn-chrome .fn-cart-label { font-size:.66rem; font-weight:800; letter-spacing:.09em; text-transform:uppercase }
.ported-site .fn-chrome .fn-cart-count { position:absolute; top:2px; right:2px; min-width:1rem; height:1rem; padding:0 3px; border-radius:999px; background:var(--fn-brass); color:#fff; font-size:9px; font-weight:800; line-height:1rem; text-align:center }
.ported-site .fn-chrome .fn-cta { display:inline-flex; align-items:center; justify-content:center; min-height:2.55rem; padding:.65rem 1.2rem; background:var(--fn-ink); color:#f4f1ea; border:1px solid var(--fn-ink); font-family:Inter,sans-serif; font-size:11px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; text-decoration:none; transition:background .2s ease,color .2s ease }
.ported-site .fn-chrome .fn-cta:hover { background:transparent; color:var(--fn-ink) }
.ported-site .fn-chrome .fn-mobile-toggle { display:inline-flex; align-items:center; justify-content:center; width:2.5rem; height:2.5rem; border:0; background:transparent; color:var(--fn-ink); cursor:pointer }
@media (min-width: 1320px) {
.ported-site .fn-chrome .fn-mobile-toggle { display:none }
}
.ported-site .fn-chrome .fn-mobile-actions { display:flex; align-items:center; gap:.35rem }
@media (min-width: 1320px) {
.ported-site .fn-chrome .fn-mobile-actions { display:none }
}
.ported-site .fn-chrome .fn-mega { position:absolute; top:100%; left:0; z-index:60; background:#fffdf8; border:1px solid var(--fn-line); box-shadow:0 18px 40px #0b131e1a }
.ported-site .fn-chrome .fn-mega-products { left:50%; transform:translate(-50%); width:min(920px,calc(100vw - 2rem)) }
.ported-site .fn-chrome .fn-mega-company { width:18rem }
.ported-site .fn-chrome .fn-customizer-menu { position:relative; display:inline-flex; align-items:stretch }
.ported-site .fn-chrome .fn-customizer-dropdown { top:100%; right:0; left:auto; width:min(24rem,calc(100vw - 2rem)) }
.ported-site .fn-chrome .fn-mega-head { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.85rem 1.1rem; border-bottom:1px solid var(--fn-line); background:#f4f1eab3 }
.ported-site .fn-chrome .fn-mega-head p { margin:0 }
.ported-site .fn-chrome .fn-mega-kicker { font-size:10px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--fn-brass) }
.ported-site .fn-chrome .fn-mega-title { margin-top:.2rem!important; font-size:.9rem; font-weight:700; color:var(--fn-ink) }
.ported-site .fn-chrome .fn-mega-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.55rem; padding:.85rem }
@media (min-width: 900px) {
.ported-site .fn-chrome .fn-mega-grid { grid-template-columns:repeat(6,minmax(0,1fr)) }
}
.ported-site .fn-chrome .fn-mega-card { position:relative; display:block; overflow:hidden; text-decoration:none; background:var(--fn-paper) }
.ported-site .fn-chrome .fn-mega-card img { width:100%; aspect-ratio:3 / 4; object-fit:cover; display:block; transition:transform .45s ease }
.ported-site .fn-chrome .fn-mega-card:hover img { transform:scale(1.05) }
.ported-site .fn-chrome .fn-mega-card span { position:absolute; left:.45rem; right:.45rem; bottom:.45rem; color:#fff; font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; text-shadow:0 1px 8px rgba(0,0,0,.55) }
.ported-site .fn-chrome .fn-mega-list a { display:block; padding:.85rem 1rem; text-decoration:none; border-bottom:1px solid var(--fn-line); color:var(--fn-ink) }
.ported-site .fn-chrome .fn-mega-list a:last-child { border-bottom:0 }
.ported-site .fn-chrome .fn-mega-list strong { display:block; font-size:11px; letter-spacing:.12em; text-transform:uppercase }
.ported-site .fn-chrome .fn-mega-list small { display:block; margin-top:.2rem; color:var(--fn-muted); font-size:12px; line-height:1.4 }
.ported-site .fn-chrome .fn-mega-list a:hover strong { color:var(--fn-brass) }
.ported-site .fn-chrome .fn-mobile-panel { position:absolute; top:100%; left:0; width:100%; max-height:calc(100vh - 6.35rem); overflow:auto; background:var(--fn-paper); border-top:1px solid var(--fn-line); box-shadow:0 18px 40px #0b131e1f; padding:1.25rem 1.25rem 2.5rem }
.ported-site .fn-chrome .fn-mobile-group+.fn-mobile-group { margin-top:1.5rem; padding-top:1.25rem; border-top:1px solid var(--fn-line) }
.ported-site .fn-chrome .fn-mobile-group p { margin:0 0 .75rem; font-size:10px; font-weight:800; letter-spacing:.18em; text-transform:uppercase; color:var(--fn-brass) }
.ported-site .fn-chrome .fn-mobile-group a { display:block; padding:.7rem 0; color:var(--fn-ink); text-decoration:none; font-size:12px; font-weight:700; letter-spacing:.12em; text-transform:uppercase }
.ported-site .fn-chrome .fn-mobile-group a:hover { color:var(--fn-brass) }
.ported-site .fn-chrome .fn-mobile-submenu-trigger { width:100%; display:block; padding:.7rem 0; border:0; background:transparent; color:var(--fn-ink); font-family:Inter,sans-serif; font-size:12px; font-weight:700; letter-spacing:.12em; text-align:left; text-transform:uppercase; cursor:pointer }
.ported-site .fn-chrome .fn-mobile-submenu-trigger:hover, .ported-site .fn-chrome .fn-mobile-submenu-trigger[aria-expanded=true] { color:var(--fn-brass) }
.ported-site .fn-chrome .fn-mobile-customizer-list { overflow:hidden; margin:.15rem 0 .55rem; padding-left:1rem; border-left:1px solid var(--fn-brass) }
.ported-site .fn-chrome .fn-mobile-customizer-list a { padding:.65rem 0 }
.ported-site .fn-chrome .fn-mobile-customizer-list strong, .ported-site .fn-chrome .fn-mobile-customizer-list small { display:block }
.ported-site .fn-chrome .fn-mobile-customizer-list small { max-width:34rem; margin-top:.18rem; color:var(--fn-muted); font-size:11px; font-weight:500; letter-spacing:0; line-height:1.45; text-transform:none }
.ported-site .fn-chrome .fn-nav-trigger:focus-visible, .ported-site .fn-chrome .fn-mobile-submenu-trigger:focus-visible, .ported-site .fn-chrome .fn-customizer-dropdown a:focus-visible { outline:2px solid var(--fn-brass); outline-offset:2px }
.ported-site .fn-footer { --fn-paper: var(--ssm-brand-paper, #f4f5f6); --fn-ink: var(--ssm-brand-navy, #0b1d33); --fn-muted: rgba(244, 241, 234, .62); --fn-brass: var(--ssm-brand-brass-soft, #e8a952); --fn-line: rgba(244, 241, 234, .14); background:var(--fn-ink); color:#f4f1ea }
.ported-site .fn-footer a { color:inherit; text-decoration:none }
.ported-site .fn-footer-cta { border-bottom:1px solid var(--fn-line) }
.ported-site .fn-footer-cta-inner { width:100%; margin:0; padding:2.5rem clamp(1.25rem,3.2vw,3.25rem); display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:1.25rem; box-sizing:border-box }
.ported-site .fn-footer-cta h2 { margin:0; font-family:var(--ssm-font-display, "Archivo", "Inter", sans-serif); font-size:clamp(1.6rem,3vw,2.25rem); font-weight:500; line-height:1.15; max-width:18ch }
.ported-site .fn-footer-cta p { margin:.45rem 0 0; color:var(--fn-muted); font-size:.9rem }
.ported-site .fn-footer-cta-actions { display:flex; flex-wrap:wrap; gap:.65rem }
.ported-site .fn-footer-btn { display:inline-flex; align-items:center; justify-content:center; min-height:2.7rem; padding:.7rem 1.25rem; font-family:Inter,sans-serif; font-size:11px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; border:1px solid transparent; transition:background .2s ease,color .2s ease,border-color .2s ease }
.ported-site .fn-footer a.fn-footer-btn-solid, .ported-site .fn-footer .fn-footer-btn-solid { background:#f4f1ea; color:#0b131e; border-color:#f4f1ea }
.ported-site .fn-footer a.fn-footer-btn-solid:hover, .ported-site .fn-footer .fn-footer-btn-solid:hover { background:transparent; color:#f4f1ea; border-color:#f4f1ea8c }
.ported-site .fn-footer a.fn-footer-btn-ghost, .ported-site .fn-footer .fn-footer-btn-ghost { background:transparent; color:#f4f1ea; border-color:#f4f1ea59 }
.ported-site .fn-footer a.fn-footer-btn-ghost:hover, .ported-site .fn-footer .fn-footer-btn-ghost:hover { border-color:#f4f1ea; color:#f4f1ea }
.ported-site .fn-footer-main { width:100%; margin:0; padding:3rem clamp(1.25rem,3.2vw,3.25rem) 2rem; box-sizing:border-box; display:grid; gap:2rem }
@media (min-width: 900px) {
.ported-site .fn-footer-main { grid-template-columns:1.4fr 1fr 1fr 1fr 1.2fr; gap:2rem 1.5rem }
}
.ported-site .fn-footer-brand img { height:44px; width:auto; display:block; object-fit:contain }
.ported-site .fn-footer-brand p { margin:1rem 0 0; max-width:28ch; color:var(--fn-muted); font-size:.88rem; line-height:1.55 }
.ported-site .fn-footer-col h3 { margin:0 0 1rem; font-family:Inter,sans-serif; font-size:11px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; color:var(--fn-brass) }
.ported-site .fn-footer-col ul { list-style:none; margin:0; padding:0; display:grid; gap:.55rem }
.ported-site .fn-footer-col a { color:#f4f1eab8; font-size:.88rem; transition:color .2s ease }
.ported-site .fn-footer-col a:hover { color:#f4f1ea }
.ported-site .fn-footer-talk strong { display:block; margin-bottom:.35rem; font-size:.95rem; font-weight:600; color:#f4f1ea; word-break:break-word }
.ported-site .fn-footer-talk p { margin:0 0 1rem; color:var(--fn-muted); font-size:.82rem; line-height:1.45 }
.ported-site .fn-footer-bottom { border-top:1px solid var(--fn-line); padding:1.15rem clamp(1.25rem,3.2vw,3.25rem) 1.5rem; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:.85rem; box-sizing:border-box }
.ported-site .fn-footer-bottom p, .ported-site .fn-footer-bottom a { margin:0; color:#f4f1ea6b; font-size:.72rem; letter-spacing:.04em }
.ported-site .fn-footer-legal { display:flex; flex-wrap:wrap; gap:1rem }
.ported-site .fn-footer-legal a:hover { color:#f4f1ea }
.ported-site .fn-footer-wa { position:fixed; right:1.25rem; bottom:1.25rem; z-index:50; width:auto; min-width:3.4rem; height:3.4rem; padding:0 1rem; border-radius:999px; background:#25d366; display:inline-flex; align-items:center; justify-content:center; box-shadow:0 10px 24px #00000047; transition:transform .2s ease }
.ported-site .fn-footer-wa:hover { transform:scale(1.06) }
.ported-site .fn-footer-wa span { color:#fff; font-size:.68rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase }
.ported-site .ssm-reviews { --reviews-navy: #071421; --reviews-ink: #0a1a2d; --reviews-brass: #d9901a; background-color:var(--reviews-navy); background-image:url(https://media.sialkotb2b.com/sites/site_sialkot_sample_masters/media/5f26b024aa3e6c6080932c700bbf95cf41ecded9419b3f055919c9dba9df3b5f/navy-blueprint-grid.webp); background-position:center; background-repeat:repeat; background-size:1024px 1024px; border-block:1px solid rgba(255,255,255,.08); color:#fff; padding:clamp(4.75rem,8vw,7.5rem) 1.5rem }
.ported-site .ssm-reviews__inner { margin-inline:auto; max-width:1600px }
.ported-site .ssm-reviews h2 { color:#fff; font-family:var(--ssm-font-display, "Archivo", "Inter", sans-serif); font-size:clamp(2.65rem,5vw,4.5rem); font-weight:800; letter-spacing:-.045em; line-height:.96; margin:0; max-width:1080px; text-transform:uppercase }
.ported-site .ssm-reviews__summary { align-items:center; display:flex; gap:clamp(1.35rem,2.4vw,2.25rem); margin-top:clamp(2rem,3vw,2.35rem) }
.ported-site .ssm-reviews__summary>strong { color:var(--reviews-brass); font-family:var(--ssm-font-display, "Archivo", "Inter", sans-serif); font-size:clamp(3.25rem,5vw,3.75rem); font-variant-numeric:tabular-nums; font-weight:700; letter-spacing:-.05em; line-height:1 }
.ported-site .ssm-review-stars { align-items:center; display:inline-flex; flex:none; gap:.2rem }
.ported-site .ssm-review-stars img { display:block; height:1.45rem; object-fit:contain; width:1.45rem }
.ported-site .ssm-review-stars--large { gap:clamp(.3rem,.8vw,.7rem) }
.ported-site .ssm-review-stars--large img { height:clamp(2.15rem,3.5vw,2.6rem); width:clamp(2.15rem,3.5vw,2.6rem) }
.ported-site .ssm-reviews__grid { display:grid; gap:1.25rem; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:clamp(3.5rem,6vw,4.25rem) }
.ported-site .ssm-review-card { background:#f7f7f6; border:1px solid rgba(7,20,33,.16); color:var(--reviews-ink); min-height:clamp(350px,25vw,430px); padding:clamp(1.65rem,2.5vw,2rem) }
.ported-site .ssm-review-card__header { align-items:center; display:flex; gap:1rem; justify-content:space-between }
.ported-site .ssm-review-card__identity { align-items:center; display:flex; gap:1rem; min-width:0 }
.ported-site .ssm-review-card__avatar { align-items:center; background:var(--reviews-navy); border-radius:50%; color:#fff; display:inline-flex; flex:none; font-family:var(--ssm-font-body, "Inter", sans-serif); font-size:1.05rem; height:3.5rem; justify-content:center; letter-spacing:-.02em; width:3.5rem }
.ported-site .ssm-review-card h3 { color:var(--reviews-ink); font-family:var(--ssm-font-display, "Archivo", "Inter", sans-serif); font-size:clamp(1rem,1.25vw,1.3rem); font-weight:700; line-height:1.2; margin:0 }
.ported-site .ssm-review-card blockquote { color:var(--reviews-ink); font-family:var(--ssm-font-body, "Inter", sans-serif); font-size:clamp(1.08rem,1.55vw,1.55rem); font-style:normal; font-weight:400; letter-spacing:-.02em; line-height:1.55; margin:clamp(3.25rem,5.6vw,6rem) 0 0 }
@media (max-width: 1080px) {
.ported-site .ssm-reviews__grid { gap:1rem }
.ported-site .ssm-review-card { min-height:330px; padding:1.5rem }
.ported-site .ssm-review-card__header { align-items:flex-start; flex-direction:column }
}
@media (max-width: 760px) {
.ported-site .ssm-reviews { padding:4rem 1rem }
.ported-site .ssm-reviews h2 { font-size:clamp(2.35rem,12vw,3.25rem); line-height:.98 }
.ported-site .ssm-reviews__summary { align-items:flex-start; flex-direction:column; gap:1rem }
.ported-site .ssm-reviews__summary>strong { font-size:3.25rem }
.ported-site .ssm-review-stars--large img { height:2.35rem; width:2.35rem }
.ported-site .ssm-reviews__grid { grid-template-columns:1fr; margin-top:3.25rem }
.ported-site .ssm-review-card { min-height:285px }
.ported-site .ssm-review-card__header { align-items:center; flex-direction:row }
.ported-site .ssm-review-card blockquote { margin-top:2.75rem }
}
@media (max-width: 410px) {
.ported-site .ssm-review-card__header { align-items:flex-start; flex-direction:column }
}
.ported-site .sc-home-active { background:#f4f5f6 }
.ported-site .sc-page { --sc-navy: #0b1d33; --sc-navy-soft: #152c49; --sc-ink: #102238; --sc-muted: #5c6877; --sc-brass: #945814; --sc-line: #dfe3e7; --sc-paper: #ffffff; min-width:320px; overflow:hidden; background:#f4f5f6; color:var(--sc-ink); font-family:Inter,Arial,sans-serif }
.ported-site .sc-page-progress { position:fixed; z-index:90; top:0; right:0; left:0; height:3px; pointer-events:none }
.ported-site .sc-page-progress>span { display:block; width:100%; height:100%; background:var(--sc-brass); box-shadow:0 1px 8px #c8842f57; transform:scaleX(0); transform-origin:left center }
.ported-site .sc-page *, .ported-site .sc-page *:before, .ported-site .sc-page *:after { box-sizing:border-box }
.ported-site .sc-page a { color:inherit; text-decoration:none }
.ported-site .sc-page a:focus-visible, .ported-site .sc-page summary:focus-visible { outline:3px solid #e1a34d; outline-offset:3px }
.ported-site .sc-page img { display:block; max-width:100% }
.ported-site .sc-page h1, .ported-site .sc-page h2, .ported-site .sc-page h3, .ported-site .sc-page p, .ported-site .sc-page figure, .ported-site .sc-page dl, .ported-site .sc-page dd { margin-top:0 }
.ported-site .sc-trims-deferred { min-height:520px }
.ported-site .sc-trims-loading { display:grid; min-height:520px; margin:0; place-items:center; padding:32px; border:1px solid var(--sc-line); color:var(--sc-muted); text-align:center }
.ported-site .sc-page h1, .ported-site .sc-page h2, .ported-site .sc-page h3 { font-family:Archivo,Inter,sans-serif }
.ported-site .sc-page>main { width:100%; max-width:none; margin:0 }
.ported-site .sc-header { position:relative; z-index:20; display:grid; grid-template-columns:minmax(225px,300px) 1fr auto; align-items:center; gap:34px; min-height:78px; padding:12px clamp(20px,3.2vw,52px); border-bottom:1px solid var(--sc-line); background:var(--sc-paper) }
.ported-site .sc-brand { display:block; width:min(100%,286px) }
.ported-site .sc-brand img { width:100%; height:auto }
.ported-site .sc-nav { display:flex; justify-content:flex-end; gap:clamp(15px,1.8vw,30px) }
.ported-site .sc-nav a { padding:12px 0; color:#26374c; font-size:12px; font-weight:600; white-space:nowrap }
.ported-site .sc-nav a:hover, .ported-site .sc-text-link:hover, .ported-site .sc-footer a:hover { color:var(--sc-brass) }
.ported-site .sc-button { position:relative; display:inline-flex; align-items:center; justify-content:center; overflow:hidden; min-height:44px; padding:12px 20px; font-size:12px; font-weight:750; letter-spacing:.02em; text-align:center; isolation:isolate; transition:background-color .18s cubic-bezier(.5,1,.89,1),color .18s cubic-bezier(.5,1,.89,1),transform .18s cubic-bezier(.5,1,.89,1) }
.ported-site .sc-button:after { position:absolute; top:0; left:0; width:46%; height:100%; background:linear-gradient(100deg,transparent,rgba(255,255,255,.48),transparent); content:""; pointer-events:none; transform:translate(-260%) skew(-18deg) }
.ported-site .sc-button--navy { background:var(--sc-navy); color:#fff!important }
.ported-site .sc-button--navy:hover { background:var(--sc-navy-soft) }
.ported-site .sc-button--light { background:#fff; color:var(--sc-navy)!important }
.ported-site .sc-button--light:hover { background:#eceff2 }
.ported-site .sc-mobile-menu { display:none }
.ported-site .sc-hero { position:relative; min-height:clamp(570px,52vw,810px); overflow:hidden; background:#091525 }
.ported-site .sc-hero>img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center }
.ported-site .sc-hero-shade { position:absolute; inset:0; background:linear-gradient(90deg,#040d19c7,#040d1985 36%,#040d1914 64%,#040d190a) }
.ported-site .sc-hero-copy { position:relative; z-index:2; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; width:min(840px,65%); min-height:clamp(570px,52vw,810px); padding:80px 20px 80px clamp(28px,5vw,82px); color:#fff; perspective:1450px; perspective-origin:left center }
.ported-site .sc-hero-wall-copy { max-width:620px; transform:rotateY(8deg) rotate(-.28deg); transform-origin:left center; backface-visibility:hidden; filter:saturate(.9) contrast(.98) }
.ported-site .sc-hero-wall-copy h1 { color:#f8f8f4f2; text-shadow:0 1px 0 rgba(255,255,255,.08),0 0 1px rgba(255,255,255,.18) }
.ported-site .sc-hero-line { display:block; overflow:hidden; padding-bottom:.04em; margin-bottom:-.04em }
.ported-site .sc-hero-line>span { display:block; transform-origin:left bottom }
.ported-site .sc-eyebrow { margin-bottom:14px; color:var(--sc-brass); font-size:11px; font-weight:800; letter-spacing:.12em; text-transform:uppercase }
.ported-site .sc-eyebrow--light { color:#e8a952 }
.ported-site .sc-hero h1 { max-width:610px; margin-bottom:25px; font-size:clamp(42px,4.3vw,66px); font-weight:650; letter-spacing:-.04em; line-height:.99 }
.ported-site .sc-hero-wall-copy>p:not(.sc-eyebrow) { max-width:550px; margin-bottom:32px; color:#d8dee6e6; font-size:clamp(15px,1.3vw,19px); line-height:1.55 }
.ported-site .sc-hero-actions { display:flex; align-items:center; gap:28px }
.ported-site .sc-text-link { position:relative; display:inline-flex; align-items:center; min-height:42px; color:var(--sc-navy); font-size:12px; font-weight:750; letter-spacing:.02em }
.ported-site .sc-text-link:after { position:absolute; right:0; bottom:6px; left:0; height:1px; background:currentColor; content:""; opacity:.72; transform:scaleX(.18); transform-origin:left center }
.ported-site .sc-text-link--light { color:#fff }
.ported-site .sc-text-link--light:hover { color:#e8a952 }
.ported-site .sc-programs { background:#fff }
.ported-site .sc-program-intro { display:grid; grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr); align-items:end; gap:clamp(36px,7vw,120px); padding:clamp(42px,4.8vw,76px) clamp(28px,5vw,82px) clamp(34px,4vw,58px); border-bottom:1px solid var(--sc-line); background:#fff }
.ported-site .sc-program-intro .sc-eyebrow { margin-bottom:12px }
.ported-site .sc-program-intro h2 { max-width:660px; color:var(--sc-navy); font-size:clamp(34px,3.6vw,56px); font-weight:650; letter-spacing:-.035em; line-height:1.04 }
.ported-site .sc-program-intro>p { max-width:720px; margin:0; color:var(--sc-muted); font-size:clamp(15px,1.15vw,18px); line-height:1.7 }
.ported-site .sc-program-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:4px }
.ported-site .sc-program-card { position:relative; display:grid; grid-template-rows:minmax(180px,22vw) auto; overflow:hidden; min-width:0; border-bottom:1px solid var(--sc-line); background:#fff }
.ported-site .sc-program-card>img { width:100%; height:100%; object-fit:cover; transition:filter .3s ease,transform .45s ease }
.ported-site .sc-program-card:hover>img { filter:brightness(1.05); transform:scale(1.012) }
.ported-site .sc-program-card>div { position:relative; z-index:2; min-height:170px; padding:20px 18px 24px; background:#fff }
.ported-site .sc-program-card h3 { margin-bottom:8px; font-size:14px; letter-spacing:.045em; line-height:1.2; text-transform:uppercase }
.ported-site .sc-program-card p { min-height:54px; margin-bottom:17px; color:var(--sc-muted); font-size:12px; line-height:1.5 }
.ported-site .sc-program-card span, .ported-site .sc-insight-card span { display:inline-block; padding-bottom:5px; border-bottom:2px solid var(--sc-brass); color:var(--sc-navy); font-size:10px; font-weight:800; letter-spacing:.06em; text-transform:uppercase }
.ported-site .sc-panel { margin:12px; border:1px solid var(--sc-line); background:#fff }
.ported-site .sc-fabric-section { position:relative; isolation:isolate }
.ported-site .sc-panel-head { display:flex; align-items:flex-end; justify-content:space-between; gap:32px; padding:clamp(28px,4vw,54px) }
.ported-site .sc-section-intro { max-width:670px }
.ported-site .sc-section-intro h2, .ported-site .sc-evidence h2, .ported-site .sc-cta h2 { margin-bottom:14px; font-size:clamp(27px,3vw,44px); font-weight:650; letter-spacing:-.025em; line-height:1.08 }
.ported-site .sc-section-intro>p:last-child { max-width:620px; margin-bottom:0; color:var(--sc-muted); font-size:14px; line-height:1.65 }
.ported-site .sc-media-rail { display:grid; grid-template-columns:repeat(6,minmax(210px,1fr)); gap:8px; overflow-x:auto; margin-top:-14px; padding:14px clamp(24px,4vw,54px) clamp(30px,4vw,54px); scrollbar-color:var(--sc-brass) #e9ecef; scroll-padding-inline:clamp(24px,4vw,54px); scroll-snap-type:inline proximity; overscroll-behavior-inline:contain; -webkit-overflow-scrolling:touch }
.ported-site .sc-material-card, .ported-site .sc-component-card { position:relative; overflow:hidden; border:1px solid var(--sc-line); background:#fff; scroll-snap-align:start; scroll-snap-stop:normal }
.ported-site .sc-material-card { transform-origin:center center }
.ported-site .sc-fabric-magnifier { position:fixed; z-index:95; top:0; left:0; width:154px; height:154px; overflow:hidden; border:2px solid rgba(232,169,82,.94); border-radius:50%; background:#fff; box-shadow:0 18px 42px #06132338,0 0 0 6px #ffffffb3; opacity:0; pointer-events:none; transform:translate3d(-220px,-220px,0) scale(.78); visibility:hidden }
.ported-site .sc-fabric-magnifier img { position:absolute; top:0; left:0; max-width:none; object-fit:fill; pointer-events:none; -webkit-user-select:none; user-select:none }
.ported-site .sc-material-card>img { width:100%; aspect-ratio:1; object-fit:cover }
.ported-site .sc-material-card>div { padding:17px 16px 20px }
.ported-site .sc-material-card h3, .ported-site .sc-evidence-grid h3 { margin-bottom:6px; font-size:13px; line-height:1.25 }
.ported-site .sc-material-card p, .ported-site .sc-evidence-grid p { margin-bottom:0; color:var(--sc-muted); font-size:11px; line-height:1.5 }
.ported-site .sc-trims-explorer { padding:0 clamp(24px,4vw,54px) clamp(30px,4vw,54px) }
.ported-site .sc-trims-toolbar { display:flex; justify-content:space-between; padding:0 2px 12px; color:var(--sc-muted); font-size:10px; font-weight:700; letter-spacing:.12em; text-transform:uppercase }
.ported-site .sc-trims-toolbar span:first-child:before { display:inline-block; width:28px; height:1px; margin:0 9px 3px 0; background:var(--sc-brass); content:"" }
.ported-site .sc-trims-shell { position:relative; height:min(720px,72vh); min-height:590px; overflow:hidden; border:1px solid var(--sc-line); background:linear-gradient(rgba(13,34,56,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(13,34,56,.035) 1px,transparent 1px),#f7f6f2; background-size:76px 76px; cursor:grab; isolation:isolate }
.ported-site .sc-trims-shell:after { position:absolute; inset:0; z-index:1; border:12px solid rgba(255,255,255,.45); box-shadow:inset 0 0 80px #07182914; content:""; pointer-events:none }
.ported-site .sc-trims-shell[data-dragging=true] { cursor:grabbing; -webkit-user-select:none; user-select:none }
.ported-site .sc-trims-grid { display:grid; grid-auto-flow:column; grid-auto-columns:220px; grid-template-rows:repeat(5,252px); gap:14px; width:max-content; min-width:1860px; min-height:1320px; padding:54px; will-change:transform }
.ported-site .sc-trims-card { position:relative; display:flex; min-width:0; overflow:hidden; flex-direction:column; align-items:stretch; padding:0; border:1px solid rgba(13,34,56,.13); border-radius:0; background:#ffffffe6; box-shadow:0 8px 24px #06172712; color:var(--sc-navy); cursor:pointer; text-align:left; transition:border-color .18s ease,box-shadow .22s ease,transform .22s ease }
.ported-site .sc-trims-card:nth-child(n+6):nth-child(-n+10), .ported-site .sc-trims-card:nth-child(n+16):nth-child(-n+20), .ported-site .sc-trims-card:nth-child(n+26):nth-child(-n+30), .ported-site .sc-trims-card:nth-child(n+36):nth-child(-n+40) { translate:0 58px }
.ported-site .sc-trims-card:hover, .ported-site .sc-trims-card:focus-visible { z-index:2; border-color:var(--sc-brass); box-shadow:0 18px 36px #06172726; outline:none; transform:scale(1.035) }
.ported-site .sc-trims-card__image { position:relative; display:grid; height:178px; flex:0 0 auto; place-items:center; overflow:hidden; background:linear-gradient(145deg,#f2f0e9,#fff) }
.ported-site .sc-trims-card__image:after { position:absolute; right:13px; bottom:12px; width:5px; height:5px; border-radius:50%; background:var(--sc-brass); box-shadow:0 0 0 5px #bf7d251f; content:"" }
.ported-site .sc-trims-card__image img { width:92%; height:92%; object-fit:contain; pointer-events:none; transition:transform .32s cubic-bezier(.2,.7,.2,1) }
.ported-site .sc-trims-card:hover .sc-trims-card__image img, .ported-site .sc-trims-card:focus-visible .sc-trims-card__image img { transform:scale(1.09) rotate(-1deg) }
.ported-site .sc-trims-card__family { overflow:hidden; padding:11px 13px 3px; color:var(--sc-brass); font-size:8px; font-weight:800; letter-spacing:.12em; text-overflow:ellipsis; text-transform:uppercase; white-space:nowrap }
.ported-site .sc-trims-card__title { display:-webkit-box; overflow:hidden; padding:0 13px 12px; font-size:12px; font-weight:750; line-height:1.25; -webkit-box-orient:vertical; -webkit-line-clamp:2 }
.ported-site .sc-trims-detail { position:absolute; inset:0; z-index:5; display:grid; padding:clamp(20px,4vw,54px); background:#071829b8; -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); place-items:center }
.ported-site .sc-trims-detail__card { position:relative; display:grid; width:min(880px,100%); max-height:100%; grid-template-columns:minmax(300px,1.05fr) minmax(290px,.95fr); overflow:auto; border-top:3px solid var(--sc-brass); background:#fff; box-shadow:0 36px 90px #00000047 }
.ported-site .sc-trims-detail__close { position:absolute; top:16px; right:16px; z-index:2; padding:9px 13px; border:1px solid rgba(13,34,56,.2); background:#fff; color:var(--sc-navy); cursor:pointer; font:inherit; font-size:10px; font-weight:800; letter-spacing:.09em; text-transform:uppercase }
.ported-site .sc-trims-detail__close:focus-visible, .ported-site .sc-trims-detail__close:hover { border-color:var(--sc-brass); outline:none }
.ported-site .sc-trims-detail__image { display:grid; min-height:470px; background:linear-gradient(145deg,#eeece5,#fff); place-items:center }
.ported-site .sc-trims-detail__image img { width:min(90%,470px); height:auto; object-fit:contain }
.ported-site .sc-trims-detail__copy { display:flex; flex-direction:column; justify-content:center; padding:clamp(38px,6vw,72px) }
.ported-site .sc-trims-detail__copy>p:first-child { margin:0 0 15px; color:var(--sc-brass); font-size:9px; font-weight:800; letter-spacing:.14em; text-transform:uppercase }
.ported-site .sc-trims-detail__copy h3 { max-width:13ch; margin:0 0 20px; color:var(--sc-navy); font-family:var(--sc-display); font-size:clamp(27px,3.2vw,44px); line-height:.98 }
.ported-site .sc-trims-detail__copy>p:nth-of-type(2) { margin:0 0 28px; color:var(--sc-muted); font-size:13px; line-height:1.65 }
.ported-site .sc-trims-detail__copy a { align-self:flex-start; padding-bottom:5px; border-bottom:1px solid var(--sc-brass); color:var(--sc-navy); font-size:11px; font-weight:800; letter-spacing:.08em; text-decoration:none; text-transform:uppercase }
.ported-site .sc-trims-mobile-note { display:none }
.ported-site .sc-process-journey { position:relative }
.ported-site .sc-process-progress { height:2px; margin:0 clamp(20px,3vw,44px) 10px; overflow:hidden; background:#e4e7ea }
.ported-site .sc-process-progress>span { display:block; width:100%; height:100%; background:var(--sc-brass); transform-origin:left center }
.ported-site .sc-process-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:5px }
.ported-site .sc-process-card { min-width:0; border-top:1px solid var(--sc-line) }
.ported-site .sc-process-card>img { width:100%; aspect-ratio:3 / 2; object-fit:cover }
.ported-site .sc-process-copy { min-height:320px; padding:22px 17px 26px }
.ported-site .sc-process-copy>h3 { margin-bottom:10px; font-size:15px; letter-spacing:.06em; text-transform:uppercase }
.ported-site .sc-process-copy>p { min-height:85px; margin-bottom:20px; color:var(--sc-muted); font-size:12px; line-height:1.55 }
.ported-site .sc-process-copy dl { margin-bottom:0 }
.ported-site .sc-process-copy dl>div+div { margin-top:15px }
.ported-site .sc-process-copy dt { margin-bottom:4px; color:var(--sc-ink); font-size:10px; font-weight:800 }
.ported-site .sc-process-copy dd { margin-bottom:0; color:#596575; font-size:12px; line-height:1.45 }
.ported-site .sc-evidence { background:var(--sc-navy); color:#fff; overflow:clip }
.ported-site .sc-evidence-stage { display:grid; min-height:max(760px,100svh); grid-template-rows:auto minmax(0,1fr) auto; gap:clamp(20px,2.5vh,34px); padding:clamp(34px,4.5vw,68px); background:var(--sc-navy); overflow:hidden }
.ported-site .sc-evidence-intro { display:grid; grid-template-columns:minmax(360px,1.2fr) minmax(300px,.8fr); align-items:end; gap:clamp(32px,7vw,120px) }
.ported-site .sc-evidence-intro h2 { max-width:12ch; margin-bottom:0; color:#fff }
.ported-site .sc-evidence-intro__brief { max-width:620px; justify-self:end }
.ported-site .sc-evidence-intro__brief>p { margin-bottom:12px; color:#b8c2cf; font-size:13px; line-height:1.6 }
.ported-site .sc-evidence-intro__brief small { display:block; color:#8e9bac; font-size:10px; line-height:1.5 }
.ported-site .sc-evidence-viewport { min-height:0; overflow:hidden }
.ported-site .sc-evidence-track { display:flex; width:max-content; height:100%; min-height:420px; gap:clamp(16px,2vw,32px); padding-right:clamp(80px,12vw,190px); will-change:transform }
.ported-site .sc-evidence-card { position:relative; width:clamp(390px,43vw,660px); height:100%; min-height:420px; overflow:hidden; flex:0 0 auto; border:1px solid rgba(255,255,255,.12); background:#07182a; box-shadow:0 20px 48px #00000042; isolation:isolate }
.ported-site .sc-evidence-card__image { position:absolute; top:0; left:-9%; width:118%; height:100%; object-fit:cover; transform:translateZ(0); pointer-events:none }
.ported-site .sc-evidence-card__shade { position:absolute; inset:0; z-index:1; background:linear-gradient(180deg,#04101d05 28%,#04101d52 65%,#04101dd6),linear-gradient(90deg,rgba(4,16,29,.28),transparent 60%); pointer-events:none }
.ported-site .sc-evidence-card__overlay { position:absolute; bottom:clamp(18px,2.2vw,32px); left:clamp(18px,2.2vw,32px); z-index:2; width:min(410px,calc(100% - clamp(36px,4.4vw,64px))); padding:clamp(18px,2vw,28px); border-top:2px solid var(--sc-brass); background:#051728eb; box-shadow:0 16px 40px #00000040; -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px) }
.ported-site .sc-evidence-card__overlay>span { display:block; margin-bottom:13px; color:#f0ab4c; font-size:9px; font-weight:800; letter-spacing:.14em }
.ported-site .sc-evidence-card__overlay h3 { margin:0 0 8px; color:#fff; font-family:var(--sc-display); font-size:clamp(22px,2.2vw,34px); line-height:1.04 }
.ported-site .sc-evidence-card__overlay p { max-width:42ch; margin:0; color:#d8e0e9; font-size:clamp(11px,1vw,13px); line-height:1.55 }
.ported-site .sc-evidence-progress { position:relative; height:1px; background:#fff3 }
.ported-site .sc-evidence-progress>span { position:absolute; inset:0; background:var(--sc-brass); transform-origin:left center }
.ported-site .sc-evidence-progress p { position:absolute; right:0; bottom:10px; margin:0; color:#8e9bac; font-size:9px; font-weight:700; letter-spacing:.12em; text-transform:uppercase }
.ported-site .sc-review-slot { display:grid; grid-template-columns:minmax(240px,.75fr) 1.25fr; align-items:center; gap:clamp(30px,6vw,100px); padding:clamp(30px,4vw,60px) }
.ported-site .sc-review-card { display:grid; grid-template-columns:120px 1fr; align-items:center; gap:24px; min-height:170px; padding:22px; border:1px solid var(--sc-line) }
.ported-site .sc-review-card img { width:120px; height:120px; border-radius:50%; filter:grayscale(1); object-fit:cover }
.ported-site .sc-review-status { margin-bottom:9px; color:var(--sc-brass); font-size:10px; font-weight:800; letter-spacing:.09em; text-transform:uppercase }
.ported-site .sc-review-status-rule { display:block; width:54px; height:2px; margin-top:8px; background:currentColor; transform-origin:left center }
.ported-site .sc-review-card h3 { margin-bottom:8px; font-size:16px }
.ported-site .sc-review-card div>p:last-child { margin-bottom:0; color:var(--sc-muted); font-size:12px; line-height:1.6 }
.ported-site .sc-portfolio-parallax { position:relative; display:flex; align-items:flex-end; min-height:min(880px,56.25vw); overflow:hidden; border:0; background-color:#0b1726; color:#fff }
.ported-site .sc-portfolio-parallax__media { position:absolute; inset:-5% 0; width:100%; height:110%; max-width:none!important; object-fit:cover; object-position:center center; transform-origin:center center }
.ported-site .sc-portfolio-parallax__shade { position:absolute; inset:0; background:linear-gradient(90deg,#040f1de6,#040f1da8 32%,#040f1d1f 65%,#040f1d0d),linear-gradient(0deg,#040f1d94,#040f1d00 50%); pointer-events:none }
.ported-site .sc-portfolio-parallax__content { position:relative; z-index:1; width:min(620px,48vw); margin:clamp(30px,5vw,78px); padding:clamp(26px,3.4vw,48px); border-left:3px solid var(--sc-brass); background:#051528e0; box-shadow:0 24px 70px #0000003d; -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px) }
.ported-site .sc-portfolio-parallax__content h2 { max-width:580px; margin-bottom:18px; font-size:clamp(32px,4vw,58px); font-weight:650; letter-spacing:-.035em; line-height:1.02 }
.ported-site .sc-portfolio-parallax__content>p:not(.sc-eyebrow) { max-width:555px; margin-bottom:28px; color:#e0e6ed; font-size:clamp(14px,1.2vw,17px); line-height:1.65 }
.ported-site .sc-oem-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)) }
.ported-site .sc-oem-grid article { display:grid; grid-template-columns:minmax(220px,42%) 1fr; min-height:300px; background:var(--sc-navy); color:#fff }
.ported-site .sc-oem-grid article+article { border-left:3px solid var(--sc-brass) }
.ported-site .sc-oem-grid article>div { display:flex; flex-direction:column; align-items:flex-start; padding:30px }
.ported-site .sc-oem-grid h3 { margin-bottom:14px; font-size:22px; line-height:1.1 }
.ported-site .sc-oem-grid article>div>p:not(.sc-eyebrow) { color:#bcc5d0; font-size:12px; line-height:1.6 }
.ported-site .sc-oem-grid strong { margin-top:auto; color:#fff; font-size:11px; line-height:1.45 }
.ported-site .sc-oem-grid article>img { width:100%; height:100%; object-fit:cover }
.ported-site .sc-insight-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; padding:0 clamp(24px,4vw,54px) clamp(30px,4vw,54px) }
.ported-site .sc-insight-card { overflow:hidden; border:1px solid var(--sc-line); background:#fff }
.ported-site .sc-insight-card img { width:100%; aspect-ratio:16 / 9; object-fit:cover; transition:transform .2s cubic-bezier(.5,1,.89,1) }
.ported-site .sc-insight-card>div { padding:22px }
.ported-site .sc-insight-card h3 { margin-bottom:10px; font-size:16px; line-height:1.35 }
.ported-site .sc-insight-card p { min-height:60px; margin-bottom:18px; color:var(--sc-muted); font-size:12px; line-height:1.55 }
.ported-site .sc-cta { position:relative; min-height:330px; overflow:hidden; background:var(--sc-navy); color:#fff }
.ported-site .sc-cta>img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center }
.ported-site .sc-cta-overlay { position:absolute; inset:0; background:linear-gradient(90deg,#081b30fa,#081b30e0,#081b3026 72%) }
.ported-site .sc-cta-copy { position:relative; z-index:2; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; width:min(680px,62%); min-height:330px; padding:50px clamp(30px,5vw,82px) }
.ported-site .sc-cta-copy>p:not(.sc-eyebrow) { max-width:560px; margin-bottom:24px; color:#bdc7d3; font-size:13px; line-height:1.65 }
.ported-site .sc-footer { background:#07172a; color:#fff }
.ported-site .sc-footer-main { display:grid; grid-template-columns:minmax(250px,1.35fr) repeat(4,minmax(130px,.75fr)); gap:40px; padding:54px clamp(28px,4.5vw,72px) 44px }
.ported-site .sc-footer-brand img { width:min(100%,250px); height:auto; margin-bottom:20px }
.ported-site .sc-footer-brand p { max-width:310px; margin-bottom:10px; color:#aeb9c7; font-size:11px; line-height:1.55 }
.ported-site .sc-footer-group { display:flex; flex-direction:column; align-items:flex-start; gap:10px }
.ported-site .sc-footer-group h2 { margin-bottom:6px; color:#fff; font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase }
.ported-site .sc-footer-group a { color:#aeb9c7; font-size:10px; line-height:1.4 }
.ported-site .sc-footer-contact a:first-of-type { overflow-wrap:anywhere }
.ported-site .sc-footer-bottom { display:flex; justify-content:space-between; gap:24px; padding:18px clamp(28px,4.5vw,72px); border-top:1px solid rgba(255,255,255,.12); color:#7f8b9b; font-size:9px }
.ported-site .sc-footer-bottom p { margin-bottom:0 }
.ported-site .sc-footer-bottom div { display:flex; gap:22px }
.ported-site .sc-visually-hidden { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important }
@keyframes sc-button-sheen { 30%,to{transform:translate(470%) skew(-18deg)} }
@media (prefers-reduced-motion: no-preference) {
.ported-site .sc-home-active .fn-header { transition:box-shadow .2s ease,transform .28s cubic-bezier(.25,1,.5,1) }
.ported-site .sc-home-active .fn-header.sc-header-hidden { transform:translateY(-102%) }
.ported-site .sc-button:hover, .ported-site .sc-button:focus-visible { transform:translateY(-2px) }
.ported-site .sc-button:hover:after, .ported-site .sc-button:focus-visible:after { animation:sc-button-sheen .7s cubic-bezier(.25,1,.5,1) 1 }
.ported-site .sc-text-link:after { transition:transform .2s cubic-bezier(.5,1,.89,1) }
.ported-site .sc-text-link:hover:after, .ported-site .sc-text-link:focus-visible:after { transform:scaleX(1) }
.ported-site .sc-program-card>img, .ported-site .sc-program-card span { transition:filter .2s cubic-bezier(.5,1,.89,1),transform .2s cubic-bezier(.5,1,.89,1) }
.ported-site .sc-program-card:hover>img, .ported-site .sc-program-card:focus-visible>img { filter:brightness(1.05); transform:scale(1.025) }
.ported-site .sc-program-card:hover span, .ported-site .sc-program-card:focus-visible span { transform:translate(4px) }
.ported-site .sc-material-card { transition:border-color .18s cubic-bezier(.5,1,.89,1),box-shadow .18s cubic-bezier(.5,1,.89,1) }
.ported-site .sc-material-card[data-magnifying=true], .ported-site .sc-material-card:focus-visible { z-index:6; border-color:#c8842fb8; box-shadow:0 18px 38px #0b1d3329 }
.ported-site .sc-material-card:focus-visible { transform:translateY(-8px) scale(1.025) }
.ported-site .sc-insight-card { transition:transform .2s cubic-bezier(.5,1,.89,1),box-shadow .2s cubic-bezier(.5,1,.89,1) }
.ported-site .sc-insight-card:hover, .ported-site .sc-insight-card:focus-visible { box-shadow:0 16px 34px #0b1d331a; transform:translateY(-4px) }
.ported-site .sc-insight-card:hover img, .ported-site .sc-insight-card:focus-visible img { transform:scale(1.025) }
}
@media (max-width: 1180px) {
.ported-site .sc-header { grid-template-columns:230px 1fr auto; gap:22px }
.ported-site .sc-nav { gap:15px }
.ported-site .sc-nav a { font-size:10px }
.ported-site .sc-program-grid, .ported-site .sc-process-grid { grid-template-columns:repeat(3,minmax(0,1fr)) }
.ported-site .sc-program-card { grid-template-rows:minmax(260px,30vw) auto }
.ported-site .sc-oem-grid article { grid-template-columns:1fr }
.ported-site .sc-oem-grid article>img { aspect-ratio:16 / 9 }
.ported-site .sc-footer-main { grid-template-columns:1.4fr repeat(2,1fr) }
}
@media (max-width: 900px) {
.ported-site .sc-fabric-magnifier { display:none }
.ported-site .sc-hero-copy { perspective:none }
.ported-site .sc-hero-wall-copy { transform:none; filter:none }
.ported-site .sc-header { grid-template-columns:minmax(200px,270px) auto }
.ported-site .sc-nav, .ported-site .sc-header>.sc-button { display:none }
.ported-site .sc-mobile-menu { position:relative; display:block; justify-self:end }
.ported-site .sc-mobile-menu summary { min-width:86px; padding:12px 15px; background:var(--sc-navy); color:#fff; cursor:pointer; font-size:11px; font-weight:800; list-style-position:inside; text-align:center }
.ported-site .sc-mobile-menu>div { position:absolute; top:calc(100% + 8px); right:0; display:flex; flex-direction:column; width:min(290px,80vw); padding:10px; border:1px solid var(--sc-line); background:#fff; box-shadow:0 18px 38px #00000029 }
.ported-site .sc-mobile-menu a { padding:12px; border-bottom:1px solid var(--sc-line); font-size:12px; font-weight:650 }
.ported-site .sc-hero-copy { width:76% }
.ported-site .sc-review-slot, .ported-site .sc-oem-grid { grid-template-columns:1fr }
.ported-site .sc-oem-grid article+article { border-top:3px solid var(--sc-brass); border-left:0 }
.ported-site .sc-insight-grid { grid-template-columns:1fr }
.ported-site .sc-insight-card { display:grid; grid-template-columns:42% 1fr }
.ported-site .sc-insight-card img { height:100%; aspect-ratio:auto }
.ported-site .sc-footer-main { grid-template-columns:repeat(2,1fr) }
.ported-site .sc-footer-brand { grid-column:1 / -1 }
.ported-site .sc-evidence-stage { min-height:0; gap:26px; padding:42px 0; overflow:visible }
.ported-site .sc-evidence-intro { grid-template-columns:1fr; gap:20px; padding:0 22px }
.ported-site .sc-evidence-intro__brief { max-width:640px; justify-self:start }
.ported-site .sc-evidence-viewport { overflow-x:auto; overflow-y:hidden; overscroll-behavior-inline:contain; scroll-padding-inline:22px; scroll-snap-type:inline proximity; -webkit-overflow-scrolling:touch }
.ported-site .sc-evidence-track { height:min(560px,72svh); min-height:430px; gap:12px; padding:0 22px; will-change:auto }
.ported-site .sc-evidence-card { width:min(82vw,520px); min-height:430px; scroll-snap-align:start }
.ported-site .sc-evidence-card__image { left:0; width:100%; transform:none!important }
.ported-site .sc-evidence-card__overlay { right:16px; bottom:16px; left:16px; width:auto }
.ported-site .sc-evidence-progress { margin:0 22px }
.ported-site .sc-evidence-progress>span { transform:scaleX(.22) }
.ported-site .sc-evidence-progress p { bottom:10px }
.ported-site .sc-evidence-progress p:before { content:"Swipe or " }
.ported-site .sc-trims-explorer { padding-right:0; padding-left:0 }
.ported-site .sc-trims-toolbar { padding-right:20px; padding-left:20px }
.ported-site .sc-trims-toolbar span:first-child { font-size:0 }
.ported-site .sc-trims-toolbar span:first-child:after { font-size:10px; content:"Swipe to explore" }
.ported-site .sc-trims-shell { height:auto; min-height:0; overflow-x:auto; overflow-y:hidden; border-right:0; border-left:0; background-size:64px 64px; cursor:auto; overscroll-behavior-inline:contain; scroll-padding-inline:20px; scroll-snap-type:inline proximity; -webkit-overflow-scrolling:touch }
.ported-site .sc-trims-shell:after { display:none }
.ported-site .sc-trims-grid { grid-auto-columns:min(44vw,190px); grid-template-rows:repeat(2,226px); gap:10px; min-width:0; min-height:0; padding:20px; will-change:auto }
.ported-site .sc-trims-card { scroll-snap-align:start }
.ported-site .sc-trims-card:nth-child(n) { translate:none }
.ported-site .sc-trims-card__image { height:156px }
.ported-site .sc-trims-detail { position:fixed; z-index:100; padding:14px }
.ported-site .sc-trims-detail__card { width:min(540px,100%); max-height:min(760px,calc(100dvh - 28px)); grid-template-columns:1fr }
.ported-site .sc-trims-detail__image { min-height:250px }
.ported-site .sc-trims-detail__image img { width:min(74%,310px) }
.ported-site .sc-trims-detail__copy { padding:26px 24px 30px }
.ported-site .sc-trims-detail__copy h3 { font-size:clamp(28px,7vw,38px) }
.ported-site .sc-trims-mobile-note { display:block; margin:12px 20px 0; color:var(--sc-muted); font-size:10px; line-height:1.5 }
}
@media (max-width: 680px) {
.ported-site .sc-header { min-height:68px; padding:10px 16px }
.ported-site .sc-brand { width:220px }
.ported-site .sc-hero, .ported-site .sc-hero-copy { min-height:670px }
.ported-site .sc-hero>img { object-position:68% center }
.ported-site .sc-hero-shade { background:linear-gradient(180deg,#040d19f0,#040d19c7 54%,#040d1938) }
.ported-site .sc-hero-copy { justify-content:flex-start; width:100%; padding:70px 22px 320px }
.ported-site .sc-hero h1 { font-size:clamp(39px,11vw,58px) }
.ported-site .sc-hero-actions { align-items:flex-start; flex-direction:column; gap:12px }
.ported-site .sc-program-intro { grid-template-columns:1fr; gap:20px; padding:36px 22px 30px }
.ported-site .sc-program-intro h2 { font-size:clamp(32px,9vw,44px) }
.ported-site .sc-program-grid, .ported-site .sc-process-grid { grid-template-columns:1fr }
.ported-site .sc-program-card { grid-template-rows:minmax(270px,68vw) auto }
.ported-site .sc-program-card>div { min-height:0 }
.ported-site .sc-program-card p { min-height:0 }
.ported-site .sc-panel { margin:8px }
.ported-site .sc-panel-head { align-items:flex-start; flex-direction:column; padding:28px 20px }
.ported-site .sc-media-rail, .ported-site .sc-insight-grid { padding-right:20px; padding-bottom:28px; padding-left:20px }
.ported-site .sc-process-copy { min-height:0 }
.ported-site .sc-process-copy>p { min-height:0 }
.ported-site .sc-process-journey { padding-left:27px }
.ported-site .sc-process-progress { position:absolute; top:0; bottom:0; left:12px; width:2px; height:auto; margin:0 }
.ported-site .sc-process-progress>span { transform-origin:center top }
.ported-site .sc-review-slot { padding:30px 20px }
.ported-site .sc-review-card { grid-template-columns:82px 1fr; gap:16px; padding:16px }
.ported-site .sc-review-card img { width:82px; height:82px }
.ported-site .sc-oem-grid article { min-height:0 }
.ported-site .sc-oem-grid article>div { min-height:290px; padding:28px 22px }
.ported-site .sc-insight-card { display:block }
.ported-site .sc-insight-card img { width:100%; aspect-ratio:16 / 9 }
.ported-site .sc-insight-card p { min-height:0 }
.ported-site .sc-cta { min-height:520px }
.ported-site .sc-cta>img { object-position:68% center }
.ported-site .sc-cta-overlay { background:linear-gradient(180deg,#081b30f5,#081b30db 63%,#081b3038) }
.ported-site .sc-cta-copy { justify-content:flex-start; width:100%; min-height:520px; padding:48px 22px 230px }
.ported-site .sc-footer-main { grid-template-columns:1fr 1fr; gap:34px 24px; padding:44px 22px 34px }
.ported-site .sc-footer-brand, .ported-site .sc-footer-contact { grid-column:1 / -1 }
.ported-site .sc-footer-bottom { align-items:flex-start; flex-direction:column; padding:18px 22px }
}
@media (max-width: 430px) {
.ported-site .sc-brand { width:185px }
.ported-site .sc-mobile-menu summary { min-width:74px }
.ported-site .sc-portfolio-parallax { min-height:760px }
.ported-site .sc-portfolio-parallax__media { object-position:32% center }
.ported-site .sc-portfolio-parallax__shade { background:linear-gradient(180deg,#040f1d14,#040f1d52 42%,#040f1deb) }
.ported-site .sc-portfolio-parallax__content { width:auto; margin:18px; padding:26px 22px }
.ported-site .sc-portfolio-parallax__content h2 { font-size:clamp(30px,9vw,43px) }
.ported-site .sc-footer-main { grid-template-columns:1fr }
.ported-site .sc-footer-brand, .ported-site .sc-footer-contact { grid-column:auto }
}
@media (prefers-reduced-motion: reduce) {
.ported-site .sc-page *, .ported-site .sc-page *:before, .ported-site .sc-page *:after { animation-duration:.01ms!important; animation-iteration-count:1!important; scroll-behavior:auto!important; transition-duration:.01ms!important }
.ported-site .sc-page-progress, .ported-site .sc-fabric-magnifier { display:none }
.ported-site .sc-evidence-stage { min-height:0; padding-top:clamp(40px,5vw,68px); padding-bottom:clamp(40px,5vw,68px) }
.ported-site .sc-evidence-viewport { overflow-x:auto; overflow-y:hidden; overscroll-behavior-inline:contain; scroll-snap-type:inline proximity }
.ported-site .sc-evidence-track { height:min(620px,70svh); min-height:460px; will-change:auto }
.ported-site .sc-evidence-card { scroll-snap-align:start }
.ported-site .sc-evidence-card__image { left:0; width:100%; transform:none!important }
.ported-site .sc-evidence-progress { display:none }
.ported-site .sc-hero-line>span, .ported-site .sc-process-progress>span, .ported-site .sc-portfolio-parallax__media { opacity:1!important; transform:none!important }
}
.ported-site .scs-page, .ported-site .scs-detail-page { --scs-navy: #071522; --scs-navy-soft: #102536; --scs-brass: #a77b3f; --scs-paper: #f5f3ed; --scs-white: #fffefb; --scs-line: rgba(7, 21, 34, .16); --scs-muted: #52606a; min-height:100vh; background:var(--scs-paper); color:var(--scs-navy) }
.ported-site .scs-page { padding:clamp(2rem,4vw,4rem) clamp(1rem,4vw,3rem) clamp(4rem,7vw,7rem) }
.ported-site .scs-shop-header, .ported-site .scs-catalogue, .ported-site .scs-production-note, .ported-site .scs-breadcrumbs, .ported-site .scs-product-detail, .ported-site .scs-detail-next, .ported-site .scs-detail-message, .ported-site .scs-detail-skeleton { width:min(100%,1500px); margin-inline:auto }
.ported-site .scs-shop-header { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(320px,.65fr); gap:2rem clamp(3rem,7vw,8rem); align-items:end; padding-block:clamp(1rem,2vw,2rem) clamp(2.5rem,5vw,5rem) }
.ported-site .scs-eyebrow, .ported-site .scs-section-kicker { margin:0 0 .8rem; color:#745225; font-family:IBM Plex Mono,monospace; font-size:.72rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase }
.ported-site .scs-shop-header h1 { max-width:850px; margin:0; font-family:Archivo,Inter,sans-serif; font-size:clamp(2.6rem,5.4vw,5.6rem); letter-spacing:-.055em; line-height:.96 }
.ported-site .scs-shop-intro>p { margin:0; color:#43515b; font-size:clamp(1rem,1.2vw,1.13rem); line-height:1.75 }
.ported-site .scs-header-links, .ported-site .scs-empty-actions, .ported-site .scs-detail-actions, .ported-site .scs-detail-next>div { display:flex; flex-wrap:wrap; gap:.75rem }
.ported-site .scs-header-links { margin-top:1.5rem }
.ported-site .scs-header-links a, .ported-site .scs-empty-actions a, .ported-site .scs-empty-actions button, .ported-site .scs-primary-action, .ported-site .scs-secondary-action, .ported-site .scs-detail-next a, .ported-site .scs-empty-state>button { display:inline-flex; min-height:46px; align-items:center; justify-content:center; border:1px solid var(--scs-navy); padding:.75rem 1rem; background:transparent; color:var(--scs-navy); font-family:Barlow Condensed,sans-serif; font-size:.78rem; font-weight:700; letter-spacing:.09em; text-decoration:none; text-transform:uppercase; transition:background .16s ease,border-color .16s ease,color .16s ease }
.ported-site .scs-header-links a:last-child, .ported-site .scs-empty-actions a, .ported-site .scs-primary-action, .ported-site .scs-detail-next a:first-child { background:var(--scs-navy); color:#fff }
.ported-site .scs-header-links a:hover, .ported-site .scs-empty-actions a:hover, .ported-site .scs-empty-actions button:hover, .ported-site .scs-primary-action:hover, .ported-site .scs-secondary-action:hover, .ported-site .scs-detail-next a:hover, .ported-site .scs-empty-state>button:hover { border-color:var(--scs-brass); background:var(--scs-brass); color:#fff }
.ported-site .scs-catalogue { border-top:1px solid var(--scs-line); padding-top:clamp(2rem,4vw,3.5rem) }
.ported-site .scs-catalogue-layout { display:grid; grid-template-columns:minmax(230px,280px) minmax(0,1fr); gap:clamp(1.5rem,3vw,3rem); align-items:start }
.ported-site .scs-catalogue-sidebar { position:sticky; top:7rem; min-width:0; border:1px solid var(--scs-line); background:var(--scs-white); padding:1.4rem }
.ported-site .scs-catalogue-results { min-width:0 }
.ported-site .scs-sidebar-heading { padding-bottom:1.25rem; border-bottom:1px solid var(--scs-line) }
.ported-site .scs-sidebar-heading h2 { margin:0; font-family:Archivo,Inter,sans-serif; font-size:clamp(1.45rem,2vw,1.9rem); letter-spacing:-.035em; line-height:1.05 }
.ported-site .scs-sidebar-heading>p:last-child { margin:.75rem 0 0; color:var(--scs-muted); font-size:.84rem; line-height:1.55 }
.ported-site .scs-catalogue-toolbar { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:2rem; align-items:end; margin-bottom:2rem; padding-bottom:1.25rem; border-bottom:1px solid var(--scs-line) }
.ported-site .scs-catalogue-toolbar h2, .ported-site .scs-production-note h2, .ported-site .scs-detail-next h2, .ported-site .scs-development-scope h2, .ported-site .scs-empty-state h2 { margin:0; font-family:Archivo,Inter,sans-serif; letter-spacing:-.035em }
.ported-site .scs-catalogue-toolbar h2 { font-size:clamp(1.8rem,3vw,3rem) }
.ported-site .scs-live-count { margin:.6rem 0 0; color:var(--scs-muted); font-size:.92rem }
.ported-site .scs-search { display:block; margin-top:1.25rem }
.ported-site .scs-search span { display:block; margin-bottom:.45rem; font-family:IBM Plex Mono,monospace; font-size:.68rem; font-weight:700; letter-spacing:.09em; text-transform:uppercase }
.ported-site .scs-search input { width:100%; min-height:50px; border:1px solid var(--scs-line); border-radius:0; background:var(--scs-white); padding:0 1rem; color:var(--scs-navy); font:inherit }
.ported-site .scs-search input:focus { outline:2px solid var(--scs-brass); outline-offset:2px }
.ported-site .scs-category-filter { display:grid; gap:0; margin:1.25rem 0 0 }
.ported-site .scs-category-filter button { display:flex; min-height:44px; align-items:center; justify-content:space-between; gap:1rem; cursor:pointer; border:0; border-bottom:1px solid var(--scs-line); background:transparent; padding:.7rem .15rem; color:var(--scs-muted); font-family:Barlow Condensed,sans-serif; font-size:.8rem; font-weight:700; letter-spacing:.07em; text-align:left; text-transform:uppercase }
.ported-site .scs-category-filter button:hover, .ported-site .scs-category-filter button.is-active { border-color:var(--scs-brass); background:transparent; color:var(--scs-navy) }
.ported-site .scs-category-filter button.is-active { box-shadow:inset 3px 0 0 var(--scs-brass); padding-left:.75rem }
.ported-site .scs-category-count { display:inline-flex; min-width:1.7rem; height:1.7rem; align-items:center; justify-content:center; border:1px solid var(--scs-line); color:var(--scs-muted); font-family:IBM Plex Mono,monospace; font-size:.62rem; letter-spacing:0 }
.ported-site .scs-category-filter button.is-active .scs-category-count { border-color:var(--scs-navy); background:var(--scs-navy); color:#fff }
.ported-site .scs-sidebar-support { margin-top:1.5rem; background:var(--scs-navy); padding:1rem; color:#fff }
.ported-site .scs-sidebar-support p { margin:0 0 .7rem; color:#cbd2d7; font-size:.78rem; line-height:1.5 }
.ported-site .scs-sidebar-support a { color:#fff; font-family:Barlow Condensed,sans-serif; font-size:.72rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; text-underline-offset:4px }
.ported-site .scs-results-summary { display:grid; min-width:120px; justify-items:end; color:var(--scs-muted) }
.ported-site .scs-results-summary strong { color:var(--scs-navy); font-family:Archivo,Inter,sans-serif; font-size:2rem; line-height:1 }
.ported-site .scs-results-summary span { margin-top:.25rem; font-family:IBM Plex Mono,monospace; font-size:.62rem; letter-spacing:.08em; text-transform:uppercase }
.ported-site .scs-results-summary button { margin-top:.65rem; cursor:pointer; border:0; border-bottom:1px solid currentColor; background:transparent; padding:0 0 .15rem; color:var(--scs-navy); font-family:Barlow Condensed,sans-serif; font-size:.7rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase }
.ported-site .scs-data-note { margin:0 0 1.5rem; border-left:3px solid var(--scs-brass); background:#eee8dc; padding:.85rem 1rem; color:#5c4a32 }
.ported-site .scs-product-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(1rem,2vw,1.75rem) }
.ported-site .scs-product-card { min-width:0; border:1px solid var(--scs-line); background:var(--scs-white); transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease }
.ported-site .scs-product-card:hover { transform:translateY(-3px); border-color:#07152266; box-shadow:0 18px 40px #07152217 }
.ported-site .scs-product-image-link { display:block }
.ported-site .scs-product-image-wrap { position:relative; aspect-ratio:1 / .82; overflow:hidden; background:#eeece7 }
.ported-site .scs-product-image-wrap img { width:100%; height:100%; object-fit:contain; transition:transform .3s ease }
.ported-site .scs-product-card:hover .scs-product-image-wrap img { transform:scale(1.025) }
.ported-site .scs-product-badge { position:absolute; top:.75rem; left:.75rem; padding:.4rem .55rem; background:#fffefbf0; color:var(--scs-navy); font-family:IBM Plex Mono,monospace; font-size:.6rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase }
.ported-site .scs-product-badge--published { background:var(--scs-brass); color:#fff }
.ported-site .scs-product-copy { padding:1rem 1rem 1.15rem }
.ported-site .scs-product-meta { display:flex; flex-wrap:wrap; justify-content:space-between; gap:.5rem; color:#6b7379; font-family:IBM Plex Mono,monospace; font-size:.61rem; letter-spacing:.06em; text-transform:uppercase }
.ported-site .scs-product-copy h2 { margin:.7rem 0 .55rem; font-family:Archivo,Inter,sans-serif; font-size:clamp(1.05rem,1.5vw,1.28rem); line-height:1.15; letter-spacing:-.025em }
.ported-site .scs-product-copy h2 a { color:inherit; text-decoration:none }
.ported-site .scs-product-copy>p { display:-webkit-box; min-height:3.9em; margin:0 0 1rem; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:3; color:var(--scs-muted); font-size:.86rem; line-height:1.5 }
.ported-site .scs-product-link { color:var(--scs-navy); font-family:Barlow Condensed,sans-serif; font-size:.75rem; font-weight:700; letter-spacing:.08em; text-decoration-thickness:1px; text-underline-offset:4px; text-transform:uppercase }
.ported-site .scs-product-skeleton { min-height:390px; border:1px solid var(--scs-line); background:linear-gradient(100deg,#e7e4de 20%,#f3f1ec,#e7e4de 60%); background-size:200% 100%; animation:scs-shimmer 1.25s linear infinite }
.ported-site .scs-empty-state { border:1px solid var(--scs-line); background:var(--scs-white); padding:clamp(2rem,5vw,4rem); text-align:center }
.ported-site .scs-empty-state>p:not(.scs-section-kicker) { max-width:640px; margin:.8rem auto 1.4rem; color:var(--scs-muted); line-height:1.65 }
.ported-site .scs-empty-actions { justify-content:center; margin-top:1.25rem }
.ported-site .scs-empty-actions button, .ported-site .scs-empty-state>button { cursor:pointer }
.ported-site .scs-production-note { display:grid; grid-template-columns:minmax(180px,.35fr) minmax(0,.85fr) minmax(180px,.3fr); gap:1.5rem 3rem; align-items:start; margin-top:clamp(3rem,6vw,6rem); border-top:1px solid var(--scs-line); padding-top:2rem }
.ported-site .scs-production-note h2 { font-size:clamp(1.5rem,2.6vw,2.5rem) }
.ported-site .scs-production-note>p:not(.scs-section-kicker) { margin:0; color:var(--scs-muted); line-height:1.65 }
.ported-site .scs-production-note>a { color:var(--scs-navy); font-family:Barlow Condensed,sans-serif; font-size:.78rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; text-underline-offset:4px }
.ported-site .scs-detail-page { padding:clamp(1.5rem,3vw,3rem) clamp(1rem,4vw,3rem) clamp(4rem,7vw,7rem) }
.ported-site .scs-breadcrumbs { display:flex; flex-wrap:wrap; gap:.55rem; margin-bottom:1.5rem; color:#667078; font-family:IBM Plex Mono,monospace; font-size:.66rem; letter-spacing:.06em; text-transform:uppercase }
.ported-site .scs-breadcrumbs a { color:inherit; text-underline-offset:3px }
.ported-site .scs-product-detail { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(360px,.75fr); border:1px solid var(--scs-line); background:var(--scs-white) }
.ported-site .scs-detail-media { display:flex; min-height:620px; flex-direction:column; justify-content:center; border-right:1px solid var(--scs-line); background:#eeece7; padding:clamp(1rem,3vw,3rem) }
.ported-site .scs-detail-media img { width:100%; max-height:720px; object-fit:contain }
.ported-site .scs-detail-media p { margin:1rem 0 0; color:#697178; font-family:IBM Plex Mono,monospace; font-size:.65rem; letter-spacing:.08em; text-align:center; text-transform:uppercase }
.ported-site .scs-detail-copy { padding:clamp(1.5rem,4vw,4rem) }
.ported-site .scs-detail-copy h1, .ported-site .scs-detail-message h1 { margin:0; font-family:Archivo,Inter,sans-serif; font-size:clamp(2.4rem,4.3vw,4.8rem); letter-spacing:-.055em; line-height:.98 }
.ported-site .scs-detail-lead { margin:1.5rem 0; color:#3f4c55; font-size:clamp(1rem,1.25vw,1.13rem); line-height:1.7 }
.ported-site .scs-detail-status { display:grid; gap:.65rem; margin:0 0 1.75rem; border-block:1px solid var(--scs-line); padding-block:1rem; color:#5d666d; font-family:IBM Plex Mono,monospace; font-size:.66rem; letter-spacing:.07em; text-transform:uppercase }
.ported-site .scs-detail-actions { align-items:stretch }
.ported-site .scs-detail-actions a { flex:1 1 210px; text-align:center }
.ported-site .scs-customizer-note { margin:.9rem 0 2rem; color:#687078; font-size:.79rem; line-height:1.55 }
.ported-site .scs-inline-customizer { margin-top:clamp(2rem,5vw,5rem); scroll-margin-top:7rem }
.ported-site .scs-inline-customizer-heading { display:grid; grid-template-columns:minmax(0,.9fr) minmax(320px,.7fr); align-items:end; gap:clamp(1.5rem,5vw,5rem); margin-bottom:1.4rem }
.ported-site .scs-inline-customizer-heading h2 { max-width:860px; margin:0; color:var(--scs-navy); font-family:Georgia,Times New Roman,serif; font-size:clamp(2.1rem,4.2vw,4.4rem); font-weight:500; line-height:.98; letter-spacing:-.045em }
.ported-site .scs-inline-customizer-heading>p { margin:0; color:var(--scs-muted); font-size:.95rem; line-height:1.75 }
.ported-site .scs-inline-customizer-status { margin:0; padding:.8rem 1rem; border:1px solid var(--scs-line); border-bottom:0; background:#f1eee7; color:var(--scs-muted); font-size:.78rem; letter-spacing:.025em }
.ported-site .scs-inline-customizer-status.ready { border-color:#b9d5c6; background:#edf7f1; color:#245f43 }
.ported-site .scs-inline-customizer-status.error { border-color:#e3bdc3; background:#fff1f3; color:#8e2435 }
.ported-site .scs-inline-customizer-frame { min-height:760px; border:1px solid var(--scs-line); background:#f8f6f1; box-shadow:0 24px 70px #06141f1a }
.ported-site .scs-inline-customizer-frame>streetwear-product-customizer { display:block; width:100% }
.ported-site .scs-inline-customizer-fallback { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1rem 1.25rem; border:1px solid #e3bdc3; border-top:0; background:#fff7f8 }
.ported-site .scs-inline-customizer-fallback p { margin:0; color:var(--scs-muted); font-size:.82rem; line-height:1.5 }
.ported-site .scs-inline-customizer-fallback a { color:var(--scs-navy); font-size:.72rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase }
.ported-site .scs-development-scope { border-top:1px solid var(--scs-line); padding-top:1.75rem }
.ported-site .scs-development-scope h2 { font-size:clamp(1.35rem,2vw,1.9rem) }
.ported-site .scs-development-scope dl { margin:1.25rem 0 0 }
.ported-site .scs-development-scope dl>div { display:grid; grid-template-columns:minmax(100px,.32fr) 1fr; gap:1rem; border-top:1px solid var(--scs-line); padding:.8rem 0 }
.ported-site .scs-development-scope dt { font-weight:700 }
.ported-site .scs-development-scope dd { margin:0; color:var(--scs-muted); line-height:1.45 }
.ported-site .scs-detail-next { display:grid; grid-template-columns:minmax(0,.8fr) minmax(260px,.6fr); gap:1.25rem 4rem; margin-top:2rem; border:1px solid var(--scs-line); background:var(--scs-navy); padding:clamp(1.5rem,4vw,3.5rem); color:#fff }
.ported-site .scs-detail-next .scs-section-kicker { grid-column:1 / -1; color:#d2b07a }
.ported-site .scs-detail-next h2 { font-size:clamp(1.8rem,3.2vw,3.2rem) }
.ported-site .scs-detail-next>p { margin:0; color:#c6ced3; line-height:1.7 }
.ported-site .scs-detail-next>div { grid-column:1 / -1 }
.ported-site .scs-detail-next a { border-color:#fff; color:#fff }
.ported-site .scs-detail-next a:first-child { background:#fff; color:var(--scs-navy) }
.ported-site .scs-detail-message { margin-top:clamp(3rem,9vw,9rem); border:1px solid var(--scs-line); background:var(--scs-white); padding:clamp(2rem,6vw,5rem); text-align:center }
.ported-site .scs-detail-message>p:not(.scs-section-kicker) { max-width:620px; margin:1rem auto 1.5rem; color:var(--scs-muted); line-height:1.65 }
.ported-site .scs-detail-skeleton { min-height:720px; background:linear-gradient(100deg,#e7e4de 20%,#f3f1ec,#e7e4de 60%); background-size:200% 100%; animation:scs-shimmer 1.25s linear infinite }
@keyframes scs-shimmer { to{background-position-x:-200%} }
@media (max-width: 1120px) {
.ported-site .scs-catalogue-layout { grid-template-columns:minmax(210px,245px) minmax(0,1fr) }
.ported-site .scs-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)) }
.ported-site .scs-product-detail { grid-template-columns:minmax(0,1fr) minmax(340px,.8fr) }
}
@media (max-width: 820px) {
.ported-site .scs-shop-header, .ported-site .scs-production-note, .ported-site .scs-product-detail, .ported-site .scs-detail-next, .ported-site .scs-catalogue-layout { grid-template-columns:1fr }
.ported-site .scs-catalogue-sidebar { position:static; padding:1.2rem }
.ported-site .scs-category-filter { display:flex; max-width:100%; gap:.55rem; overflow-x:auto; padding-bottom:.35rem; scrollbar-width:thin }
.ported-site .scs-category-filter button { flex:0 0 auto; min-height:40px; border:1px solid var(--scs-line); padding:.55rem .7rem }
.ported-site .scs-category-filter button.is-active { border-color:var(--scs-navy); box-shadow:none; background:var(--scs-navy); padding-left:.7rem; color:#fff }
.ported-site .scs-category-filter button.is-active .scs-category-count { border-color:#ffffff59; background:transparent }
.ported-site .scs-sidebar-support { display:none }
.ported-site .scs-inline-customizer-heading { grid-template-columns:1fr }
.ported-site .scs-inline-customizer-frame { min-height:1000px }
.ported-site .scs-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)) }
.ported-site .scs-detail-media { min-height:auto; border-right:0; border-bottom:1px solid var(--scs-line) }
.ported-site .scs-detail-next .scs-section-kicker, .ported-site .scs-detail-next>div { grid-column:auto }
}
@media (max-width: 540px) {
.ported-site .scs-page, .ported-site .scs-detail-page { padding-inline:.75rem }
.ported-site .scs-shop-header h1 { font-size:clamp(2.5rem,14vw,4rem) }
.ported-site .scs-catalogue-toolbar { grid-template-columns:1fr auto; gap:1rem }
.ported-site .scs-results-summary { min-width:74px }
.ported-site .scs-product-grid { grid-template-columns:1fr }
.ported-site .scs-product-copy>p { min-height:auto }
.ported-site .scs-header-links, .ported-site .scs-header-links a, .ported-site .scs-detail-actions, .ported-site .scs-detail-actions a, .ported-site .scs-empty-actions, .ported-site .scs-empty-actions a, .ported-site .scs-empty-actions button { width:100% }
.ported-site .scs-development-scope dl>div { grid-template-columns:1fr; gap:.25rem }
.ported-site .scs-inline-customizer-heading { padding-inline:.25rem }
.ported-site .scs-inline-customizer-frame { min-height:1120px }
.ported-site .scs-inline-customizer-fallback { align-items:flex-start; flex-direction:column }
}
@media (prefers-reduced-motion: reduce) {
.ported-site .scs-product-card, .ported-site .scs-product-image-wrap img { transition:none }
.ported-site .scs-product-skeleton, .ported-site .scs-detail-skeleton { animation:none }
}
@layer properties {
@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
.ported-site *, .ported-site :before, .ported-site :after, .ported-site ::backdrop { --tw-translate-x:0; --tw-translate-y:0; --tw-translate-z:0; --tw-scale-x:1; --tw-scale-y:1; --tw-scale-z:1; --tw-rotate-x:initial; --tw-rotate-y:initial; --tw-rotate-z:initial; --tw-skew-x:initial; --tw-skew-y:initial; --tw-space-y-reverse:0; --tw-space-x-reverse:0; --tw-divide-x-reverse:0; --tw-border-style:solid; --tw-divide-y-reverse:0; --tw-gradient-position:initial; --tw-gradient-from:#0000; --tw-gradient-via:#0000; --tw-gradient-to:#0000; --tw-gradient-stops:initial; --tw-gradient-via-stops:initial; --tw-gradient-from-position:0%; --tw-gradient-via-position:50%; --tw-gradient-to-position:100%; --tw-leading:initial; --tw-font-weight:initial; --tw-tracking:initial; --tw-ordinal:initial; --tw-slashed-zero:initial; --tw-numeric-figure:initial; --tw-numeric-spacing:initial; --tw-numeric-fraction:initial; --tw-shadow:0 0 #0000; --tw-shadow-color:initial; --tw-shadow-alpha:100%; --tw-inset-shadow:0 0 #0000; --tw-inset-shadow-color:initial; --tw-inset-shadow-alpha:100%; --tw-ring-color:initial; --tw-ring-shadow:0 0 #0000; --tw-inset-ring-color:initial; --tw-inset-ring-shadow:0 0 #0000; --tw-ring-inset:initial; --tw-ring-offset-width:0px; --tw-ring-offset-color:#fff; --tw-ring-offset-shadow:0 0 #0000; --tw-outline-style:solid; --tw-blur:initial; --tw-brightness:initial; --tw-contrast:initial; --tw-grayscale:initial; --tw-hue-rotate:initial; --tw-invert:initial; --tw-opacity:initial; --tw-saturate:initial; --tw-sepia:initial; --tw-drop-shadow:initial; --tw-drop-shadow-color:initial; --tw-drop-shadow-alpha:100%; --tw-drop-shadow-size:initial; --tw-backdrop-blur:initial; --tw-backdrop-brightness:initial; --tw-backdrop-contrast:initial; --tw-backdrop-grayscale:initial; --tw-backdrop-hue-rotate:initial; --tw-backdrop-invert:initial; --tw-backdrop-opacity:initial; --tw-backdrop-saturate:initial; --tw-backdrop-sepia:initial; --tw-duration:initial; --tw-ease:initial; --tw-content:""; --tw-animation-delay:0s; --tw-animation-direction:normal; --tw-animation-duration:initial; --tw-animation-fill-mode:none; --tw-animation-iteration-count:1; --tw-enter-blur:0; --tw-enter-opacity:1; --tw-enter-rotate:0; --tw-enter-scale:1; --tw-enter-translate-x:0; --tw-enter-translate-y:0; --tw-exit-blur:0; --tw-exit-opacity:1; --tw-exit-rotate:0; --tw-exit-scale:1; --tw-exit-translate-x:0; --tw-exit-translate-y:0 }
}
}
@layer theme {
.ported-site, .ported-site :host { --font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-red-100:oklch(93.6% .032 17.717); --color-red-300:oklch(80.8% .114 19.571); --color-red-400:oklch(70.4% .191 22.216); --color-red-500:oklch(63.7% .237 25.331); --color-red-600:oklch(57.7% .245 27.325); --color-red-800:oklch(44.4% .177 26.899); --color-red-900:oklch(39.6% .141 25.723); --color-orange-400:oklch(75% .183 55.934); --color-orange-500:oklch(70.5% .213 47.604); --color-amber-400:oklch(82.8% .189 84.429); --color-amber-500:oklch(76.9% .188 70.08); --color-yellow-400:oklch(85.2% .199 91.936); --color-yellow-500:oklch(79.5% .184 86.047); --color-yellow-600:oklch(68.1% .162 75.834); --color-green-100:oklch(96.2% .044 156.743); --color-green-400:oklch(79.2% .209 151.711); --color-green-500:oklch(72.3% .219 149.579); --color-green-600:oklch(62.7% .194 149.214); --color-green-800:oklch(44.8% .119 151.328); --color-green-900:oklch(39.3% .095 152.535); --color-emerald-400:oklch(76.5% .177 163.223); --color-emerald-500:oklch(69.6% .17 162.48); --color-emerald-600:oklch(59.6% .145 163.225); --color-emerald-700:oklch(50.8% .118 165.612); --color-cyan-400:oklch(78.9% .154 211.53); --color-cyan-500:oklch(71.5% .143 215.221); --color-blue-400:oklch(70.7% .165 254.624); --color-blue-500:oklch(62.3% .214 259.815); --color-blue-600:oklch(54.6% .245 262.881); --color-blue-700:oklch(48.8% .243 264.376); --color-violet-400:oklch(70.2% .183 293.541); --color-violet-500:oklch(60.6% .25 292.717); --color-violet-600:oklch(54.1% .281 293.009); --color-violet-700:oklch(49.1% .27 292.581); --color-purple-400:oklch(71.4% .203 305.504); --color-purple-500:oklch(62.7% .265 303.9); --color-purple-600:oklch(55.8% .288 302.321); --color-purple-700:oklch(49.6% .265 301.924); --color-slate-50:oklch(98.4% .003 247.858); --color-slate-100:oklch(96.8% .007 247.896); --color-slate-200:oklch(92.9% .013 255.508); --color-slate-300:oklch(86.9% .022 252.894); --color-slate-600:oklch(44.6% .043 257.281); --color-slate-700:oklch(37.2% .044 257.287); --color-slate-900:oklch(20.8% .042 265.755); --color-gray-400:oklch(70.7% .022 261.325); --color-gray-500:oklch(55.1% .027 264.364); --color-zinc-400:oklch(70.5% .015 286.067); --color-zinc-500:oklch(55.2% .016 285.938); --color-zinc-800:oklch(27.4% .006 286.033); --color-zinc-900:oklch(21% .006 285.885); --color-zinc-950:oklch(14.1% .005 285.823); --color-black:#000; --color-white:#fff; --spacing:.25rem; --container-xs:20rem; --container-sm:24rem; --container-md:28rem; --container-lg:32rem; --container-xl:36rem; --container-2xl:42rem; --container-3xl:48rem; --container-4xl:56rem; --container-5xl:64rem; --container-6xl:72rem; --container-7xl:80rem; --text-xs:.75rem; --text-xs--line-height:calc(1 / .75); --text-sm:.875rem; --text-sm--line-height:calc(1.25 / .875); --text-base:1rem; --text-base--line-height: 1.5; --text-lg:1.125rem; --text-lg--line-height:calc(1.75 / 1.125); --text-xl:1.25rem; --text-xl--line-height:calc(1.75 / 1.25); --text-2xl:1.5rem; --text-2xl--line-height:calc(2 / 1.5); --text-3xl:1.875rem; --text-3xl--line-height: 1.2; --text-4xl:2.25rem; --text-4xl--line-height:calc(2.5 / 2.25); --text-5xl:3rem; --text-5xl--line-height:1; --text-6xl:3.75rem; --text-6xl--line-height:1; --text-7xl:4.5rem; --text-7xl--line-height:1; --text-8xl:6rem; --text-8xl--line-height:1; --font-weight-light:300; --font-weight-normal:400; --font-weight-medium:500; --font-weight-semibold:600; --font-weight-bold:700; --font-weight-extrabold:800; --font-weight-black:900; --tracking-tighter:-.05em; --tracking-tight:-.025em; --tracking-wide:.025em; --tracking-wider:.05em; --tracking-widest:.1em; --leading-tight:1.25; --leading-snug:1.375; --leading-normal:1.5; --leading-relaxed:1.625; --radius-xs:.125rem; --radius-sm:calc(var(--radius) - 4px); --radius-md:calc(var(--radius) - 2px); --radius-lg:var(--radius); --radius-xl:calc(var(--radius) + 4px); --radius-2xl:1rem; --radius-3xl:1.5rem; --shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a; --shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a; --shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a; --drop-shadow-md:0 3px 3px #0000001f; --ease-out:cubic-bezier(0, 0, .2, 1); --ease-in-out:cubic-bezier(.4, 0, .2, 1); --animate-spin:spin 1s linear infinite; --animate-ping:ping 1s cubic-bezier(0, 0, .2, 1) infinite; --animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite; --blur-sm:8px; --blur-md:12px; --blur-xl:24px; --blur-2xl:40px; --aspect-video:16 / 9; --default-transition-duration:.15s; --default-transition-timing-function:cubic-bezier(.4, 0, .2, 1); --default-font-family:"Inter", sans-serif; --default-mono-font-family:var(--font-mono); --color-border:var(--border) }
}
@layer base {
.ported-site *, .ported-site :after, .ported-site :before, .ported-site ::backdrop { box-sizing:border-box; border:0 solid; margin:0; padding:0 }
.ported-site ::file-selector-button { box-sizing:border-box; border:0 solid; margin:0; padding:0 }
.ported-site, .ported-site :host { -webkit-text-size-adjust:100%; tab-size:4; line-height:1.5; font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); font-feature-settings:var(--default-font-feature-settings,normal); font-variation-settings:var(--default-font-variation-settings,normal); -webkit-tap-highlight-color:transparent }
.ported-site hr { height:0; color:inherit; border-top-width:1px }
.ported-site abbr:where([title]) { -webkit-text-decoration:underline dotted; text-decoration:underline dotted }
.ported-site h1, .ported-site h2, .ported-site h3, .ported-site h4, .ported-site h5, .ported-site h6 { font-size:inherit; font-weight:inherit }
.ported-site a { color:inherit; -webkit-text-decoration:inherit; text-decoration:inherit }
.ported-site b, .ported-site strong { font-weight:bolder }
.ported-site code, .ported-site kbd, .ported-site samp, .ported-site pre { font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); font-feature-settings:var(--default-mono-font-feature-settings,normal); font-variation-settings:var(--default-mono-font-variation-settings,normal); font-size:1em }
.ported-site small { font-size:80% }
.ported-site sub, .ported-site sup { vertical-align:baseline; font-size:75%; line-height:0; position:relative }
.ported-site sub { bottom:-.25em }
.ported-site sup { top:-.5em }
.ported-site table { text-indent:0; border-color:inherit; border-collapse:collapse }
.ported-site :-moz-focusring { outline:auto }
.ported-site progress { vertical-align:baseline }
.ported-site summary { display:list-item }
.ported-site ol, .ported-site ul, .ported-site menu { list-style:none }
.ported-site img, .ported-site svg, .ported-site video, .ported-site canvas, .ported-site audio, .ported-site iframe, .ported-site embed, .ported-site object { vertical-align:middle; display:block }
.ported-site img, .ported-site video { max-width:100%; height:auto }
.ported-site button, .ported-site input, .ported-site select, .ported-site optgroup, .ported-site textarea { font:inherit; font-feature-settings:inherit; font-variation-settings:inherit; letter-spacing:inherit; color:inherit; opacity:1; background-color:#0000; border-radius:0 }
.ported-site ::file-selector-button { font:inherit; font-feature-settings:inherit; font-variation-settings:inherit; letter-spacing:inherit; color:inherit; opacity:1; background-color:#0000; border-radius:0 }
.ported-site :where(select:is([multiple],[size])) optgroup { font-weight:bolder }
.ported-site :where(select:is([multiple],[size])) optgroup option { padding-inline-start:20px }
.ported-site ::file-selector-button { margin-inline-end:4px }
.ported-site ::placeholder { opacity:1 }
@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
.ported-site ::placeholder { color:currentColor }
@supports (color:color-mix(in lab,red,red)) {
.ported-site ::placeholder { color:color-mix(in oklab,currentcolor 50%,transparent) }
}
}
.ported-site textarea { resize:vertical }
.ported-site ::-webkit-search-decoration { -webkit-appearance:none }
.ported-site ::-webkit-date-and-time-value { min-height:1lh; text-align:inherit }
.ported-site ::-webkit-datetime-edit { display:inline-flex }
.ported-site ::-webkit-datetime-edit-fields-wrapper { padding:0 }
.ported-site ::-webkit-datetime-edit { padding-block:0 }
.ported-site ::-webkit-datetime-edit-year-field { padding-block:0 }
.ported-site ::-webkit-datetime-edit-month-field { padding-block:0 }
.ported-site ::-webkit-datetime-edit-day-field { padding-block:0 }
.ported-site ::-webkit-datetime-edit-hour-field { padding-block:0 }
.ported-site ::-webkit-datetime-edit-minute-field { padding-block:0 }
.ported-site ::-webkit-datetime-edit-second-field { padding-block:0 }
.ported-site ::-webkit-datetime-edit-millisecond-field { padding-block:0 }
.ported-site ::-webkit-datetime-edit-meridiem-field { padding-block:0 }
.ported-site ::-webkit-calendar-picker-indicator { line-height:1 }
.ported-site :-moz-ui-invalid { box-shadow:none }
.ported-site button, .ported-site input:where([type=button],[type=reset],[type=submit]) { appearance:button }
.ported-site ::file-selector-button { appearance:button }
.ported-site ::-webkit-inner-spin-button { height:auto }
.ported-site ::-webkit-outer-spin-button { height:auto }
.ported-site [hidden]:where(:not([hidden=until-found])) { display:none!important }
.ported-site * { border-color:var(--border); outline-color:var(--ring) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site * { outline-color:color-mix(in oklab,var(--ring) 50%,transparent) }
}
.ported-site { margin:0!important; padding:0!important }
.ported-site { background-color:var(--background); color:var(--foreground); -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; width:100%; min-width:100%; max-width:100%; font-family:Inter,sans-serif; overflow-x:clip; margin:0!important; padding:0!important }
.ported-site #root { width:100%; min-width:100%; max-width:100%; margin:0!important; padding:0!important }
.ported-site h1, .ported-site h2, .ported-site h3 { font-family:Playfair Display,serif }
.ported-site button:not(:disabled), .ported-site [role=button]:not([aria-disabled=true]), .ported-site [type=button]:not(:disabled), .ported-site [type=submit]:not(:disabled), .ported-site [type=reset]:not(:disabled), .ported-site a[href], .ported-site select:not(:disabled), .ported-site input[type=checkbox]:not(:disabled), .ported-site input[type=radio]:not(:disabled) { cursor:pointer }
}
@layer components {
.ported-site .container { width:100%; margin-left:auto; margin-right:auto; padding-left:1rem; padding-right:1rem }
.ported-site .flex { min-width:0; min-height:0 }
@media (min-width:640px) {
.ported-site .container { padding-left:1.5rem; padding-right:1.5rem }
}
@media (min-width:1024px) {
.ported-site .container { max-width:1280px; padding-left:2rem; padding-right:2rem }
}
}
@layer utilities {
.ported-site .\@container\/card-header { container:card-header/inline-size }
.ported-site .\@container\/field-group { container:field-group/inline-size }
.ported-site .pointer-events-auto { pointer-events:auto }
.ported-site .pointer-events-none { pointer-events:none }
.ported-site .collapse { visibility:collapse }
.ported-site .invisible { visibility:hidden }
.ported-site .visible { visibility:visible }
.ported-site .sr-only { clip-path:inset(50%); white-space:nowrap; border-width:0; width:1px; height:1px; margin:-1px; padding:0; position:absolute; overflow:hidden }
.ported-site .absolute { position:absolute }
.ported-site .fixed { position:fixed }
.ported-site .relative { position:relative }
.ported-site .static { position:static }
.ported-site .sticky { position:sticky }
.ported-site .-inset-2 { inset:calc(var(--spacing) * -2) }
.ported-site .inset-0 { inset:calc(var(--spacing) * 0) }
.ported-site .inset-\[13\.5\%\] { inset:13.5% }
.ported-site .inset-x-0 { inset-inline:calc(var(--spacing) * 0) }
.ported-site .inset-y-0 { inset-block:calc(var(--spacing) * 0) }
.ported-site .-top-0\.5 { top:calc(var(--spacing) * -.5) }
.ported-site .-top-2 { top:calc(var(--spacing) * -2) }
.ported-site .-top-4 { top:calc(var(--spacing) * -4) }
.ported-site .-top-10 { top:calc(var(--spacing) * -10) }
.ported-site .-top-12 { top:calc(var(--spacing) * -12) }
.ported-site .top-0 { top:calc(var(--spacing) * 0) }
.ported-site .top-1 { top:calc(var(--spacing) * 1) }
.ported-site .top-1\.5 { top:calc(var(--spacing) * 1.5) }
.ported-site .top-1\/2 { top:50% }
.ported-site .top-1\/4 { top:25% }
.ported-site .top-2 { top:calc(var(--spacing) * 2) }
.ported-site .top-3 { top:calc(var(--spacing) * 3) }
.ported-site .top-3\.5 { top:calc(var(--spacing) * 3.5) }
.ported-site .top-4 { top:calc(var(--spacing) * 4) }
.ported-site .top-5 { top:calc(var(--spacing) * 5) }
.ported-site .top-8 { top:calc(var(--spacing) * 8) }
.ported-site .top-12 { top:calc(var(--spacing) * 12) }
.ported-site .top-24 { top:calc(var(--spacing) * 24) }
.ported-site .top-28 { top:calc(var(--spacing) * 28) }
.ported-site .top-\[1px\] { top:1px }
.ported-site .top-\[50\%\] { top:50% }
.ported-site .top-\[60\%\] { top:60% }
.ported-site .top-\[76px\] { top:76px }
.ported-site .top-full { top:100% }
.ported-site .-right-0\.5 { right:calc(var(--spacing) * -.5) }
.ported-site .-right-2 { right:calc(var(--spacing) * -2) }
.ported-site .-right-4 { right:calc(var(--spacing) * -4) }
.ported-site .-right-12 { right:calc(var(--spacing) * -12) }
.ported-site .right-0 { right:calc(var(--spacing) * 0) }
.ported-site .right-1 { right:calc(var(--spacing) * 1) }
.ported-site .right-1\.5 { right:calc(var(--spacing) * 1.5) }
.ported-site .right-1\/4 { right:25% }
.ported-site .right-2 { right:calc(var(--spacing) * 2) }
.ported-site .right-3 { right:calc(var(--spacing) * 3) }
.ported-site .right-4 { right:calc(var(--spacing) * 4) }
.ported-site .right-6 { right:calc(var(--spacing) * 6) }
.ported-site .right-8 { right:calc(var(--spacing) * 8) }
.ported-site .right-full { right:100% }
.ported-site .-bottom-12 { bottom:calc(var(--spacing) * -12) }
.ported-site .bottom-0 { bottom:calc(var(--spacing) * 0) }
.ported-site .bottom-1 { bottom:calc(var(--spacing) * 1) }
.ported-site .bottom-1\.5 { bottom:calc(var(--spacing) * 1.5) }
.ported-site .bottom-2 { bottom:calc(var(--spacing) * 2) }
.ported-site .bottom-3 { bottom:calc(var(--spacing) * 3) }
.ported-site .bottom-4 { bottom:calc(var(--spacing) * 4) }
.ported-site .bottom-6 { bottom:calc(var(--spacing) * 6) }
.ported-site .-left-0\.5 { left:calc(var(--spacing) * -.5) }
.ported-site .-left-4 { left:calc(var(--spacing) * -4) }
.ported-site .-left-12 { left:calc(var(--spacing) * -12) }
.ported-site .left-0 { left:calc(var(--spacing) * 0) }
.ported-site .left-1\.5 { left:calc(var(--spacing) * 1.5) }
.ported-site .left-1\/2 { left:50% }
.ported-site .left-2 { left:calc(var(--spacing) * 2) }
.ported-site .left-3 { left:calc(var(--spacing) * 3) }
.ported-site .left-3\.5 { left:calc(var(--spacing) * 3.5) }
.ported-site .left-4 { left:calc(var(--spacing) * 4) }
.ported-site .left-6 { left:calc(var(--spacing) * 6) }
.ported-site .left-\[3px\] { left:3px }
.ported-site .left-\[50\%\] { left:50% }
.ported-site .left-full { left:100% }
.ported-site .isolate { isolation:isolate }
.ported-site .z-0 { z-index:0 }
.ported-site .z-10 { z-index:10 }
.ported-site .z-20 { z-index:20 }
.ported-site .z-30 { z-index:30 }
.ported-site .z-40 { z-index:40 }
.ported-site .z-50 { z-index:50 }
.ported-site .z-\[1\] { z-index:1 }
.ported-site .z-\[100\] { z-index:100 }
.ported-site .order-1 { order:1 }
.ported-site .order-2 { order:2 }
.ported-site .order-first { order:-9999 }
.ported-site .order-last { order:9999 }
.ported-site .col-span-2 { grid-column:span 2/span 2 }
.ported-site .col-span-full { grid-column:1/-1 }
.ported-site .col-start-2 { grid-column-start:2 }
.ported-site .row-span-2 { grid-row:span 2/span 2 }
.ported-site .row-start-1 { grid-row-start:1 }
.ported-site .container { width:100% }
@media (min-width:40rem) {
.ported-site .container { max-width:40rem }
}
@media (min-width:48rem) {
.ported-site .container { max-width:48rem }
}
@media (min-width:64rem) {
.ported-site .container { max-width:64rem }
}
@media (min-width:80rem) {
.ported-site .container { max-width:80rem }
}
@media (min-width:96rem) {
.ported-site .container { max-width:96rem }
}
.ported-site .\!m-0 { margin:calc(var(--spacing) * 0)!important }
.ported-site .m-0 { margin:calc(var(--spacing) * 0) }
.ported-site .-mx-1 { margin-inline:calc(var(--spacing) * -1) }
.ported-site .mx-1 { margin-inline:calc(var(--spacing) * 1) }
.ported-site .mx-2 { margin-inline:calc(var(--spacing) * 2) }
.ported-site .mx-3\.5 { margin-inline:calc(var(--spacing) * 3.5) }
.ported-site .mx-4 { margin-inline:calc(var(--spacing) * 4) }
.ported-site .mx-auto { margin-inline:auto }
.ported-site .-my-2 { margin-block:calc(var(--spacing) * -2) }
.ported-site .my-0 { margin-block:calc(var(--spacing) * 0) }
.ported-site .my-0\.5 { margin-block:calc(var(--spacing) * .5) }
.ported-site .my-1 { margin-block:calc(var(--spacing) * 1) }
.ported-site .my-3 { margin-block:calc(var(--spacing) * 3) }
.ported-site .my-4 { margin-block:calc(var(--spacing) * 4) }
.ported-site .my-6 { margin-block:calc(var(--spacing) * 6) }
.ported-site .my-8 { margin-block:calc(var(--spacing) * 8) }
.ported-site .my-12 { margin-block:calc(var(--spacing) * 12) }
.ported-site .-mt-4 { margin-top:calc(var(--spacing) * -4) }
.ported-site .mt-0 { margin-top:calc(var(--spacing) * 0) }
.ported-site .mt-0\.5 { margin-top:calc(var(--spacing) * .5) }
.ported-site .mt-1 { margin-top:calc(var(--spacing) * 1) }
.ported-site .mt-1\.5 { margin-top:calc(var(--spacing) * 1.5) }
.ported-site .mt-2 { margin-top:calc(var(--spacing) * 2) }
.ported-site .mt-2\.5 { margin-top:calc(var(--spacing) * 2.5) }
.ported-site .mt-3 { margin-top:calc(var(--spacing) * 3) }
.ported-site .mt-4 { margin-top:calc(var(--spacing) * 4) }
.ported-site .mt-5 { margin-top:calc(var(--spacing) * 5) }
.ported-site .mt-6 { margin-top:calc(var(--spacing) * 6) }
.ported-site .mt-7 { margin-top:calc(var(--spacing) * 7) }
.ported-site .mt-8 { margin-top:calc(var(--spacing) * 8) }
.ported-site .mt-9 { margin-top:calc(var(--spacing) * 9) }
.ported-site .mt-10 { margin-top:calc(var(--spacing) * 10) }
.ported-site .mt-12 { margin-top:calc(var(--spacing) * 12) }
.ported-site .mt-16 { margin-top:calc(var(--spacing) * 16) }
.ported-site .mt-auto { margin-top:auto }
.ported-site .mr-1 { margin-right:calc(var(--spacing) * 1) }
.ported-site .mr-1\.5 { margin-right:calc(var(--spacing) * 1.5) }
.ported-site .mr-2 { margin-right:calc(var(--spacing) * 2) }
.ported-site .mr-3 { margin-right:calc(var(--spacing) * 3) }
.ported-site .mr-4 { margin-right:calc(var(--spacing) * 4) }
.ported-site .mb-0\.5 { margin-bottom:calc(var(--spacing) * .5) }
.ported-site .mb-1 { margin-bottom:calc(var(--spacing) * 1) }
.ported-site .mb-1\.5 { margin-bottom:calc(var(--spacing) * 1.5) }
.ported-site .mb-2 { margin-bottom:calc(var(--spacing) * 2) }
.ported-site .mb-2\.5 { margin-bottom:calc(var(--spacing) * 2.5) }
.ported-site .mb-3 { margin-bottom:calc(var(--spacing) * 3) }
.ported-site .mb-4 { margin-bottom:calc(var(--spacing) * 4) }
.ported-site .mb-5 { margin-bottom:calc(var(--spacing) * 5) }
.ported-site .mb-6 { margin-bottom:calc(var(--spacing) * 6) }
.ported-site .mb-8 { margin-bottom:calc(var(--spacing) * 8) }
.ported-site .mb-10 { margin-bottom:calc(var(--spacing) * 10) }
.ported-site .mb-12 { margin-bottom:calc(var(--spacing) * 12) }
.ported-site .mb-14 { margin-bottom:calc(var(--spacing) * 14) }
.ported-site .mb-16 { margin-bottom:calc(var(--spacing) * 16) }
.ported-site .mb-20 { margin-bottom:calc(var(--spacing) * 20) }
.ported-site .-ml-4 { margin-left:calc(var(--spacing) * -4) }
.ported-site .ml-1 { margin-left:calc(var(--spacing) * 1) }
.ported-site .ml-1\.5 { margin-left:calc(var(--spacing) * 1.5) }
.ported-site .ml-2 { margin-left:calc(var(--spacing) * 2) }
.ported-site .ml-3 { margin-left:calc(var(--spacing) * 3) }
.ported-site .ml-4 { margin-left:calc(var(--spacing) * 4) }
.ported-site .ml-8 { margin-left:calc(var(--spacing) * 8) }
.ported-site .ml-auto { margin-left:auto }
.ported-site .line-clamp-1 { -webkit-line-clamp:1; -webkit-box-orient:vertical; display:-webkit-box; overflow:hidden }
.ported-site .line-clamp-2 { -webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box; overflow:hidden }
.ported-site .line-clamp-4 { -webkit-line-clamp:4; -webkit-box-orient:vertical; display:-webkit-box; overflow:hidden }
.ported-site .block { display:block }
.ported-site .contents { display:contents }
.ported-site .flex { display:flex }
.ported-site .grid { display:grid }
.ported-site .hidden { display:none }
.ported-site .inline { display:inline }
.ported-site .inline-block { display:inline-block }
.ported-site .inline-flex { display:inline-flex }
.ported-site .table { display:table }
.ported-site .table-caption { display:table-caption }
.ported-site .table-cell { display:table-cell }
.ported-site .table-row { display:table-row }
.ported-site .field-sizing-content { field-sizing:content }
.ported-site .aspect-\[2\/3\] { aspect-ratio:2/3 }
.ported-site .aspect-\[3\/2\] { aspect-ratio:3/2 }
.ported-site .aspect-\[3\/4\] { aspect-ratio:3/4 }
.ported-site .aspect-\[4\/3\] { aspect-ratio:4/3 }
.ported-site .aspect-\[4\/5\] { aspect-ratio:4/5 }
.ported-site .aspect-\[16\/9\] { aspect-ratio:16/9 }
.ported-site .aspect-auto { aspect-ratio:auto }
.ported-site .aspect-square { aspect-ratio:1 }
.ported-site .aspect-video { aspect-ratio:var(--aspect-video) }
.ported-site .size-\(--cell-size\) { width:var(--cell-size); height:var(--cell-size) }
.ported-site .size-2 { width:calc(var(--spacing) * 2); height:calc(var(--spacing) * 2) }
.ported-site .size-2\.5 { width:calc(var(--spacing) * 2.5); height:calc(var(--spacing) * 2.5) }
.ported-site .size-3 { width:calc(var(--spacing) * 3); height:calc(var(--spacing) * 3) }
.ported-site .size-3\.5 { width:calc(var(--spacing) * 3.5); height:calc(var(--spacing) * 3.5) }
.ported-site .size-4 { width:calc(var(--spacing) * 4); height:calc(var(--spacing) * 4) }
.ported-site .size-6 { width:calc(var(--spacing) * 6); height:calc(var(--spacing) * 6) }
.ported-site .size-7 { width:calc(var(--spacing) * 7); height:calc(var(--spacing) * 7) }
.ported-site .size-8 { width:calc(var(--spacing) * 8); height:calc(var(--spacing) * 8) }
.ported-site .size-9 { width:calc(var(--spacing) * 9); height:calc(var(--spacing) * 9) }
.ported-site .size-10 { width:calc(var(--spacing) * 10); height:calc(var(--spacing) * 10) }
.ported-site .size-12 { width:calc(var(--spacing) * 12); height:calc(var(--spacing) * 12) }
.ported-site .size-auto { width:auto; height:auto }
.ported-site .size-full { width:100%; height:100% }
.ported-site .h-\(--cell-size\) { height:var(--cell-size) }
.ported-site .h-1 { height:calc(var(--spacing) * 1) }
.ported-site .h-1\.5 { height:calc(var(--spacing) * 1.5) }
.ported-site .h-2 { height:calc(var(--spacing) * 2) }
.ported-site .h-2\.5 { height:calc(var(--spacing) * 2.5) }
.ported-site .h-3 { height:calc(var(--spacing) * 3) }
.ported-site .h-3\.5 { height:calc(var(--spacing) * 3.5) }
.ported-site .h-4 { height:calc(var(--spacing) * 4) }
.ported-site .h-4\.5 { height:calc(var(--spacing) * 4.5) }
.ported-site .h-5 { height:calc(var(--spacing) * 5) }
.ported-site .h-6 { height:calc(var(--spacing) * 6) }
.ported-site .h-7 { height:calc(var(--spacing) * 7) }
.ported-site .h-8 { height:calc(var(--spacing) * 8) }
.ported-site .h-9 { height:calc(var(--spacing) * 9) }
.ported-site .h-10 { height:calc(var(--spacing) * 10) }
.ported-site .h-11 { height:calc(var(--spacing) * 11) }
.ported-site .h-12 { height:calc(var(--spacing) * 12) }
.ported-site .h-14 { height:calc(var(--spacing) * 14) }
.ported-site .h-16 { height:calc(var(--spacing) * 16) }
.ported-site .h-20 { height:calc(var(--spacing) * 20) }
.ported-site .h-24 { height:calc(var(--spacing) * 24) }
.ported-site .h-28 { height:calc(var(--spacing) * 28) }
.ported-site .h-32 { height:calc(var(--spacing) * 32) }
.ported-site .h-40 { height:calc(var(--spacing) * 40) }
.ported-site .h-64 { height:calc(var(--spacing) * 64) }
.ported-site .h-\[1\.5px\] { height:1.5px }
.ported-site .h-\[1\.15rem\] { height:1.15rem }
.ported-site .h-\[1px\] { height:1px }
.ported-site .h-\[2px\] { height:2px }
.ported-site .h-\[18px\] { height:18px }
.ported-site .h-\[38px\] { height:38px }
.ported-site .h-\[60px\] { height:60px }
.ported-site .h-\[72px\] { height:72px }
.ported-site .h-\[200px\] { height:200px }
.ported-site .h-\[500px\] { height:500px }
.ported-site .h-\[600px\] { height:600px }
.ported-site .h-\[calc\(100\%-1px\)\] { height:calc(100% - 1px) }
.ported-site .h-\[calc\(100vh-80px\)\] { height:calc(100vh - 80px) }
.ported-site .h-\[calc\(100vh-220px\)\] { height:calc(100vh - 220px) }
.ported-site .h-\[calc\(100vh-280px\)\] { height:calc(100vh - 280px) }
.ported-site .h-\[var\(--radix-navigation-menu-viewport-height\)\] { height:var(--radix-navigation-menu-viewport-height) }
.ported-site .h-\[var\(--radix-select-trigger-height\)\] { height:var(--radix-select-trigger-height) }
.ported-site .h-auto { height:auto }
.ported-site .h-full { height:100% }
.ported-site .h-px { height:1px }
.ported-site .h-screen { height:100vh }
.ported-site .h-svh { height:100svh }
.ported-site .max-h-\(--radix-context-menu-content-available-height\) { max-height:var(--radix-context-menu-content-available-height) }
.ported-site .max-h-\(--radix-dropdown-menu-content-available-height\) { max-height:var(--radix-dropdown-menu-content-available-height) }
.ported-site .max-h-\(--radix-select-content-available-height\) { max-height:var(--radix-select-content-available-height) }
.ported-site .max-h-0 { max-height:calc(var(--spacing) * 0) }
.ported-site .max-h-32 { max-height:calc(var(--spacing) * 32) }
.ported-site .max-h-40 { max-height:calc(var(--spacing) * 40) }
.ported-site .max-h-48 { max-height:calc(var(--spacing) * 48) }
.ported-site .max-h-60 { max-height:calc(var(--spacing) * 60) }
.ported-site .max-h-64 { max-height:calc(var(--spacing) * 64) }
.ported-site .max-h-96 { max-height:calc(var(--spacing) * 96) }
.ported-site .max-h-\[68vh\] { max-height:68vh }
.ported-site .max-h-\[75vh\] { max-height:75vh }
.ported-site .max-h-\[90vh\] { max-height:90vh }
.ported-site .max-h-\[300px\] { max-height:300px }
.ported-site .max-h-\[400px\] { max-height:400px }
.ported-site .max-h-\[500px\] { max-height:500px }
.ported-site .max-h-\[calc\(100vh-300px\)\] { max-height:calc(100vh - 300px) }
.ported-site .min-h-0 { min-height:calc(var(--spacing) * 0) }
.ported-site .min-h-4 { min-height:calc(var(--spacing) * 4) }
.ported-site .min-h-9 { min-height:calc(var(--spacing) * 9) }
.ported-site .min-h-11 { min-height:calc(var(--spacing) * 11) }
.ported-site .min-h-12 { min-height:calc(var(--spacing) * 12) }
.ported-site .min-h-16 { min-height:calc(var(--spacing) * 16) }
.ported-site .min-h-\[60vh\] { min-height:60vh }
.ported-site .min-h-\[80px\] { min-height:80px }
.ported-site .min-h-\[85vh\] { min-height:85vh }
.ported-site .min-h-\[90vh\] { min-height:90vh }
.ported-site .min-h-\[96px\] { min-height:96px }
.ported-site .min-h-\[120px\] { min-height:120px }
.ported-site .min-h-\[140px\] { min-height:140px }
.ported-site .min-h-\[200px\] { min-height:200px }
.ported-site .min-h-\[250px\] { min-height:250px }
.ported-site .min-h-\[320px\] { min-height:320px }
.ported-site .min-h-\[400px\] { min-height:400px }
.ported-site .min-h-\[500px\] { min-height:500px }
.ported-site .min-h-\[600px\] { min-height:600px }
.ported-site .min-h-screen { min-height:100vh }
.ported-site .min-h-svh { min-height:100svh }
.ported-site .w-\(--cell-size\) { width:var(--cell-size) }
.ported-site .w-\(--sidebar-width\) { width:var(--sidebar-width) }
.ported-site .w-0 { width:calc(var(--spacing) * 0) }
.ported-site .w-1 { width:calc(var(--spacing) * 1) }
.ported-site .w-1\.5 { width:calc(var(--spacing) * 1.5) }
.ported-site .w-1\/2 { width:50% }
.ported-site .w-1\/3 { width:33.3333% }
.ported-site .w-1\/4 { width:25% }
.ported-site .w-2 { width:calc(var(--spacing) * 2) }
.ported-site .w-2\.5 { width:calc(var(--spacing) * 2.5) }
.ported-site .w-2\/3 { width:66.6667% }
.ported-site .w-3 { width:calc(var(--spacing) * 3) }
.ported-site .w-3\.5 { width:calc(var(--spacing) * 3.5) }
.ported-site .w-3\/4 { width:75% }
.ported-site .w-4 { width:calc(var(--spacing) * 4) }
.ported-site .w-4\.5 { width:calc(var(--spacing) * 4.5) }
.ported-site .w-5 { width:calc(var(--spacing) * 5) }
.ported-site .w-6 { width:calc(var(--spacing) * 6) }
.ported-site .w-7 { width:calc(var(--spacing) * 7) }
.ported-site .w-8 { width:calc(var(--spacing) * 8) }
.ported-site .w-9 { width:calc(var(--spacing) * 9) }
.ported-site .w-10 { width:calc(var(--spacing) * 10) }
.ported-site .w-11 { width:calc(var(--spacing) * 11) }
.ported-site .w-12 { width:calc(var(--spacing) * 12) }
.ported-site .w-14 { width:calc(var(--spacing) * 14) }
.ported-site .w-16 { width:calc(var(--spacing) * 16) }
.ported-site .w-20 { width:calc(var(--spacing) * 20) }
.ported-site .w-24 { width:calc(var(--spacing) * 24) }
.ported-site .w-28 { width:calc(var(--spacing) * 28) }
.ported-site .w-32 { width:calc(var(--spacing) * 32) }
.ported-site .w-40 { width:calc(var(--spacing) * 40) }
.ported-site .w-48 { width:calc(var(--spacing) * 48) }
.ported-site .w-64 { width:calc(var(--spacing) * 64) }
.ported-site .w-72 { width:calc(var(--spacing) * 72) }
.ported-site .w-80 { width:calc(var(--spacing) * 80) }
.ported-site .w-\[1px\] { width:1px }
.ported-site .w-\[3px\] { width:3px }
.ported-site .w-\[6\.25\%\] { width:6.25% }
.ported-site .w-\[18px\] { width:18px }
.ported-site .w-\[38px\] { width:38px }
.ported-site .w-\[82px\] { width:82px }
.ported-site .w-\[100\%\] { width:100% }
.ported-site .w-\[100px\] { width:100px }
.ported-site .w-\[130px\] { width:130px }
.ported-site .w-\[140px\] { width:140px }
.ported-site .w-\[150px\] { width:150px }
.ported-site .w-\[160px\] { width:160px }
.ported-site .w-\[200px\] { width:200px }
.ported-site .w-\[260px\] { width:260px }
.ported-site .w-\[280px\] { width:280px }
.ported-site .w-\[300px\] { width:300px }
.ported-site .w-\[400px\] { width:400px }
.ported-site .w-\[600px\] { width:600px }
.ported-site .w-auto { width:auto }
.ported-site .w-fit { width:fit-content }
.ported-site .w-full { width:100% }
.ported-site .w-max { width:max-content }
.ported-site .w-px { width:1px }
.ported-site .max-w-\(--skeleton-width\) { max-width:var(--skeleton-width) }
.ported-site .max-w-2xl { max-width:var(--container-2xl) }
.ported-site .max-w-3xl { max-width:var(--container-3xl) }
.ported-site .max-w-4xl { max-width:var(--container-4xl) }
.ported-site .max-w-5xl { max-width:var(--container-5xl) }
.ported-site .max-w-6xl { max-width:var(--container-6xl) }
.ported-site .max-w-7xl { max-width:var(--container-7xl) }
.ported-site .max-w-24 { max-width:calc(var(--spacing) * 24) }
.ported-site .max-w-\[34ch\] { max-width:34ch }
.ported-site .max-w-\[80\%\] { max-width:80% }
.ported-site .max-w-\[85\%\] { max-width:85% }
.ported-site .max-w-\[140px\] { max-width:140px }
.ported-site .max-w-\[200px\] { max-width:200px }
.ported-site .max-w-\[1200px\] { max-width:1200px }
.ported-site .max-w-\[1400px\] { max-width:1400px }
.ported-site .max-w-\[calc\(100\%-2rem\)\] { max-width:calc(100% - 2rem) }
.ported-site .max-w-lg { max-width:var(--container-lg) }
.ported-site .max-w-max { max-width:max-content }
.ported-site .max-w-md { max-width:var(--container-md) }
.ported-site .max-w-none { max-width:none }
.ported-site .max-w-sm { max-width:var(--container-sm) }
.ported-site .max-w-xl { max-width:var(--container-xl) }
.ported-site .max-w-xs { max-width:var(--container-xs) }
.ported-site .min-w-\(--cell-size\) { min-width:var(--cell-size) }
.ported-site .min-w-0 { min-width:calc(var(--spacing) * 0) }
.ported-site .min-w-5 { min-width:calc(var(--spacing) * 5) }
.ported-site .min-w-8 { min-width:calc(var(--spacing) * 8) }
.ported-site .min-w-9 { min-width:calc(var(--spacing) * 9) }
.ported-site .min-w-10 { min-width:calc(var(--spacing) * 10) }
.ported-site .min-w-\[8rem\] { min-width:8rem }
.ported-site .min-w-\[12rem\] { min-width:12rem }
.ported-site .min-w-\[40px\] { min-width:40px }
.ported-site .min-w-\[60px\] { min-width:60px }
.ported-site .min-w-\[80px\] { min-width:80px }
.ported-site .min-w-\[100px\] { min-width:100px }
.ported-site .min-w-\[180px\] { min-width:180px }
.ported-site .min-w-\[200px\] { min-width:200px }
.ported-site .min-w-\[240px\] { min-width:240px }
.ported-site .min-w-\[760px\] { min-width:760px }
.ported-site .min-w-\[var\(--radix-select-trigger-width\)\] { min-width:var(--radix-select-trigger-width) }
.ported-site .min-w-fit { min-width:fit-content }
.ported-site .flex-1 { flex:1 }
.ported-site .flex-shrink-0 { flex-shrink:0 }
.ported-site .shrink { flex-shrink:1 }
.ported-site .shrink-0 { flex-shrink:0 }
.ported-site .grow { flex-grow:1 }
.ported-site .grow-0 { flex-grow:0 }
.ported-site .basis-full { flex-basis:100% }
.ported-site .caption-bottom { caption-side:bottom }
.ported-site .border-collapse { border-collapse:collapse }
.ported-site .origin-\(--radix-context-menu-content-transform-origin\) { transform-origin:var(--radix-context-menu-content-transform-origin) }
.ported-site .origin-\(--radix-dropdown-menu-content-transform-origin\) { transform-origin:var(--radix-dropdown-menu-content-transform-origin) }
.ported-site .origin-\(--radix-hover-card-content-transform-origin\) { transform-origin:var(--radix-hover-card-content-transform-origin) }
.ported-site .origin-\(--radix-menubar-content-transform-origin\) { transform-origin:var(--radix-menubar-content-transform-origin) }
.ported-site .origin-\(--radix-popover-content-transform-origin\) { transform-origin:var(--radix-popover-content-transform-origin) }
.ported-site .origin-\(--radix-select-content-transform-origin\) { transform-origin:var(--radix-select-content-transform-origin) }
.ported-site .origin-\(--radix-tooltip-content-transform-origin\) { transform-origin:var(--radix-tooltip-content-transform-origin) }
.ported-site .origin-left { transform-origin:0 }
.ported-site .-translate-x-1\/2 { --tw-translate-x: -50%; translate:var(--tw-translate-x) var(--tw-translate-y) }
.ported-site .-translate-x-1\/4 { --tw-translate-x: -25%; translate:var(--tw-translate-x) var(--tw-translate-y) }
.ported-site .-translate-x-full { --tw-translate-x:-100%; translate:var(--tw-translate-x) var(--tw-translate-y) }
.ported-site .-translate-x-px { --tw-translate-x:-1px; translate:var(--tw-translate-x) var(--tw-translate-y) }
.ported-site .translate-x-0 { --tw-translate-x:calc(var(--spacing) * 0); translate:var(--tw-translate-x) var(--tw-translate-y) }
.ported-site .translate-x-1\/2 { --tw-translate-x: 50%; translate:var(--tw-translate-x) var(--tw-translate-y) }
.ported-site .translate-x-\[-50\%\] { --tw-translate-x:-50%; translate:var(--tw-translate-x) var(--tw-translate-y) }
.ported-site .translate-x-px { --tw-translate-x:1px; translate:var(--tw-translate-x) var(--tw-translate-y) }
.ported-site .-translate-y-1\/2 { --tw-translate-y: -50%; translate:var(--tw-translate-x) var(--tw-translate-y) }
.ported-site .-translate-y-full { --tw-translate-y:-100%; translate:var(--tw-translate-x) var(--tw-translate-y) }
.ported-site .translate-y-0 { --tw-translate-y:calc(var(--spacing) * 0); translate:var(--tw-translate-x) var(--tw-translate-y) }
.ported-site .translate-y-0\.5 { --tw-translate-y:calc(var(--spacing) * .5); translate:var(--tw-translate-x) var(--tw-translate-y) }
.ported-site .translate-y-\[-50\%\] { --tw-translate-y:-50%; translate:var(--tw-translate-x) var(--tw-translate-y) }
.ported-site .translate-y-\[calc\(-50\%_-_2px\)\] { --tw-translate-y: calc(-50% - 2px); translate:var(--tw-translate-x) var(--tw-translate-y) }
.ported-site .translate-y-full { --tw-translate-y:100%; translate:var(--tw-translate-x) var(--tw-translate-y) }
.ported-site .scale-0 { --tw-scale-x:0%; --tw-scale-y:0%; --tw-scale-z:0%; scale:var(--tw-scale-x) var(--tw-scale-y) }
.ported-site .scale-100 { --tw-scale-x:100%; --tw-scale-y:100%; --tw-scale-z:100%; scale:var(--tw-scale-x) var(--tw-scale-y) }
.ported-site .scale-110 { --tw-scale-x:110%; --tw-scale-y:110%; --tw-scale-z:110%; scale:var(--tw-scale-x) var(--tw-scale-y) }
.ported-site .rotate-0 { rotate:0deg }
.ported-site .rotate-45 { rotate:45deg }
.ported-site .rotate-90 { rotate:90deg }
.ported-site .rotate-180 { rotate:180deg }
.ported-site .rotate-\[-90deg\] { rotate:-90deg }
.ported-site .skew-x-12 { --tw-skew-x:skewX(12deg); transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,) }
.ported-site .transform { transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,) }
.ported-site .animate-\[shimmer_1\.5s_infinite\] { animation:1.5s infinite shimmer }
.ported-site .animate-caret-blink { animation:1.25s ease-out infinite caret-blink }
.ported-site .animate-in { animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none) }
.ported-site .animate-ping { animation:var(--animate-ping) }
.ported-site .animate-pulse { animation:var(--animate-pulse) }
.ported-site .animate-spin { animation:var(--animate-spin) }
.ported-site .cursor-col-resize { cursor:col-resize }
.ported-site .cursor-default { cursor:default }
.ported-site .cursor-not-allowed { cursor:not-allowed }
.ported-site .cursor-pointer { cursor:pointer }
.ported-site .cursor-text { cursor:text }
.ported-site .cursor-zoom-in { cursor:zoom-in }
.ported-site .touch-none { touch-action:none }
.ported-site .resize { resize:both }
.ported-site .resize-none { resize:none }
.ported-site .scroll-my-1 { scroll-margin-block:calc(var(--spacing) * 1) }
.ported-site .scroll-py-1 { scroll-padding-block:calc(var(--spacing) * 1) }
.ported-site .list-decimal { list-style-type:decimal }
.ported-site .list-disc { list-style-type:disc }
.ported-site .list-none { list-style-type:none }
.ported-site .auto-rows-min { grid-auto-rows:min-content }
.ported-site .grid-cols-1 { grid-template-columns:repeat(1,minmax(0,1fr)) }
.ported-site .grid-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)) }
.ported-site .grid-cols-3 { grid-template-columns:repeat(3,minmax(0,1fr)) }
.ported-site .grid-cols-4 { grid-template-columns:repeat(4,minmax(0,1fr)) }
.ported-site .grid-cols-\[0_1fr\] { grid-template-columns:0 1fr }
.ported-site .grid-rows-\[auto_auto\] { grid-template-rows:auto auto }
.ported-site .flex-col { flex-direction:column }
.ported-site .flex-col-reverse { flex-direction:column-reverse }
.ported-site .flex-row { flex-direction:row }
.ported-site .flex-nowrap { flex-wrap:nowrap }
.ported-site .flex-wrap { flex-wrap:wrap }
.ported-site .items-baseline { align-items:baseline }
.ported-site .items-center { align-items:center }
.ported-site .items-end { align-items:flex-end }
.ported-site .items-start { align-items:flex-start }
.ported-site .items-stretch { align-items:stretch }
.ported-site .justify-around { justify-content:space-around }
.ported-site .justify-between { justify-content:space-between }
.ported-site .justify-center { justify-content:center }
.ported-site .justify-end { justify-content:flex-end }
.ported-site .justify-start { justify-content:flex-start }
.ported-site .justify-items-start { justify-items:start }
.ported-site .gap-0 { gap:calc(var(--spacing) * 0) }
.ported-site .gap-0\.5 { gap:calc(var(--spacing) * .5) }
.ported-site .gap-1 { gap:calc(var(--spacing) * 1) }
.ported-site .gap-1\.5 { gap:calc(var(--spacing) * 1.5) }
.ported-site .gap-2 { gap:calc(var(--spacing) * 2) }
.ported-site .gap-2\.5 { gap:calc(var(--spacing) * 2.5) }
.ported-site .gap-3 { gap:calc(var(--spacing) * 3) }
.ported-site .gap-4 { gap:calc(var(--spacing) * 4) }
.ported-site .gap-5 { gap:calc(var(--spacing) * 5) }
.ported-site .gap-6 { gap:calc(var(--spacing) * 6) }
.ported-site .gap-7 { gap:calc(var(--spacing) * 7) }
.ported-site .gap-8 { gap:calc(var(--spacing) * 8) }
.ported-site .gap-10 { gap:calc(var(--spacing) * 10) }
.ported-site .gap-12 { gap:calc(var(--spacing) * 12) }
.ported-site .gap-16 { gap:calc(var(--spacing) * 16) }
.ported-site .gap-\[1px\], .ported-site .gap-px { gap:1px }
.ported-site :where(.space-y-0>:not(:last-child)) { --tw-space-y-reverse:0; margin-block-start:calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse)); margin-block-end:calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse))) }
.ported-site :where(.space-y-0\.5>:not(:last-child)) { --tw-space-y-reverse:0; margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse)); margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse))) }
.ported-site :where(.space-y-1>:not(:last-child)) { --tw-space-y-reverse:0; margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse)); margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse))) }
.ported-site :where(.space-y-1\.5>:not(:last-child)) { --tw-space-y-reverse:0; margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse)); margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse))) }
.ported-site :where(.space-y-2>:not(:last-child)) { --tw-space-y-reverse:0; margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))) }
.ported-site :where(.space-y-2\.5>:not(:last-child)) { --tw-space-y-reverse:0; margin-block-start:calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse)); margin-block-end:calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse))) }
.ported-site :where(.space-y-3>:not(:last-child)) { --tw-space-y-reverse:0; margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)); margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))) }
.ported-site :where(.space-y-4>:not(:last-child)) { --tw-space-y-reverse:0; margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))) }
.ported-site :where(.space-y-5>:not(:last-child)) { --tw-space-y-reverse:0; margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse)); margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse))) }
.ported-site :where(.space-y-6>:not(:last-child)) { --tw-space-y-reverse:0; margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)); margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))) }
.ported-site :where(.space-y-8>:not(:last-child)) { --tw-space-y-reverse:0; margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse)); margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))) }
.ported-site :where(.space-y-10>:not(:last-child)) { --tw-space-y-reverse:0; margin-block-start:calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse)); margin-block-end:calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse))) }
.ported-site :where(.space-y-12>:not(:last-child)) { --tw-space-y-reverse:0; margin-block-start:calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse)); margin-block-end:calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse))) }
.ported-site :where(.space-y-16>:not(:last-child)) { --tw-space-y-reverse:0; margin-block-start:calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse)); margin-block-end:calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse))) }
.ported-site :where(.space-y-20>:not(:last-child)) { --tw-space-y-reverse:0; margin-block-start:calc(calc(var(--spacing) * 20) * var(--tw-space-y-reverse)); margin-block-end:calc(calc(var(--spacing) * 20) * calc(1 - var(--tw-space-y-reverse))) }
.ported-site :where(.space-y-28>:not(:last-child)) { --tw-space-y-reverse:0; margin-block-start:calc(calc(var(--spacing) * 28) * var(--tw-space-y-reverse)); margin-block-end:calc(calc(var(--spacing) * 28) * calc(1 - var(--tw-space-y-reverse))) }
.ported-site .gap-x-4 { column-gap:calc(var(--spacing) * 4) }
.ported-site .gap-x-6 { column-gap:calc(var(--spacing) * 6) }
.ported-site .gap-x-8 { column-gap:calc(var(--spacing) * 8) }
.ported-site .gap-x-10 { column-gap:calc(var(--spacing) * 10) }
.ported-site .gap-x-12 { column-gap:calc(var(--spacing) * 12) }
.ported-site :where(.space-x-2>:not(:last-child)) { --tw-space-x-reverse:0; margin-inline-start:calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse)); margin-inline-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse))) }
.ported-site .gap-y-0 { row-gap:calc(var(--spacing) * 0) }
.ported-site .gap-y-0\.5 { row-gap:calc(var(--spacing) * .5) }
.ported-site .gap-y-1 { row-gap:calc(var(--spacing) * 1) }
.ported-site .gap-y-2 { row-gap:calc(var(--spacing) * 2) }
.ported-site .gap-y-3 { row-gap:calc(var(--spacing) * 3) }
.ported-site .gap-y-8 { row-gap:calc(var(--spacing) * 8) }
.ported-site .gap-y-12 { row-gap:calc(var(--spacing) * 12) }
.ported-site :where(.divide-x>:not(:last-child)) { --tw-divide-x-reverse:0; border-inline-style:var(--tw-border-style); border-inline-start-width:calc(1px * var(--tw-divide-x-reverse)); border-inline-end-width:calc(1px * calc(1 - var(--tw-divide-x-reverse))) }
.ported-site :where(.divide-y>:not(:last-child)) { --tw-divide-y-reverse:0; border-bottom-style:var(--tw-border-style); border-top-style:var(--tw-border-style); border-top-width:calc(1px * var(--tw-divide-y-reverse)); border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse))) }
.ported-site :where(.divide-border>:not(:last-child)), .ported-site :where(.divide-border\/50>:not(:last-child)) { border-color:var(--border) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site :where(.divide-border\/50>:not(:last-child)) { border-color:color-mix(in oklab,var(--border) 50%,transparent) }
}
.ported-site .self-end { align-self:flex-end }
.ported-site .self-start { align-self:flex-start }
.ported-site .self-stretch { align-self:stretch }
.ported-site .justify-self-end { justify-self:flex-end }
.ported-site .truncate { text-overflow:ellipsis; white-space:nowrap; overflow:hidden }
.ported-site .overflow-auto { overflow:auto }
.ported-site .overflow-hidden { overflow:hidden }
.ported-site .overflow-x-auto { overflow-x:auto }
.ported-site .overflow-x-clip { overflow-x:clip }
.ported-site .overflow-x-hidden { overflow-x:hidden }
.ported-site .overflow-y-auto { overflow-y:auto }
.ported-site .rounded { border-radius:.25rem }
.ported-site .rounded-2xl { border-radius:var(--radius-2xl) }
.ported-site .rounded-3xl { border-radius:var(--radius-3xl) }
.ported-site .rounded-\[2px\] { border-radius:2px }
.ported-site .rounded-\[4px\] { border-radius:4px }
.ported-site .rounded-\[10px\] { border-radius:10px }
.ported-site .rounded-\[20px\] { border-radius:20px }
.ported-site .rounded-\[32px\] { border-radius:32px }
.ported-site .rounded-\[40px\] { border-radius:40px }
.ported-site .rounded-\[calc\(var\(--radius\)-5px\)\] { border-radius:calc(var(--radius) - 5px) }
.ported-site .rounded-\[inherit\] { border-radius:inherit }
.ported-site .rounded-full { border-radius:3.40282e38px }
.ported-site .rounded-lg { border-radius:var(--radius) }
.ported-site .rounded-md { border-radius:calc(var(--radius) - 2px) }
.ported-site .rounded-none { border-radius:0 }
.ported-site .rounded-sm { border-radius:calc(var(--radius) - 4px) }
.ported-site .rounded-xl { border-radius:calc(var(--radius) + 4px) }
.ported-site .rounded-xs { border-radius:var(--radius-xs) }
.ported-site .rounded-l-md { border-top-left-radius:calc(var(--radius) - 2px); border-bottom-left-radius:calc(var(--radius) - 2px) }
.ported-site .rounded-tl-sm { border-top-left-radius:calc(var(--radius) - 4px) }
.ported-site .rounded-r-full { border-top-right-radius:3.40282e38px; border-bottom-right-radius:3.40282e38px }
.ported-site .rounded-r-md { border-top-right-radius:calc(var(--radius) - 2px); border-bottom-right-radius:calc(var(--radius) - 2px) }
.ported-site .rounded-tr-sm { border-top-right-radius:calc(var(--radius) - 4px) }
.ported-site .rounded-b-lg { border-bottom-right-radius:var(--radius); border-bottom-left-radius:var(--radius) }
.ported-site .border { border-style:var(--tw-border-style); border-width:1px }
.ported-site .border-0 { border-style:var(--tw-border-style); border-width:0 }
.ported-site .border-2 { border-style:var(--tw-border-style); border-width:2px }
.ported-site .border-4 { border-style:var(--tw-border-style); border-width:4px }
.ported-site .border-\[1\.5px\] { border-style:var(--tw-border-style); border-width:1.5px }
.ported-site .border-x { border-inline-style:var(--tw-border-style); border-inline-width:1px }
.ported-site .border-y { border-block-style:var(--tw-border-style); border-block-width:1px }
.ported-site .border-t { border-top-style:var(--tw-border-style); border-top-width:1px }
.ported-site .border-t-2 { border-top-style:var(--tw-border-style); border-top-width:2px }
.ported-site .border-r { border-right-style:var(--tw-border-style); border-right-width:1px }
.ported-site .border-r-0 { border-right-style:var(--tw-border-style); border-right-width:0 }
.ported-site .border-b { border-bottom-style:var(--tw-border-style); border-bottom-width:1px }
.ported-site .border-b-2 { border-bottom-style:var(--tw-border-style); border-bottom-width:2px }
.ported-site .border-l { border-left-style:var(--tw-border-style); border-left-width:1px }
.ported-site .border-l-2 { border-left-style:var(--tw-border-style); border-left-width:2px }
.ported-site .border-l-4 { border-left-style:var(--tw-border-style); border-left-width:4px }
.ported-site .border-dashed { --tw-border-style:dashed; border-style:dashed }
.ported-site .border-none { --tw-border-style:none; border-style:none }
.ported-site .border-\(--color-border\) { border-color:var(--color-border) }
.ported-site .border-\[\#C5A059\]\/20 { border-color:#c5a05933 }
.ported-site .border-\[\#C9A84C\] { border-color:#c9a84c }
.ported-site .border-\[\#C9A84C\]\/30 { border-color:#c9a84c4d }
.ported-site .border-\[\#C9A84C\]\/40 { border-color:#c9a84c66 }
.ported-site .border-\[\#c9a84c\] { border-color:#c9a84c }
.ported-site .border-\[\#c9a84c\]\/40 { border-color:#c9a84c66 }
.ported-site .border-\[rgba\(0\,0\,0\,0\.08\)\] { border-color:#00000014 }
.ported-site .border-\[rgba\(201\,168\,76\,0\.2\)\] { border-color:#c9a84c33 }
.ported-site .border-amber-500\/20 { border-color:#f99c0033 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .border-amber-500\/20 { border-color:color-mix(in oklab,var(--color-amber-500) 20%,transparent) }
}
.ported-site .border-amber-500\/30 { border-color:#f99c004d }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .border-amber-500\/30 { border-color:color-mix(in oklab,var(--color-amber-500) 30%,transparent) }
}
.ported-site .border-background, .ported-site .border-background\/10 { border-color:var(--background) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .border-background\/10 { border-color:color-mix(in oklab,var(--background) 10%,transparent) }
}
.ported-site .border-background\/20 { border-color:var(--background) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .border-background\/20 { border-color:color-mix(in oklab,var(--background) 20%,transparent) }
}
.ported-site .border-background\/30 { border-color:var(--background) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .border-background\/30 { border-color:color-mix(in oklab,var(--background) 30%,transparent) }
}
.ported-site .border-blue-500\/30 { border-color:#3080ff4d }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .border-blue-500\/30 { border-color:color-mix(in oklab,var(--color-blue-500) 30%,transparent) }
}
.ported-site .border-blue-600\/30 { border-color:#155dfc4d }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .border-blue-600\/30 { border-color:color-mix(in oklab,var(--color-blue-600) 30%,transparent) }
}
.ported-site .border-border, .ported-site .border-border\/50 { border-color:var(--border) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .border-border\/50 { border-color:color-mix(in oklab,var(--border) 50%,transparent) }
}
.ported-site .border-cyan-500\/30 { border-color:#00b7d74d }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .border-cyan-500\/30 { border-color:color-mix(in oklab,var(--color-cyan-500) 30%,transparent) }
}
.ported-site .border-destructive, .ported-site .border-destructive\/10 { border-color:var(--destructive) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .border-destructive\/10 { border-color:color-mix(in oklab,var(--destructive) 10%,transparent) }
}
.ported-site .border-destructive\/20 { border-color:var(--destructive) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .border-destructive\/20 { border-color:color-mix(in oklab,var(--destructive) 20%,transparent) }
}
.ported-site .border-destructive\/50 { border-color:var(--destructive) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .border-destructive\/50 { border-color:color-mix(in oklab,var(--destructive) 50%,transparent) }
}
.ported-site .border-emerald-500\/30 { border-color:#00bb7f4d }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .border-emerald-500\/30 { border-color:color-mix(in oklab,var(--color-emerald-500) 30%,transparent) }
}
.ported-site .border-emerald-500\/40 { border-color:#00bb7f66 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .border-emerald-500\/40 { border-color:color-mix(in oklab,var(--color-emerald-500) 40%,transparent) }
}
.ported-site .border-foreground { border-color:var(--foreground) }
.ported-site .border-gold { border-color:#c9892b }
.ported-site .border-gold\/10 { border-color:#c9892b1a }
.ported-site .border-gold\/15 { border-color:#c9892b26 }
.ported-site .border-gold\/20 { border-color:#c9892b33 }
.ported-site .border-gold\/30 { border-color:#c9892b4d }
.ported-site .border-gold\/40 { border-color:#c9892b66 }
.ported-site .border-gold\/50 { border-color:#c9892b80 }
.ported-site .border-gold\/70 { border-color:#c9892bb3 }
.ported-site .border-green-500 { border-color:var(--color-green-500) }
.ported-site .border-green-500\/20 { border-color:#00c75833 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .border-green-500\/20 { border-color:color-mix(in oklab,var(--color-green-500) 20%,transparent) }
}
.ported-site .border-green-500\/30 { border-color:#00c7584d }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .border-green-500\/30 { border-color:color-mix(in oklab,var(--color-green-500) 30%,transparent) }
}
.ported-site .border-green-600\/30 { border-color:#00a5444d }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .border-green-600\/30 { border-color:color-mix(in oklab,var(--color-green-600) 30%,transparent) }
}
.ported-site .border-input { border-color:var(--input) }
.ported-site .border-muted-foreground { border-color:var(--muted-foreground) }
.ported-site .border-orange-500\/30 { border-color:#fe6e004d }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .border-orange-500\/30 { border-color:color-mix(in oklab,var(--color-orange-500) 30%,transparent) }
}
.ported-site .border-primary { border-color:var(--primary) }
.ported-site .border-purple-500\/30 { border-color:#ac4bff4d }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .border-purple-500\/30 { border-color:color-mix(in oklab,var(--color-purple-500) 30%,transparent) }
}
.ported-site .border-red-500\/20 { border-color:#fb2c3633 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .border-red-500\/20 { border-color:color-mix(in oklab,var(--color-red-500) 20%,transparent) }
}
.ported-site .border-red-500\/30 { border-color:#fb2c364d }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .border-red-500\/30 { border-color:color-mix(in oklab,var(--color-red-500) 30%,transparent) }
}
.ported-site .border-sidebar-border { border-color:var(--sidebar-border) }
.ported-site .border-transparent { border-color:#0000 }
.ported-site .border-violet-500\/20 { border-color:#8d54ff33 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .border-violet-500\/20 { border-color:color-mix(in oklab,var(--color-violet-500) 20%,transparent) }
}
.ported-site .border-violet-500\/30 { border-color:#8d54ff4d }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .border-violet-500\/30 { border-color:color-mix(in oklab,var(--color-violet-500) 30%,transparent) }
}
.ported-site .border-white { border-color:var(--color-white) }
.ported-site .border-white\/5 { border-color:#ffffff0d }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .border-white\/5 { border-color:color-mix(in oklab,var(--color-white) 5%,transparent) }
}
.ported-site .border-white\/8 { border-color:#ffffff14 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .border-white\/8 { border-color:color-mix(in oklab,var(--color-white) 8%,transparent) }
}
.ported-site .border-white\/10 { border-color:#ffffff1a }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .border-white\/10 { border-color:color-mix(in oklab,var(--color-white) 10%,transparent) }
}
.ported-site .border-white\/15 { border-color:#ffffff26 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .border-white\/15 { border-color:color-mix(in oklab,var(--color-white) 15%,transparent) }
}
.ported-site .border-white\/20 { border-color:#fff3 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .border-white\/20 { border-color:color-mix(in oklab,var(--color-white) 20%,transparent) }
}
.ported-site .border-white\/30 { border-color:#ffffff4d }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .border-white\/30 { border-color:color-mix(in oklab,var(--color-white) 30%,transparent) }
}
.ported-site .border-white\/60 { border-color:#fff9 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .border-white\/60 { border-color:color-mix(in oklab,var(--color-white) 60%,transparent) }
}
.ported-site .border-white\/\[0\.06\] { border-color:#ffffff0f }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .border-white\/\[0\.06\] { border-color:color-mix(in oklab,var(--color-white) 6%,transparent) }
}
.ported-site .border-yellow-500\/30 { border-color:#edb2004d }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .border-yellow-500\/30 { border-color:color-mix(in oklab,var(--color-yellow-500) 30%,transparent) }
}
.ported-site .border-yellow-600\/30 { border-color:#cd89004d }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .border-yellow-600\/30 { border-color:color-mix(in oklab,var(--color-yellow-600) 30%,transparent) }
}
.ported-site .border-zinc-800 { border-color:var(--color-zinc-800) }
.ported-site .border-t-transparent { border-top-color:#0000 }
.ported-site .border-l-transparent { border-left-color:#0000 }
.ported-site .bg-\(--color-bg\) { background-color:var(--color-bg) }
.ported-site .bg-\[\#0A0A0A\], .ported-site .bg-\[\#0a0a0a\] { background-color:#0a0a0a }
.ported-site .bg-\[\#0a0a0a\]\/70 { background-color:#0a0a0ab3 }
.ported-site .bg-\[\#0a0a0a\]\/80 { background-color:#0a0a0acc }
.ported-site .bg-\[\#0a1422\] { background-color:#0a1422 }
.ported-site .bg-\[\#0a1422\]\/80 { background-color:#0a1422cc }
.ported-site .bg-\[\#0c0c0e\] { background-color:#0c0c0e }
.ported-site .bg-\[\#0d0d18\] { background-color:#0d0d18 }
.ported-site .bg-\[\#1a1a1a\] { background-color:#1a1a1a }
.ported-site .bg-\[\#1a1a1a\]\/80 { background-color:#1a1a1acc }
.ported-site .bg-\[\#1a1a19\] { background-color:#1a1a19 }
.ported-site .bg-\[\#25D366\] { background-color:#25d366 }
.ported-site .bg-\[\#060d17\] { background-color:#060d17 }
.ported-site .bg-\[\#111\] { background-color:#111 }
.ported-site .bg-\[\#222\] { background-color:#222 }
.ported-site .bg-\[\#06101c\]\/80 { background-color:#06101ccc }
.ported-site .bg-\[\#07182b\] { background-color:#07182b }
.ported-site .bg-\[\#08111d\] { background-color:#08111d }
.ported-site .bg-\[\#080812\] { background-color:#080812 }
.ported-site .bg-\[\#141414\] { background-color:#141414 }
.ported-site .bg-\[\#C5A059\] { background-color:#c5a059 }
.ported-site .bg-\[\#C5A059\]\/10 { background-color:#c5a0591a }
.ported-site .bg-\[\#C9A84C\] { background-color:#c9a84c }
.ported-site .bg-\[\#C9A84C\]\/20 { background-color:#c9a84c33 }
.ported-site .bg-\[\#c9a84c\] { background-color:#c9a84c }
.ported-site .bg-\[\#c9a84c\]\/5 { background-color:#c9a84c0d }
.ported-site .bg-\[\#c9a84c\]\/10 { background-color:#c9a84c1a }
.ported-site .bg-\[\#c9a84c\]\/20 { background-color:#c9a84c33 }
.ported-site .bg-\[\#c9a96e\] { background-color:#c9a96e }
.ported-site .bg-\[\#d49435\] { background-color:#d49435 }
.ported-site .bg-\[\#f5f2ec\] { background-color:#f5f2ec }
.ported-site .bg-\[\#f5f5f5\] { background-color:#f5f5f5 }
.ported-site .bg-\[\#f7f8fa\] { background-color:#f7f8fa }
.ported-site .bg-\[\#f8f8f7\] { background-color:#f8f8f7 }
.ported-site .bg-accent { background-color:var(--accent) }
.ported-site .bg-amber-500\/5 { background-color:#f99c000d }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-amber-500\/5 { background-color:color-mix(in oklab,var(--color-amber-500) 5%,transparent) }
}
.ported-site .bg-amber-500\/10 { background-color:#f99c001a }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-amber-500\/10 { background-color:color-mix(in oklab,var(--color-amber-500) 10%,transparent) }
}
.ported-site .bg-amber-500\/15 { background-color:#f99c0026 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-amber-500\/15 { background-color:color-mix(in oklab,var(--color-amber-500) 15%,transparent) }
}
.ported-site .bg-background, .ported-site .bg-background\/5 { background-color:var(--background) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-background\/5 { background-color:color-mix(in oklab,var(--background) 5%,transparent) }
}
.ported-site .bg-background\/10 { background-color:var(--background) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-background\/10 { background-color:color-mix(in oklab,var(--background) 10%,transparent) }
}
.ported-site .bg-background\/50 { background-color:var(--background) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-background\/50 { background-color:color-mix(in oklab,var(--background) 50%,transparent) }
}
.ported-site .bg-background\/80 { background-color:var(--background) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-background\/80 { background-color:color-mix(in oklab,var(--background) 80%,transparent) }
}
.ported-site .bg-background\/85 { background-color:var(--background) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-background\/85 { background-color:color-mix(in oklab,var(--background) 85%,transparent) }
}
.ported-site .bg-background\/90 { background-color:var(--background) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-background\/90 { background-color:color-mix(in oklab,var(--background) 90%,transparent) }
}
.ported-site .bg-background\/95 { background-color:var(--background) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-background\/95 { background-color:color-mix(in oklab,var(--background) 95%,transparent) }
}
.ported-site .bg-black { background-color:var(--color-black) }
.ported-site .bg-black\/5 { background-color:#0000000d }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-black\/5 { background-color:color-mix(in oklab,var(--color-black) 5%,transparent) }
}
.ported-site .bg-black\/20 { background-color:#0003 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-black\/20 { background-color:color-mix(in oklab,var(--color-black) 20%,transparent) }
}
.ported-site .bg-black\/30 { background-color:#0000004d }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-black\/30 { background-color:color-mix(in oklab,var(--color-black) 30%,transparent) }
}
.ported-site .bg-black\/40 { background-color:#0006 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-black\/40 { background-color:color-mix(in oklab,var(--color-black) 40%,transparent) }
}
.ported-site .bg-black\/50 { background-color:#00000080 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-black\/50 { background-color:color-mix(in oklab,var(--color-black) 50%,transparent) }
}
.ported-site .bg-black\/60 { background-color:#0009 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-black\/60 { background-color:color-mix(in oklab,var(--color-black) 60%,transparent) }
}
.ported-site .bg-black\/70 { background-color:#000000b3 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-black\/70 { background-color:color-mix(in oklab,var(--color-black) 70%,transparent) }
}
.ported-site .bg-black\/85 { background-color:#000000d9 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-black\/85 { background-color:color-mix(in oklab,var(--color-black) 85%,transparent) }
}
.ported-site .bg-black\/95 { background-color:#000000f2 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-black\/95 { background-color:color-mix(in oklab,var(--color-black) 95%,transparent) }
}
.ported-site .bg-blue-500 { background-color:var(--color-blue-500) }
.ported-site .bg-blue-500\/10 { background-color:#3080ff1a }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-blue-500\/10 { background-color:color-mix(in oklab,var(--color-blue-500) 10%,transparent) }
}
.ported-site .bg-blue-500\/15 { background-color:#3080ff26 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-blue-500\/15 { background-color:color-mix(in oklab,var(--color-blue-500) 15%,transparent) }
}
.ported-site .bg-blue-500\/20 { background-color:#3080ff33 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-blue-500\/20 { background-color:color-mix(in oklab,var(--color-blue-500) 20%,transparent) }
}
.ported-site .bg-blue-600 { background-color:var(--color-blue-600) }
.ported-site .bg-blue-600\/20 { background-color:#155dfc33 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-blue-600\/20 { background-color:color-mix(in oklab,var(--color-blue-600) 20%,transparent) }
}
.ported-site .bg-border, .ported-site .bg-border\/50 { background-color:var(--border) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-border\/50 { background-color:color-mix(in oklab,var(--border) 50%,transparent) }
}
.ported-site .bg-card, .ported-site .bg-card\/20 { background-color:var(--card) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-card\/20 { background-color:color-mix(in oklab,var(--card) 20%,transparent) }
}
.ported-site .bg-card\/30 { background-color:var(--card) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-card\/30 { background-color:color-mix(in oklab,var(--card) 30%,transparent) }
}
.ported-site .bg-card\/40 { background-color:var(--card) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-card\/40 { background-color:color-mix(in oklab,var(--card) 40%,transparent) }
}
.ported-site .bg-card\/50 { background-color:var(--card) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-card\/50 { background-color:color-mix(in oklab,var(--card) 50%,transparent) }
}
.ported-site .bg-card\/90 { background-color:var(--card) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-card\/90 { background-color:color-mix(in oklab,var(--card) 90%,transparent) }
}
.ported-site .bg-card\/95 { background-color:var(--card) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-card\/95 { background-color:color-mix(in oklab,var(--card) 95%,transparent) }
}
.ported-site .bg-cyan-500\/10 { background-color:#00b7d71a }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-cyan-500\/10 { background-color:color-mix(in oklab,var(--color-cyan-500) 10%,transparent) }
}
.ported-site .bg-cyan-500\/15 { background-color:#00b7d726 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-cyan-500\/15 { background-color:color-mix(in oklab,var(--color-cyan-500) 15%,transparent) }
}
.ported-site .bg-cyan-500\/20 { background-color:#00b7d733 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-cyan-500\/20 { background-color:color-mix(in oklab,var(--color-cyan-500) 20%,transparent) }
}
.ported-site .bg-destructive, .ported-site .bg-destructive\/5 { background-color:var(--destructive) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-destructive\/5 { background-color:color-mix(in oklab,var(--destructive) 5%,transparent) }
}
.ported-site .bg-destructive\/10 { background-color:var(--destructive) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-destructive\/10 { background-color:color-mix(in oklab,var(--destructive) 10%,transparent) }
}
.ported-site .bg-destructive\/60 { background-color:var(--destructive) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-destructive\/60 { background-color:color-mix(in oklab,var(--destructive) 60%,transparent) }
}
.ported-site .bg-emerald-500\/10 { background-color:#00bb7f1a }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-emerald-500\/10 { background-color:color-mix(in oklab,var(--color-emerald-500) 10%,transparent) }
}
.ported-site .bg-emerald-500\/15 { background-color:#00bb7f26 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-emerald-500\/15 { background-color:color-mix(in oklab,var(--color-emerald-500) 15%,transparent) }
}
.ported-site .bg-emerald-600 { background-color:var(--color-emerald-600) }
.ported-site .bg-foreground, .ported-site .bg-foreground\/95 { background-color:var(--foreground) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-foreground\/95 { background-color:color-mix(in oklab,var(--foreground) 95%,transparent) }
}
.ported-site .bg-gold { background-color:#c9892b }
.ported-site .bg-gold\/5 { background-color:#c9892b0d }
.ported-site .bg-gold\/8 { background-color:#c9892b14 }
.ported-site .bg-gold\/10 { background-color:#c9892b1a }
.ported-site .bg-gold\/20 { background-color:#c9892b33 }
.ported-site .bg-green-100 { background-color:var(--color-green-100) }
.ported-site .bg-green-500 { background-color:var(--color-green-500) }
.ported-site .bg-green-500\/10 { background-color:#00c7581a }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-green-500\/10 { background-color:color-mix(in oklab,var(--color-green-500) 10%,transparent) }
}
.ported-site .bg-green-500\/20 { background-color:#00c75833 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-green-500\/20 { background-color:color-mix(in oklab,var(--color-green-500) 20%,transparent) }
}
.ported-site .bg-green-500\/60 { background-color:#00c75899 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-green-500\/60 { background-color:color-mix(in oklab,var(--color-green-500) 60%,transparent) }
}
.ported-site .bg-green-600 { background-color:var(--color-green-600) }
.ported-site .bg-green-600\/20 { background-color:#00a54433 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-green-600\/20 { background-color:color-mix(in oklab,var(--color-green-600) 20%,transparent) }
}
.ported-site .bg-input { background-color:var(--input) }
.ported-site .bg-muted { background-color:var(--muted) }
.ported-site .bg-muted-foreground\/30 { background-color:var(--muted-foreground) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-muted-foreground\/30 { background-color:color-mix(in oklab,var(--muted-foreground) 30%,transparent) }
}
.ported-site .bg-muted\/20 { background-color:var(--muted) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-muted\/20 { background-color:color-mix(in oklab,var(--muted) 20%,transparent) }
}
.ported-site .bg-muted\/30 { background-color:var(--muted) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-muted\/30 { background-color:color-mix(in oklab,var(--muted) 30%,transparent) }
}
.ported-site .bg-muted\/50 { background-color:var(--muted) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-muted\/50 { background-color:color-mix(in oklab,var(--muted) 50%,transparent) }
}
.ported-site .bg-orange-500\/10 { background-color:#fe6e001a }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-orange-500\/10 { background-color:color-mix(in oklab,var(--color-orange-500) 10%,transparent) }
}
.ported-site .bg-orange-500\/15 { background-color:#fe6e0026 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-orange-500\/15 { background-color:color-mix(in oklab,var(--color-orange-500) 15%,transparent) }
}
.ported-site .bg-orange-500\/20 { background-color:#fe6e0033 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-orange-500\/20 { background-color:color-mix(in oklab,var(--color-orange-500) 20%,transparent) }
}
.ported-site .bg-popover { background-color:var(--popover) }
.ported-site .bg-primary, .ported-site .bg-primary\/10 { background-color:var(--primary) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-primary\/10 { background-color:color-mix(in oklab,var(--primary) 10%,transparent) }
}
.ported-site .bg-primary\/20 { background-color:var(--primary) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-primary\/20 { background-color:color-mix(in oklab,var(--primary) 20%,transparent) }
}
.ported-site .bg-purple-500\/15 { background-color:#ac4bff26 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-purple-500\/15 { background-color:color-mix(in oklab,var(--color-purple-500) 15%,transparent) }
}
.ported-site .bg-purple-500\/20 { background-color:#ac4bff33 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-purple-500\/20 { background-color:color-mix(in oklab,var(--color-purple-500) 20%,transparent) }
}
.ported-site .bg-red-100 { background-color:var(--color-red-100) }
.ported-site .bg-red-500 { background-color:var(--color-red-500) }
.ported-site .bg-red-500\/10 { background-color:#fb2c361a }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-red-500\/10 { background-color:color-mix(in oklab,var(--color-red-500) 10%,transparent) }
}
.ported-site .bg-red-500\/15 { background-color:#fb2c3626 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-red-500\/15 { background-color:color-mix(in oklab,var(--color-red-500) 15%,transparent) }
}
.ported-site .bg-red-500\/20 { background-color:#fb2c3633 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-red-500\/20 { background-color:color-mix(in oklab,var(--color-red-500) 20%,transparent) }
}
.ported-site .bg-secondary, .ported-site .bg-secondary\/5 { background-color:var(--secondary) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-secondary\/5 { background-color:color-mix(in oklab,var(--secondary) 5%,transparent) }
}
.ported-site .bg-secondary\/10 { background-color:var(--secondary) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-secondary\/10 { background-color:color-mix(in oklab,var(--secondary) 10%,transparent) }
}
.ported-site .bg-secondary\/20 { background-color:var(--secondary) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-secondary\/20 { background-color:color-mix(in oklab,var(--secondary) 20%,transparent) }
}
.ported-site .bg-secondary\/30 { background-color:var(--secondary) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-secondary\/30 { background-color:color-mix(in oklab,var(--secondary) 30%,transparent) }
}
.ported-site .bg-secondary\/40 { background-color:var(--secondary) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-secondary\/40 { background-color:color-mix(in oklab,var(--secondary) 40%,transparent) }
}
.ported-site .bg-secondary\/50 { background-color:var(--secondary) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-secondary\/50 { background-color:color-mix(in oklab,var(--secondary) 50%,transparent) }
}
.ported-site .bg-secondary\/80 { background-color:var(--secondary) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-secondary\/80 { background-color:color-mix(in oklab,var(--secondary) 80%,transparent) }
}
.ported-site .bg-sidebar { background-color:var(--sidebar) }
.ported-site .bg-sidebar-border { background-color:var(--sidebar-border) }
.ported-site .bg-transparent { background-color:#0000 }
.ported-site .bg-violet-500\/5 { background-color:#8d54ff0d }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-violet-500\/5 { background-color:color-mix(in oklab,var(--color-violet-500) 5%,transparent) }
}
.ported-site .bg-violet-500\/10 { background-color:#8d54ff1a }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-violet-500\/10 { background-color:color-mix(in oklab,var(--color-violet-500) 10%,transparent) }
}
.ported-site .bg-violet-500\/15 { background-color:#8d54ff26 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-violet-500\/15 { background-color:color-mix(in oklab,var(--color-violet-500) 15%,transparent) }
}
.ported-site .bg-white { background-color:var(--color-white) }
.ported-site .bg-white\/4 { background-color:#ffffff0a }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-white\/4 { background-color:color-mix(in oklab,var(--color-white) 4%,transparent) }
}
.ported-site .bg-white\/5 { background-color:#ffffff0d }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-white\/5 { background-color:color-mix(in oklab,var(--color-white) 5%,transparent) }
}
.ported-site .bg-white\/8 { background-color:#ffffff14 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-white\/8 { background-color:color-mix(in oklab,var(--color-white) 8%,transparent) }
}
.ported-site .bg-white\/10 { background-color:#ffffff1a }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-white\/10 { background-color:color-mix(in oklab,var(--color-white) 10%,transparent) }
}
.ported-site .bg-white\/12 { background-color:#ffffff1f }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-white\/12 { background-color:color-mix(in oklab,var(--color-white) 12%,transparent) }
}
.ported-site .bg-white\/15 { background-color:#ffffff26 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-white\/15 { background-color:color-mix(in oklab,var(--color-white) 15%,transparent) }
}
.ported-site .bg-white\/20 { background-color:#fff3 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-white\/20 { background-color:color-mix(in oklab,var(--color-white) 20%,transparent) }
}
.ported-site .bg-white\/50 { background-color:#ffffff80 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-white\/50 { background-color:color-mix(in oklab,var(--color-white) 50%,transparent) }
}
.ported-site .bg-white\/80 { background-color:#fffc }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-white\/80 { background-color:color-mix(in oklab,var(--color-white) 80%,transparent) }
}
.ported-site .bg-white\/\[0\.03\] { background-color:#ffffff08 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-white\/\[0\.03\] { background-color:color-mix(in oklab,var(--color-white) 3%,transparent) }
}
.ported-site .bg-white\/\[0\.06\] { background-color:#ffffff0f }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-white\/\[0\.06\] { background-color:color-mix(in oklab,var(--color-white) 6%,transparent) }
}
.ported-site .bg-white\/\[0\.08\] { background-color:#ffffff14 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-white\/\[0\.08\] { background-color:color-mix(in oklab,var(--color-white) 8%,transparent) }
}
.ported-site .bg-yellow-500\/20 { background-color:#edb20033 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-yellow-500\/20 { background-color:color-mix(in oklab,var(--color-yellow-500) 20%,transparent) }
}
.ported-site .bg-yellow-500\/60 { background-color:#edb20099 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-yellow-500\/60 { background-color:color-mix(in oklab,var(--color-yellow-500) 60%,transparent) }
}
.ported-site .bg-yellow-600\/20 { background-color:#cd890033 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .bg-yellow-600\/20 { background-color:color-mix(in oklab,var(--color-yellow-600) 20%,transparent) }
}
.ported-site .bg-zinc-800 { background-color:var(--color-zinc-800) }
.ported-site .bg-zinc-900 { background-color:var(--color-zinc-900) }
.ported-site .bg-zinc-950 { background-color:var(--color-zinc-950) }
.ported-site .bg-gradient-to-b { --tw-gradient-position:to bottom in oklab; background-image:linear-gradient(var(--tw-gradient-stops)) }
.ported-site .bg-gradient-to-br { --tw-gradient-position:to bottom right in oklab; background-image:linear-gradient(var(--tw-gradient-stops)) }
.ported-site .bg-gradient-to-l { --tw-gradient-position:to left in oklab; background-image:linear-gradient(var(--tw-gradient-stops)) }
.ported-site .bg-gradient-to-r { --tw-gradient-position:to right in oklab; background-image:linear-gradient(var(--tw-gradient-stops)) }
.ported-site .bg-gradient-to-t { --tw-gradient-position:to top in oklab; background-image:linear-gradient(var(--tw-gradient-stops)) }
.ported-site .bg-gradient-to-tr { --tw-gradient-position:to top right in oklab; background-image:linear-gradient(var(--tw-gradient-stops)) }
.ported-site .bg-\[linear-gradient\(45deg\,rgba\(0\,0\,0\,0\.05\)_25\%\,transparent_25\%\,transparent_50\%\,rgba\(0\,0\,0\,0\.05\)_50\%\,rgba\(0\,0\,0\,0\.05\)_75\%\,transparent_75\%\,transparent\)\] { background-image:linear-gradient(45deg,#0000000d 25%,#0000 25% 50%,#0000000d 50% 75%,#0000 75%,#0000) }
.ported-site .bg-\[radial-gradient\(circle_at_50\%_50\%\,rgba\(6\,13\,23\,0\.42\)\,rgba\(6\,13\,23\,0\.92\)_78\%\)\] { background-image:radial-gradient(circle,#060d176b,#060d17eb 78%) }
.ported-site .bg-\[radial-gradient\(circle_at_50\%_50\%\,rgba\(184\,137\,54\,0\.07\)\,transparent_55\%\)\] { background-image:radial-gradient(circle,#b8893612,#0000 55%) }
.ported-site .bg-\[radial-gradient\(ellipse_at_top\,rgba\(201\,168\,76\,0\.08\)\,transparent_60\%\)\] { background-image:radial-gradient(at top,#c9a84c14,#0000 60%) }
.ported-site .bg-\[url\(\'\/svc-pattern-drafting\.webp\'\)\] { background-image:url(https://media.sialkotb2b.com/sites/site_sialkot_sample_masters/media/072a04713172d5cc2326d3a4a28796071c5f7cf99bb22549c3689964044e6266/svc-pattern-drafting.webp) }
.ported-site .bg-\[url\(\'\/svc-quality-control\.webp\'\)\] { background-image:url(https://media.sialkotb2b.com/sites/site_sialkot_sample_masters/media/263f772b886e096f3170295b20b842887a83f7736c19ab5750c375bb8c858376/svc-quality-control.webp) }
.ported-site .bg-\[url\(\'\/svc-stitching-sewing\.webp\'\)\] { background-image:url(https://media.sialkotb2b.com/sites/site_sialkot_sample_masters/media/642791fc234fa6d0697ebdaf0200d948e9f6906287f270dfda803ffff58d030c/svc-stitching-sewing.webp) }
.ported-site .bg-\[url\(\'\/svc-textile-printing\.webp\'\)\] { background-image:url(https://media.sialkotb2b.com/sites/site_sialkot_sample_masters/media/446f1a2e9e3d666f7c87f89614e0a62a6a417baf97fd1d8e4fd23cfc127e1189/svc-textile-printing.webp) }
.ported-site .bg-\[url\(\'https\:\/\/www\.transparenttextures\.com\/patterns\/carbon-fibre\.png\'\)\] { background-image:url(https://www.transparenttextures.com/patterns/carbon-fibre.png) }
.ported-site .from-\[\#0a0a0a\] { --tw-gradient-from:#0a0a0a; --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) }
.ported-site .from-\[\#0a0a0a\]\/60 { --tw-gradient-from:oklab(14.4788% 7.45058e-9 7.45058e-9/.6); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) }
.ported-site .from-\[\#141414\] { --tw-gradient-from:#141414; --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) }
.ported-site .from-\[\#C5A059\] { --tw-gradient-from:#c5a059; --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) }
.ported-site .from-background { --tw-gradient-from:var(--background); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) }
.ported-site .from-background\/60 { --tw-gradient-from:var(--background) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .from-background\/60 { --tw-gradient-from:color-mix(in oklab, var(--background) 60%, transparent) }
}
.ported-site .from-background\/60 { --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) }
.ported-site .from-black\/40 { --tw-gradient-from:#0006 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .from-black\/40 { --tw-gradient-from:color-mix(in oklab, var(--color-black) 40%, transparent) }
}
.ported-site .from-black\/40 { --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) }
.ported-site .from-black\/50 { --tw-gradient-from:#00000080 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .from-black\/50 { --tw-gradient-from:color-mix(in oklab, var(--color-black) 50%, transparent) }
}
.ported-site .from-black\/50 { --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) }
.ported-site .from-black\/70 { --tw-gradient-from:#000000b3 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .from-black\/70 { --tw-gradient-from:color-mix(in oklab, var(--color-black) 70%, transparent) }
}
.ported-site .from-black\/70 { --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) }
.ported-site .from-black\/80 { --tw-gradient-from:#000c }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .from-black\/80 { --tw-gradient-from:color-mix(in oklab, var(--color-black) 80%, transparent) }
}
.ported-site .from-black\/80 { --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) }
.ported-site .from-black\/90 { --tw-gradient-from:#000000e6 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .from-black\/90 { --tw-gradient-from:color-mix(in oklab, var(--color-black) 90%, transparent) }
}
.ported-site .from-black\/90 { --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) }
.ported-site .from-blue-500\/20 { --tw-gradient-from:#3080ff33 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .from-blue-500\/20 { --tw-gradient-from:color-mix(in oklab, var(--color-blue-500) 20%, transparent) }
}
.ported-site .from-blue-500\/20 { --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) }
.ported-site .from-card { --tw-gradient-from:var(--card); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) }
.ported-site .from-cyan-500\/20 { --tw-gradient-from:#00b7d733 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .from-cyan-500\/20 { --tw-gradient-from:color-mix(in oklab, var(--color-cyan-500) 20%, transparent) }
}
.ported-site .from-cyan-500\/20 { --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) }
.ported-site .from-emerald-500\/20 { --tw-gradient-from:#00bb7f33 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .from-emerald-500\/20 { --tw-gradient-from:color-mix(in oklab, var(--color-emerald-500) 20%, transparent) }
}
.ported-site .from-emerald-500\/20 { --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) }
.ported-site .from-gold { --tw-gradient-from:oklch(68% .13 72); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) }
.ported-site .from-gold\/20 { --tw-gradient-from:oklab(68% .0401722 .123637/.2); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) }
.ported-site .from-gold\/30 { --tw-gradient-from:oklab(68% .0401722 .123637/.3); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) }
.ported-site .from-gold\/40 { --tw-gradient-from:oklab(68% .0401722 .123637/.4); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) }
.ported-site .from-secondary\/80 { --tw-gradient-from:var(--secondary) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .from-secondary\/80 { --tw-gradient-from:color-mix(in oklab, var(--secondary) 80%, transparent) }
}
.ported-site .from-secondary\/80 { --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) }
.ported-site .from-slate-50 { --tw-gradient-from:var(--color-slate-50); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) }
.ported-site .from-transparent { --tw-gradient-from:transparent; --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) }
.ported-site .from-violet-500\/20 { --tw-gradient-from:#8d54ff33 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .from-violet-500\/20 { --tw-gradient-from:color-mix(in oklab, var(--color-violet-500) 20%, transparent) }
}
.ported-site .from-violet-500\/20 { --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) }
.ported-site .from-violet-600 { --tw-gradient-from:var(--color-violet-600); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) }
.ported-site .from-white { --tw-gradient-from:var(--color-white); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) }
.ported-site .via-\[\#0a0a0a\]\/40 { --tw-gradient-via:oklab(14.4788% 7.45058e-9 7.45058e-9/.4); --tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops:var(--tw-gradient-via-stops) }
.ported-site .via-\[\#0a0a0a\]\/70 { --tw-gradient-via:oklab(14.4788% 7.45058e-9 7.45058e-9/.7); --tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops:var(--tw-gradient-via-stops) }
.ported-site .via-black\/5 { --tw-gradient-via:#0000000d }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .via-black\/5 { --tw-gradient-via:color-mix(in oklab, var(--color-black) 5%, transparent) }
}
.ported-site .via-black\/5 { --tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops:var(--tw-gradient-via-stops) }
.ported-site .via-black\/10 { --tw-gradient-via:#0000001a }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .via-black\/10 { --tw-gradient-via:color-mix(in oklab, var(--color-black) 10%, transparent) }
}
.ported-site .via-black\/10 { --tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops:var(--tw-gradient-via-stops) }
.ported-site .via-card\/30 { --tw-gradient-via:var(--card) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .via-card\/30 { --tw-gradient-via:color-mix(in oklab, var(--card) 30%, transparent) }
}
.ported-site .via-card\/30 { --tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops:var(--tw-gradient-via-stops) }
.ported-site .via-gold-dark { --tw-gradient-via:oklch(55% .13 72); --tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops:var(--tw-gradient-via-stops) }
.ported-site .via-gold\/40 { --tw-gradient-via:oklab(68% .0401722 .123637/.4); --tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops:var(--tw-gradient-via-stops) }
.ported-site .via-transparent { --tw-gradient-via:transparent; --tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops:var(--tw-gradient-via-stops) }
.ported-site .via-white { --tw-gradient-via:var(--color-white); --tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops:var(--tw-gradient-via-stops) }
.ported-site .to-\[\#D4B57E\] { --tw-gradient-to:#d4b57e; --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) }
.ported-site .to-background { --tw-gradient-to:var(--background); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) }
.ported-site .to-background\/50 { --tw-gradient-to:var(--background) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .to-background\/50 { --tw-gradient-to:color-mix(in oklab, var(--background) 50%, transparent) }
}
.ported-site .to-background\/50 { --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) }
.ported-site .to-black { --tw-gradient-to:var(--color-black); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) }
.ported-site .to-black\/40 { --tw-gradient-to:#0006 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .to-black\/40 { --tw-gradient-to:color-mix(in oklab, var(--color-black) 40%, transparent) }
}
.ported-site .to-black\/40 { --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) }
.ported-site .to-card { --tw-gradient-to:var(--card); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) }
.ported-site .to-card\/50 { --tw-gradient-to:var(--card) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .to-card\/50 { --tw-gradient-to:color-mix(in oklab, var(--card) 50%, transparent) }
}
.ported-site .to-card\/50 { --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) }
.ported-site .to-gold { --tw-gradient-to:oklch(68% .13 72); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) }
.ported-site .to-gold\/10 { --tw-gradient-to:oklab(68% .0401722 .123637/.1); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) }
.ported-site .to-gold\/70 { --tw-gradient-to:oklab(68% .0401722 .123637/.7); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) }
.ported-site .to-gray-500 { --tw-gradient-to:var(--color-gray-500); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) }
.ported-site .to-purple-600 { --tw-gradient-to:var(--color-purple-600); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) }
.ported-site .to-slate-100 { --tw-gradient-to:var(--color-slate-100); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) }
.ported-site .to-transparent { --tw-gradient-to:transparent; --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) }
.ported-site .to-white\/10 { --tw-gradient-to:#ffffff1a }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .to-white\/10 { --tw-gradient-to:color-mix(in oklab, var(--color-white) 10%, transparent) }
}
.ported-site .to-white\/10 { --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) }
.ported-site .to-white\/70 { --tw-gradient-to:#ffffffb3 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .to-white\/70 { --tw-gradient-to:color-mix(in oklab, var(--color-white) 70%, transparent) }
}
.ported-site .to-white\/70 { --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) }
.ported-site .bg-\[length\:20px_20px\] { background-size:20px 20px }
.ported-site .bg-cover { background-size:cover }
.ported-site .bg-clip-text { -webkit-background-clip:text; background-clip:text }
.ported-site .bg-center { background-position:50% }
.ported-site .fill-current { fill:currentColor }
.ported-site .fill-foreground { fill:var(--foreground) }
.ported-site .fill-gold { fill:#c9892b }
.ported-site .fill-primary { fill:var(--primary) }
.ported-site .fill-white { fill:var(--color-white) }
.ported-site .object-contain { object-fit:contain }
.ported-site .object-cover { object-fit:cover }
.ported-site .object-fill { object-fit:fill }
.ported-site .object-none { object-fit:none }
.ported-site .object-scale-down { object-fit:scale-down }
.ported-site .p-0 { padding:calc(var(--spacing) * 0) }
.ported-site .p-0\.5 { padding:calc(var(--spacing) * .5) }
.ported-site .p-1 { padding:calc(var(--spacing) * 1) }
.ported-site .p-1\.5 { padding:calc(var(--spacing) * 1.5) }
.ported-site .p-2 { padding:calc(var(--spacing) * 2) }
.ported-site .p-3 { padding:calc(var(--spacing) * 3) }
.ported-site .p-4 { padding:calc(var(--spacing) * 4) }
.ported-site .p-5 { padding:calc(var(--spacing) * 5) }
.ported-site .p-6 { padding:calc(var(--spacing) * 6) }
.ported-site .p-7 { padding:calc(var(--spacing) * 7) }
.ported-site .p-8 { padding:calc(var(--spacing) * 8) }
.ported-site .p-10 { padding:calc(var(--spacing) * 10) }
.ported-site .p-12 { padding:calc(var(--spacing) * 12) }
.ported-site .p-\[3px\] { padding:3px }
.ported-site .p-px { padding:1px }
.ported-site .px-\(--cell-size\) { padding-inline:var(--cell-size) }
.ported-site .px-1 { padding-inline:calc(var(--spacing) * 1) }
.ported-site .px-1\.5 { padding-inline:calc(var(--spacing) * 1.5) }
.ported-site .px-2 { padding-inline:calc(var(--spacing) * 2) }
.ported-site .px-2\.5 { padding-inline:calc(var(--spacing) * 2.5) }
.ported-site .px-3 { padding-inline:calc(var(--spacing) * 3) }
.ported-site .px-4 { padding-inline:calc(var(--spacing) * 4) }
.ported-site .px-5 { padding-inline:calc(var(--spacing) * 5) }
.ported-site .px-6 { padding-inline:calc(var(--spacing) * 6) }
.ported-site .px-7 { padding-inline:calc(var(--spacing) * 7) }
.ported-site .px-8 { padding-inline:calc(var(--spacing) * 8) }
.ported-site .px-9 { padding-inline:calc(var(--spacing) * 9) }
.ported-site .px-10 { padding-inline:calc(var(--spacing) * 10) }
.ported-site .px-12 { padding-inline:calc(var(--spacing) * 12) }
.ported-site .px-\[14\%\] { padding-inline:14% }
.ported-site .py-0 { padding-block:calc(var(--spacing) * 0) }
.ported-site .py-0\.5 { padding-block:calc(var(--spacing) * .5) }
.ported-site .py-1 { padding-block:calc(var(--spacing) * 1) }
.ported-site .py-1\.5 { padding-block:calc(var(--spacing) * 1.5) }
.ported-site .py-2 { padding-block:calc(var(--spacing) * 2) }
.ported-site .py-2\.5 { padding-block:calc(var(--spacing) * 2.5) }
.ported-site .py-3 { padding-block:calc(var(--spacing) * 3) }
.ported-site .py-3\.5 { padding-block:calc(var(--spacing) * 3.5) }
.ported-site .py-4 { padding-block:calc(var(--spacing) * 4) }
.ported-site .py-5 { padding-block:calc(var(--spacing) * 5) }
.ported-site .py-6 { padding-block:calc(var(--spacing) * 6) }
.ported-site .py-7 { padding-block:calc(var(--spacing) * 7) }
.ported-site .py-8 { padding-block:calc(var(--spacing) * 8) }
.ported-site .py-10 { padding-block:calc(var(--spacing) * 10) }
.ported-site .py-12 { padding-block:calc(var(--spacing) * 12) }
.ported-site .py-14 { padding-block:calc(var(--spacing) * 14) }
.ported-site .py-16 { padding-block:calc(var(--spacing) * 16) }
.ported-site .py-20 { padding-block:calc(var(--spacing) * 20) }
.ported-site .py-24 { padding-block:calc(var(--spacing) * 24) }
.ported-site .py-28 { padding-block:calc(var(--spacing) * 28) }
.ported-site .pt-0 { padding-top:calc(var(--spacing) * 0) }
.ported-site .pt-1 { padding-top:calc(var(--spacing) * 1) }
.ported-site .pt-2 { padding-top:calc(var(--spacing) * 2) }
.ported-site .pt-3 { padding-top:calc(var(--spacing) * 3) }
.ported-site .pt-4 { padding-top:calc(var(--spacing) * 4) }
.ported-site .pt-5 { padding-top:calc(var(--spacing) * 5) }
.ported-site .pt-6 { padding-top:calc(var(--spacing) * 6) }
.ported-site .pt-8 { padding-top:calc(var(--spacing) * 8) }
.ported-site .pt-12 { padding-top:calc(var(--spacing) * 12) }
.ported-site .pt-16 { padding-top:calc(var(--spacing) * 16) }
.ported-site .pt-20 { padding-top:calc(var(--spacing) * 20) }
.ported-site .pt-24 { padding-top:calc(var(--spacing) * 24) }
.ported-site .pt-32 { padding-top:calc(var(--spacing) * 32) }
.ported-site .pt-40 { padding-top:calc(var(--spacing) * 40) }
.ported-site .pr-1 { padding-right:calc(var(--spacing) * 1) }
.ported-site .pr-2 { padding-right:calc(var(--spacing) * 2) }
.ported-site .pr-2\.5 { padding-right:calc(var(--spacing) * 2.5) }
.ported-site .pr-3 { padding-right:calc(var(--spacing) * 3) }
.ported-site .pr-4 { padding-right:calc(var(--spacing) * 4) }
.ported-site .pr-8 { padding-right:calc(var(--spacing) * 8) }
.ported-site .pb-1 { padding-bottom:calc(var(--spacing) * 1) }
.ported-site .pb-2 { padding-bottom:calc(var(--spacing) * 2) }
.ported-site .pb-3 { padding-bottom:calc(var(--spacing) * 3) }
.ported-site .pb-4 { padding-bottom:calc(var(--spacing) * 4) }
.ported-site .pb-5 { padding-bottom:calc(var(--spacing) * 5) }
.ported-site .pb-6 { padding-bottom:calc(var(--spacing) * 6) }
.ported-site .pb-8 { padding-bottom:calc(var(--spacing) * 8) }
.ported-site .pb-12 { padding-bottom:calc(var(--spacing) * 12) }
.ported-site .pb-16 { padding-bottom:calc(var(--spacing) * 16) }
.ported-site .pb-20 { padding-bottom:calc(var(--spacing) * 20) }
.ported-site .pb-24 { padding-bottom:calc(var(--spacing) * 24) }
.ported-site .pl-1 { padding-left:calc(var(--spacing) * 1) }
.ported-site .pl-2 { padding-left:calc(var(--spacing) * 2) }
.ported-site .pl-3 { padding-left:calc(var(--spacing) * 3) }
.ported-site .pl-4 { padding-left:calc(var(--spacing) * 4) }
.ported-site .pl-5 { padding-left:calc(var(--spacing) * 5) }
.ported-site .pl-6 { padding-left:calc(var(--spacing) * 6) }
.ported-site .pl-7 { padding-left:calc(var(--spacing) * 7) }
.ported-site .pl-8 { padding-left:calc(var(--spacing) * 8) }
.ported-site .pl-9 { padding-left:calc(var(--spacing) * 9) }
.ported-site .pl-10 { padding-left:calc(var(--spacing) * 10) }
.ported-site .pl-14 { padding-left:calc(var(--spacing) * 14) }
.ported-site .text-center { text-align:center }
.ported-site .text-left { text-align:left }
.ported-site .text-right { text-align:right }
.ported-site .align-middle { vertical-align:middle }
.ported-site .align-top { vertical-align:top }
.ported-site .font-mono { font-family:var(--font-mono) }
.ported-site .font-sans { font-family:Inter,sans-serif }
.ported-site .text-2xl { font-size:var(--text-2xl); line-height:var(--tw-leading,var(--text-2xl--line-height)) }
.ported-site .text-3xl { font-size:var(--text-3xl); line-height:var(--tw-leading,var(--text-3xl--line-height)) }
.ported-site .text-4xl { font-size:var(--text-4xl); line-height:var(--tw-leading,var(--text-4xl--line-height)) }
.ported-site .text-5xl { font-size:var(--text-5xl); line-height:var(--tw-leading,var(--text-5xl--line-height)) }
.ported-site .text-6xl { font-size:var(--text-6xl); line-height:var(--tw-leading,var(--text-6xl--line-height)) }
.ported-site .text-8xl { font-size:var(--text-8xl); line-height:var(--tw-leading,var(--text-8xl--line-height)) }
.ported-site .text-base { font-size:var(--text-base); line-height:var(--tw-leading,var(--text-base--line-height)) }
.ported-site .text-lg { font-size:var(--text-lg); line-height:var(--tw-leading,var(--text-lg--line-height)) }
.ported-site .text-sm { font-size:var(--text-sm); line-height:var(--tw-leading,var(--text-sm--line-height)) }
.ported-site .text-sm\/relaxed { font-size:var(--text-sm); line-height:var(--leading-relaxed) }
.ported-site .text-xl { font-size:var(--text-xl); line-height:var(--tw-leading,var(--text-xl--line-height)) }
.ported-site .text-xs { font-size:var(--text-xs); line-height:var(--tw-leading,var(--text-xs--line-height)) }
.ported-site .text-\[0\.8rem\] { font-size:.8rem }
.ported-site .text-\[2\.8rem\] { font-size:2.8rem }
.ported-site .text-\[7px\] { font-size:7px }
.ported-site .text-\[8px\] { font-size:8px }
.ported-site .text-\[9px\] { font-size:9px }
.ported-site .text-\[10px\] { font-size:10px }
.ported-site .text-\[11px\] { font-size:11px }
.ported-site .text-\[13px\] { font-size:13px }
.ported-site .text-\[14px\] { font-size:14px }
.ported-site .text-\[15px\] { font-size:15px }
.ported-site .leading-5 { --tw-leading:calc(var(--spacing) * 5); line-height:calc(var(--spacing) * 5) }
.ported-site .leading-6 { --tw-leading:calc(var(--spacing) * 6); line-height:calc(var(--spacing) * 6) }
.ported-site .leading-7 { --tw-leading:calc(var(--spacing) * 7); line-height:calc(var(--spacing) * 7) }
.ported-site .leading-8 { --tw-leading:calc(var(--spacing) * 8); line-height:calc(var(--spacing) * 8) }
.ported-site .leading-\[0\.95\] { --tw-leading:.95; line-height:.95 }
.ported-site .leading-\[1\.02\] { --tw-leading:1.02; line-height:1.02 }
.ported-site .leading-\[1\.04\] { --tw-leading:1.04; line-height:1.04 }
.ported-site .leading-\[26px\] { --tw-leading:26px; line-height:26px }
.ported-site .leading-none { --tw-leading:1; line-height:1 }
.ported-site .leading-normal { --tw-leading:var(--leading-normal); line-height:var(--leading-normal) }
.ported-site .leading-relaxed { --tw-leading:var(--leading-relaxed); line-height:var(--leading-relaxed) }
.ported-site .leading-snug { --tw-leading:var(--leading-snug); line-height:var(--leading-snug) }
.ported-site .leading-tight { --tw-leading:var(--leading-tight); line-height:var(--leading-tight) }
.ported-site .font-black { --tw-font-weight:var(--font-weight-black); font-weight:var(--font-weight-black) }
.ported-site .font-bold { --tw-font-weight:var(--font-weight-bold); font-weight:var(--font-weight-bold) }
.ported-site .font-extrabold { --tw-font-weight:var(--font-weight-extrabold); font-weight:var(--font-weight-extrabold) }
.ported-site .font-light { --tw-font-weight:var(--font-weight-light); font-weight:var(--font-weight-light) }
.ported-site .font-medium { --tw-font-weight:var(--font-weight-medium); font-weight:var(--font-weight-medium) }
.ported-site .font-normal { --tw-font-weight:var(--font-weight-normal); font-weight:var(--font-weight-normal) }
.ported-site .font-semibold { --tw-font-weight:var(--font-weight-semibold); font-weight:var(--font-weight-semibold) }
.ported-site .tracking-\[-0\.025em\] { --tw-tracking:-.025em; letter-spacing:-.025em }
.ported-site .tracking-\[-0\.035em\] { --tw-tracking:-.035em; letter-spacing:-.035em }
.ported-site .tracking-\[-0\.44px\] { --tw-tracking:-.44px; letter-spacing:-.44px }
.ported-site .tracking-\[-0\.154px\] { --tw-tracking:-.154px; letter-spacing:-.154px }
.ported-site .tracking-\[0\.1em\] { --tw-tracking:.1em; letter-spacing:.1em }
.ported-site .tracking-\[0\.2em\] { --tw-tracking:.2em; letter-spacing:.2em }
.ported-site .tracking-\[0\.3em\] { --tw-tracking:.3em; letter-spacing:.3em }
.ported-site .tracking-\[0\.08em\] { --tw-tracking:.08em; letter-spacing:.08em }
.ported-site .tracking-\[0\.12em\] { --tw-tracking:.12em; letter-spacing:.12em }
.ported-site .tracking-\[0\.15em\] { --tw-tracking:.15em; letter-spacing:.15em }
.ported-site .tracking-\[0\.16em\] { --tw-tracking:.16em; letter-spacing:.16em }
.ported-site .tracking-\[0\.18em\] { --tw-tracking:.18em; letter-spacing:.18em }
.ported-site .tracking-\[0\.25em\] { --tw-tracking:.25em; letter-spacing:.25em }
.ported-site .tracking-tight { --tw-tracking:var(--tracking-tight); letter-spacing:var(--tracking-tight) }
.ported-site .tracking-tighter { --tw-tracking:var(--tracking-tighter); letter-spacing:var(--tracking-tighter) }
.ported-site .tracking-wide { --tw-tracking:var(--tracking-wide); letter-spacing:var(--tracking-wide) }
.ported-site .tracking-wider { --tw-tracking:var(--tracking-wider); letter-spacing:var(--tracking-wider) }
.ported-site .tracking-widest { --tw-tracking:var(--tracking-widest); letter-spacing:var(--tracking-widest) }
.ported-site .text-balance { text-wrap:balance }
.ported-site .break-words { overflow-wrap:break-word }
.ported-site .break-all { word-break:break-all }
.ported-site .whitespace-break-spaces { white-space:break-spaces }
.ported-site .whitespace-nowrap { white-space:nowrap }
.ported-site .whitespace-pre-line { white-space:pre-line }
.ported-site .whitespace-pre-wrap { white-space:pre-wrap }
.ported-site .text-\[\#0a0a0a\] { color:#0a0a0a }
.ported-site .text-\[\#25D366\] { color:#25d366 }
.ported-site .text-\[\#06101c\] { color:#06101c }
.ported-site .text-\[\#07111f\] { color:#07111f }
.ported-site .text-\[\#34322d\] { color:#34322d }
.ported-site .text-\[\#485567\] { color:#485567 }
.ported-site .text-\[\#858481\] { color:#858481 }
.ported-site .text-\[\#945814\] { color:#945814 }
.ported-site .text-\[\#C5A059\] { color:#c5a059 }
.ported-site .text-\[\#C9A84C\], .ported-site .text-\[\#c9a84c\] { color:#c9a84c }
.ported-site .text-\[\#c9a84c\]\/70 { color:#c9a84cb3 }
.ported-site .text-\[\#c9a84c\]\/80 { color:#c9a84ccc }
.ported-site .text-\[\#c9a96e\] { color:#c9a96e }
.ported-site .text-\[\#e5a74b\] { color:#e5a74b }
.ported-site .text-accent-foreground { color:var(--accent-foreground) }
.ported-site .text-amber-400 { color:var(--color-amber-400) }
.ported-site .text-amber-500 { color:var(--color-amber-500) }
.ported-site .text-background, .ported-site .text-background\/50 { color:var(--background) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .text-background\/50 { color:color-mix(in oklab,var(--background) 50%,transparent) }
}
.ported-site .text-background\/60 { color:var(--background) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .text-background\/60 { color:color-mix(in oklab,var(--background) 60%,transparent) }
}
.ported-site .text-background\/70 { color:var(--background) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .text-background\/70 { color:color-mix(in oklab,var(--background) 70%,transparent) }
}
.ported-site .text-background\/80 { color:var(--background) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .text-background\/80 { color:color-mix(in oklab,var(--background) 80%,transparent) }
}
.ported-site .text-background\/90 { color:var(--background) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .text-background\/90 { color:color-mix(in oklab,var(--background) 90%,transparent) }
}
.ported-site .text-black { color:var(--color-black) }
.ported-site .text-black\/60 { color:#0009 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .text-black\/60 { color:color-mix(in oklab,var(--color-black) 60%,transparent) }
}
.ported-site .text-black\/80 { color:#000c }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .text-black\/80 { color:color-mix(in oklab,var(--color-black) 80%,transparent) }
}
.ported-site .text-blue-400 { color:var(--color-blue-400) }
.ported-site .text-blue-500 { color:var(--color-blue-500) }
.ported-site .text-blue-600 { color:var(--color-blue-600) }
.ported-site .text-border { color:var(--border) }
.ported-site .text-card-foreground { color:var(--card-foreground) }
.ported-site .text-current { color:currentColor }
.ported-site .text-cyan-400 { color:var(--color-cyan-400) }
.ported-site .text-cyan-500 { color:var(--color-cyan-500) }
.ported-site .text-destructive { color:var(--destructive) }
.ported-site .text-destructive-foreground { color:var(--destructive-foreground) }
.ported-site .text-emerald-400 { color:var(--color-emerald-400) }
.ported-site .text-emerald-500 { color:var(--color-emerald-500) }
.ported-site .text-foreground, .ported-site .text-foreground\/80 { color:var(--foreground) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .text-foreground\/80 { color:color-mix(in oklab,var(--foreground) 80%,transparent) }
}
.ported-site .text-gold-dark { color:#9b6400; color:oklch(55% .13 72) }
.ported-site .text-gold\/15 { color:#c9892b26 }
.ported-site .text-gold\/30 { color:#c9892b4d }
.ported-site .text-gold\/40 { color:#c9892b66 }
.ported-site .text-gold\/50 { color:#c9892b80 }
.ported-site .text-gold\/60 { color:#c9892b99 }
.ported-site .text-gold\/70 { color:#c9892bb3 }
.ported-site .text-gold\/80 { color:#c9892bcc }
.ported-site .text-gray-400 { color:var(--color-gray-400) }
.ported-site .text-gray-500 { color:var(--color-gray-500) }
.ported-site .text-green-400 { color:var(--color-green-400) }
.ported-site .text-green-500 { color:var(--color-green-500) }
.ported-site .text-green-600 { color:var(--color-green-600) }
.ported-site .text-green-800 { color:var(--color-green-800) }
.ported-site .text-muted-foreground, .ported-site .text-muted-foreground\/30 { color:var(--muted-foreground) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .text-muted-foreground\/30 { color:color-mix(in oklab,var(--muted-foreground) 30%,transparent) }
}
.ported-site .text-muted-foreground\/40 { color:var(--muted-foreground) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .text-muted-foreground\/40 { color:color-mix(in oklab,var(--muted-foreground) 40%,transparent) }
}
.ported-site .text-muted-foreground\/50 { color:var(--muted-foreground) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .text-muted-foreground\/50 { color:color-mix(in oklab,var(--muted-foreground) 50%,transparent) }
}
.ported-site .text-muted-foreground\/60 { color:var(--muted-foreground) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .text-muted-foreground\/60 { color:color-mix(in oklab,var(--muted-foreground) 60%,transparent) }
}
.ported-site .text-muted-foreground\/70 { color:var(--muted-foreground) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .text-muted-foreground\/70 { color:color-mix(in oklab,var(--muted-foreground) 70%,transparent) }
}
.ported-site .text-orange-400 { color:var(--color-orange-400) }
.ported-site .text-orange-500 { color:var(--color-orange-500) }
.ported-site .text-popover-foreground { color:var(--popover-foreground) }
.ported-site .text-primary { color:var(--primary) }
.ported-site .text-primary-foreground { color:var(--primary-foreground) }
.ported-site .text-purple-400 { color:var(--color-purple-400) }
.ported-site .text-purple-500 { color:var(--color-purple-500) }
.ported-site .text-red-400 { color:var(--color-red-400) }
.ported-site .text-red-500 { color:var(--color-red-500) }
.ported-site .text-red-600 { color:var(--color-red-600) }
.ported-site .text-red-800 { color:var(--color-red-800) }
.ported-site .text-secondary-foreground { color:var(--secondary-foreground) }
.ported-site .text-sidebar-foreground, .ported-site .text-sidebar-foreground\/70 { color:var(--sidebar-foreground) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .text-sidebar-foreground\/70 { color:color-mix(in oklab,var(--sidebar-foreground) 70%,transparent) }
}
.ported-site .text-slate-200 { color:var(--color-slate-200) }
.ported-site .text-slate-300 { color:var(--color-slate-300) }
.ported-site .text-slate-600 { color:var(--color-slate-600) }
.ported-site .text-slate-700 { color:var(--color-slate-700) }
.ported-site .text-slate-900 { color:var(--color-slate-900) }
.ported-site .text-transparent { color:#0000 }
.ported-site .text-violet-400 { color:var(--color-violet-400) }
.ported-site .text-violet-500 { color:var(--color-violet-500) }
.ported-site .text-white { color:var(--color-white) }
.ported-site .text-white\/5 { color:#ffffff0d }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .text-white\/5 { color:color-mix(in oklab,var(--color-white) 5%,transparent) }
}
.ported-site .text-white\/20 { color:#fff3 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .text-white\/20 { color:color-mix(in oklab,var(--color-white) 20%,transparent) }
}
.ported-site .text-white\/25 { color:#ffffff40 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .text-white\/25 { color:color-mix(in oklab,var(--color-white) 25%,transparent) }
}
.ported-site .text-white\/30 { color:#ffffff4d }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .text-white\/30 { color:color-mix(in oklab,var(--color-white) 30%,transparent) }
}
.ported-site .text-white\/35 { color:#ffffff59 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .text-white\/35 { color:color-mix(in oklab,var(--color-white) 35%,transparent) }
}
.ported-site .text-white\/40 { color:#fff6 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .text-white\/40 { color:color-mix(in oklab,var(--color-white) 40%,transparent) }
}
.ported-site .text-white\/45 { color:#ffffff73 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .text-white\/45 { color:color-mix(in oklab,var(--color-white) 45%,transparent) }
}
.ported-site .text-white\/50 { color:#ffffff80 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .text-white\/50 { color:color-mix(in oklab,var(--color-white) 50%,transparent) }
}
.ported-site .text-white\/55 { color:#ffffff8c }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .text-white\/55 { color:color-mix(in oklab,var(--color-white) 55%,transparent) }
}
.ported-site .text-white\/60 { color:#fff9 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .text-white\/60 { color:color-mix(in oklab,var(--color-white) 60%,transparent) }
}
.ported-site .text-white\/65 { color:#ffffffa6 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .text-white\/65 { color:color-mix(in oklab,var(--color-white) 65%,transparent) }
}
.ported-site .text-white\/70 { color:#ffffffb3 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .text-white\/70 { color:color-mix(in oklab,var(--color-white) 70%,transparent) }
}
.ported-site .text-white\/75 { color:#ffffffbf }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .text-white\/75 { color:color-mix(in oklab,var(--color-white) 75%,transparent) }
}
.ported-site .text-white\/80 { color:#fffc }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .text-white\/80 { color:color-mix(in oklab,var(--color-white) 80%,transparent) }
}
.ported-site .text-yellow-400 { color:var(--color-yellow-400) }
.ported-site .text-zinc-400 { color:var(--color-zinc-400) }
.ported-site .text-zinc-500 { color:var(--color-zinc-500) }
.ported-site .capitalize { text-transform:capitalize }
.ported-site .uppercase { text-transform:uppercase }
.ported-site .italic { font-style:italic }
.ported-site .tabular-nums { --tw-numeric-spacing:tabular-nums; font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,) }
.ported-site .no-underline { text-decoration-line:none }
.ported-site .underline { text-decoration-line:underline }
.ported-site .decoration-gold\/30 { text-decoration-color:#c9892b4d }
.ported-site .underline-offset-4 { text-underline-offset:4px }
.ported-site .underline-offset-8 { text-underline-offset:8px }
.ported-site .antialiased { -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale }
.ported-site .opacity-0 { opacity:0 }
.ported-site .opacity-5 { opacity:.05 }
.ported-site .opacity-10 { opacity:.1 }
.ported-site .opacity-20 { opacity:.2 }
.ported-site .opacity-30 { opacity:.3 }
.ported-site .opacity-40 { opacity:.4 }
.ported-site .opacity-50 { opacity:.5 }
.ported-site .opacity-60 { opacity:.6 }
.ported-site .opacity-70 { opacity:.7 }
.ported-site .opacity-75 { opacity:.75 }
.ported-site .opacity-80 { opacity:.8 }
.ported-site .opacity-90 { opacity:.9 }
.ported-site .opacity-100 { opacity:1 }
.ported-site .mix-blend-luminosity { mix-blend-mode:luminosity }
.ported-site .mix-blend-multiply { mix-blend-mode:multiply }
.ported-site .mix-blend-overlay { mix-blend-mode:overlay }
.ported-site .shadow { --tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) }
.ported-site .shadow-2xl { --tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) }
.ported-site .shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\] { --tw-shadow:0 0 0 1px var(--tw-shadow-color,hsl(var(--sidebar-border))); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) }
.ported-site .shadow-\[0_0_10px_rgba\(212\,175\,55\,0\.3\)\] { --tw-shadow:0 0 10px var(--tw-shadow-color,#d4af374d); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) }
.ported-site .shadow-\[0_0_16px_4px_rgba\(201\,168\,76\,0\.65\)\] { --tw-shadow:0 0 16px 4px var(--tw-shadow-color,#c9a84ca6); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) }
.ported-site .shadow-\[0_0_20px_rgba\(234\,179\,8\,0\.2\)\] { --tw-shadow:0 0 20px var(--tw-shadow-color,#eab30833); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) }
.ported-site .shadow-\[0_0_20px_rgba\(238\,187\,51\,0\.2\)\] { --tw-shadow:0 0 20px var(--tw-shadow-color,#eb33); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) }
.ported-site .shadow-\[0_0_28px_6px_rgba\(201\,168\,76\,0\.4\)\] { --tw-shadow:0 0 28px 6px var(--tw-shadow-color,#c9a84c66); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) }
.ported-site .shadow-\[0px_4px_11px_0px_rgba\(0\,0\,0\,0\.08\)\] { --tw-shadow:0px 4px 11px 0px var(--tw-shadow-color,#00000014); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) }
.ported-site .shadow-inner { --tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) }
.ported-site .shadow-lg { --tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) }
.ported-site .shadow-md { --tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) }
.ported-site .shadow-none { --tw-shadow:0 0 #0000; box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) }
.ported-site .shadow-sm { --tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) }
.ported-site .shadow-xl { --tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) }
.ported-site .shadow-xs { --tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) }
.ported-site .ring { --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) }
.ported-site .ring-0 { --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) }
.ported-site .ring-1 { --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) }
.ported-site .ring-2 { --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) }
.ported-site .shadow-\[\#25D366\]\/20 { --tw-shadow-color:#25d36633 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .shadow-\[\#25D366\]\/20 { --tw-shadow-color:color-mix(in oklab, oklab(76.0953% -.174012 .10152/.2) var(--tw-shadow-alpha), transparent) }
}
.ported-site .shadow-\[\#25D366\]\/30 { --tw-shadow-color:#25d3664d }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .shadow-\[\#25D366\]\/30 { --tw-shadow-color:color-mix(in oklab, oklab(76.0953% -.174012 .10152/.3) var(--tw-shadow-alpha), transparent) }
}
.ported-site .shadow-black\/5 { --tw-shadow-color:#0000000d }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .shadow-black\/5 { --tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-black) 5%, transparent) var(--tw-shadow-alpha), transparent) }
}
.ported-site .shadow-black\/10 { --tw-shadow-color:#0000001a }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .shadow-black\/10 { --tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-black) 10%, transparent) var(--tw-shadow-alpha), transparent) }
}
.ported-site .shadow-black\/50 { --tw-shadow-color:#00000080 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .shadow-black\/50 { --tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-black) 50%, transparent) var(--tw-shadow-alpha), transparent) }
}
.ported-site .shadow-foreground\/10 { --tw-shadow-color:var(--foreground) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .shadow-foreground\/10 { --tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--foreground) 10%, transparent) var(--tw-shadow-alpha), transparent) }
}
.ported-site .shadow-gold\/5 { --tw-shadow-color:#c9892b0d }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .shadow-gold\/5 { --tw-shadow-color:color-mix(in oklab, oklab(68% .0401722 .123637/.05) var(--tw-shadow-alpha), transparent) }
}
.ported-site .shadow-gold\/10 { --tw-shadow-color:#c9892b1a }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .shadow-gold\/10 { --tw-shadow-color:color-mix(in oklab, oklab(68% .0401722 .123637/.1) var(--tw-shadow-alpha), transparent) }
}
.ported-site .shadow-gold\/20 { --tw-shadow-color:#c9892b33 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .shadow-gold\/20 { --tw-shadow-color:color-mix(in oklab, oklab(68% .0401722 .123637/.2) var(--tw-shadow-alpha), transparent) }
}
.ported-site .ring-\[\#c9a84c\]\/40 { --tw-ring-color:oklab(74.3201% .000998646 .117047/.4) }
.ported-site .ring-background { --tw-ring-color:var(--background) }
.ported-site .ring-ring\/50 { --tw-ring-color:var(--ring) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .ring-ring\/50 { --tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent) }
}
.ported-site .ring-sidebar-ring { --tw-ring-color:var(--sidebar-ring) }
.ported-site .ring-offset-background { --tw-ring-offset-color:var(--background) }
.ported-site .outline-hidden { --tw-outline-style:none; outline-style:none }
@media (forced-colors:active) {
.ported-site .outline-hidden { outline-offset:2px; outline:2px solid #0000 }
}
.ported-site .outline { outline-style:var(--tw-outline-style); outline-width:1px }
.ported-site .blur { --tw-blur:blur(8px); filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) }
.ported-site .blur-2xl { --tw-blur:blur(var(--blur-2xl)); filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) }
.ported-site .blur-\[120px\] { --tw-blur:blur(120px); filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) }
.ported-site .blur-sm { --tw-blur:blur(var(--blur-sm)); filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) }
.ported-site .drop-shadow { --tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f)); --tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f); filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) }
.ported-site .drop-shadow-\[0_0_8px_rgba\(238\,187\,51\,0\.5\)\] { --tw-drop-shadow-size:drop-shadow(0 0 8px var(--tw-drop-shadow-color,#eebb3380)); --tw-drop-shadow:var(--tw-drop-shadow-size); filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) }
.ported-site .drop-shadow-md { --tw-drop-shadow-size:drop-shadow(0 3px 3px var(--tw-drop-shadow-color,#0000001f)); --tw-drop-shadow:drop-shadow(var(--drop-shadow-md)); filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) }
.ported-site .grayscale { --tw-grayscale:grayscale(100%); filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) }
.ported-site .invert { --tw-invert:invert(100%); filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) }
.ported-site .filter { filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) }
.ported-site .backdrop-blur { --tw-backdrop-blur:blur(8px); -webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,) }
.ported-site .backdrop-blur-2xl { --tw-backdrop-blur:blur(var(--blur-2xl)); -webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,) }
.ported-site .backdrop-blur-\[2px\] { --tw-backdrop-blur:blur(2px); -webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,) }
.ported-site .backdrop-blur-md { --tw-backdrop-blur:blur(var(--blur-md)); -webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,) }
.ported-site .backdrop-blur-sm { --tw-backdrop-blur:blur(var(--blur-sm)); -webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,) }
.ported-site .backdrop-blur-xl { --tw-backdrop-blur:blur(var(--blur-xl)); -webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,) }
.ported-site .backdrop-filter { -webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,) }
.ported-site .transition { transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function:var(--tw-ease,var(--default-transition-timing-function)); transition-duration:var(--tw-duration,var(--default-transition-duration)) }
.ported-site .transition-\[color\,box-shadow\] { transition-property:color,box-shadow; transition-timing-function:var(--tw-ease,var(--default-transition-timing-function)); transition-duration:var(--tw-duration,var(--default-transition-duration)) }
.ported-site .transition-\[left\,right\,width\] { transition-property:left,right,width; transition-timing-function:var(--tw-ease,var(--default-transition-timing-function)); transition-duration:var(--tw-duration,var(--default-transition-duration)) }
.ported-site .transition-\[margin\,opacity\] { transition-property:margin,opacity; transition-timing-function:var(--tw-ease,var(--default-transition-timing-function)); transition-duration:var(--tw-duration,var(--default-transition-duration)) }
.ported-site .transition-\[width\,height\,padding\] { transition-property:width,height,padding; transition-timing-function:var(--tw-ease,var(--default-transition-timing-function)); transition-duration:var(--tw-duration,var(--default-transition-duration)) }
.ported-site .transition-\[width\] { transition-property:width; transition-timing-function:var(--tw-ease,var(--default-transition-timing-function)); transition-duration:var(--tw-duration,var(--default-transition-duration)) }
.ported-site .transition-all { transition-property:all; transition-timing-function:var(--tw-ease,var(--default-transition-timing-function)); transition-duration:var(--tw-duration,var(--default-transition-duration)) }
.ported-site .transition-colors { transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to; transition-timing-function:var(--tw-ease,var(--default-transition-timing-function)); transition-duration:var(--tw-duration,var(--default-transition-duration)) }
.ported-site .transition-opacity { transition-property:opacity; transition-timing-function:var(--tw-ease,var(--default-transition-timing-function)); transition-duration:var(--tw-duration,var(--default-transition-duration)) }
.ported-site .transition-shadow { transition-property:box-shadow; transition-timing-function:var(--tw-ease,var(--default-transition-timing-function)); transition-duration:var(--tw-duration,var(--default-transition-duration)) }
.ported-site .transition-transform { transition-property:transform,translate,scale,rotate; transition-timing-function:var(--tw-ease,var(--default-transition-timing-function)); transition-duration:var(--tw-duration,var(--default-transition-duration)) }
.ported-site .transition-none { transition-property:none }
.ported-site .duration-100 { --tw-duration:.1s; transition-duration:.1s }
.ported-site .duration-200 { --tw-duration:.2s; transition-duration:.2s }
.ported-site .duration-300 { --tw-duration:.3s; transition-duration:.3s }
.ported-site .duration-500 { --tw-duration:.5s; transition-duration:.5s }
.ported-site .duration-700 { --tw-duration:.7s; transition-duration:.7s }
.ported-site .duration-1000 { --tw-duration:1s; transition-duration:1s }
.ported-site .ease-in-out { --tw-ease:var(--ease-in-out); transition-timing-function:var(--ease-in-out) }
.ported-site .ease-linear { --tw-ease:linear; transition-timing-function:linear }
.ported-site .ease-out { --tw-ease:var(--ease-out); transition-timing-function:var(--ease-out) }
.ported-site .fade-in-0 { --tw-enter-opacity:0 }
.ported-site .outline-none { --tw-outline-style:none; outline-style:none }
.ported-site .select-all { -webkit-user-select:all; user-select:all }
.ported-site .select-none { -webkit-user-select:none; user-select:none }
.ported-site .zoom-in-95 { --tw-enter-scale:.95 }
.ported-site .\[--cell-size\:--spacing\(8\)\] { --cell-size:calc(var(--spacing) * 8) }
.ported-site .fade-in { --tw-enter-opacity:0 }
.ported-site .running { animation-play-state:running }
.ported-site .slide-in-from-bottom-4 { --tw-enter-translate-y:calc(4*var(--spacing)) }
.ported-site .slide-in-from-top-1 { --tw-enter-translate-y:calc(1*var(--spacing)*-1) }
.ported-site .group-open\:rotate-180:is(:where(.group):is([open],:popover-open,:open) *) { rotate:180deg }
.ported-site .group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *) { opacity:1 }
@media (hover:hover) {
.ported-site .group-hover\:translate-x-1:is(:where(.group):hover *) { --tw-translate-x:calc(var(--spacing) * 1); translate:var(--tw-translate-x) var(--tw-translate-y) }
.ported-site .group-hover\:translate-y-0:is(:where(.group):hover *) { --tw-translate-y:calc(var(--spacing) * 0); translate:var(--tw-translate-x) var(--tw-translate-y) }
.ported-site .group-hover\:scale-105:is(:where(.group):hover *) { --tw-scale-x:105%; --tw-scale-y:105%; --tw-scale-z:105%; scale:var(--tw-scale-x) var(--tw-scale-y) }
.ported-site .group-hover\:scale-110:is(:where(.group):hover *) { --tw-scale-x:110%; --tw-scale-y:110%; --tw-scale-z:110%; scale:var(--tw-scale-x) var(--tw-scale-y) }
.ported-site .group-hover\:gap-2:is(:where(.group):hover *) { gap:calc(var(--spacing) * 2) }
.ported-site .group-hover\:border-gold:is(:where(.group):hover *) { border-color:#c9892b }
.ported-site .group-hover\:border-gold\/50:is(:where(.group):hover *) { border-color:#c9892b80 }
.ported-site .group-hover\:bg-destructive:is(:where(.group):hover *) { background-color:var(--destructive) }
.ported-site .group-hover\:bg-gold:is(:where(.group):hover *) { background-color:#c9892b }
.ported-site .group-hover\:bg-gold\/15:is(:where(.group):hover *) { background-color:#c9892b26 }
.ported-site .group-hover\:bg-gold\/20:is(:where(.group):hover *) { background-color:#c9892b33 }
.ported-site .group-hover\:text-\[\#c9a84c\]\/60:is(:where(.group):hover *) { color:#c9a84c99 }
.ported-site .group-hover\:text-background:is(:where(.group):hover *) { color:var(--background) }
.ported-site .group-hover\:text-foreground:is(:where(.group):hover *) { color:var(--foreground) }
.ported-site .group-hover\:text-gold:is(:where(.group):hover *) { color:#c9892b }
.ported-site .group-hover\:text-gold\/10:is(:where(.group):hover *) { color:#c9892b1a }
.ported-site .group-hover\:text-gold\/80:is(:where(.group):hover *) { color:#c9892bcc }
.ported-site .group-hover\:text-white:is(:where(.group):hover *) { color:var(--color-white) }
.ported-site .group-hover\:text-white\/40:is(:where(.group):hover *) { color:#fff6 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .group-hover\:text-white\/40:is(:where(.group):hover *) { color:color-mix(in oklab,var(--color-white) 40%,transparent) }
}
.ported-site .group-hover\:text-white\/50:is(:where(.group):hover *) { color:#ffffff80 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .group-hover\:text-white\/50:is(:where(.group):hover *) { color:color-mix(in oklab,var(--color-white) 50%,transparent) }
}
.ported-site .group-hover\:text-white\/60:is(:where(.group):hover *) { color:#fff9 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .group-hover\:text-white\/60:is(:where(.group):hover *) { color:color-mix(in oklab,var(--color-white) 60%,transparent) }
}
.ported-site .group-hover\:opacity-75:is(:where(.group):hover *) { opacity:.75 }
.ported-site .group-hover\:opacity-100:is(:where(.group):hover *) { opacity:1 }
.ported-site .group-hover\:shadow-gold\/40:is(:where(.group):hover *) { --tw-shadow-color:#c9892b66 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .group-hover\:shadow-gold\/40:is(:where(.group):hover *) { --tw-shadow-color:color-mix(in oklab, oklab(68% .0401722 .123637/.4) var(--tw-shadow-alpha), transparent) }
}
.ported-site .group-hover\:grayscale-0:is(:where(.group):hover *) { --tw-grayscale:grayscale(0%); filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) }
.ported-site .group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *) { opacity:1 }
}
.ported-site .group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8:is(:where(.group\/menu-item):has([data-sidebar=menu-action]) *) { padding-right:calc(var(--spacing) * 8) }
.ported-site .group-has-\[\[data-orientation\=horizontal\]\]\/field\:text-balance:is(:where(.group\/field):has([data-orientation=horizontal]) *) { text-wrap:balance }
.ported-site .group-has-\[\[data-slot\=item-description\]\]\/item\:translate-y-0\.5:is(:where(.group\/item):has([data-slot=item-description]) *) { --tw-translate-y:calc(var(--spacing) * .5); translate:var(--tw-translate-x) var(--tw-translate-y) }
.ported-site .group-has-\[\[data-slot\=item-description\]\]\/item\:self-start:is(:where(.group\/item):has([data-slot=item-description]) *) { align-self:flex-start }
.ported-site .group-has-\[\>input\]\/input-group\:pt-2\.5:is(:where(.group\/input-group):has(>input) *) { padding-top:calc(var(--spacing) * 2.5) }
.ported-site .group-has-\[\>input\]\/input-group\:pb-2\.5:is(:where(.group\/input-group):has(>input) *) { padding-bottom:calc(var(--spacing) * 2.5) }
.ported-site .group-data-\[collapsible\=icon\]\:-mt-8:is(:where(.group)[data-collapsible=icon] *) { margin-top:calc(var(--spacing) * -8) }
.ported-site .group-data-\[collapsible\=icon\]\:hidden:is(:where(.group)[data-collapsible=icon] *) { display:none }
.ported-site .group-data-\[collapsible\=icon\]\:size-8\!:is(:where(.group)[data-collapsible=icon] *) { width:calc(var(--spacing) * 8)!important; height:calc(var(--spacing) * 8)!important }
.ported-site .group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\):is(:where(.group)[data-collapsible=icon] *) { width:var(--sidebar-width-icon) }
.ported-site .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\]:is(:where(.group)[data-collapsible=icon] *) { width:calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4))) }
.ported-site .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\]:is(:where(.group)[data-collapsible=icon] *) { width:calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)) + 2px) }
.ported-site .group-data-\[collapsible\=icon\]\:justify-center:is(:where(.group)[data-collapsible=icon] *) { justify-content:center }
.ported-site .group-data-\[collapsible\=icon\]\:overflow-hidden:is(:where(.group)[data-collapsible=icon] *) { overflow:hidden }
.ported-site .group-data-\[collapsible\=icon\]\:p-0\!:is(:where(.group)[data-collapsible=icon] *) { padding:calc(var(--spacing) * 0)!important }
.ported-site .group-data-\[collapsible\=icon\]\:p-2\!:is(:where(.group)[data-collapsible=icon] *) { padding:calc(var(--spacing) * 2)!important }
.ported-site .group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-collapsible=icon] *) { opacity:0 }
.ported-site .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *) { right:calc(var(--sidebar-width) * -1) }
.ported-site .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *) { left:calc(var(--sidebar-width) * -1) }
.ported-site .group-data-\[collapsible\=offcanvas\]\:w-0:is(:where(.group)[data-collapsible=offcanvas] *) { width:calc(var(--spacing) * 0) }
.ported-site .group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(:where(.group)[data-collapsible=offcanvas] *) { --tw-translate-x:calc(var(--spacing) * 0); translate:var(--tw-translate-x) var(--tw-translate-y) }
.ported-site .group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *) { pointer-events:none }
.ported-site .group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *), .ported-site .group-data-\[disabled\=true\]\/field\:opacity-50:is(:where(.group\/field)[data-disabled=true] *), .ported-site .group-data-\[disabled\=true\]\/input-group\:opacity-50:is(:where(.group\/input-group)[data-disabled=true] *) { opacity:.5 }
.ported-site .group-data-\[focused\=true\]\/day\:relative:is(:where(.group\/day)[data-focused=true] *) { position:relative }
.ported-site .group-data-\[focused\=true\]\/day\:z-10:is(:where(.group\/day)[data-focused=true] *) { z-index:10 }
.ported-site .group-data-\[focused\=true\]\/day\:border-ring:is(:where(.group\/day)[data-focused=true] *) { border-color:var(--ring) }
.ported-site .group-data-\[focused\=true\]\/day\:ring-\[3px\]:is(:where(.group\/day)[data-focused=true] *) { --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) }
.ported-site .group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.group\/day)[data-focused=true] *) { --tw-ring-color:var(--ring) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.group\/day)[data-focused=true] *) { --tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent) }
}
.ported-site .group-data-\[side\=left\]\:-right-4:is(:where(.group)[data-side=left] *) { right:calc(var(--spacing) * -4) }
.ported-site .group-data-\[side\=left\]\:border-r:is(:where(.group)[data-side=left] *) { border-right-style:var(--tw-border-style); border-right-width:1px }
.ported-site .group-data-\[side\=right\]\:left-0:is(:where(.group)[data-side=right] *) { left:calc(var(--spacing) * 0) }
.ported-site .group-data-\[side\=right\]\:rotate-180:is(:where(.group)[data-side=right] *) { rotate:180deg }
.ported-site .group-data-\[side\=right\]\:border-l:is(:where(.group)[data-side=right] *) { border-left-style:var(--tw-border-style); border-left-width:1px }
.ported-site .group-data-\[state\=active\]\:text-black:is(:where(.group)[data-state=active] *) { color:var(--color-black) }
.ported-site .group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state=open] *) { rotate:180deg }
.ported-site .group-data-\[variant\=floating\]\:rounded-lg:is(:where(.group)[data-variant=floating] *) { border-radius:var(--radius) }
.ported-site .group-data-\[variant\=floating\]\:border:is(:where(.group)[data-variant=floating] *) { border-style:var(--tw-border-style); border-width:1px }
.ported-site .group-data-\[variant\=floating\]\:border-sidebar-border:is(:where(.group)[data-variant=floating] *) { border-color:var(--sidebar-border) }
.ported-site .group-data-\[variant\=floating\]\:shadow-sm:is(:where(.group)[data-variant=floating] *) { --tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) }
.ported-site .group-data-\[variant\=outline\]\/field-group\:-mb-2:is(:where(.group\/field-group)[data-variant=outline] *) { margin-bottom:calc(var(--spacing) * -2) }
.ported-site .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=bottom] *) { display:block }
.ported-site .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:text-center:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=bottom] *), .ported-site .group-data-\[vaul-drawer-direction\=top\]\/drawer-content\:text-center:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=top] *) { text-align:center }
.ported-site .group-data-\[viewport\=false\]\/navigation-menu\:top-full:is(:where(.group\/navigation-menu)[data-viewport=false] *) { top:100% }
.ported-site .group-data-\[viewport\=false\]\/navigation-menu\:mt-1\.5:is(:where(.group\/navigation-menu)[data-viewport=false] *) { margin-top:calc(var(--spacing) * 1.5) }
.ported-site .group-data-\[viewport\=false\]\/navigation-menu\:overflow-hidden:is(:where(.group\/navigation-menu)[data-viewport=false] *) { overflow:hidden }
.ported-site .group-data-\[viewport\=false\]\/navigation-menu\:rounded-md:is(:where(.group\/navigation-menu)[data-viewport=false] *) { border-radius:calc(var(--radius) - 2px) }
.ported-site .group-data-\[viewport\=false\]\/navigation-menu\:border:is(:where(.group\/navigation-menu)[data-viewport=false] *) { border-style:var(--tw-border-style); border-width:1px }
.ported-site .group-data-\[viewport\=false\]\/navigation-menu\:bg-popover:is(:where(.group\/navigation-menu)[data-viewport=false] *) { background-color:var(--popover) }
.ported-site .group-data-\[viewport\=false\]\/navigation-menu\:text-popover-foreground:is(:where(.group\/navigation-menu)[data-viewport=false] *) { color:var(--popover-foreground) }
.ported-site .group-data-\[viewport\=false\]\/navigation-menu\:shadow:is(:where(.group\/navigation-menu)[data-viewport=false] *) { --tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) }
.ported-site .group-data-\[viewport\=false\]\/navigation-menu\:duration-200:is(:where(.group\/navigation-menu)[data-viewport=false] *) { --tw-duration:.2s; transition-duration:.2s }
@media (hover:hover) {
.ported-site .peer-hover\/menu-button\:text-sidebar-accent-foreground:is(:where(.peer\/menu-button):hover~*) { color:var(--sidebar-accent-foreground) }
}
.ported-site .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*) { cursor:not-allowed }
.ported-site .peer-disabled\:opacity-50:is(:where(.peer):disabled~*) { opacity:.5 }
.ported-site .peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground:is(:where(.peer\/menu-button)[data-active=true]~*) { color:var(--sidebar-accent-foreground) }
.ported-site .peer-data-\[size\=default\]\/menu-button\:top-1\.5:is(:where(.peer\/menu-button)[data-size=default]~*) { top:calc(var(--spacing) * 1.5) }
.ported-site .peer-data-\[size\=lg\]\/menu-button\:top-2\.5:is(:where(.peer\/menu-button)[data-size=lg]~*) { top:calc(var(--spacing) * 2.5) }
.ported-site .peer-data-\[size\=sm\]\/menu-button\:top-1:is(:where(.peer\/menu-button)[data-size=sm]~*) { top:calc(var(--spacing) * 1) }
.ported-site .first-letter\:float-left:first-letter { float:left }
.ported-site .first-letter\:mt-1:first-letter { margin-top:calc(var(--spacing) * 1) }
.ported-site .first-letter\:mr-3:first-letter { margin-right:calc(var(--spacing) * 3) }
.ported-site .first-letter\:font-serif:first-letter { font-family:Playfair Display,serif }
.ported-site .first-letter\:text-5xl:first-letter { font-size:var(--text-5xl); line-height:var(--tw-leading,var(--text-5xl--line-height)) }
.ported-site .first-letter\:text-gold:first-letter { color:#c9892b }
.ported-site .selection\:bg-primary ::selection { background-color:var(--primary) }
.ported-site .selection\:bg-primary::selection { background-color:var(--primary) }
.ported-site .selection\:text-primary-foreground ::selection { color:var(--primary-foreground) }
.ported-site .selection\:text-primary-foreground::selection { color:var(--primary-foreground) }
.ported-site .file\:inline-flex::file-selector-button { display:inline-flex }
.ported-site .file\:h-7::file-selector-button { height:calc(var(--spacing) * 7) }
.ported-site .file\:border-0::file-selector-button { border-style:var(--tw-border-style); border-width:0 }
.ported-site .file\:bg-transparent::file-selector-button { background-color:#0000 }
.ported-site .file\:text-sm::file-selector-button { font-size:var(--text-sm); line-height:var(--tw-leading,var(--text-sm--line-height)) }
.ported-site .file\:font-medium::file-selector-button { --tw-font-weight:var(--font-weight-medium); font-weight:var(--font-weight-medium) }
.ported-site .file\:text-foreground::file-selector-button { color:var(--foreground) }
.ported-site .placeholder\:text-muted-foreground::placeholder { color:var(--muted-foreground) }
.ported-site .after\:absolute:after { content:var(--tw-content); position:absolute }
.ported-site .after\:-inset-2:after { content:var(--tw-content); inset:calc(var(--spacing) * -2) }
.ported-site .after\:inset-y-0:after { content:var(--tw-content); inset-block:calc(var(--spacing) * 0) }
.ported-site .after\:left-1\/2:after { content:var(--tw-content); left:50% }
.ported-site .after\:w-1:after { content:var(--tw-content); width:calc(var(--spacing) * 1) }
.ported-site .after\:w-\[2px\]:after { content:var(--tw-content); width:2px }
.ported-site .after\:-translate-x-1\/2:after { content:var(--tw-content); --tw-translate-x: -50%; translate:var(--tw-translate-x) var(--tw-translate-y) }
.ported-site .group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible=offcanvas] *):after { content:var(--tw-content); left:100% }
.ported-site .first\:rounded-l-md:first-child { border-top-left-radius:calc(var(--radius) - 2px); border-bottom-left-radius:calc(var(--radius) - 2px) }
.ported-site .first\:border-l:first-child { border-left-style:var(--tw-border-style); border-left-width:1px }
.ported-site .last\:mt-0:last-child { margin-top:calc(var(--spacing) * 0) }
.ported-site .last\:mb-0:last-child { margin-bottom:calc(var(--spacing) * 0) }
.ported-site .last\:rounded-r-md:last-child { border-top-right-radius:calc(var(--radius) - 2px); border-bottom-right-radius:calc(var(--radius) - 2px) }
.ported-site .last\:border-0:last-child { border-style:var(--tw-border-style); border-width:0 }
.ported-site .last\:border-b-0:last-child { border-bottom-style:var(--tw-border-style); border-bottom-width:0 }
.ported-site .last\:pb-0:last-child { padding-bottom:calc(var(--spacing) * 0) }
@media (hover:hover) {
.ported-site .hover\:-translate-y-1:hover { --tw-translate-y:calc(var(--spacing) * -1); translate:var(--tw-translate-x) var(--tw-translate-y) }
.ported-site .hover\:scale-105:hover { --tw-scale-x:105%; --tw-scale-y:105%; --tw-scale-z:105%; scale:var(--tw-scale-x) var(--tw-scale-y) }
.ported-site .hover\:scale-110:hover { --tw-scale-x:110%; --tw-scale-y:110%; --tw-scale-z:110%; scale:var(--tw-scale-x) var(--tw-scale-y) }
.ported-site .hover\:gap-3:hover { gap:calc(var(--spacing) * 3) }
.ported-site .hover\:border-\[\#C5A059\]\/30:hover { border-color:#c5a0594d }
.ported-site .hover\:border-\[\#c9a84c\]:hover { border-color:#c9a84c }
.ported-site .hover\:border-\[\#c9a84c\]\/50:hover { border-color:#c9a84c80 }
.ported-site .hover\:border-blue-500\/30:hover { border-color:#3080ff4d }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .hover\:border-blue-500\/30:hover { border-color:color-mix(in oklab,var(--color-blue-500) 30%,transparent) }
}
.ported-site .hover\:border-border\/80:hover { border-color:var(--border) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .hover\:border-border\/80:hover { border-color:color-mix(in oklab,var(--border) 80%,transparent) }
}
.ported-site .hover\:border-destructive\/30:hover { border-color:var(--destructive) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .hover\:border-destructive\/30:hover { border-color:color-mix(in oklab,var(--destructive) 30%,transparent) }
}
.ported-site .hover\:border-foreground:hover, .ported-site .hover\:border-foreground\/20:hover { border-color:var(--foreground) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .hover\:border-foreground\/20:hover { border-color:color-mix(in oklab,var(--foreground) 20%,transparent) }
}
.ported-site .hover\:border-gold:hover { border-color:#c9892b }
.ported-site .hover\:border-gold\/20:hover { border-color:#c9892b33 }
.ported-site .hover\:border-gold\/25:hover { border-color:#c9892b40 }
.ported-site .hover\:border-gold\/30:hover { border-color:#c9892b4d }
.ported-site .hover\:border-gold\/40:hover { border-color:#c9892b66 }
.ported-site .hover\:border-gold\/50:hover { border-color:#c9892b80 }
.ported-site .hover\:border-violet-500\/30:hover { border-color:#8d54ff4d }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .hover\:border-violet-500\/30:hover { border-color:color-mix(in oklab,var(--color-violet-500) 30%,transparent) }
}
.ported-site .hover\:border-white:hover { border-color:var(--color-white) }
.ported-site .hover\:border-white\/20:hover { border-color:#fff3 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .hover\:border-white\/20:hover { border-color:color-mix(in oklab,var(--color-white) 20%,transparent) }
}
.ported-site .hover\:border-white\/30:hover { border-color:#ffffff4d }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .hover\:border-white\/30:hover { border-color:color-mix(in oklab,var(--color-white) 30%,transparent) }
}
.ported-site .hover\:border-white\/50:hover { border-color:#ffffff80 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .hover\:border-white\/50:hover { border-color:color-mix(in oklab,var(--color-white) 50%,transparent) }
}
.ported-site .hover\:bg-\[\#1a1a19\]\/90:hover { background-color:#1a1a19e6 }
.ported-site .hover\:bg-\[\#1ea855\]:hover { background-color:#1ea855 }
.ported-site .hover\:bg-\[\#20bd5a\]:hover { background-color:#20bd5a }
.ported-site .hover\:bg-\[\#C9A84C\]:hover { background-color:#c9a84c }
.ported-site .hover\:bg-\[\#b8945a\]:hover { background-color:#b8945a }
.ported-site .hover\:bg-\[\#c9a84c\]\/10:hover { background-color:#c9a84c1a }
.ported-site .hover\:bg-\[\#d4af37\]:hover { background-color:#d4af37 }
.ported-site .hover\:bg-\[\#e3a64e\]:hover { background-color:#e3a64e }
.ported-site .hover\:bg-accent:hover, .ported-site .hover\:bg-accent\/50:hover { background-color:var(--accent) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .hover\:bg-accent\/50:hover { background-color:color-mix(in oklab,var(--accent) 50%,transparent) }
}
.ported-site .hover\:bg-amber-500\/20:hover { background-color:#f99c0033 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .hover\:bg-amber-500\/20:hover { background-color:color-mix(in oklab,var(--color-amber-500) 20%,transparent) }
}
.ported-site .hover\:bg-background:hover, .ported-site .hover\:bg-background\/10:hover { background-color:var(--background) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .hover\:bg-background\/10:hover { background-color:color-mix(in oklab,var(--background) 10%,transparent) }
}
.ported-site .hover\:bg-background\/60:hover { background-color:var(--background) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .hover\:bg-background\/60:hover { background-color:color-mix(in oklab,var(--background) 60%,transparent) }
}
.ported-site .hover\:bg-background\/90:hover { background-color:var(--background) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .hover\:bg-background\/90:hover { background-color:color-mix(in oklab,var(--background) 90%,transparent) }
}
.ported-site .hover\:bg-black\/70:hover { background-color:#000000b3 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .hover\:bg-black\/70:hover { background-color:color-mix(in oklab,var(--color-black) 70%,transparent) }
}
.ported-site .hover\:bg-black\/90:hover { background-color:#000000e6 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .hover\:bg-black\/90:hover { background-color:color-mix(in oklab,var(--color-black) 90%,transparent) }
}
.ported-site .hover\:bg-blue-700:hover { background-color:var(--color-blue-700) }
.ported-site .hover\:bg-card\/80:hover { background-color:var(--card) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .hover\:bg-card\/80:hover { background-color:color-mix(in oklab,var(--card) 80%,transparent) }
}
.ported-site .hover\:bg-destructive\/80:hover { background-color:var(--destructive) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .hover\:bg-destructive\/80:hover { background-color:color-mix(in oklab,var(--destructive) 80%,transparent) }
}
.ported-site .hover\:bg-destructive\/90:hover { background-color:var(--destructive) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .hover\:bg-destructive\/90:hover { background-color:color-mix(in oklab,var(--destructive) 90%,transparent) }
}
.ported-site .hover\:bg-emerald-500\/10:hover { background-color:#00bb7f1a }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .hover\:bg-emerald-500\/10:hover { background-color:color-mix(in oklab,var(--color-emerald-500) 10%,transparent) }
}
.ported-site .hover\:bg-emerald-700:hover { background-color:var(--color-emerald-700) }
.ported-site .hover\:bg-foreground\/90:hover { background-color:var(--foreground) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .hover\:bg-foreground\/90:hover { background-color:color-mix(in oklab,var(--foreground) 90%,transparent) }
}
.ported-site .hover\:bg-gold:hover { background-color:#c9892b }
.ported-site .hover\:bg-gold-dark:hover { background-color:#9b6400; background-color:oklch(55% .13 72) }
.ported-site .hover\:bg-gold-light:hover { background-color:#e3ac64 }
.ported-site .hover\:bg-gold\/5:hover { background-color:#c9892b0d }
.ported-site .hover\:bg-gold\/10:hover { background-color:#c9892b1a }
.ported-site .hover\:bg-gold\/90:hover { background-color:#c9892be6 }
.ported-site .hover\:bg-green-500\/20:hover { background-color:#00c75833 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .hover\:bg-green-500\/20:hover { background-color:color-mix(in oklab,var(--color-green-500) 20%,transparent) }
}
.ported-site .hover\:bg-muted:hover, .ported-site .hover\:bg-muted\/20:hover { background-color:var(--muted) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .hover\:bg-muted\/20:hover { background-color:color-mix(in oklab,var(--muted) 20%,transparent) }
}
.ported-site .hover\:bg-muted\/30:hover { background-color:var(--muted) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .hover\:bg-muted\/30:hover { background-color:color-mix(in oklab,var(--muted) 30%,transparent) }
}
.ported-site .hover\:bg-muted\/50:hover { background-color:var(--muted) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .hover\:bg-muted\/50:hover { background-color:color-mix(in oklab,var(--muted) 50%,transparent) }
}
.ported-site .hover\:bg-orange-500\/20:hover { background-color:#fe6e0033 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .hover\:bg-orange-500\/20:hover { background-color:color-mix(in oklab,var(--color-orange-500) 20%,transparent) }
}
.ported-site .hover\:bg-primary\/20:hover { background-color:var(--primary) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .hover\:bg-primary\/20:hover { background-color:color-mix(in oklab,var(--primary) 20%,transparent) }
}
.ported-site .hover\:bg-primary\/90:hover { background-color:var(--primary) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .hover\:bg-primary\/90:hover { background-color:color-mix(in oklab,var(--primary) 90%,transparent) }
}
.ported-site .hover\:bg-red-400\/10:hover { background-color:#ff65681a }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .hover\:bg-red-400\/10:hover { background-color:color-mix(in oklab,var(--color-red-400) 10%,transparent) }
}
.ported-site .hover\:bg-red-500\/10:hover { background-color:#fb2c361a }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .hover\:bg-red-500\/10:hover { background-color:color-mix(in oklab,var(--color-red-500) 10%,transparent) }
}
.ported-site .hover\:bg-red-600:hover { background-color:var(--color-red-600) }
.ported-site .hover\:bg-secondary:hover, .ported-site .hover\:bg-secondary\/10:hover { background-color:var(--secondary) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .hover\:bg-secondary\/10:hover { background-color:color-mix(in oklab,var(--secondary) 10%,transparent) }
}
.ported-site .hover\:bg-secondary\/20:hover { background-color:var(--secondary) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .hover\:bg-secondary\/20:hover { background-color:color-mix(in oklab,var(--secondary) 20%,transparent) }
}
.ported-site .hover\:bg-secondary\/30:hover { background-color:var(--secondary) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .hover\:bg-secondary\/30:hover { background-color:color-mix(in oklab,var(--secondary) 30%,transparent) }
}
.ported-site .hover\:bg-secondary\/40:hover { background-color:var(--secondary) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .hover\:bg-secondary\/40:hover { background-color:color-mix(in oklab,var(--secondary) 40%,transparent) }
}
.ported-site .hover\:bg-secondary\/50:hover { background-color:var(--secondary) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .hover\:bg-secondary\/50:hover { background-color:color-mix(in oklab,var(--secondary) 50%,transparent) }
}
.ported-site .hover\:bg-secondary\/80:hover { background-color:var(--secondary) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .hover\:bg-secondary\/80:hover { background-color:color-mix(in oklab,var(--secondary) 80%,transparent) }
}
.ported-site .hover\:bg-sidebar-accent:hover { background-color:var(--sidebar-accent) }
.ported-site .hover\:bg-violet-500\/20:hover { background-color:#8d54ff33 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .hover\:bg-violet-500\/20:hover { background-color:color-mix(in oklab,var(--color-violet-500) 20%,transparent) }
}
.ported-site .hover\:bg-white:hover { background-color:var(--color-white) }
.ported-site .hover\:bg-white\/5:hover { background-color:#ffffff0d }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .hover\:bg-white\/5:hover { background-color:color-mix(in oklab,var(--color-white) 5%,transparent) }
}
.ported-site .hover\:bg-white\/15:hover { background-color:#ffffff26 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .hover\:bg-white\/15:hover { background-color:color-mix(in oklab,var(--color-white) 15%,transparent) }
}
.ported-site .hover\:bg-white\/20:hover { background-color:#fff3 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .hover\:bg-white\/20:hover { background-color:color-mix(in oklab,var(--color-white) 20%,transparent) }
}
.ported-site .hover\:bg-white\/\[0\.04\]:hover { background-color:#ffffff0a }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .hover\:bg-white\/\[0\.04\]:hover { background-color:color-mix(in oklab,var(--color-white) 4%,transparent) }
}
.ported-site .hover\:from-violet-700:hover { --tw-gradient-from:var(--color-violet-700); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) }
.ported-site .hover\:to-purple-700:hover { --tw-gradient-to:var(--color-purple-700); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) }
.ported-site .hover\:text-\[\#06101c\]:hover { color:#06101c }
.ported-site .hover\:text-accent-foreground:hover { color:var(--accent-foreground) }
.ported-site .hover\:text-amber-500:hover { color:var(--color-amber-500) }
.ported-site .hover\:text-background:hover { color:var(--background) }
.ported-site .hover\:text-black:hover { color:var(--color-black) }
.ported-site .hover\:text-destructive:hover { color:var(--destructive) }
.ported-site .hover\:text-foreground:hover { color:var(--foreground) }
.ported-site .hover\:text-gold:hover { color:#c9892b }
.ported-site .hover\:text-gold-light:hover { color:#e3ac64 }
.ported-site .hover\:text-gold\/80:hover { color:#c9892bcc }
.ported-site .hover\:text-muted-foreground:hover { color:var(--muted-foreground) }
.ported-site .hover\:text-red-300:hover { color:var(--color-red-300) }
.ported-site .hover\:text-red-400:hover { color:var(--color-red-400) }
.ported-site .hover\:text-red-500:hover { color:var(--color-red-500) }
.ported-site .hover\:text-sidebar-accent-foreground:hover { color:var(--sidebar-accent-foreground) }
.ported-site .hover\:text-white:hover { color:var(--color-white) }
.ported-site .hover\:text-white\/70:hover { color:#ffffffb3 }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .hover\:text-white\/70:hover { color:color-mix(in oklab,var(--color-white) 70%,transparent) }
}
.ported-site .hover\:text-white\/80:hover { color:#fffc }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .hover\:text-white\/80:hover { color:color-mix(in oklab,var(--color-white) 80%,transparent) }
}
.ported-site .hover\:underline:hover { text-decoration-line:underline }
.ported-site .hover\:opacity-80:hover { opacity:.8 }
.ported-site .hover\:opacity-90:hover { opacity:.9 }
.ported-site .hover\:opacity-100:hover { opacity:1 }
.ported-site .hover\:mix-blend-normal:hover { mix-blend-mode:normal }
.ported-site .hover\:shadow-2xl:hover { --tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) }
.ported-site .hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover { --tw-shadow:0 0 0 1px var(--tw-shadow-color,hsl(var(--sidebar-accent))); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) }
.ported-site .hover\:shadow-\[0_0_30px_rgba\(238\,187\,51\,0\.4\)\]:hover { --tw-shadow:0 0 30px var(--tw-shadow-color,#eb36); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) }
.ported-site .hover\:shadow-lg:hover { --tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) }
.ported-site .hover\:shadow-md:hover { --tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) }
.ported-site .hover\:shadow-xl:hover { --tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) }
.ported-site .hover\:ring-4:hover { --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) }
.ported-site .hover\:shadow-black\/5:hover { --tw-shadow-color:#0000000d }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .hover\:shadow-black\/5:hover { --tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-black) 5%, transparent) var(--tw-shadow-alpha), transparent) }
}
.ported-site .hover\:shadow-blue-500\/5:hover { --tw-shadow-color:#3080ff0d }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .hover\:shadow-blue-500\/5:hover { --tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 5%, transparent) var(--tw-shadow-alpha), transparent) }
}
.ported-site .hover\:shadow-foreground\/10:hover { --tw-shadow-color:var(--foreground) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .hover\:shadow-foreground\/10:hover { --tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--foreground) 10%, transparent) var(--tw-shadow-alpha), transparent) }
}
.ported-site .hover\:shadow-gold\/5:hover { --tw-shadow-color:#c9892b0d }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .hover\:shadow-gold\/5:hover { --tw-shadow-color:color-mix(in oklab, oklab(68% .0401722 .123637/.05) var(--tw-shadow-alpha), transparent) }
}
.ported-site .hover\:shadow-violet-500\/5:hover { --tw-shadow-color:#8d54ff0d }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .hover\:shadow-violet-500\/5:hover { --tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-violet-500) 5%, transparent) var(--tw-shadow-alpha), transparent) }
}
.ported-site .hover\:grayscale-0:hover { --tw-grayscale:grayscale(0%); filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) }
.ported-site .hover\:group-data-\[collapsible\=offcanvas\]\:bg-sidebar:hover:is(:where(.group)[data-collapsible=offcanvas] *) { background-color:var(--sidebar) }
.ported-site .hover\:after\:bg-sidebar-border:hover:after { content:var(--tw-content); background-color:var(--sidebar-border) }
}
.ported-site .focus\:z-10:focus { z-index:10 }
.ported-site .focus\:border-gold:focus { border-color:#c9892b }
.ported-site .focus\:border-gold\/50:focus { border-color:#c9892b80 }
.ported-site .focus\:bg-accent:focus { background-color:var(--accent) }
.ported-site .focus\:text-accent-foreground:focus { color:var(--accent-foreground) }
.ported-site .focus\:text-destructive:focus { color:var(--destructive) }
.ported-site .focus\:ring-1:focus { --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) }
.ported-site .focus\:ring-2:focus { --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) }
.ported-site .focus\:ring-gold:focus { --tw-ring-color:oklch(68% .13 72) }
.ported-site .focus\:ring-gold\/30:focus { --tw-ring-color:oklab(68% .0401722 .123637/.3) }
.ported-site .focus\:ring-gold\/50:focus { --tw-ring-color:oklab(68% .0401722 .123637/.5) }
.ported-site .focus\:ring-ring:focus { --tw-ring-color:var(--ring) }
.ported-site .focus\:ring-offset-2:focus { --tw-ring-offset-width:2px; --tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) }
.ported-site .focus\:outline-hidden:focus { --tw-outline-style:none; outline-style:none }
@media (forced-colors:active) {
.ported-site .focus\:outline-hidden:focus { outline-offset:2px; outline:2px solid #0000 }
}
.ported-site .focus\:outline-none:focus { --tw-outline-style:none; outline-style:none }
.ported-site .focus-visible\:z-10:focus-visible { z-index:10 }
.ported-site .focus-visible\:border-ring:focus-visible { border-color:var(--ring) }
.ported-site .focus-visible\:ring-0:focus-visible { --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) }
.ported-site .focus-visible\:ring-1:focus-visible { --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) }
.ported-site .focus-visible\:ring-2:focus-visible { --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) }
.ported-site .focus-visible\:ring-4:focus-visible { --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) }
.ported-site .focus-visible\:ring-\[3px\]:focus-visible { --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) }
.ported-site .focus-visible\:ring-destructive\/20:focus-visible { --tw-ring-color:var(--destructive) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .focus-visible\:ring-destructive\/20:focus-visible { --tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent) }
}
.ported-site .focus-visible\:ring-ring:focus-visible, .ported-site .focus-visible\:ring-ring\/50:focus-visible { --tw-ring-color:var(--ring) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .focus-visible\:ring-ring\/50:focus-visible { --tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent) }
}
.ported-site .focus-visible\:ring-offset-1:focus-visible { --tw-ring-offset-width:1px; --tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) }
.ported-site .focus-visible\:outline-hidden:focus-visible { --tw-outline-style:none; outline-style:none }
@media (forced-colors:active) {
.ported-site .focus-visible\:outline-hidden:focus-visible { outline-offset:2px; outline:2px solid #0000 }
}
.ported-site .focus-visible\:outline-1:focus-visible { outline-style:var(--tw-outline-style); outline-width:1px }
.ported-site .focus-visible\:outline-ring:focus-visible { outline-color:var(--ring) }
.ported-site .active\:scale-95:active { --tw-scale-x:95%; --tw-scale-y:95%; --tw-scale-z:95%; scale:var(--tw-scale-x) var(--tw-scale-y) }
.ported-site .active\:bg-sidebar-accent:active { background-color:var(--sidebar-accent) }
.ported-site .active\:text-sidebar-accent-foreground:active { color:var(--sidebar-accent-foreground) }
.ported-site .disabled\:pointer-events-none:disabled { pointer-events:none }
.ported-site .disabled\:cursor-not-allowed:disabled { cursor:not-allowed }
.ported-site .disabled\:opacity-50:disabled { opacity:.5 }
.ported-site :where([data-side=left]) .in-data-\[side\=left\]\:cursor-w-resize { cursor:w-resize }
.ported-site :where([data-side=right]) .in-data-\[side\=right\]\:cursor-e-resize { cursor:e-resize }
.ported-site .has-focus\:border-ring:has(:focus) { border-color:var(--ring) }
.ported-site .has-focus\:ring-\[3px\]:has(:focus) { --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) }
.ported-site .has-focus\:ring-ring\/50:has(:focus) { --tw-ring-color:var(--ring) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .has-focus\:ring-ring\/50:has(:focus) { --tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent) }
}
.ported-site .has-disabled\:opacity-50:has(:disabled) { opacity:.5 }
.ported-site .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]) { grid-template-columns:1fr auto }
.ported-site .has-data-\[state\=checked\]\:border-primary:has([data-state=checked]) { border-color:var(--primary) }
.ported-site .has-data-\[state\=checked\]\:bg-primary\/5:has([data-state=checked]) { background-color:var(--primary) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .has-data-\[state\=checked\]\:bg-primary\/5:has([data-state=checked]) { background-color:color-mix(in oklab,var(--primary) 5%,transparent) }
}
.ported-site .has-data-\[variant\=inset\]\:bg-sidebar:has([data-variant=inset]) { background-color:var(--sidebar) }
.ported-site .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:border-ring:has([data-slot=input-group-control]:focus-visible) { border-color:var(--ring) }
.ported-site .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-\[3px\]:has([data-slot=input-group-control]:focus-visible) { --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) }
.ported-site .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50:has([data-slot=input-group-control]:focus-visible) { --tw-ring-color:var(--ring) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50:has([data-slot=input-group-control]:focus-visible) { --tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent) }
}
.ported-site .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-destructive:has([data-slot][aria-invalid=true]) { border-color:var(--destructive) }
.ported-site .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has([data-slot][aria-invalid=true]) { --tw-ring-color:var(--destructive) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has([data-slot][aria-invalid=true]) { --tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent) }
}
.ported-site .has-\[\>\[data-align\=block-end\]\]\:h-auto:has(>[data-align=block-end]) { height:auto }
.ported-site .has-\[\>\[data-align\=block-end\]\]\:flex-col:has(>[data-align=block-end]) { flex-direction:column }
.ported-site .has-\[\>\[data-align\=block-start\]\]\:h-auto:has(>[data-align=block-start]) { height:auto }
.ported-site .has-\[\>\[data-align\=block-start\]\]\:flex-col:has(>[data-align=block-start]) { flex-direction:column }
.ported-site .has-\[\>\[data-slot\=button-group\]\]\:gap-2:has(>[data-slot=button-group]) { gap:calc(var(--spacing) * 2) }
.ported-site .has-\[\>\[data-slot\=checkbox-group\]\]\:gap-3:has(>[data-slot=checkbox-group]) { gap:calc(var(--spacing) * 3) }
.ported-site .has-\[\>\[data-slot\=field-content\]\]\:items-start:has(>[data-slot=field-content]) { align-items:flex-start }
.ported-site .has-\[\>\[data-slot\=field\]\]\:w-full:has(>[data-slot=field]) { width:100% }
.ported-site .has-\[\>\[data-slot\=field\]\]\:flex-col:has(>[data-slot=field]) { flex-direction:column }
.ported-site .has-\[\>\[data-slot\=field\]\]\:rounded-md:has(>[data-slot=field]) { border-radius:calc(var(--radius) - 2px) }
.ported-site .has-\[\>\[data-slot\=field\]\]\:border:has(>[data-slot=field]) { border-style:var(--tw-border-style); border-width:1px }
.ported-site .has-\[\>\[data-slot\=radio-group\]\]\:gap-3:has(>[data-slot=radio-group]) { gap:calc(var(--spacing) * 3) }
.ported-site .has-\[\>button\]\:mr-\[-0\.45rem\]:has(>button) { margin-right:-.45rem }
.ported-site .has-\[\>button\]\:ml-\[-0\.45rem\]:has(>button) { margin-left:-.45rem }
.ported-site .has-\[\>kbd\]\:mr-\[-0\.35rem\]:has(>kbd) { margin-right:-.35rem }
.ported-site .has-\[\>kbd\]\:ml-\[-0\.35rem\]:has(>kbd) { margin-left:-.35rem }
.ported-site .has-\[\>svg\]\:grid-cols-\[calc\(var\(--spacing\)\*4\)_1fr\]:has(>svg) { grid-template-columns:calc(var(--spacing) * 4) 1fr }
.ported-site .has-\[\>svg\]\:gap-x-3:has(>svg) { column-gap:calc(var(--spacing) * 3) }
.ported-site .has-\[\>svg\]\:p-0:has(>svg) { padding:calc(var(--spacing) * 0) }
.ported-site .has-\[\>svg\]\:px-2:has(>svg) { padding-inline:calc(var(--spacing) * 2) }
.ported-site .has-\[\>svg\]\:px-2\.5:has(>svg) { padding-inline:calc(var(--spacing) * 2.5) }
.ported-site .has-\[\>svg\]\:px-3:has(>svg) { padding-inline:calc(var(--spacing) * 3) }
.ported-site .has-\[\>svg\]\:px-4:has(>svg) { padding-inline:calc(var(--spacing) * 4) }
.ported-site .has-\[\>textarea\]\:h-auto:has(>textarea) { height:auto }
.ported-site .aria-disabled\:pointer-events-none[aria-disabled=true] { pointer-events:none }
.ported-site .aria-disabled\:opacity-50[aria-disabled=true] { opacity:.5 }
.ported-site .aria-invalid\:border-destructive[aria-invalid=true] { border-color:var(--destructive) }
.ported-site .aria-invalid\:ring-destructive\/20[aria-invalid=true] { --tw-ring-color:var(--destructive) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .aria-invalid\:ring-destructive\/20[aria-invalid=true] { --tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent) }
}
.ported-site .aria-selected\:text-muted-foreground[aria-selected=true] { color:var(--muted-foreground) }
.ported-site .data-\[active\=true\]\:z-10[data-active=true] { z-index:10 }
.ported-site .data-\[active\=true\]\:border-ring[data-active=true] { border-color:var(--ring) }
.ported-site .data-\[active\=true\]\:bg-accent\/50[data-active=true] { background-color:var(--accent) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .data-\[active\=true\]\:bg-accent\/50[data-active=true] { background-color:color-mix(in oklab,var(--accent) 50%,transparent) }
}
.ported-site .data-\[active\=true\]\:bg-sidebar-accent[data-active=true] { background-color:var(--sidebar-accent) }
.ported-site .data-\[active\=true\]\:font-medium[data-active=true] { --tw-font-weight:var(--font-weight-medium); font-weight:var(--font-weight-medium) }
.ported-site .data-\[active\=true\]\:text-accent-foreground[data-active=true] { color:var(--accent-foreground) }
.ported-site .data-\[active\=true\]\:text-sidebar-accent-foreground[data-active=true] { color:var(--sidebar-accent-foreground) }
.ported-site .data-\[active\=true\]\:ring-\[3px\][data-active=true] { --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) }
.ported-site .data-\[active\=true\]\:ring-ring\/50[data-active=true] { --tw-ring-color:var(--ring) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .data-\[active\=true\]\:ring-ring\/50[data-active=true] { --tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent) }
}
@media (hover:hover) {
.ported-site .data-\[active\=true\]\:hover\:bg-accent[data-active=true]:hover { background-color:var(--accent) }
}
.ported-site .data-\[active\=true\]\:focus\:bg-accent[data-active=true]:focus { background-color:var(--accent) }
.ported-site .data-\[active\=true\]\:aria-invalid\:border-destructive[data-active=true][aria-invalid=true] { border-color:var(--destructive) }
.ported-site .data-\[active\=true\]\:aria-invalid\:ring-destructive\/20[data-active=true][aria-invalid=true] { --tw-ring-color:var(--destructive) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .data-\[active\=true\]\:aria-invalid\:ring-destructive\/20[data-active=true][aria-invalid=true] { --tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent) }
}
.ported-site .data-\[disabled\]\:pointer-events-none[data-disabled] { pointer-events:none }
.ported-site .data-\[disabled\]\:opacity-50[data-disabled] { opacity:.5 }
.ported-site .data-\[disabled\=true\]\:pointer-events-none[data-disabled=true] { pointer-events:none }
.ported-site .data-\[disabled\=true\]\:opacity-50[data-disabled=true] { opacity:.5 }
.ported-site .data-\[error\=true\]\:text-destructive[data-error=true] { color:var(--destructive) }
.ported-site .data-\[inset\]\:pl-8[data-inset] { padding-left:calc(var(--spacing) * 8) }
.ported-site .data-\[invalid\=true\]\:text-destructive[data-invalid=true] { color:var(--destructive) }
.ported-site .data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion=from-end] { --tw-enter-translate-x:calc(52*var(--spacing)) }
.ported-site .data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion=from-start] { --tw-enter-translate-x:calc(52*var(--spacing)*-1) }
.ported-site .data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion=to-end] { --tw-exit-translate-x:calc(52*var(--spacing)) }
.ported-site .data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion=to-start] { --tw-exit-translate-x:calc(52*var(--spacing)*-1) }
.ported-site .data-\[motion\^\=from-\]\:animate-in[data-motion^=from-] { animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none) }
.ported-site .data-\[motion\^\=from-\]\:fade-in[data-motion^=from-] { --tw-enter-opacity:0 }
.ported-site .data-\[motion\^\=to-\]\:animate-out[data-motion^=to-] { animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none) }
.ported-site .data-\[motion\^\=to-\]\:fade-out[data-motion^=to-] { --tw-exit-opacity:0 }
.ported-site .data-\[orientation\=horizontal\]\:h-1\.5[data-orientation=horizontal] { height:calc(var(--spacing) * 1.5) }
.ported-site .data-\[orientation\=horizontal\]\:h-full[data-orientation=horizontal] { height:100% }
.ported-site .data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal] { height:1px }
.ported-site .data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal] { width:100% }
.ported-site .data-\[orientation\=vertical\]\:h-auto[data-orientation=vertical] { height:auto }
.ported-site .data-\[orientation\=vertical\]\:h-full[data-orientation=vertical] { height:100% }
.ported-site .data-\[orientation\=vertical\]\:min-h-44[data-orientation=vertical] { min-height:calc(var(--spacing) * 44) }
.ported-site .data-\[orientation\=vertical\]\:w-1\.5[data-orientation=vertical] { width:calc(var(--spacing) * 1.5) }
.ported-site .data-\[orientation\=vertical\]\:w-auto[data-orientation=vertical] { width:auto }
.ported-site .data-\[orientation\=vertical\]\:w-full[data-orientation=vertical] { width:100% }
.ported-site .data-\[orientation\=vertical\]\:w-px[data-orientation=vertical] { width:1px }
.ported-site .data-\[orientation\=vertical\]\:flex-col[data-orientation=vertical] { flex-direction:column }
.ported-site .data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction=vertical] { height:1px }
.ported-site .data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction=vertical] { width:100% }
.ported-site .data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction=vertical] { flex-direction:column }
.ported-site .data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction=vertical]:after { content:var(--tw-content); left:calc(var(--spacing) * 0) }
.ported-site .data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction=vertical]:after { content:var(--tw-content); height:calc(var(--spacing) * 1) }
.ported-site .data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction=vertical]:after { content:var(--tw-content); width:100% }
.ported-site .data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction=vertical]:after { content:var(--tw-content); --tw-translate-x:calc(var(--spacing) * 0); translate:var(--tw-translate-x) var(--tw-translate-y) }
.ported-site .data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction=vertical]:after { content:var(--tw-content); --tw-translate-y: -50%; translate:var(--tw-translate-x) var(--tw-translate-y) }
.ported-site .data-\[placeholder\]\:text-muted-foreground[data-placeholder] { color:var(--muted-foreground) }
.ported-site .data-\[range-end\=true\]\:rounded-md[data-range-end=true] { border-radius:calc(var(--radius) - 2px) }
.ported-site .data-\[range-end\=true\]\:rounded-r-md[data-range-end=true] { border-top-right-radius:calc(var(--radius) - 2px); border-bottom-right-radius:calc(var(--radius) - 2px) }
.ported-site .data-\[range-end\=true\]\:bg-primary[data-range-end=true] { background-color:var(--primary) }
.ported-site .data-\[range-end\=true\]\:text-primary-foreground[data-range-end=true] { color:var(--primary-foreground) }
.ported-site .data-\[range-middle\=true\]\:rounded-none[data-range-middle=true] { border-radius:0 }
.ported-site .data-\[range-middle\=true\]\:bg-accent[data-range-middle=true] { background-color:var(--accent) }
.ported-site .data-\[range-middle\=true\]\:text-accent-foreground[data-range-middle=true] { color:var(--accent-foreground) }
.ported-site .data-\[range-start\=true\]\:rounded-md[data-range-start=true] { border-radius:calc(var(--radius) - 2px) }
.ported-site .data-\[range-start\=true\]\:rounded-l-md[data-range-start=true] { border-top-left-radius:calc(var(--radius) - 2px); border-bottom-left-radius:calc(var(--radius) - 2px) }
.ported-site .data-\[range-start\=true\]\:bg-primary[data-range-start=true] { background-color:var(--primary) }
.ported-site .data-\[range-start\=true\]\:text-primary-foreground[data-range-start=true] { color:var(--primary-foreground) }
.ported-site .data-\[selected-single\=true\]\:bg-primary[data-selected-single=true] { background-color:var(--primary) }
.ported-site .data-\[selected-single\=true\]\:text-primary-foreground[data-selected-single=true] { color:var(--primary-foreground) }
.ported-site .data-\[selected\=true\]\:rounded-none[data-selected=true] { border-radius:0 }
.ported-site .data-\[selected\=true\]\:bg-accent[data-selected=true] { background-color:var(--accent) }
.ported-site .data-\[selected\=true\]\:text-accent-foreground[data-selected=true] { color:var(--accent-foreground) }
.ported-site .data-\[side\=bottom\]\:translate-y-1[data-side=bottom] { --tw-translate-y:calc(var(--spacing) * 1); translate:var(--tw-translate-x) var(--tw-translate-y) }
.ported-site .data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom] { --tw-enter-translate-y:calc(2*var(--spacing)*-1) }
.ported-site .data-\[side\=left\]\:-translate-x-1[data-side=left] { --tw-translate-x:calc(var(--spacing) * -1); translate:var(--tw-translate-x) var(--tw-translate-y) }
.ported-site .data-\[side\=left\]\:slide-in-from-right-2[data-side=left] { --tw-enter-translate-x:calc(2*var(--spacing)) }
.ported-site .data-\[side\=right\]\:translate-x-1[data-side=right] { --tw-translate-x:calc(var(--spacing) * 1); translate:var(--tw-translate-x) var(--tw-translate-y) }
.ported-site .data-\[side\=right\]\:slide-in-from-left-2[data-side=right] { --tw-enter-translate-x:calc(2*var(--spacing)*-1) }
.ported-site .data-\[side\=top\]\:-translate-y-1[data-side=top] { --tw-translate-y:calc(var(--spacing) * -1); translate:var(--tw-translate-x) var(--tw-translate-y) }
.ported-site .data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top] { --tw-enter-translate-y:calc(2*var(--spacing)) }
.ported-site .data-\[size\=default\]\:h-9[data-size=default] { height:calc(var(--spacing) * 9) }
.ported-site .data-\[size\=sm\]\:h-8[data-size=sm] { height:calc(var(--spacing) * 8) }
.ported-site :is(.\*\:data-\[slot\=alert-description\]\:text-destructive\/90>*)[data-slot=alert-description] { color:var(--destructive) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site :is(.\*\:data-\[slot\=alert-description\]\:text-destructive\/90>*)[data-slot=alert-description] { color:color-mix(in oklab,var(--destructive) 90%,transparent) }
}
.ported-site .data-\[slot\=checkbox-group\]\:gap-3[data-slot=checkbox-group] { gap:calc(var(--spacing) * 3) }
.ported-site :is(.\*\*\:data-\[slot\=command-input-wrapper\]\:h-12 *)[data-slot=command-input-wrapper] { height:calc(var(--spacing) * 12) }
.ported-site :is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:ring-0 *)[data-slot=navigation-menu-link]:focus { --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) }
.ported-site :is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:outline-none *)[data-slot=navigation-menu-link]:focus { --tw-outline-style:none; outline-style:none }
.ported-site :is(.\*\:data-\[slot\=select-value\]\:line-clamp-1>*)[data-slot=select-value] { -webkit-line-clamp:1; -webkit-box-orient:vertical; display:-webkit-box; overflow:hidden }
.ported-site :is(.\*\:data-\[slot\=select-value\]\:flex>*)[data-slot=select-value] { display:flex }
.ported-site :is(.\*\:data-\[slot\=select-value\]\:items-center>*)[data-slot=select-value] { align-items:center }
.ported-site :is(.\*\:data-\[slot\=select-value\]\:gap-2>*)[data-slot=select-value] { gap:calc(var(--spacing) * 2) }
.ported-site .data-\[state\=active\]\:bg-background[data-state=active] { background-color:var(--background) }
.ported-site .data-\[state\=active\]\:bg-card[data-state=active] { background-color:var(--card) }
.ported-site .data-\[state\=active\]\:bg-gold[data-state=active] { background-color:#c9892b }
.ported-site .data-\[state\=active\]\:text-black[data-state=active] { color:var(--color-black) }
.ported-site .data-\[state\=active\]\:text-foreground[data-state=active] { color:var(--foreground) }
.ported-site .data-\[state\=active\]\:shadow-sm[data-state=active] { --tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) }
.ported-site .data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\][data-state=checked] { --tw-translate-x: calc(100% - 2px); translate:var(--tw-translate-x) var(--tw-translate-y) }
.ported-site .data-\[state\=checked\]\:border-primary[data-state=checked] { border-color:var(--primary) }
.ported-site .data-\[state\=checked\]\:bg-primary[data-state=checked] { background-color:var(--primary) }
.ported-site .data-\[state\=checked\]\:text-primary-foreground[data-state=checked] { color:var(--primary-foreground) }
.ported-site .data-\[state\=closed\]\:animate-accordion-up[data-state=closed] { animation:accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none) }
.ported-site .data-\[state\=closed\]\:animate-out[data-state=closed] { animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none) }
.ported-site .data-\[state\=closed\]\:duration-300[data-state=closed] { --tw-duration:.3s; transition-duration:.3s }
.ported-site .data-\[state\=closed\]\:fade-out-0[data-state=closed] { --tw-exit-opacity:0 }
.ported-site .data-\[state\=closed\]\:zoom-out-95[data-state=closed] { --tw-exit-scale:.95 }
.ported-site .data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed] { --tw-exit-translate-y:100% }
.ported-site .data-\[state\=closed\]\:slide-out-to-left[data-state=closed] { --tw-exit-translate-x:-100% }
.ported-site .data-\[state\=closed\]\:slide-out-to-right[data-state=closed] { --tw-exit-translate-x:100% }
.ported-site .data-\[state\=closed\]\:slide-out-to-top[data-state=closed] { --tw-exit-translate-y:-100% }
.ported-site .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:animate-out:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=closed] { animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none) }
.ported-site .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:fade-out-0:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=closed] { --tw-exit-opacity:0 }
.ported-site .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:zoom-out-95:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=closed] { --tw-exit-scale:.95 }
.ported-site .data-\[state\=hidden\]\:animate-out[data-state=hidden] { animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none) }
.ported-site .data-\[state\=hidden\]\:fade-out[data-state=hidden] { --tw-exit-opacity:0 }
.ported-site .data-\[state\=on\]\:bg-accent[data-state=on] { background-color:var(--accent) }
.ported-site .data-\[state\=on\]\:text-accent-foreground[data-state=on] { color:var(--accent-foreground) }
.ported-site .data-\[state\=open\]\:animate-accordion-down[data-state=open] { animation:accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none) }
.ported-site .data-\[state\=open\]\:animate-in[data-state=open] { animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none) }
.ported-site .data-\[state\=open\]\:bg-accent[data-state=open], .ported-site .data-\[state\=open\]\:bg-accent\/50[data-state=open] { background-color:var(--accent) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .data-\[state\=open\]\:bg-accent\/50[data-state=open] { background-color:color-mix(in oklab,var(--accent) 50%,transparent) }
}
.ported-site .data-\[state\=open\]\:bg-secondary[data-state=open] { background-color:var(--secondary) }
.ported-site .data-\[state\=open\]\:text-accent-foreground[data-state=open] { color:var(--accent-foreground) }
.ported-site .data-\[state\=open\]\:text-muted-foreground[data-state=open] { color:var(--muted-foreground) }
.ported-site .data-\[state\=open\]\:opacity-100[data-state=open] { opacity:1 }
.ported-site .data-\[state\=open\]\:duration-500[data-state=open] { --tw-duration:.5s; transition-duration:.5s }
.ported-site .data-\[state\=open\]\:fade-in-0[data-state=open] { --tw-enter-opacity:0 }
.ported-site .data-\[state\=open\]\:zoom-in-90[data-state=open] { --tw-enter-scale:.9 }
.ported-site .data-\[state\=open\]\:zoom-in-95[data-state=open] { --tw-enter-scale:.95 }
.ported-site .data-\[state\=open\]\:slide-in-from-bottom[data-state=open] { --tw-enter-translate-y:100% }
.ported-site .data-\[state\=open\]\:slide-in-from-left[data-state=open] { --tw-enter-translate-x:-100% }
.ported-site .data-\[state\=open\]\:slide-in-from-right[data-state=open] { --tw-enter-translate-x:100% }
.ported-site .data-\[state\=open\]\:slide-in-from-top[data-state=open] { --tw-enter-translate-y:-100% }
.ported-site .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:animate-in:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=open] { animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none) }
.ported-site .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:fade-in-0:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=open] { --tw-enter-opacity:0 }
.ported-site .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:zoom-in-95:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=open] { --tw-enter-scale:.95 }
@media (hover:hover) {
.ported-site .data-\[state\=open\]\:hover\:bg-accent[data-state=open]:hover { background-color:var(--accent) }
.ported-site .data-\[state\=open\]\:hover\:bg-sidebar-accent[data-state=open]:hover { background-color:var(--sidebar-accent) }
.ported-site .data-\[state\=open\]\:hover\:text-sidebar-accent-foreground[data-state=open]:hover { color:var(--sidebar-accent-foreground) }
}
.ported-site .data-\[state\=open\]\:focus\:bg-accent[data-state=open]:focus { background-color:var(--accent) }
.ported-site .data-\[state\=selected\]\:bg-muted[data-state=selected] { background-color:var(--muted) }
.ported-site .data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked] { --tw-translate-x:calc(var(--spacing) * 0); translate:var(--tw-translate-x) var(--tw-translate-y) }
.ported-site .data-\[state\=unchecked\]\:bg-input[data-state=unchecked] { background-color:var(--input) }
.ported-site .data-\[state\=visible\]\:animate-in[data-state=visible] { animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none) }
.ported-site .data-\[state\=visible\]\:fade-in[data-state=visible] { --tw-enter-opacity:0 }
.ported-site .data-\[variant\=destructive\]\:text-destructive[data-variant=destructive] { color:var(--destructive) }
.ported-site .data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus { background-color:var(--destructive) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus { background-color:color-mix(in oklab,var(--destructive) 10%,transparent) }
}
.ported-site .data-\[variant\=destructive\]\:focus\:text-destructive[data-variant=destructive]:focus { color:var(--destructive) }
.ported-site .data-\[variant\=label\]\:text-sm[data-variant=label] { font-size:var(--text-sm); line-height:var(--tw-leading,var(--text-sm--line-height)) }
.ported-site .data-\[variant\=legend\]\:text-base[data-variant=legend] { font-size:var(--text-base); line-height:var(--tw-leading,var(--text-base--line-height)) }
.ported-site .data-\[variant\=outline\]\:border-l-0[data-variant=outline] { border-left-style:var(--tw-border-style); border-left-width:0 }
.ported-site .data-\[variant\=outline\]\:shadow-xs[data-variant=outline] { --tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) }
.ported-site .data-\[variant\=outline\]\:first\:border-l[data-variant=outline]:first-child { border-left-style:var(--tw-border-style); border-left-width:1px }
.ported-site .data-\[vaul-drawer-direction\=bottom\]\:inset-x-0[data-vaul-drawer-direction=bottom] { inset-inline:calc(var(--spacing) * 0) }
.ported-site .data-\[vaul-drawer-direction\=bottom\]\:bottom-0[data-vaul-drawer-direction=bottom] { bottom:calc(var(--spacing) * 0) }
.ported-site .data-\[vaul-drawer-direction\=bottom\]\:mt-24[data-vaul-drawer-direction=bottom] { margin-top:calc(var(--spacing) * 24) }
.ported-site .data-\[vaul-drawer-direction\=bottom\]\:max-h-\[80vh\][data-vaul-drawer-direction=bottom] { max-height:80vh }
.ported-site .data-\[vaul-drawer-direction\=bottom\]\:rounded-t-lg[data-vaul-drawer-direction=bottom] { border-top-left-radius:var(--radius); border-top-right-radius:var(--radius) }
.ported-site .data-\[vaul-drawer-direction\=bottom\]\:border-t[data-vaul-drawer-direction=bottom] { border-top-style:var(--tw-border-style); border-top-width:1px }
.ported-site .data-\[vaul-drawer-direction\=left\]\:inset-y-0[data-vaul-drawer-direction=left] { inset-block:calc(var(--spacing) * 0) }
.ported-site .data-\[vaul-drawer-direction\=left\]\:left-0[data-vaul-drawer-direction=left] { left:calc(var(--spacing) * 0) }
.ported-site .data-\[vaul-drawer-direction\=left\]\:w-3\/4[data-vaul-drawer-direction=left] { width:75% }
.ported-site .data-\[vaul-drawer-direction\=left\]\:border-r[data-vaul-drawer-direction=left] { border-right-style:var(--tw-border-style); border-right-width:1px }
.ported-site .data-\[vaul-drawer-direction\=right\]\:inset-y-0[data-vaul-drawer-direction=right] { inset-block:calc(var(--spacing) * 0) }
.ported-site .data-\[vaul-drawer-direction\=right\]\:right-0[data-vaul-drawer-direction=right] { right:calc(var(--spacing) * 0) }
.ported-site .data-\[vaul-drawer-direction\=right\]\:w-3\/4[data-vaul-drawer-direction=right] { width:75% }
.ported-site .data-\[vaul-drawer-direction\=right\]\:border-l[data-vaul-drawer-direction=right] { border-left-style:var(--tw-border-style); border-left-width:1px }
.ported-site .data-\[vaul-drawer-direction\=top\]\:inset-x-0[data-vaul-drawer-direction=top] { inset-inline:calc(var(--spacing) * 0) }
.ported-site .data-\[vaul-drawer-direction\=top\]\:top-0[data-vaul-drawer-direction=top] { top:calc(var(--spacing) * 0) }
.ported-site .data-\[vaul-drawer-direction\=top\]\:mb-24[data-vaul-drawer-direction=top] { margin-bottom:calc(var(--spacing) * 24) }
.ported-site .data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\][data-vaul-drawer-direction=top] { max-height:80vh }
.ported-site .data-\[vaul-drawer-direction\=top\]\:rounded-b-lg[data-vaul-drawer-direction=top] { border-bottom-right-radius:var(--radius); border-bottom-left-radius:var(--radius) }
.ported-site .data-\[vaul-drawer-direction\=top\]\:border-b[data-vaul-drawer-direction=top] { border-bottom-style:var(--tw-border-style); border-bottom-width:1px }
.ported-site .nth-last-2\:-mt-1:nth-last-child(2) { margin-top:calc(var(--spacing) * -1) }
@supports ((-webkit-backdrop-filter:var(--tw)) or (backdrop-filter:var(--tw))) {
.ported-site .supports-\[backdrop-filter\]\:backdrop-blur { --tw-backdrop-blur:blur(8px); -webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,) }
}
@media (min-width:40rem) {
.ported-site .sm\:col-span-1 { grid-column:span 1/span 1 }
.ported-site .sm\:col-span-2 { grid-column:span 2/span 2 }
.ported-site .sm\:block { display:block }
.ported-site .sm\:flex { display:flex }
.ported-site .sm\:hidden { display:none }
.ported-site .sm\:inline { display:inline }
.ported-site .sm\:inline-block { display:inline-block }
.ported-site .sm\:inline-flex { display:inline-flex }
.ported-site .sm\:w-64 { width:calc(var(--spacing) * 64) }
.ported-site .sm\:w-\[350px\] { width:350px }
.ported-site .sm\:w-auto { width:auto }
.ported-site .sm\:max-w-lg { max-width:var(--container-lg) }
.ported-site .sm\:max-w-md { max-width:var(--container-md) }
.ported-site .sm\:max-w-sm { max-width:var(--container-sm) }
.ported-site .sm\:grid-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)) }
.ported-site .sm\:grid-cols-3 { grid-template-columns:repeat(3,minmax(0,1fr)) }
.ported-site .sm\:grid-cols-4 { grid-template-columns:repeat(4,minmax(0,1fr)) }
.ported-site .sm\:flex-row { flex-direction:row }
.ported-site .sm\:items-center { align-items:center }
.ported-site .sm\:items-end { align-items:flex-end }
.ported-site .sm\:items-start { align-items:flex-start }
.ported-site .sm\:justify-between { justify-content:space-between }
.ported-site .sm\:justify-end { justify-content:flex-end }
.ported-site .sm\:gap-2\.5 { gap:calc(var(--spacing) * 2.5) }
.ported-site .sm\:gap-5 { gap:calc(var(--spacing) * 5) }
.ported-site :where(.sm\:divide-y-0>:not(:last-child)) { --tw-divide-y-reverse:0; border-bottom-style:var(--tw-border-style); border-top-style:var(--tw-border-style); border-top-width:calc(0px * var(--tw-divide-y-reverse)); border-bottom-width:calc(0px * calc(1 - var(--tw-divide-y-reverse))) }
.ported-site .sm\:p-6 { padding:calc(var(--spacing) * 6) }
.ported-site .sm\:p-8 { padding:calc(var(--spacing) * 8) }
.ported-site .sm\:px-6 { padding-inline:calc(var(--spacing) * 6) }
.ported-site .sm\:px-8 { padding-inline:calc(var(--spacing) * 8) }
.ported-site .sm\:py-28 { padding-block:calc(var(--spacing) * 28) }
.ported-site .sm\:pr-2\.5 { padding-right:calc(var(--spacing) * 2.5) }
.ported-site .sm\:pb-24 { padding-bottom:calc(var(--spacing) * 24) }
.ported-site .sm\:pl-2\.5 { padding-left:calc(var(--spacing) * 2.5) }
.ported-site .sm\:text-left { text-align:left }
.ported-site .sm\:text-2xl { font-size:var(--text-2xl); line-height:var(--tw-leading,var(--text-2xl--line-height)) }
.ported-site .sm\:text-3xl { font-size:var(--text-3xl); line-height:var(--tw-leading,var(--text-3xl--line-height)) }
.ported-site .sm\:text-4xl { font-size:var(--text-4xl); line-height:var(--tw-leading,var(--text-4xl--line-height)) }
.ported-site .sm\:text-5xl { font-size:var(--text-5xl); line-height:var(--tw-leading,var(--text-5xl--line-height)) }
.ported-site .sm\:text-6xl { font-size:var(--text-6xl); line-height:var(--tw-leading,var(--text-6xl--line-height)) }
.ported-site .sm\:text-lg { font-size:var(--text-lg); line-height:var(--tw-leading,var(--text-lg--line-height)) }
.ported-site .sm\:text-xl { font-size:var(--text-xl); line-height:var(--tw-leading,var(--text-xl--line-height)) }
.ported-site .sm\:text-xs { font-size:var(--text-xs); line-height:var(--tw-leading,var(--text-xs--line-height)) }
.ported-site .data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm[data-vaul-drawer-direction=left], .ported-site .data-\[vaul-drawer-direction\=right\]\:sm\:max-w-sm[data-vaul-drawer-direction=right] { max-width:var(--container-sm) }
}
@media (min-width:48rem) {
.ported-site .md\:absolute { position:absolute }
.ported-site .md\:left-1\/2 { left:50% }
.ported-site .md\:col-span-2 { grid-column:span 2/span 2 }
.ported-site .md\:block { display:block }
.ported-site .md\:flex { display:flex }
.ported-site .md\:w-1\/2 { width:50% }
.ported-site .md\:w-1\/3 { width:33.3333% }
.ported-site .md\:w-2\/3 { width:66.6667% }
.ported-site .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\] { width:var(--radix-navigation-menu-viewport-width) }
.ported-site .md\:w-auto { width:auto }
.ported-site .md\:-translate-x-1\/2 { --tw-translate-x: -50%; translate:var(--tw-translate-x) var(--tw-translate-y) }
.ported-site .md\:grid-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)) }
.ported-site .md\:grid-cols-3 { grid-template-columns:repeat(3,minmax(0,1fr)) }
.ported-site .md\:grid-cols-4 { grid-template-columns:repeat(4,minmax(0,1fr)) }
.ported-site .md\:grid-cols-5 { grid-template-columns:repeat(5,minmax(0,1fr)) }
.ported-site .md\:grid-cols-\[1\.4fr_0\.6fr\] { grid-template-columns:1.4fr .6fr }
.ported-site .md\:flex-row { flex-direction:row }
.ported-site .md\:flex-row-reverse { flex-direction:row-reverse }
.ported-site .md\:gap-0 { gap:calc(var(--spacing) * 0) }
.ported-site .md\:gap-1\.5 { gap:calc(var(--spacing) * 1.5) }
.ported-site .md\:p-8 { padding:calc(var(--spacing) * 8) }
.ported-site .md\:p-10 { padding:calc(var(--spacing) * 10) }
.ported-site .md\:p-12 { padding:calc(var(--spacing) * 12) }
.ported-site .md\:px-10 { padding-inline:calc(var(--spacing) * 10) }
.ported-site .md\:pt-28 { padding-top:calc(var(--spacing) * 28) }
.ported-site .md\:pl-0 { padding-left:calc(var(--spacing) * 0) }
.ported-site .md\:text-left { text-align:left }
.ported-site .md\:text-right { text-align:right }
.ported-site .md\:text-3xl { font-size:var(--text-3xl); line-height:var(--tw-leading,var(--text-3xl--line-height)) }
.ported-site .md\:text-4xl { font-size:var(--text-4xl); line-height:var(--tw-leading,var(--text-4xl--line-height)) }
.ported-site .md\:text-5xl { font-size:var(--text-5xl); line-height:var(--tw-leading,var(--text-5xl--line-height)) }
.ported-site .md\:text-6xl { font-size:var(--text-6xl); line-height:var(--tw-leading,var(--text-6xl--line-height)) }
.ported-site .md\:text-base { font-size:var(--text-base); line-height:var(--tw-leading,var(--text-base--line-height)) }
.ported-site .md\:text-sm { font-size:var(--text-sm); line-height:var(--tw-leading,var(--text-sm--line-height)) }
.ported-site .md\:text-xl { font-size:var(--text-xl); line-height:var(--tw-leading,var(--text-xl--line-height)) }
.ported-site .md\:opacity-0 { opacity:0 }
.ported-site .md\:peer-data-\[variant\=inset\]\:m-2:is(:where(.peer)[data-variant=inset]~*) { margin:calc(var(--spacing) * 2) }
.ported-site .md\:peer-data-\[variant\=inset\]\:ml-0:is(:where(.peer)[data-variant=inset]~*) { margin-left:calc(var(--spacing) * 0) }
.ported-site .md\:peer-data-\[variant\=inset\]\:rounded-xl:is(:where(.peer)[data-variant=inset]~*) { border-radius:calc(var(--radius) + 4px) }
.ported-site .md\:peer-data-\[variant\=inset\]\:shadow-sm:is(:where(.peer)[data-variant=inset]~*) { --tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) }
.ported-site .md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2:is(:where(.peer)[data-variant=inset]~*):is(:where(.peer)[data-state=collapsed]~*) { margin-left:calc(var(--spacing) * 2) }
.ported-site .md\:after\:hidden:after { content:var(--tw-content); display:none }
}
@media (min-width:64rem) {
.ported-site .lg\:sticky { position:sticky }
.ported-site .lg\:right-16 { right:calc(var(--spacing) * 16) }
.ported-site .lg\:order-1 { order:1 }
.ported-site .lg\:order-2 { order:2 }
.ported-site .lg\:col-span-1 { grid-column:span 1/span 1 }
.ported-site .lg\:col-span-2 { grid-column:span 2/span 2 }
.ported-site .lg\:col-span-3 { grid-column:span 3/span 3 }
.ported-site .lg\:col-span-4 { grid-column:span 4/span 4 }
.ported-site .lg\:col-span-5 { grid-column:span 5/span 5 }
.ported-site .lg\:col-span-8 { grid-column:span 8/span 8 }
.ported-site .lg\:block { display:block }
.ported-site .lg\:flex { display:flex }
.ported-site .lg\:hidden { display:none }
.ported-site .lg\:aspect-auto { aspect-ratio:auto }
.ported-site .lg\:max-h-72 { max-height:calc(var(--spacing) * 72) }
.ported-site .lg\:w-1\/3 { width:33.3333% }
.ported-site .lg\:w-2\/3 { width:66.6667% }
.ported-site .lg\:w-64 { width:calc(var(--spacing) * 64) }
.ported-site .lg\:w-72 { width:calc(var(--spacing) * 72) }
.ported-site .lg\:translate-x-0 { --tw-translate-x:calc(var(--spacing) * 0); translate:var(--tw-translate-x) var(--tw-translate-y) }
.ported-site .lg\:grid-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)) }
.ported-site .lg\:grid-cols-3 { grid-template-columns:repeat(3,minmax(0,1fr)) }
.ported-site .lg\:grid-cols-4 { grid-template-columns:repeat(4,minmax(0,1fr)) }
.ported-site .lg\:grid-cols-5 { grid-template-columns:repeat(5,minmax(0,1fr)) }
.ported-site .lg\:grid-cols-6 { grid-template-columns:repeat(6,minmax(0,1fr)) }
.ported-site .lg\:grid-cols-12 { grid-template-columns:repeat(12,minmax(0,1fr)) }
.ported-site .lg\:grid-cols-\[\.75fr_1\.25fr\] { grid-template-columns:.75fr 1.25fr }
.ported-site .lg\:grid-cols-\[1\.2fr_\.8fr\] { grid-template-columns:1.2fr .8fr }
.ported-site .lg\:flex-row { flex-direction:row }
.ported-site .lg\:flex-wrap { flex-wrap:wrap }
.ported-site .lg\:items-center { align-items:center }
.ported-site .lg\:items-start { align-items:flex-start }
.ported-site .lg\:justify-between { justify-content:space-between }
.ported-site .lg\:gap-16 { gap:calc(var(--spacing) * 16) }
.ported-site .lg\:overflow-visible { overflow:visible }
.ported-site .lg\:border-r { border-right-style:var(--tw-border-style); border-right-width:1px }
.ported-site .lg\:border-b-0 { border-bottom-style:var(--tw-border-style); border-bottom-width:0 }
.ported-site .lg\:p-8 { padding:calc(var(--spacing) * 8) }
.ported-site .lg\:p-10 { padding:calc(var(--spacing) * 10) }
.ported-site .lg\:p-12 { padding:calc(var(--spacing) * 12) }
.ported-site .lg\:px-2 { padding-inline:calc(var(--spacing) * 2) }
.ported-site .lg\:px-8 { padding-inline:calc(var(--spacing) * 8) }
.ported-site .lg\:px-10 { padding-inline:calc(var(--spacing) * 10) }
.ported-site .lg\:py-24 { padding-block:calc(var(--spacing) * 24) }
.ported-site .lg\:py-28 { padding-block:calc(var(--spacing) * 28) }
.ported-site .lg\:text-5xl { font-size:var(--text-5xl); line-height:var(--tw-leading,var(--text-5xl--line-height)) }
.ported-site .lg\:text-6xl { font-size:var(--text-6xl); line-height:var(--tw-leading,var(--text-6xl--line-height)) }
.ported-site .lg\:text-7xl { font-size:var(--text-7xl); line-height:var(--tw-leading,var(--text-7xl--line-height)) }
.ported-site .lg\:text-\[28px\] { font-size:28px }
}
@media (min-width:80rem) {
.ported-site .xl\:flex { display:flex }
.ported-site .xl\:h-7 { height:calc(var(--spacing) * 7) }
.ported-site .xl\:h-16 { height:calc(var(--spacing) * 16) }
.ported-site .xl\:w-7 { width:calc(var(--spacing) * 7) }
.ported-site .xl\:w-16 { width:calc(var(--spacing) * 16) }
.ported-site .xl\:grid-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)) }
.ported-site .xl\:grid-cols-4 { grid-template-columns:repeat(4,minmax(0,1fr)) }
.ported-site .xl\:grid-cols-7 { grid-template-columns:repeat(7,minmax(0,1fr)) }
.ported-site .xl\:grid-cols-\[1\.15fr_0\.85fr\] { grid-template-columns:1.15fr .85fr }
.ported-site .xl\:text-3xl { font-size:var(--text-3xl); line-height:var(--tw-leading,var(--text-3xl--line-height)) }
}
@container field-group (min-width:28rem) {
.ported-site .\@md\/field-group\:flex-row { flex-direction:row }
.ported-site .\@md\/field-group\:items-center { align-items:center }
.ported-site .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:items-start:has(>[data-slot=field-content]) { align-items:flex-start }
}
.ported-site .dark\:border-input:is(.dark *) { border-color:var(--input) }
.ported-site .dark\:bg-\[\#0a0a0a\]:is(.dark *) { background-color:#0a0a0a }
.ported-site .dark\:bg-background:is(.dark *) { background-color:var(--background) }
.ported-site .dark\:bg-card:is(.dark *) { background-color:var(--card) }
.ported-site .dark\:bg-destructive\/60:is(.dark *) { background-color:var(--destructive) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .dark\:bg-destructive\/60:is(.dark *) { background-color:color-mix(in oklab,var(--destructive) 60%,transparent) }
}
.ported-site .dark\:bg-green-900\/30:is(.dark *) { background-color:#0d542b4d }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .dark\:bg-green-900\/30:is(.dark *) { background-color:color-mix(in oklab,var(--color-green-900) 30%,transparent) }
}
.ported-site .dark\:bg-input\/30:is(.dark *) { background-color:var(--input) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .dark\:bg-input\/30:is(.dark *) { background-color:color-mix(in oklab,var(--input) 30%,transparent) }
}
.ported-site .dark\:bg-red-900\/30:is(.dark *) { background-color:#82181a4d }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .dark\:bg-red-900\/30:is(.dark *) { background-color:color-mix(in oklab,var(--color-red-900) 30%,transparent) }
}
.ported-site .dark\:bg-transparent:is(.dark *) { background-color:#0000 }
.ported-site .dark\:text-blue-400:is(.dark *) { color:var(--color-blue-400) }
.ported-site .dark\:text-gold-light:is(.dark *) { color:#e3ac64 }
.ported-site .dark\:text-green-400:is(.dark *) { color:var(--color-green-400) }
.ported-site .dark\:text-muted-foreground:is(.dark *) { color:var(--muted-foreground) }
.ported-site .dark\:text-red-400:is(.dark *) { color:var(--color-red-400) }
@media (hover:hover) {
.ported-site .dark\:hover\:bg-accent\/50:is(.dark *):hover { background-color:var(--accent) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .dark\:hover\:bg-accent\/50:is(.dark *):hover { background-color:color-mix(in oklab,var(--accent) 50%,transparent) }
}
.ported-site .dark\:hover\:bg-input\/50:is(.dark *):hover { background-color:var(--input) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .dark\:hover\:bg-input\/50:is(.dark *):hover { background-color:color-mix(in oklab,var(--input) 50%,transparent) }
}
.ported-site .dark\:hover\:text-accent-foreground:is(.dark *):hover { color:var(--accent-foreground) }
}
.ported-site .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible { --tw-ring-color:var(--destructive) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible { --tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent) }
}
.ported-site .dark\:has-data-\[state\=checked\]\:bg-primary\/10:is(.dark *):has([data-state=checked]) { background-color:var(--primary) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .dark\:has-data-\[state\=checked\]\:bg-primary\/10:is(.dark *):has([data-state=checked]) { background-color:color-mix(in oklab,var(--primary) 10%,transparent) }
}
.ported-site .dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:is(.dark *):has([data-slot][aria-invalid=true]) { --tw-ring-color:var(--destructive) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:is(.dark *):has([data-slot][aria-invalid=true]) { --tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent) }
}
.ported-site .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true] { --tw-ring-color:var(--destructive) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true] { --tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent) }
}
.ported-site .dark\:data-\[active\=true\]\:aria-invalid\:ring-destructive\/40:is(.dark *)[data-active=true][aria-invalid=true] { --tw-ring-color:var(--destructive) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .dark\:data-\[active\=true\]\:aria-invalid\:ring-destructive\/40:is(.dark *)[data-active=true][aria-invalid=true] { --tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent) }
}
.ported-site .dark\:data-\[state\=active\]\:border-input:is(.dark *)[data-state=active] { border-color:var(--input) }
.ported-site .dark\:data-\[state\=active\]\:bg-input\/30:is(.dark *)[data-state=active] { background-color:var(--input) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .dark\:data-\[state\=active\]\:bg-input\/30:is(.dark *)[data-state=active] { background-color:color-mix(in oklab,var(--input) 30%,transparent) }
}
.ported-site .dark\:data-\[state\=active\]\:text-foreground:is(.dark *)[data-state=active] { color:var(--foreground) }
.ported-site .dark\:data-\[state\=checked\]\:bg-primary:is(.dark *)[data-state=checked] { background-color:var(--primary) }
.ported-site .dark\:data-\[state\=checked\]\:bg-primary-foreground:is(.dark *)[data-state=checked] { background-color:var(--primary-foreground) }
.ported-site .dark\:data-\[state\=unchecked\]\:bg-foreground:is(.dark *)[data-state=unchecked] { background-color:var(--foreground) }
.ported-site .dark\:data-\[state\=unchecked\]\:bg-input\/80:is(.dark *)[data-state=unchecked] { background-color:var(--input) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .dark\:data-\[state\=unchecked\]\:bg-input\/80:is(.dark *)[data-state=unchecked] { background-color:color-mix(in oklab,var(--input) 80%,transparent) }
}
.ported-site .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant=destructive]:focus { background-color:var(--destructive) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant=destructive]:focus { background-color:color-mix(in oklab,var(--destructive) 20%,transparent) }
}
.ported-site .\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text { fill:var(--muted-foreground) }
.ported-site .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"] { stroke:var(--border) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"] { stroke:color-mix(in oklab,var(--border) 50%,transparent) }
}
.ported-site .\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor { stroke:var(--border) }
.ported-site .\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke="#fff"] { stroke:#0000 }
.ported-site .\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer { --tw-outline-style:none; outline-style:none }
@media (forced-colors:active) {
.ported-site .\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer { outline-offset:2px; outline:2px solid #0000 }
}
.ported-site .\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke="#ccc"] { stroke:var(--border) }
.ported-site .\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector, .ported-site .\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor { fill:var(--muted) }
.ported-site .\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke="#ccc"] { stroke:var(--border) }
.ported-site .\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector { --tw-outline-style:none; outline-style:none }
@media (forced-colors:active) {
.ported-site .\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector { outline-offset:2px; outline:2px solid #0000 }
}
.ported-site .\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke="#fff"] { stroke:#0000 }
.ported-site .\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface { --tw-outline-style:none; outline-style:none }
@media (forced-colors:active) {
.ported-site .\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface { outline-offset:2px; outline:2px solid #0000 }
}
.ported-site .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] { padding-inline:calc(var(--spacing) * 2) }
.ported-site .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] { padding-block:calc(var(--spacing) * 1.5) }
.ported-site .\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] { font-size:var(--text-xs); line-height:var(--tw-leading,var(--text-xs--line-height)) }
.ported-site .\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] { --tw-font-weight:var(--font-weight-medium); font-weight:var(--font-weight-medium) }
.ported-site .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading] { color:var(--muted-foreground) }
.ported-site .\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] { padding-inline:calc(var(--spacing) * 2) }
.ported-site .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group] { padding-top:calc(var(--spacing) * 0) }
.ported-site .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg { height:calc(var(--spacing) * 5) }
.ported-site .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg { width:calc(var(--spacing) * 5) }
.ported-site .\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] { height:calc(var(--spacing) * 12) }
.ported-site .\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] { padding-inline:calc(var(--spacing) * 2) }
.ported-site .\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] { padding-block:calc(var(--spacing) * 3) }
.ported-site .\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg { height:calc(var(--spacing) * 5) }
.ported-site .\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg { width:calc(var(--spacing) * 5) }
.ported-site .\[\&_\[role\=combobox\]\]\:min-h-11 [role=combobox] { min-height:calc(var(--spacing) * 11) }
.ported-site .\[\&_img\]\:size-full img { width:100%; height:100% }
.ported-site .\[\&_img\]\:object-cover img { object-fit:cover }
.ported-site .\[\&_input\]\:min-h-11 input { min-height:calc(var(--spacing) * 11) }
.ported-site .\[\&_p\]\:leading-relaxed p { --tw-leading:var(--leading-relaxed); line-height:var(--leading-relaxed) }
.ported-site .\[\&_svg\]\:pointer-events-none svg { pointer-events:none }
.ported-site .\[\&_svg\]\:shrink-0 svg { flex-shrink:0 }
.ported-site .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]) { width:calc(var(--spacing) * 3); height:calc(var(--spacing) * 3) }
.ported-site .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]) { width:calc(var(--spacing) * 4); height:calc(var(--spacing) * 4) }
.ported-site .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 svg:not([class*=size-]) { width:calc(var(--spacing) * 6); height:calc(var(--spacing) * 6) }
.ported-site .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*=text-]) { color:var(--muted-foreground) }
.ported-site .\[\&_tr\]\:border-b tr { border-bottom-style:var(--tw-border-style); border-bottom-width:1px }
.ported-site .\[\&_tr\:last-child\]\:border-0 tr:last-child { border-style:var(--tw-border-style); border-width:0 }
.ported-site .\[\&\+\[data-slot\=item-content\]\]\:flex-none+[data-slot=item-content] { flex:none }
.ported-site .\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-md:first-child[data-selected=true] button { border-top-left-radius:calc(var(--radius) - 2px); border-bottom-left-radius:calc(var(--radius) - 2px) }
.ported-site .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]) { padding-right:calc(var(--spacing) * 0) }
.ported-site .\[\.border-b\]\:pb-3.border-b { padding-bottom:calc(var(--spacing) * 3) }
.ported-site .\[\.border-b\]\:pb-6.border-b { padding-bottom:calc(var(--spacing) * 6) }
.ported-site .\[\.border-t\]\:pt-3.border-t { padding-top:calc(var(--spacing) * 3) }
.ported-site .\[\.border-t\]\:pt-6.border-t { padding-top:calc(var(--spacing) * 6) }
.ported-site :is(.rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180:where(:dir(rtl),[dir=rtl],[dir=rtl] *) *):is(.rdp-button_next>svg), .ported-site :is(.rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180:where(:dir(rtl),[dir=rtl],[dir=rtl] *) *):is(.rdp-button_previous>svg) { rotate:180deg }
.ported-site .\[a\]\:transition-colors:is(a) { transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to; transition-timing-function:var(--tw-ease,var(--default-transition-timing-function)); transition-duration:var(--tw-duration,var(--default-transition-duration)) }
@media (hover:hover) {
.ported-site .\[a\]\:hover\:bg-accent\/50:is(a):hover { background-color:var(--accent) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .\[a\]\:hover\:bg-accent\/50:is(a):hover { background-color:color-mix(in oklab,var(--accent) 50%,transparent) }
}
}
.ported-site :is(.\*\:\[span\]\:last\:flex>*):is(span):last-child { display:flex }
.ported-site :is(.\*\:\[span\]\:last\:items-center>*):is(span):last-child { align-items:center }
.ported-site :is(.\*\:\[span\]\:last\:gap-2>*):is(span):last-child { gap:calc(var(--spacing) * 2) }
.ported-site :is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:\!text-destructive[data-variant=destructive]>*):is(svg) { color:var(--destructive)!important }
.ported-site .\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-md:last-child[data-selected=true] button { border-top-right-radius:calc(var(--radius) - 2px); border-bottom-right-radius:calc(var(--radius) - 2px) }
.ported-site .\[\&\>\*\]\:w-full>* { width:100% }
.ported-site .\[\&\>\*\]\:focus-visible\:relative>:focus-visible { position:relative }
.ported-site .\[\&\>\*\]\:focus-visible\:z-10>:focus-visible { z-index:10 }
.ported-site .\[\&\>\*\]\:data-\[slot\=field\]\:p-4>[data-slot=field] { padding:calc(var(--spacing) * 4) }
@container field-group (min-width:28rem) {
.ported-site .\@md\/field-group\:\[\&\>\*\]\:w-auto>* { width:auto }
}
.ported-site .\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none>:not(:first-child) { border-top-left-radius:0; border-top-right-radius:0 }
.ported-site .\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-none>:not(:first-child) { border-top-left-radius:0; border-bottom-left-radius:0 }
.ported-site .\[\&\>\*\:not\(\:first-child\)\]\:border-t-0>:not(:first-child) { border-top-style:var(--tw-border-style); border-top-width:0 }
.ported-site .\[\&\>\*\:not\(\:first-child\)\]\:border-l-0>:not(:first-child) { border-left-style:var(--tw-border-style); border-left-width:0 }
.ported-site .\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-none>:not(:last-child) { border-top-right-radius:0; border-bottom-right-radius:0 }
.ported-site .\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none>:not(:last-child) { border-bottom-right-radius:0; border-bottom-left-radius:0 }
.ported-site .\[\&\>\.sr-only\]\:w-auto>.sr-only { width:auto }
.ported-site .\[\&\>\[data-slot\=field-group\]\]\:gap-4>[data-slot=field-group] { gap:calc(var(--spacing) * 4) }
.ported-site .\[\&\>\[data-slot\=field-label\]\]\:flex-auto>[data-slot=field-label] { flex:auto }
@container field-group (min-width:28rem) {
.ported-site .\@md\/field-group\:\[\&\>\[data-slot\=field-label\]\]\:flex-auto>[data-slot=field-label] { flex:auto }
}
.ported-site .has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-md:has(:is(select[aria-hidden=true]:last-child))>[data-slot=select-trigger]:last-of-type { border-top-right-radius:calc(var(--radius) - 2px); border-bottom-right-radius:calc(var(--radius) - 2px) }
.ported-site .\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit>[data-slot=select-trigger]:not([class*=w-]) { width:fit-content }
.ported-site .\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox] { --tw-translate-y:2px; translate:var(--tw-translate-x) var(--tw-translate-y) }
.ported-site .has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content])>[role=checkbox], .ported-site .has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content]) [role=radio] { margin-top:1px }
@container field-group (min-width:28rem) {
.ported-site .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content])>[role=checkbox], .ported-site .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content]) [role=radio] { margin-top:1px }
}
.ported-site .\[\&\>a\]\:underline>a { text-decoration-line:underline }
.ported-site .\[\&\>a\]\:underline-offset-4>a { text-underline-offset:4px }
.ported-site .\[\&\>a\:hover\]\:text-primary>a:hover { color:var(--primary) }
.ported-site .\[\&\>button\]\:hidden>button { display:none }
.ported-site .\[\&\>input\]\:flex-1>input { flex:1 }
.ported-site .has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3:has(>[data-align=block-end])>input { padding-top:calc(var(--spacing) * 3) }
.ported-site .has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3:has(>[data-align=block-start])>input { padding-bottom:calc(var(--spacing) * 3) }
.ported-site .has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-2:has(>[data-align=inline-end])>input { padding-right:calc(var(--spacing) * 2) }
.ported-site .has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-2:has(>[data-align=inline-start])>input { padding-left:calc(var(--spacing) * 2) }
.ported-site .\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\]>kbd { border-radius:calc(var(--radius) - 5px) }
.ported-site .\[\&\>span\]\:text-xs>span { font-size:var(--text-xs); line-height:var(--tw-leading,var(--text-xs--line-height)) }
.ported-site .\[\&\>span\]\:opacity-70>span { opacity:.7 }
.ported-site .\[\&\>span\:last-child\]\:truncate>span:last-child { text-overflow:ellipsis; white-space:nowrap; overflow:hidden }
.ported-site .\[\&\>svg\]\:pointer-events-none>svg { pointer-events:none }
.ported-site .\[\&\>svg\]\:size-3>svg { width:calc(var(--spacing) * 3); height:calc(var(--spacing) * 3) }
.ported-site .\[\&\>svg\]\:size-3\.5>svg { width:calc(var(--spacing) * 3.5); height:calc(var(--spacing) * 3.5) }
.ported-site .\[\&\>svg\]\:size-4>svg { width:calc(var(--spacing) * 4); height:calc(var(--spacing) * 4) }
.ported-site .\[\&\>svg\]\:h-2\.5>svg { height:calc(var(--spacing) * 2.5) }
.ported-site .\[\&\>svg\]\:h-3>svg { height:calc(var(--spacing) * 3) }
.ported-site .\[\&\>svg\]\:w-2\.5>svg { width:calc(var(--spacing) * 2.5) }
.ported-site .\[\&\>svg\]\:w-3>svg { width:calc(var(--spacing) * 3) }
.ported-site .\[\&\>svg\]\:shrink-0>svg { flex-shrink:0 }
.ported-site .\[\&\>svg\]\:translate-y-0\.5>svg { --tw-translate-y:calc(var(--spacing) * .5); translate:var(--tw-translate-x) var(--tw-translate-y) }
.ported-site .\[\&\>svg\]\:text-current>svg { color:currentColor }
.ported-site .\[\&\>svg\]\:text-muted-foreground>svg { color:var(--muted-foreground) }
.ported-site .\[\&\>svg\]\:text-sidebar-accent-foreground>svg { color:var(--sidebar-accent-foreground) }
.ported-site .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5>svg:not([class*=size-]) { width:calc(var(--spacing) * 3.5); height:calc(var(--spacing) * 3.5) }
.ported-site .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4>svg:not([class*=size-]) { width:calc(var(--spacing) * 4); height:calc(var(--spacing) * 4) }
.ported-site .\[\&\>tr\]\:last\:border-b-0>tr:last-child { border-bottom-style:var(--tw-border-style); border-bottom-width:0 }
.ported-site .\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical]>div { rotate:90deg }
.ported-site .\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg { rotate:180deg }
.ported-site [data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 { right:calc(var(--spacing) * -2) }
.ported-site [data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize { cursor:e-resize }
.ported-site [data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2 { left:calc(var(--spacing) * -2) }
.ported-site [data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize { cursor:w-resize }
.ported-site [data-slot=card-content] .\[\[data-slot\=card-content\]_\&\]\:bg-transparent, .ported-site [data-slot=popover-content] .\[\[data-slot\=popover-content\]_\&\]\:bg-transparent { background-color:#0000 }
.ported-site [data-slot=tooltip-content] .\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/20 { background-color:var(--background) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site [data-slot=tooltip-content] .\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/20 { background-color:color-mix(in oklab,var(--background) 20%,transparent) }
}
.ported-site [data-slot=tooltip-content] .\[\[data-slot\=tooltip-content\]_\&\]\:text-background { color:var(--background) }
.ported-site [data-slot=tooltip-content] .dark\:\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/10:is(.dark *) { background-color:var(--background) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site [data-slot=tooltip-content] .dark\:\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/10:is(.dark *) { background-color:color-mix(in oklab,var(--background) 10%,transparent) }
}
.ported-site [data-variant=legend]+.\[\[data-variant\=legend\]\+\&\]\:-mt-1\.5 { margin-top:calc(var(--spacing) * -1.5) }
@media (hover:hover) {
.ported-site a.\[a\&\]\:hover\:bg-accent:hover { background-color:var(--accent) }
.ported-site a.\[a\&\]\:hover\:bg-destructive\/90:hover { background-color:var(--destructive) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site a.\[a\&\]\:hover\:bg-destructive\/90:hover { background-color:color-mix(in oklab,var(--destructive) 90%,transparent) }
}
.ported-site a.\[a\&\]\:hover\:bg-primary\/90:hover { background-color:var(--primary) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site a.\[a\&\]\:hover\:bg-primary\/90:hover { background-color:color-mix(in oklab,var(--primary) 90%,transparent) }
}
.ported-site a.\[a\&\]\:hover\:bg-secondary\/90:hover { background-color:var(--secondary) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site a.\[a\&\]\:hover\:bg-secondary\/90:hover { background-color:color-mix(in oklab,var(--secondary) 90%,transparent) }
}
.ported-site a.\[a\&\]\:hover\:text-accent-foreground:hover { color:var(--accent-foreground) }
}
.ported-site .font-serif { font-family:Playfair Display,serif }
.ported-site .font-condensed { font-family:Barlow Condensed,sans-serif }
.ported-site .font-display { font-family:Archivo,Inter,sans-serif }
.ported-site .font-tech { font-family:IBM Plex Mono,monospace }
.ported-site .text-stroke-gold { -webkit-text-stroke:1.5px oklch(68% .13 72/.55); color:#0000 }
.ported-site .text-stroke-light { -webkit-text-stroke:1px oklch(18% .01 240/.25); color:#0000 }
.ported-site .text-gold { color:#c9892b }
.ported-site .text-gold-light { color:#e3ac64 }
.ported-site .text-gradient-gold { -webkit-text-fill-color:transparent; background:linear-gradient(135deg,#c9892b,#e3ac64); -webkit-background-clip:text; background-clip:text }
.ported-site .section-padding { padding-top:5rem; padding-bottom:5rem }
@media (min-width:768px) {
.ported-site .section-padding { padding-top:7rem; padding-bottom:7rem }
}
.ported-site .gold-divider { background-color:#c9892b; width:4rem; height:1px; margin-top:1.5rem; margin-bottom:1.5rem }
.ported-site .card-hover { transition:all .3s }
.ported-site .card-hover:hover { box-shadow:0 10px 25px -5px #0000001a }
.ported-site .animate-gradient-x { background-size:200% 200%; animation:4s infinite gradient-x }
}
@property --tw-animation-delay { syntax:"*"; inherits:false; initial-value:0s }
@property --tw-animation-direction { syntax:"*"; inherits:false; initial-value:normal }
@property --tw-animation-duration { syntax:"*"; inherits:false }
@property --tw-animation-fill-mode { syntax:"*"; inherits:false; initial-value:none }
@property --tw-animation-iteration-count { syntax:"*"; inherits:false; initial-value:1 }
@property --tw-enter-blur { syntax:"*"; inherits:false; initial-value:0 }
@property --tw-enter-opacity { syntax:"*"; inherits:false; initial-value:1 }
@property --tw-enter-rotate { syntax:"*"; inherits:false; initial-value:0 }
@property --tw-enter-scale { syntax:"*"; inherits:false; initial-value:1 }
@property --tw-enter-translate-x { syntax:"*"; inherits:false; initial-value:0 }
@property --tw-enter-translate-y { syntax:"*"; inherits:false; initial-value:0 }
@property --tw-exit-blur { syntax:"*"; inherits:false; initial-value:0 }
@property --tw-exit-opacity { syntax:"*"; inherits:false; initial-value:1 }
@property --tw-exit-rotate { syntax:"*"; inherits:false; initial-value:0 }
@property --tw-exit-scale { syntax:"*"; inherits:false; initial-value:1 }
@property --tw-exit-translate-x { syntax:"*"; inherits:false; initial-value:0 }
@property --tw-exit-translate-y { syntax:"*"; inherits:false; initial-value:0 }
.ported-site .ssm-brand-theme, .ported-site.ssm-brand-theme-active { --ssm-brand-navy:#0b1d33; --ssm-brand-navy-soft:#152c49; --ssm-brand-ink:#102238; --ssm-brand-muted:#5c6877; --ssm-brand-brass:#c8842f; --ssm-brand-brass-soft:#e8a952; --ssm-brand-line:#dfe3e7; --ssm-brand-paper:#f4f5f6; --ssm-brand-surface:#fff; --ssm-font-display:"Archivo", "Inter", Arial, sans-serif; --ssm-font-body:"Inter", Arial, sans-serif; --radius:.125rem; --background:var(--ssm-brand-paper); --foreground:var(--ssm-brand-ink); --card:var(--ssm-brand-surface); --card-foreground:var(--ssm-brand-ink); --popover:var(--ssm-brand-surface); --popover-foreground:var(--ssm-brand-ink); --primary:var(--ssm-brand-navy); --primary-foreground:var(--ssm-brand-surface); --secondary:#e9ecef; --secondary-foreground:var(--ssm-brand-ink); --muted:#e9ecef; --muted-foreground:var(--ssm-brand-muted); --accent:var(--ssm-brand-brass); --accent-foreground:var(--ssm-brand-navy); --border:var(--ssm-brand-line); --input:var(--ssm-brand-line); --ring:var(--ssm-brand-brass); --color-gold:var(--ssm-brand-brass); --color-gold-light:var(--ssm-brand-brass-soft); --color-gold-dark:#9f6826; background:var(--ssm-brand-paper); color:var(--ssm-brand-ink); font-family:var(--ssm-font-body) }
.ported-site :where(.ssm-brand-theme,body.ssm-brand-theme-active) * { font-family:var(--ssm-font-body)!important }
.ported-site :where(.ssm-brand-theme,body.ssm-brand-theme-active) :where(h1,h2,h3,h4,h5,h6,.font-serif,.font-display) { font-family:var(--ssm-font-display)!important }
.ported-site.ssm-brand-theme-active { background:var(--ssm-brand-paper) }
.ported-site.ssm-brand-theme-active :where(button,a,input,textarea,select,summary):focus-visible { outline:3px solid var(--ssm-brand-brass); outline-offset:3px }
.ported-site .ssm-brand-theme :where(button,[role=button],input,textarea,select) { border-radius:var(--radius) }
.ported-site .ssm-brand-theme .hw-page { --hw-navy:var(--ssm-brand-navy); --hw-navy-2:var(--ssm-brand-navy-soft); --hw-brass:var(--ssm-brand-brass); --hw-brass-light:var(--ssm-brand-brass-soft); --hw-ink:var(--ssm-brand-ink); --hw-muted:var(--ssm-brand-muted); --hw-line:var(--ssm-brand-line); --hw-paper:var(--ssm-brand-paper) }
.ported-site .ssm-brand-theme .bc-page { --bc-navy:var(--ssm-brand-navy); --bc-navy-soft:var(--ssm-brand-navy-soft); --bc-brass:var(--ssm-brand-brass); --bc-brass-dark:#9f6826; --bc-paper:var(--ssm-brand-paper); --bc-paper-deep:#e9ecef; --bc-ink:var(--ssm-brand-ink); --bc-muted:var(--ssm-brand-muted); --bc-line:var(--ssm-brand-line) }
.ported-site .ssm-brand-theme .hc-page { --hc-navy:var(--ssm-brand-navy); --hc-navy-soft:var(--ssm-brand-navy-soft); --hc-brass:var(--ssm-brand-brass); --hc-brass-dark:#9f6826; --hc-ink:var(--ssm-brand-ink); --hc-muted:var(--ssm-brand-muted); --hc-line:var(--ssm-brand-line); --hc-paper:var(--ssm-brand-paper); --hc-paper-dark:#e9ecef }
.ported-site .ssm-brand-theme .ski-page { --ski-navy:var(--ssm-brand-navy); --ski-navy-2:var(--ssm-brand-navy-soft); --ski-snow:var(--ssm-brand-paper); --ski-mineral:#e9ecef; --ski-ink:var(--ssm-brand-ink); --ski-muted:var(--ssm-brand-muted); --ski-brass:var(--ssm-brand-brass); --ski-brass-light:var(--ssm-brand-brass-soft); --ski-line:#10223824 }
.ported-site .ssm-brand-theme .sw-page { --sw-paper:var(--ssm-brand-paper); --sw-paper-strong:var(--ssm-brand-surface); --sw-stone:#dfe3e7; --sw-ink:var(--ssm-brand-ink); --sw-navy:var(--ssm-brand-navy); --sw-brass:var(--ssm-brand-brass); --sw-brass-light:var(--ssm-brand-brass-soft); --sw-muted:var(--ssm-brand-muted); --sw-line:#10223833 }
.ported-site .ssm-brand-theme .fab-page { --fab-navy:var(--ssm-brand-navy); --fab-navy-2:var(--ssm-brand-navy-soft); --fab-brass:var(--ssm-brand-brass); --fab-brass-pale:#f1d8b8; --fab-paper:var(--ssm-brand-paper); --fab-white:var(--ssm-brand-surface); --fab-ink:var(--ssm-brand-ink); --fab-muted:var(--ssm-brand-muted); --fab-line:var(--ssm-brand-line) }
.ported-site .ssm-brand-theme :where(.scs-page,.scs-detail-page) { --scs-navy:var(--ssm-brand-navy); --scs-navy-soft:var(--ssm-brand-navy-soft); --scs-brass:var(--ssm-brand-brass); --scs-paper:var(--ssm-brand-paper); --scs-white:var(--ssm-brand-surface); --scs-line:#10223829; --scs-muted:var(--ssm-brand-muted) }
.ported-site .ssm-brand-theme .program-page { --program-ink:var(--ssm-brand-navy); --program-paper:var(--ssm-brand-paper); --program-brass:var(--ssm-brand-brass); --program-muted:var(--ssm-brand-muted) }
.ported-site .ssm-brand-theme .customizers-page { --tools-ink:var(--ssm-brand-navy); --tools-paper:var(--ssm-brand-paper); --tools-white:var(--ssm-brand-surface); --tools-brass:var(--ssm-brand-brass); --tools-muted:var(--ssm-brand-muted) }
.ported-site .ssm-brand-theme :where(.si-studio,.si-detail) { --si-navy:var(--ssm-brand-navy); --si-navy-2:var(--ssm-brand-navy-soft); --si-ink:#020a12; --si-brass:var(--ssm-brand-brass); --si-paper:var(--ssm-brand-paper) }
@media (prefers-reduced-motion:reduce) {
.ported-site .ssm-brand-theme *, .ported-site .ssm-brand-theme :before, .ported-site .ssm-brand-theme :after { scroll-behavior:auto!important; transition-duration:.01ms!important; animation-duration:.01ms!important; animation-iteration-count:1!important }
}
.ported-site { --radius:.5rem; --background:oklch(98% .004 80); --foreground:oklch(18% .01 240); --card:oklch(100% 0 0); --card-foreground:oklch(18% .01 240); --popover:oklch(100% 0 0); --popover-foreground:oklch(18% .01 240); --primary:oklch(68% .13 72); --primary-foreground:oklch(100% 0 0); --secondary:oklch(94% .006 80); --secondary-foreground:oklch(25% .01 240); --muted:oklch(92% .006 80); --muted-foreground:oklch(48% .008 240); --accent:oklch(68% .13 72); --accent-foreground:oklch(100% 0 0); --destructive:oklch(55% .22 25); --destructive-foreground:oklch(98.5% 0 0); --border:oklch(88% .006 80); --input:oklch(94% .006 80); --ring:oklch(68% .13 72); --chart-1:oklch(68% .13 72); --chart-2:oklch(58% .11 72); --chart-3:oklch(48% .09 72); --chart-4:oklch(38% .07 72); --chart-5:oklch(28% .05 72); --sidebar:oklch(96% .005 80); --sidebar-foreground:oklch(18% .01 240); --sidebar-primary:oklch(68% .13 72); --sidebar-primary-foreground:oklch(100% 0 0); --sidebar-accent:oklch(92% .006 80); --sidebar-accent-foreground:oklch(25% .01 240); --sidebar-border:oklch(88% .006 80); --sidebar-ring:oklch(68% .13 72) }
.ported-site .dark { --background:oklch(10% .005 240); --foreground:oklch(95% .005 60); --card:oklch(13% .006 240); --card-foreground:oklch(95% .005 60); --popover:oklch(13% .006 240); --popover-foreground:oklch(95% .005 60); --primary:oklch(78% .12 75); --primary-foreground:oklch(10% .005 240); --secondary:oklch(18% .008 240); --secondary-foreground:oklch(90% .005 60); --muted:oklch(16% .006 240); --muted-foreground:oklch(60% .005 60); --accent:oklch(78% .12 75); --accent-foreground:oklch(10% .005 240); --destructive:oklch(55% .22 25); --destructive-foreground:oklch(98.5% 0 0); --border:oklch(22% .008 240); --input:oklch(18% .008 240); --ring:oklch(78% .12 75); --chart-1:oklch(78% .12 75); --chart-2:oklch(65% .1 75); --chart-3:oklch(55% .08 75); --chart-4:oklch(45% .06 75); --chart-5:oklch(35% .04 75); --sidebar:oklch(13% .006 240); --sidebar-foreground:oklch(95% .005 60); --sidebar-primary:oklch(78% .12 75); --sidebar-primary-foreground:oklch(10% .005 240); --sidebar-accent:oklch(18% .008 240); --sidebar-accent-foreground:oklch(90% .005 60); --sidebar-border:oklch(22% .008 240); --sidebar-ring:oklch(78% .12 75) }
@keyframes gradient-x { 0%,to{background-position:0%}50%{background-position:100%} }
.ported-site { scroll-behavior:smooth }
.ported-site ::-webkit-scrollbar { width:6px }
.ported-site ::-webkit-scrollbar-track { background:#edebe7 }
.ported-site ::-webkit-scrollbar-thumb { background:#c0bdb8; border-radius:3px }
.ported-site ::-webkit-scrollbar-thumb:hover { background:#c9892b }
.ported-site ::selection { color:#0e1216; background:#c9892b40 }
@keyframes fadeInUp { 0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)} }
.ported-site .animate-fade-in-up { animation:.6s ease-out forwards fadeInUp }
@keyframes marquee { 0%{transform:translate(0)}to{transform:translate(-50%)} }
.ported-site .animate-marquee { animation:28s linear infinite marquee }
.ported-site .animate-marquee:hover { animation-play-state:paused }
.ported-site .process-connector { background:linear-gradient(#c9892b,#c9892b26); flex:1; width:2px; margin:4px auto }
.ported-site .glassmorphism { -webkit-backdrop-filter:blur(16px); background:#ffffff0a; border:1px solid #c9a84c1f }
.ported-site .dark .glassmorphism { background:#00000040; border:1px solid #c9a84c26 }
.ported-site .bento-card { border-radius:2px; transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s }
.ported-site .bento-card:hover { transform:translateY(-4px)scale(1.015); box-shadow:0 16px 48px -8px #c9892b2e }
.ported-site .stat-glow { text-shadow:0 0 32px oklch(68% .13 72/.45),0 4px 8px oklch(68% .13 72/.15) }
.ported-site .partner-logo { filter:grayscale()opacity(.5); -webkit-user-select:none; user-select:none; transition:filter .4s,opacity .4s }
.ported-site .partner-logo:hover { filter:grayscale(0%)opacity() }
@keyframes marquee-slow { 0%{transform:translate(0)}to{transform:translate(-50%)} }
.ported-site .animate-marquee-slow { animation:50s linear infinite marquee-slow }
.ported-site .animate-marquee-slow:hover { animation-play-state:paused }
.ported-site .cert-seal { border:3px solid oklch(68% .13 72/.6); border-radius:50%; transition:box-shadow .3s,border-color .3s; position:relative; box-shadow:0 0 0 2px #c9892b26,inset 0 0 20px #c9892b0d }
.ported-site .cert-seal:hover { border-color:#c9892b; box-shadow:0 0 0 4px #c9892b33,0 8px 24px #c9892b33 }
.ported-site .esg-divider { background:linear-gradient(#0000,#c9892b4d,#0000); width:1px }
.ported-site .announcement-bar { background:linear-gradient(90deg,#040607,#080c0e,#040607); border-bottom:1px solid oklch(68% .13 72/.2) }
.ported-site .quote-mark { color:#c9892b26; pointer-events:none; font-family:Playfair Display,serif; font-size:6rem; line-height:0; position:absolute; top:2rem; left:1.5rem }
.ported-site .blog-stat-card { border-radius:calc(var(--radius) - 4px); border-style:var(--tw-border-style); border-width:1px; border-color:var(--border); background-color:var(--card); padding:calc(var(--spacing) * 6); transition:all .3s cubic-bezier(.4,0,.2,1); position:relative; overflow:hidden }
.ported-site .blog-stat-card:after { content:""; bottom:calc(var(--spacing) * 0); left:calc(var(--spacing) * 0); height:calc(var(--spacing) * 1); width:calc(var(--spacing) * 0); transition-property:all; transition-timing-function:var(--tw-ease,var(--default-transition-timing-function)); transition-duration:var(--tw-duration,var(--default-transition-duration)); --tw-duration:.5s; background-color:#c9892b; transition-duration:.5s; position:absolute }
.ported-site .blog-stat-card:hover:after { width:100% }
.ported-site .blog-callout { margin-block:calc(var(--spacing) * 8); border-top-right-radius:calc(var(--radius) - 4px); border-bottom-right-radius:calc(var(--radius) - 4px); border-left-style:var(--tw-border-style); padding:calc(var(--spacing) * 6); color:var(--foreground); background-color:#c9892b0d; border-color:#c9892b; border-left-width:4px }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .blog-callout { color:color-mix(in oklab,var(--foreground) 90%,transparent) }
}
.ported-site .blog-callout { font-style:italic }
.ported-site .blog-table-container { margin-block:calc(var(--spacing) * 8); border-radius:calc(var(--radius) - 4px); border-style:var(--tw-border-style); border-width:1px; border-color:var(--border); overflow-x:auto }
.ported-site .blog-table { border-collapse:collapse; text-align:left; width:100% }
.ported-site .blog-table th { padding:calc(var(--spacing) * 4); font-family:Barlow Condensed,sans-serif; font-size:var(--text-sm); line-height:var(--tw-leading,var(--text-sm--line-height)); --tw-font-weight:var(--font-weight-bold); font-weight:var(--font-weight-bold); --tw-tracking:var(--tracking-widest); letter-spacing:var(--tracking-widest); color:var(--background); text-transform:uppercase; background-color:#c9892b }
.ported-site .blog-table td { border-bottom-style:var(--tw-border-style); border-bottom-width:1px; border-color:var(--border); padding:calc(var(--spacing) * 4); font-size:var(--text-sm); line-height:var(--tw-leading,var(--text-sm--line-height)); color:var(--muted-foreground); transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to; transition-timing-function:var(--tw-ease,var(--default-transition-timing-function)); transition-duration:var(--tw-duration,var(--default-transition-duration)) }
.ported-site .blog-table tr:last-child td { border-bottom-style:var(--tw-border-style); border-bottom-width:0 }
.ported-site .blog-table tr:nth-child(2n) td { background-color:var(--muted) }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .blog-table tr:nth-child(2n) td { background-color:color-mix(in oklab,var(--muted) 30%,transparent) }
}
.ported-site .blog-table tr:hover td { color:var(--foreground); background-color:#c9892b0d }
.ported-site .blog-process-step { border-left-style:var(--tw-border-style); padding-block:calc(var(--spacing) * 6); padding-left:calc(var(--spacing) * 12); border-color:#c9892b33; border-left-width:2px; position:relative }
.ported-site .blog-process-step:last-child { border-left-style:var(--tw-border-style); border-left-width:0 }
.ported-site .blog-process-number { top:calc(var(--spacing) * 6); z-index:10; height:calc(var(--spacing) * 8); width:calc(var(--spacing) * 8); font-size:var(--text-sm); line-height:var(--tw-leading,var(--text-sm--line-height)); --tw-font-weight:var(--font-weight-bold); font-weight:var(--font-weight-bold); color:var(--background); --tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); --tw-shadow-color:#c9892b33; background-color:#c9892b; border-radius:3.40282e38px; justify-content:center; align-items:center; display:flex; position:absolute; left:-17px }
@supports (color:color-mix(in lab,red,red)) {
.ported-site .blog-process-number { --tw-shadow-color:color-mix(in oklab, oklab(68% .0401722 .123637/.2) var(--tw-shadow-alpha), transparent) }
}
.ported-site .blog-progress-label { margin-bottom:calc(var(--spacing) * 2); font-family:Barlow Condensed,sans-serif; font-size:var(--text-xs); line-height:var(--tw-leading,var(--text-xs--line-height)); --tw-font-weight:var(--font-weight-bold); font-weight:var(--font-weight-bold); --tw-tracking:var(--tracking-wider); letter-spacing:var(--tracking-wider); color:var(--muted-foreground); text-transform:uppercase; justify-content:space-between; display:flex }
.ported-site .blog-progress-bg { margin-bottom:calc(var(--spacing) * 6); height:calc(var(--spacing) * 2); background-color:var(--muted); border-radius:3.40282e38px; width:100%; overflow:hidden }
.ported-site .blog-progress-fill { transform-origin:0; height:100%; transition-property:all; transition-timing-function:var(--tw-ease,var(--default-transition-timing-function)); transition-duration:var(--tw-duration,var(--default-transition-duration)); --tw-duration:1s; --tw-ease:var(--ease-out); transition-duration:1s; transition-timing-function:var(--ease-out); background-color:#c9892b }
.ported-site .blog-feature-icon { margin-bottom:calc(var(--spacing) * 4); height:calc(var(--spacing) * 12); width:calc(var(--spacing) * 12); border-radius:calc(var(--radius) - 4px); color:#c9892b; transition-property:all; transition-timing-function:var(--tw-ease,var(--default-transition-timing-function)); transition-duration:var(--tw-duration,var(--default-transition-duration)); --tw-duration:.3s; background-color:#c9892b1a; justify-content:center; align-items:center; transition-duration:.3s; display:flex }
@media (hover:hover) {
.ported-site .blog-feature-icon:is(:where(.group):hover *) { color:var(--background); background-color:#c9892b }
}
.ported-site .grain-overlay { pointer-events:none; opacity:.05; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(/assets/%23n)'/%3E%3C/svg%3E"); background-size:180px 180px; position:absolute; inset:0 }
.ported-site .blueprint-grid { pointer-events:none; background-image:linear-gradient(90deg,#ffffff09 1px,#0000 1px),linear-gradient(#ffffff09 1px,#0000 1px); background-size:72px 72px; position:absolute; inset:0; -webkit-mask-image:radial-gradient(90% 80% at 50% 40%,#000 30%,#0000 78%); mask-image:radial-gradient(90% 80% at 50% 40%,#000 30%,#0000 78%) }
@keyframes spec-ticker { 0%{transform:translate(0)}to{transform:translate(-50%)} }
.ported-site .animate-spec-ticker { will-change:transform; animation:36s linear infinite spec-ticker }
.ported-site .animate-spec-ticker:hover { animation-play-state:paused }
.ported-site .corner-frame { position:relative }
.ported-site .corner-frame:before, .ported-site .corner-frame:after { content:""; opacity:0; z-index:2; pointer-events:none; border-style:solid; border-color:#c9892b; width:18px; height:18px; transition:opacity .3s,transform .3s; position:absolute }
.ported-site .corner-frame:before { border-width:1.5px 0 0 1.5px; top:10px; left:10px; transform:translate(6px,6px) }
.ported-site .corner-frame:after { border-width:0 1.5px 1.5px 0; bottom:10px; right:10px; transform:translate(-6px,-6px) }
.ported-site .corner-frame:hover:before, .ported-site .corner-frame:hover:after { opacity:1; transform:translate(0) }
.ported-site .cta-glow { transition:box-shadow .4s,transform .25s; box-shadow:0 0 #c9892b59 }
.ported-site .cta-glow:hover { transform:translateY(-2px); box-shadow:0 8px 40px -6px #c9892b8c }
.ported-site .index-row { border-bottom:1px solid var(--border); transition:background .3s,padding-left .3s }
.ported-site .index-row:hover { background:#c9892b0d; padding-left:1rem }
@keyframes scroll-cue { 0%{transform-origin:top;transform:scaleY(0)}45%{transform-origin:top;transform:scaleY(1)}55%{transform-origin:bottom;transform:scaleY(1)}to{transform-origin:bottom;transform:scaleY(0)} }
.ported-site .animate-scroll-cue { animation:2.2s cubic-bezier(.65,0,.35,1) infinite scroll-cue }
@media (prefers-reduced-motion:reduce) {
.ported-site .animate-spec-ticker, .ported-site .animate-scroll-cue, .ported-site .animate-marquee, .ported-site .animate-marquee-slow { animation:none }
}
@property --tw-translate-x { syntax:"*"; inherits:false; initial-value:0 }
@property --tw-translate-y { syntax:"*"; inherits:false; initial-value:0 }
@property --tw-translate-z { syntax:"*"; inherits:false; initial-value:0 }
@property --tw-scale-x { syntax:"*"; inherits:false; initial-value:1 }
@property --tw-scale-y { syntax:"*"; inherits:false; initial-value:1 }
@property --tw-scale-z { syntax:"*"; inherits:false; initial-value:1 }
@property --tw-rotate-x { syntax:"*"; inherits:false }
@property --tw-rotate-y { syntax:"*"; inherits:false }
@property --tw-rotate-z { syntax:"*"; inherits:false }
@property --tw-skew-x { syntax:"*"; inherits:false }
@property --tw-skew-y { syntax:"*"; inherits:false }
@property --tw-space-y-reverse { syntax:"*"; inherits:false; initial-value:0 }
@property --tw-space-x-reverse { syntax:"*"; inherits:false; initial-value:0 }
@property --tw-divide-x-reverse { syntax:"*"; inherits:false; initial-value:0 }
@property --tw-border-style { syntax:"*"; inherits:false; initial-value:solid }
@property --tw-divide-y-reverse { syntax:"*"; inherits:false; initial-value:0 }
@property --tw-gradient-position { syntax:"*"; inherits:false }
@property --tw-gradient-from { syntax:"<color>"; inherits:false; initial-value:#0000 }
@property --tw-gradient-via { syntax:"<color>"; inherits:false; initial-value:#0000 }
@property --tw-gradient-to { syntax:"<color>"; inherits:false; initial-value:#0000 }
@property --tw-gradient-stops { syntax:"*"; inherits:false }
@property --tw-gradient-via-stops { syntax:"*"; inherits:false }
@property --tw-gradient-from-position { syntax:"<length-percentage>"; inherits:false; initial-value:0% }
@property --tw-gradient-via-position { syntax:"<length-percentage>"; inherits:false; initial-value:50% }
@property --tw-gradient-to-position { syntax:"<length-percentage>"; inherits:false; initial-value:100% }
@property --tw-leading { syntax:"*"; inherits:false }
@property --tw-font-weight { syntax:"*"; inherits:false }
@property --tw-tracking { syntax:"*"; inherits:false }
@property --tw-ordinal { syntax:"*"; inherits:false }
@property --tw-slashed-zero { syntax:"*"; inherits:false }
@property --tw-numeric-figure { syntax:"*"; inherits:false }
@property --tw-numeric-spacing { syntax:"*"; inherits:false }
@property --tw-numeric-fraction { syntax:"*"; inherits:false }
@property --tw-shadow { syntax:"*"; inherits:false; initial-value:0 0 #0000 }
@property --tw-shadow-color { syntax:"*"; inherits:false }
@property --tw-shadow-alpha { syntax:"<percentage>"; inherits:false; initial-value:100% }
@property --tw-inset-shadow { syntax:"*"; inherits:false; initial-value:0 0 #0000 }
@property --tw-inset-shadow-color { syntax:"*"; inherits:false }
@property --tw-inset-shadow-alpha { syntax:"<percentage>"; inherits:false; initial-value:100% }
@property --tw-ring-color { syntax:"*"; inherits:false }
@property --tw-ring-shadow { syntax:"*"; inherits:false; initial-value:0 0 #0000 }
@property --tw-inset-ring-color { syntax:"*"; inherits:false }
@property --tw-inset-ring-shadow { syntax:"*"; inherits:false; initial-value:0 0 #0000 }
@property --tw-ring-inset { syntax:"*"; inherits:false }
@property --tw-ring-offset-width { syntax:"<length>"; inherits:false; initial-value:0 }
@property --tw-ring-offset-color { syntax:"*"; inherits:false; initial-value:#fff }
@property --tw-ring-offset-shadow { syntax:"*"; inherits:false; initial-value:0 0 #0000 }
@property --tw-outline-style { syntax:"*"; inherits:false; initial-value:solid }
@property --tw-blur { syntax:"*"; inherits:false }
@property --tw-brightness { syntax:"*"; inherits:false }
@property --tw-contrast { syntax:"*"; inherits:false }
@property --tw-grayscale { syntax:"*"; inherits:false }
@property --tw-hue-rotate { syntax:"*"; inherits:false }
@property --tw-invert { syntax:"*"; inherits:false }
@property --tw-opacity { syntax:"*"; inherits:false }
@property --tw-saturate { syntax:"*"; inherits:false }
@property --tw-sepia { syntax:"*"; inherits:false }
@property --tw-drop-shadow { syntax:"*"; inherits:false }
@property --tw-drop-shadow-color { syntax:"*"; inherits:false }
@property --tw-drop-shadow-alpha { syntax:"<percentage>"; inherits:false; initial-value:100% }
@property --tw-drop-shadow-size { syntax:"*"; inherits:false }
@property --tw-backdrop-blur { syntax:"*"; inherits:false }
@property --tw-backdrop-brightness { syntax:"*"; inherits:false }
@property --tw-backdrop-contrast { syntax:"*"; inherits:false }
@property --tw-backdrop-grayscale { syntax:"*"; inherits:false }
@property --tw-backdrop-hue-rotate { syntax:"*"; inherits:false }
@property --tw-backdrop-invert { syntax:"*"; inherits:false }
@property --tw-backdrop-opacity { syntax:"*"; inherits:false }
@property --tw-backdrop-saturate { syntax:"*"; inherits:false }
@property --tw-backdrop-sepia { syntax:"*"; inherits:false }
@property --tw-duration { syntax:"*"; inherits:false }
@property --tw-ease { syntax:"*"; inherits:false }
@property --tw-content { syntax:"*"; inherits:false; initial-value:"" }
@keyframes spin { to{transform:rotate(360deg)} }
@keyframes ping { 75%,to{opacity:0;transform:scale(2)} }
@keyframes pulse { 50%{opacity:.5} }
@keyframes enter { 0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))} }
@keyframes exit { to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))} }
@keyframes accordion-down { 0%{height:0}to{height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))))} }
@keyframes accordion-up { 0%{height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))))}to{height:0} }
@keyframes caret-blink { 0%,70%,to{opacity:1}20%,50%{opacity:0} }
.ported-site .ski-page { --ski-navy: #061a2d; --ski-navy-2: #0b2a45; --ski-snow: #f7f8f7; --ski-mineral: #e8ecee; --ski-ink: #102234; --ski-muted: #5b6974; --ski-brass: #b47a19; --ski-brass-light: #d5a74f; --ski-line: rgba(16, 34, 52, .14); background:var(--ski-snow); color:var(--ski-ink); overflow:clip }
.ported-site .ski-page h1, .ported-site .ski-page h2, .ported-site .ski-page h3 { font-family:Archivo,Inter,sans-serif; text-wrap:balance }
.ported-site .ski-page p { line-height:1.72 }
.ported-site .ski-shell { width:min(1180px,calc(100% - 48px)); margin-inline:auto }
.ported-site .ski-eyebrow { margin:0 0 14px; color:var(--ski-brass); font-family:IBM Plex Mono,monospace; font-size:.72rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase }
.ported-site .ski-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px }
.ported-site .ski-button { min-height:48px; display:inline-flex; align-items:center; justify-content:center; padding:.78rem 1.15rem; border:1px solid transparent; border-radius:2px; font-family:Archivo,Inter,sans-serif; font-size:.79rem; font-weight:800; letter-spacing:.055em; line-height:1.15; text-align:center; text-decoration:none; text-transform:uppercase; transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease }
.ported-site .ski-button:hover { transform:translateY(-2px) }
.ported-site .ski-button:focus-visible, .ported-site .ski-text-link:focus-visible, .ported-site .ski-page a:focus-visible, .ported-site .ski-page button:focus-visible, .ported-site .ski-page summary:focus-visible { outline:3px solid #f0b847; outline-offset:3px }
.ported-site .ski-button--gold { background:var(--ski-brass); color:#fff }
.ported-site .ski-button--gold:hover { background:#925f0e }
.ported-site .ski-button--ghost { border-color:#ffffff8f; color:#fff }
.ported-site .ski-button--ghost:hover { background:#fff; color:var(--ski-navy) }
.ported-site .ski-button--outline { border-color:var(--ski-navy); color:var(--ski-navy) }
.ported-site .ski-button--outline:hover { background:var(--ski-navy); color:#fff }
.ported-site .ski-text-link { display:inline-flex; padding-block:.55rem; color:var(--ski-navy); font-size:.83rem; font-weight:800; letter-spacing:.055em; text-decoration:underline; text-decoration-color:var(--ski-brass); text-underline-offset:5px; text-transform:uppercase }
.ported-site .ski-text-link--light { color:#fff }
.ported-site .ski-concept-label { display:inline-flex; align-items:center; min-height:26px; padding:.28rem .52rem; border:1px solid currentColor; color:inherit; font-family:IBM Plex Mono,monospace; font-size:.61rem; font-weight:700; letter-spacing:.09em; line-height:1; text-transform:uppercase }
.ported-site .ski-hero { min-height:690px; position:relative; display:grid; align-items:center; background:var(--ski-navy); color:#fff }
.ported-site .ski-hero__media, .ported-site .ski-hero__media img, .ported-site .ski-hero__shade { position:absolute; inset:0; width:100%; height:100% }
.ported-site .ski-hero__media img { object-fit:cover; object-position:center }
.ported-site .ski-hero__shade { background:#04111ea8 }
.ported-site .ski-hero__content { position:relative; z-index:1; padding-block:100px }
.ported-site .ski-hero h1 { max-width:760px; margin:0; font-size:clamp(2.9rem,5vw,4.85rem); font-weight:800; letter-spacing:-.055em; line-height:.94; text-transform:uppercase }
.ported-site .ski-hero__answer { max-width:680px; margin:26px 0; color:#ffffffe0; font-size:clamp(1rem,1.5vw,1.18rem) }
.ported-site .ski-hero .ski-concept-label { margin-top:24px; color:#ffffffb8 }
.ported-site .ski-scope { background:#fff; border-bottom:1px solid var(--ski-line) }
.ported-site .ski-scope__inner { min-height:86px; display:grid; grid-template-columns:190px 1fr; align-items:center; gap:28px }
.ported-site .ski-scope strong { color:var(--ski-brass); font-family:IBM Plex Mono,monospace; font-size:.72rem; letter-spacing:.1em; text-transform:uppercase }
.ported-site .ski-scope p { margin:0; font-size:.9rem }
.ported-site .ski-section { padding-block:clamp(78px,9vw,126px); background:#fff }
.ported-site .ski-section--navy { background:var(--ski-navy); color:#fff }
.ported-site .ski-section--mineral { background:var(--ski-mineral) }
.ported-site .ski-section--evidence { background:#f1eadf; border-block:1px solid rgba(180,122,25,.25) }
.ported-site .ski-section__head { max-width:820px; margin-bottom:44px }
.ported-site .ski-section__head h2, .ported-site .ski-final-cta h2 { margin:0; font-size:clamp(2rem,4.5vw,4.3rem); font-weight:760; letter-spacing:-.045em; line-height:1.02; text-transform:uppercase }
.ported-site .ski-section__head>p:last-child { max-width:760px; margin:18px 0 0; color:var(--ski-muted) }
.ported-site .ski-section__head--light>p:last-child { color:#ffffffb3 }
.ported-site .ski-mission { display:grid; grid-template-columns:minmax(320px,.84fr) minmax(0,1.35fr); gap:28px }
.ported-site .ski-mission__tabs { display:grid; align-content:start; gap:8px }
.ported-site .ski-mission__tabs button { min-height:72px; width:100%; display:grid; gap:4px; padding:14px 16px; border:1px solid rgba(255,255,255,.2); border-radius:2px; background:transparent; color:#fff; text-align:left }
.ported-site .ski-mission__tabs button:hover, .ported-site .ski-mission__tabs button.is-selected { border-color:var(--ski-brass-light); background:#113450 }
.ported-site .ski-mission__tabs span { font-family:Archivo,Inter,sans-serif; font-weight:780; letter-spacing:.025em; text-transform:uppercase }
.ported-site .ski-mission__tabs small { color:#ffffffa3; font-size:.76rem; line-height:1.4 }
.ported-site .ski-mission__result { min-height:560px; position:relative; display:grid; align-items:end; overflow:hidden; border:1px solid rgba(255,255,255,.18) }
.ported-site .ski-mission__result:after { content:""; position:absolute; inset:40% 0 0; background:#04111ed1; pointer-events:none }
.ported-site .ski-mission__result>img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover }
.ported-site .ski-mission__result>div { position:relative; z-index:1; padding:34px }
.ported-site .ski-mission__result h3 { margin:14px 0 0; font-size:clamp(2rem,4vw,3.7rem); line-height:1; text-transform:uppercase }
.ported-site .ski-mission__result p { max-width:550px; color:#ffffffbf }
.ported-site .ski-family-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px }
.ported-site .ski-family-card { border:1px solid var(--ski-line); background:#fff; transition:border-color .16s ease,transform .16s ease }
.ported-site .ski-family-card:hover { border-color:var(--ski-brass); transform:translateY(-4px) }
.ported-site .ski-family-card>a { display:block; color:inherit; text-decoration:none }
.ported-site .ski-family-card__media { aspect-ratio:4 / 4.2; position:relative; overflow:hidden; background:var(--ski-mineral) }
.ported-site .ski-family-card__media img { width:100%; height:100%; object-fit:cover; transition:transform .3s ease }
.ported-site .ski-family-card:hover img { transform:scale(1.025) }
.ported-site .ski-family-card__media>span { position:absolute; top:14px; left:14px; min-width:36px; padding:6px; background:var(--ski-navy); color:#fff; font-family:IBM Plex Mono,monospace; font-size:.7rem; text-align:center }
.ported-site .ski-family-card__body { padding:24px }
.ported-site .ski-family-card__state { margin:0 0 7px; color:var(--ski-brass); font-family:IBM Plex Mono,monospace; font-size:.62rem; font-weight:700; letter-spacing:.09em; text-transform:uppercase }
.ported-site .ski-family-card h3 { margin:0; font-size:1.35rem; line-height:1.1; text-transform:uppercase }
.ported-site .ski-family-card__body>p:not(.ski-family-card__state) { min-height:4.6em; margin:12px 0; color:var(--ski-muted); font-size:.87rem }
.ported-site .ski-family-card__body strong { font-size:.7rem; letter-spacing:.065em; text-transform:uppercase }
.ported-site .ski-stage-grid { list-style:none; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; margin:0; padding:0; background:#10223424; border:1px solid var(--ski-line) }
.ported-site .ski-stage-grid li { min-height:280px; padding:28px; background:#fff }
.ported-site .ski-stage-grid li>span { color:var(--ski-brass); font-family:IBM Plex Mono,monospace; font-size:.78rem; font-weight:700 }
.ported-site .ski-stage-grid h3 { margin:36px 0 10px; font-size:1.35rem; line-height:1.12; text-transform:uppercase }
.ported-site .ski-stage-grid p { margin:0; color:var(--ski-muted); font-size:.86rem }
.ported-site .ski-stage-grid--dark { background:#ffffff26; border-color:#ffffff24 }
.ported-site .ski-stage-grid--dark li { background:#0b2842 }
.ported-site .ski-stage-grid--dark p { color:#ffffffa6 }
.ported-site .ski-layer { background:#fff }
.ported-site .ski-layer__layout, .ported-site .ski-pilot-grid { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr); align-items:center; gap:clamp(40px,7vw,96px) }
.ported-site .ski-layer figure, .ported-site .ski-pilot-grid figure, .ported-site .ski-child-hero figure { margin:0 }
.ported-site .ski-layer figure img, .ported-site .ski-pilot-grid figure img { width:100%; display:block }
.ported-site .ski-layer figcaption, .ported-site .ski-pilot-grid figcaption { margin-top:12px }
.ported-site .ski-layer h2, .ported-site .ski-pilot-grid h2 { margin:0; font-size:clamp(2rem,4.2vw,4rem); letter-spacing:-.045em; line-height:1; text-transform:uppercase }
.ported-site .ski-layer__links { display:grid; margin-top:26px; border-top:1px solid var(--ski-line) }
.ported-site .ski-layer__links a { padding:14px 0; border-bottom:1px solid var(--ski-line); color:var(--ski-navy); font-weight:700; text-decoration:none }
.ported-site .ski-model-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px }
.ported-site .ski-model-grid article { min-height:330px; display:flex; flex-direction:column; padding:36px; border:1px solid rgba(255,255,255,.18); background:#0b2842 }
.ported-site .ski-model-grid article>span { color:var(--ski-brass-light); font-family:IBM Plex Mono,monospace; font-size:.72rem }
.ported-site .ski-model-grid h3 { max-width:480px; margin:42px 0 10px; font-size:clamp(1.7rem,3vw,2.7rem); line-height:1.04; text-transform:uppercase }
.ported-site .ski-model-grid p { color:#ffffffb3 }
.ported-site .ski-model-grid a { margin-top:auto; color:#fff; font-size:.78rem; font-weight:800; letter-spacing:.07em; text-decoration-color:var(--ski-brass-light); text-transform:uppercase; text-underline-offset:5px }
.ported-site .ski-engineering-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px }
.ported-site .ski-engineering-grid a, .ported-site .ski-related-grid a { min-height:160px; display:flex; flex-direction:column; padding:24px; border:1px solid var(--ski-line); color:var(--ski-navy); text-decoration:none; transition:border-color .16s ease,background-color .16s ease }
.ported-site .ski-engineering-grid a:hover, .ported-site .ski-related-grid a:hover { border-color:var(--ski-brass); background:#fbf7f0 }
.ported-site .ski-engineering-grid span, .ported-site .ski-related-grid span { color:var(--ski-brass); font-family:IBM Plex Mono,monospace; font-size:.65rem; text-transform:uppercase }
.ported-site .ski-engineering-grid strong, .ported-site .ski-related-grid strong { margin-top:28px; font-family:Archivo,Inter,sans-serif; font-size:1.05rem; text-transform:uppercase }
.ported-site .ski-engineering-grid small, .ported-site .ski-related-grid small { margin-top:auto; color:var(--ski-muted) }
.ported-site .ski-evidence { display:grid; grid-template-columns:minmax(280px,.8fr) minmax(320px,1.1fr) auto; align-items:center; gap:36px }
.ported-site .ski-evidence h2 { margin:0; font-size:clamp(1.7rem,3vw,2.7rem); letter-spacing:-.035em; line-height:1.05; text-transform:uppercase }
.ported-site .ski-evidence>p { margin:0; color:#4f4b45; font-size:.92rem }
.ported-site .ski-faq-layout { display:grid; grid-template-columns:minmax(260px,.65fr) minmax(0,1.35fr); gap:72px }
.ported-site .ski-faq-layout .ski-section__head { position:sticky; top:130px; align-self:start; margin:0 }
.ported-site .ski-faq details { border-top:1px solid var(--ski-line) }
.ported-site .ski-faq details:last-child { border-bottom:1px solid var(--ski-line) }
.ported-site .ski-faq summary { min-height:70px; display:flex; align-items:center; padding:16px 40px 16px 0; font-family:Archivo,Inter,sans-serif; font-size:1.05rem; font-weight:740; line-height:1.3; list-style:none; text-transform:uppercase }
.ported-site .ski-faq summary::-webkit-details-marker { display:none }
.ported-site .ski-faq details>p { max-width:760px; margin:0; padding:0 28px 24px 0; color:var(--ski-muted) }
.ported-site .ski-final-cta { padding-block:clamp(86px,10vw,140px); background:var(--ski-navy); color:#fff }
.ported-site .ski-final-cta .ski-shell { max-width:900px; margin-left:max(24px,calc((100% - 1180px)/2)) }
.ported-site .ski-final-cta>div>p:not(.ski-eyebrow) { max-width:720px; color:#ffffffb3 }
.ported-site .ski-cluster-nav { position:sticky; top:78px; z-index:20; background:#061a2df7; border-bottom:1px solid rgba(255,255,255,.12) }
.ported-site .ski-cluster-nav .ski-shell { min-height:52px; display:flex; align-items:center; gap:26px; overflow-x:auto; scrollbar-width:none }
.ported-site .ski-cluster-nav a { flex:0 0 auto; color:#ffffffc2; font-size:.68rem; font-weight:800; letter-spacing:.08em; text-decoration:none; text-transform:uppercase }
.ported-site .ski-cluster-nav a:first-child { color:var(--ski-brass-light) }
.ported-site .ski-child-hero { padding-block:clamp(70px,8vw,112px); background:#f3f5f5 }
.ported-site .ski-child-hero__layout { display:grid; grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr); align-items:center; gap:clamp(40px,6vw,80px) }
.ported-site .ski-breadcrumb { margin:0 0 30px; color:var(--ski-muted); font-size:.72rem }
.ported-site .ski-breadcrumb a { color:inherit }
.ported-site .ski-child-hero h1 { margin:0; font-size:clamp(2.5rem,5.2vw,5.3rem); font-weight:800; letter-spacing:-.055em; line-height:.96; text-transform:uppercase }
.ported-site .ski-child-hero__answer { max-width:650px; margin:24px 0; color:var(--ski-muted); font-size:1.02rem }
.ported-site .ski-child-hero figure { overflow:hidden; background:var(--ski-mineral) }
.ported-site .ski-child-hero figure>img { width:100%; aspect-ratio:4 / 3.2; display:block; object-fit:cover }
.ported-site .ski-child-hero figcaption { padding:12px; background:var(--ski-navy); color:#fff }
.ported-site .ski-decision-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px }
.ported-site .ski-decision-grid article { min-height:360px; padding:clamp(30px,4vw,52px); border:1px solid var(--ski-line); background:#fff }
.ported-site .ski-decision-grid article:first-child { background:var(--ski-navy); color:#fff }
.ported-site .ski-decision-grid span { color:var(--ski-brass); font-family:IBM Plex Mono,monospace; font-size:.7rem; text-transform:uppercase }
.ported-site .ski-decision-grid h3 { max-width:520px; margin:70px 0 16px; font-size:clamp(1.75rem,3.5vw,3.3rem); letter-spacing:-.04em; line-height:1; text-transform:uppercase }
.ported-site .ski-decision-grid p { max-width:640px; margin:0; color:var(--ski-muted) }
.ported-site .ski-decision-grid article:first-child p { color:#ffffffb8 }
.ported-site .ski-pilot-grid figure img { aspect-ratio:1 / 1; object-fit:cover }
.ported-site .ski-pilot-grid--reverse figure { order:2 }
.ported-site .ski-spec-list { display:grid; margin-top:30px; border-top:1px solid var(--ski-line) }
.ported-site .ski-spec-list>div { display:grid; grid-template-columns:150px 1fr; gap:20px; padding:16px 0; border-bottom:1px solid var(--ski-line) }
.ported-site .ski-spec-list dt { font-family:Archivo,Inter,sans-serif; font-size:.8rem; font-weight:800; text-transform:uppercase }
.ported-site .ski-spec-list dd { margin:0; color:var(--ski-muted); font-size:.88rem }
.ported-site .ski-related-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px }
@media (max-width: 1024px) {
.ported-site .ski-family-grid, .ported-site .ski-engineering-grid { grid-template-columns:repeat(2,minmax(0,1fr)) }
.ported-site .ski-mission, .ported-site .ski-child-hero__layout { grid-template-columns:1fr }
.ported-site .ski-mission__tabs { grid-template-columns:repeat(2,minmax(0,1fr)) }
.ported-site .ski-evidence { grid-template-columns:1fr }
.ported-site .ski-related-grid { grid-template-columns:repeat(3,minmax(0,1fr)) }
}
@media (max-width: 760px) {
.ported-site .ski-shell { width:min(100% - 32px,1180px) }
.ported-site .ski-hero { min-height:690px; align-items:end }
.ported-site .ski-hero__media img { object-position:center top }
.ported-site .ski-hero__shade { background:#04111e8a }
.ported-site .ski-hero__content { padding-block:210px 42px }
.ported-site .ski-hero h1 { font-size:clamp(2.25rem,11vw,3.45rem); line-height:.96 }
.ported-site .ski-hero__answer { font-size:.94rem }
.ported-site .ski-actions, .ported-site .ski-actions .ski-button { width:100% }
.ported-site .ski-scope__inner { grid-template-columns:1fr; gap:8px; padding-block:20px }
.ported-site .ski-section { padding-block:72px }
.ported-site .ski-section__head { margin-bottom:30px }
.ported-site .ski-section__head h2, .ported-site .ski-final-cta h2 { font-size:clamp(2rem,10vw,3rem) }
.ported-site .ski-mission__tabs { display:flex; margin-inline:-16px; padding-inline:16px; overflow-x:auto; scroll-snap-type:x mandatory }
.ported-site .ski-mission__tabs button { flex:0 0 82%; min-height:98px; scroll-snap-align:start }
.ported-site .ski-mission__result { min-height:520px }
.ported-site .ski-mission__result:after { inset:36% 0 0 }
.ported-site .ski-mission__result>div { padding:24px }
.ported-site .ski-family-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px }
.ported-site .ski-family-card__body { padding:15px }
.ported-site .ski-family-card h3 { font-size:1rem }
.ported-site .ski-family-card__body>p:not(.ski-family-card__state) { min-height:0; font-size:.75rem }
.ported-site .ski-stage-grid { grid-template-columns:1fr }
.ported-site .ski-stage-grid li { min-height:0; padding:24px }
.ported-site .ski-stage-grid h3 { margin-top:22px }
.ported-site .ski-layer__layout, .ported-site .ski-pilot-grid { grid-template-columns:1fr; gap:32px }
.ported-site .ski-pilot-grid--reverse figure { order:0 }
.ported-site .ski-model-grid, .ported-site .ski-decision-grid { grid-template-columns:1fr }
.ported-site .ski-model-grid article, .ported-site .ski-decision-grid article { min-height:0 }
.ported-site .ski-decision-grid h3 { margin-top:42px }
.ported-site .ski-engineering-grid { grid-template-columns:1fr }
.ported-site .ski-engineering-grid a { min-height:125px }
.ported-site .ski-faq-layout { grid-template-columns:1fr; gap:12px }
.ported-site .ski-faq-layout .ski-section__head { position:static; margin-bottom:24px }
.ported-site .ski-final-cta .ski-shell { margin-inline:auto }
.ported-site .ski-cluster-nav { top:66px }
.ported-site .ski-child-hero { padding-block:52px }
.ported-site .ski-child-hero h1 { font-size:clamp(2.25rem,10.5vw,3.25rem) }
.ported-site .ski-child-hero figure>img { aspect-ratio:4 / 4.6 }
.ported-site .ski-spec-list>div { grid-template-columns:1fr; gap:4px }
.ported-site .ski-related-grid { grid-template-columns:repeat(2,minmax(0,1fr)) }
}
@media (max-width: 430px) {
.ported-site .ski-family-grid, .ported-site .ski-related-grid { grid-template-columns:1fr }
.ported-site .ski-family-card__media { aspect-ratio:4 / 3 }
.ported-site .ski-family-card__body>p:not(.ski-family-card__state) { min-height:auto }
}
@media (prefers-reduced-motion: reduce) {
.ported-site .ski-page *, .ported-site .ski-page *:before, .ported-site .ski-page *:after { scroll-behavior:auto!important; transition-duration:.01ms!important }
}
.ported-site .hw-page { --hw-navy: #061b30; --hw-navy-2: #0b2942; --hw-brass: #b87b23; --hw-brass-light: #d2a353; --hw-ink: #142337; --hw-muted: #5e6670; --hw-line: #deddd8; --hw-paper: #f9f8f4; width:100%; background:var(--hw-paper); color:var(--hw-ink); font-family:Inter,sans-serif }
.ported-site .hw-page *, .ported-site .hw-page *:before, .ported-site .hw-page *:after { box-sizing:border-box }
.ported-site .hw-page img { display:block; max-width:100% }
.ported-site .hw-page h1, .ported-site .hw-page h2, .ported-site .hw-page h3, .ported-site .hw-page p { margin:0 }
.ported-site .hw-page h1, .ported-site .hw-page h2, .ported-site .hw-page h3, .ported-site .hw-page strong, .ported-site .hw-page .hw-button { font-family:Barlow Condensed,Archivo,sans-serif }
.ported-site .hw-page a:focus-visible, .ported-site .hw-page button:focus-visible, .ported-site .hw-page summary:focus-visible { outline:3px solid var(--hw-brass-light); outline-offset:3px }
.ported-site .hw-mobile-only { display:none!important }
.ported-site .hw-button { display:inline-flex; align-items:center; justify-content:center; min-height:46px; background:var(--hw-brass); color:#fff; text-decoration:none; text-transform:uppercase; font-weight:700; letter-spacing:.045em; font-size:14px; padding:0 28px; border:1px solid rgba(255,255,255,.12); border-radius:0 }
.ported-site .hw-button:hover { background:#9f671a }
.ported-site .hw-hero { height:448px; position:relative; overflow:hidden; background:#e4e6e3 }
.ported-site .hw-hero-image { width:100%; height:100%; object-fit:cover; object-position:center }
.ported-site .hw-hero-shade { position:absolute; inset:0; background:linear-gradient(90deg,#f8f9f7fa,#f8f9f7eb 36%,#f8f9f72e 58%,#040f190d) }
.ported-site .hw-hero-content { position:absolute; inset:0; max-width:1376px; margin:0 auto; padding:58px 32px; display:flex; flex-direction:column; align-items:flex-start }
.ported-site .hw-eyebrow { color:var(--hw-brass); font-family:Barlow Condensed,sans-serif; font-size:13px; line-height:1; letter-spacing:.13em; font-weight:700; text-transform:uppercase; margin-bottom:18px!important }
.ported-site .hw-hero h1 { color:var(--hw-navy); font-size:clamp(42px,4.3vw,70px); line-height:.94; letter-spacing:-.035em; text-transform:uppercase; font-weight:800; max-width:720px }
.ported-site .hw-hero-content>p:not(.hw-eyebrow) { max-width:490px; margin-top:25px; font-size:16px; line-height:1.55; color:#243341 }
.ported-site .hw-button { margin-top:27px; min-width:212px }
.ported-site .hw-cluster-nav { position:relative; z-index:5; width:100%; border-bottom:1px solid var(--hw-line); background:#fff }
.ported-site .hw-cluster-nav-desktop { width:calc(100% - 64px); max-width:1376px; min-height:78px; margin:0 auto; display:grid; grid-template-columns:.9fr 1.25fr 1.15fr; align-items:center }
.ported-site .hw-cluster-group { min-width:0; padding:13px 24px; border-right:1px solid #ebe8e1 }
.ported-site .hw-cluster-group:first-child { padding-left:0 }
.ported-site .hw-cluster-group:last-child { padding-right:0; border-right:0 }
.ported-site .hw-cluster-group>strong { display:block; color:var(--hw-brass); font-size:12px; line-height:1; letter-spacing:.08em; text-transform:uppercase }
.ported-site .hw-cluster-group>div { display:flex; flex-wrap:wrap; gap:5px 16px; margin-top:8px }
.ported-site .hw-cluster-group a { color:var(--hw-navy); font:700 14px/1.25 Barlow Condensed,Archivo,sans-serif; letter-spacing:.02em; text-decoration-color:transparent; text-underline-offset:4px; text-transform:uppercase }
.ported-site .hw-cluster-group a:hover { color:var(--hw-brass); text-decoration-color:currentColor }
.ported-site .hw-section { width:calc(100% - 64px); max-width:1376px; margin:0 auto; padding:34px 0; border-bottom:1px solid var(--hw-line) }
.ported-site .hw-section-heading { text-align:center; margin-bottom:22px }
.ported-site .hw-section-heading h2, .ported-site .hw-material-copy>h2, .ported-site .hw-program-card h2 { color:var(--hw-navy); font-size:28px; line-height:1; font-weight:800; letter-spacing:-.012em; text-transform:uppercase }
.ported-site .hw-section-heading p { margin-top:7px; font-size:14px; color:#47505a; line-height:1.35 }
.ported-site .hw-section-links { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:4px 20px; margin-top:9px }
.ported-site .hw-section-links a { min-height:28px; display:inline-flex; align-items:center; color:var(--hw-brass); font:700 12px/1.15 Barlow Condensed,Archivo,sans-serif; letter-spacing:.055em; text-decoration:underline; text-decoration-color:#b87b235c; text-underline-offset:4px; text-transform:uppercase }
.ported-site .hw-section-links a:hover { color:#8c5a16; text-decoration-color:currentColor }
.ported-site .hw-system-section { width:100%; max-width:none; padding:clamp(52px,6vw,96px) clamp(32px,4vw,80px); background:var(--hw-paper) }
.ported-site .hw-system-redesign { width:100%; max-width:1760px; margin:0 auto; display:grid; grid-template-columns:minmax(285px,.29fr) minmax(0,.71fr); align-items:stretch }
.ported-site .hw-system-brief { min-height:540px; padding:clamp(18px,3vw,48px) clamp(28px,3.5vw,64px) 24px 0; border-right:1px solid #dfd8cc; display:flex; flex-direction:column; align-items:flex-start; justify-content:center }
.ported-site .hw-system-eyebrow { margin:0 0 clamp(34px,3vw,54px)!important; padding-bottom:6px; border-bottom:1px solid var(--hw-brass); color:var(--hw-brass); font:700 15px/1 Barlow Condensed,Archivo,sans-serif; letter-spacing:.08em; text-transform:uppercase }
.ported-site .hw-system-brief h2 { max-width:430px; color:var(--hw-navy); font:800 clamp(42px,3.5vw,64px) / .98 "Barlow Condensed","Archivo",sans-serif; letter-spacing:-.025em; text-transform:uppercase }
.ported-site .hw-system-intro { max-width:325px; margin:24px 0 0!important; color:#354352; font-size:17px; line-height:1.55 }
.ported-site .hw-system-primary { min-height:58px; margin-top:36px; padding:0 28px; display:inline-flex; align-items:center; justify-content:center; background:var(--hw-navy); border:1px solid var(--hw-navy); color:var(--hw-paper); font:700 14px/1 Barlow Condensed,Archivo,sans-serif; letter-spacing:.06em; text-align:center; text-decoration:none; text-transform:uppercase }
.ported-site .hw-system-primary:hover { background:transparent; color:var(--hw-navy) }
.ported-site .hw-system-secondary { min-height:44px; margin-top:20px; display:inline-flex; align-items:center; border-bottom:1px solid var(--hw-brass); color:var(--hw-navy); font:700 15px/1 Barlow Condensed,Archivo,sans-serif; letter-spacing:.05em; text-decoration:none; text-transform:uppercase }
.ported-site .hw-system-secondary:hover { color:var(--hw-brass) }
.ported-site .hw-system-note { max-width:310px; margin:50px 0 0!important; color:#52606d; font-size:13px; line-height:1.55 }
.ported-site .hw-system-display { min-width:0; padding:0 0 14px clamp(24px,3vw,58px); display:grid; grid-template-rows:minmax(0,1fr) auto auto; align-content:end }
.ported-site .hw-system-sequence-visual { min-height:340px; display:flex; align-items:flex-end; color:inherit; overflow:hidden; text-decoration:none }
.ported-site .hw-system-sequence-visual img { width:100%; height:auto; max-height:445px; object-fit:contain; object-position:center bottom }
.ported-site .hw-system-sequence-line { height:22px; margin:2px 3.5% 0; border-top:1px solid var(--hw-brass) }
.ported-site .hw-system-sequence-labels { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)) }
.ported-site .hw-system-sequence-label { position:relative; min-width:0; padding:0 7px; color:inherit; text-align:center; text-decoration:none }
.ported-site .hw-system-sequence-label:before { content:""; position:absolute; top:-24px; left:50%; width:1px; height:17px; background:var(--hw-brass) }
.ported-site .hw-system-sequence-label:after { content:""; position:absolute; top:-28px; left:calc(50% - 3px); width:7px; height:7px; background:var(--hw-brass) }
.ported-site .hw-system-sequence-label>span { display:block; color:var(--hw-navy); font:800 clamp(27px,2.3vw,40px) / 1 "Barlow Condensed","Archivo",sans-serif }
.ported-site .hw-system-sequence-label strong { display:block; margin-top:7px; color:var(--hw-navy); font:800 clamp(12px,1.05vw,16px) / 1.05 "Barlow Condensed","Archivo",sans-serif; text-transform:uppercase }
.ported-site .hw-system-sequence-label small { display:block; margin-top:6px; color:#56616c; font-size:clamp(9px,.8vw,12px); line-height:1.25 }
.ported-site .hw-system-sequence-label:hover strong { color:var(--hw-brass) }
.ported-site .hw-system-sequence-label, .ported-site .hw-four-labels>div, .ported-site .hw-six-labels>div, .ported-site .hw-process-grid li, .ported-site .hw-proof-grid article, .ported-site .hw-material-copy { min-width:0 }
.ported-site .hw-four-labels strong, .ported-site .hw-six-labels strong { display:block; color:var(--hw-navy); font-size:15px; line-height:1; text-transform:uppercase; letter-spacing:.01em }
.ported-site .hw-four-labels span, .ported-site .hw-six-labels span { display:block; margin-top:6px; color:#4e5660; font-size:11px; line-height:1.25 }
.ported-site .hw-material-section { display:grid; grid-template-columns:1.04fr .96fr; gap:38px; align-items:center; padding-top:28px; padding-bottom:30px }
.ported-site .hw-material-visual { height:350px; background:#ebe9e4; overflow:hidden }
.ported-site .hw-material-visual img { width:100%; height:100%; object-fit:cover }
.ported-site .hw-material-copy>h2 { margin-bottom:15px }
.ported-site .hw-material-copy>.hw-desktop-only .hw-section-links { justify-content:flex-start; margin:-5px 0 5px }
.ported-site .hw-material-row { display:grid; grid-template-columns:44px 1fr; gap:14px; align-items:center; border-bottom:1px solid var(--hw-line); padding:15px 0 }
.ported-site .hw-material-row:last-child { border-bottom:0 }
.ported-site .hw-material-row>span, .ported-site .hw-proof-number { color:var(--hw-brass); font-family:IBM Plex Mono,monospace; font-size:14px; font-weight:700; letter-spacing:.08em }
.ported-site .hw-material-row strong { display:block; font-size:15px; text-transform:uppercase; color:var(--hw-navy) }
.ported-site .hw-material-row p { margin-top:4px; font-size:12px; color:#5b626a; line-height:1.35 }
.ported-site .hw-image-band { padding-top:27px; padding-bottom:27px }
.ported-site .hw-panorama { width:100%; height:214px; object-fit:cover; background:#c8c7c2 }
.ported-site .hw-four-labels, .ported-site .hw-six-labels { display:grid; gap:12px; margin-top:12px; text-align:center }
.ported-site .hw-four-labels { grid-template-columns:repeat(4,minmax(0,1fr)) }
.ported-site .hw-six-labels { grid-template-columns:repeat(6,minmax(0,1fr)) }
.ported-site .hw-pursuit-grid { align-items:start; gap:clamp(10px,1vw,18px); margin-top:0 }
.ported-site .hw-four-labels>div, .ported-site .hw-six-labels>div { padding:0 5px }
.ported-site .hw-pursuit-grid>div { padding:0 }
.ported-site .hw-label-link { min-height:44px; display:flex; flex-direction:column; justify-content:flex-start; color:inherit; text-decoration:none }
.ported-site .hw-label-link:hover strong { color:var(--hw-brass) }
.ported-site .hw-pursuit-card { overflow:hidden }
.ported-site .hw-pursuit-card img { width:100%; aspect-ratio:1 / 1; margin-bottom:15px; object-fit:contain; object-position:center; background:#ece9e2 }
.ported-site .hw-fit-grid { align-items:start; gap:clamp(12px,1.2vw,20px); margin-top:0 }
.ported-site .hw-fit-grid>div { padding:0 }
.ported-site .hw-fit-grid img { width:100%; aspect-ratio:1 / 1; margin-bottom:15px; object-fit:contain; object-position:center; background:#ece9e2 }
.ported-site .hw-step-labels { margin-top:14px }
.ported-site .hw-step-labels>div { position:relative }
.ported-site .hw-six-panorama { height:188px }
.ported-site .hw-process-section { padding-top:29px; padding-bottom:34px }
.ported-site .hw-process-grid { list-style:none; margin:34px 0 0; padding:0; display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); position:relative }
.ported-site .hw-process-grid:before { content:""; position:absolute; left:6.25%; right:6.25%; top:20px; height:1px; background:#aaa59c }
.ported-site .hw-process-grid li { position:relative; text-align:center; padding:0 11px }
.ported-site .hw-process-grid li>span { position:relative; z-index:1; width:41px; height:41px; margin:0 auto 14px; display:grid; place-items:center; background:var(--hw-brass); color:#fff; border-radius:50%; font-family:Barlow Condensed,sans-serif; font-size:19px; font-weight:700 }
.ported-site .hw-process-grid strong { display:block; color:var(--hw-navy); text-transform:uppercase; font-size:14px }
.ported-site .hw-process-grid p { margin-top:7px; color:#555e68; font-size:11px; line-height:1.45 }
.ported-site .hw-proof-section { width:100%; max-width:none; padding:clamp(52px,5vw,84px) clamp(32px,4.5vw,92px); background:var(--hw-paper) }
.ported-site .hw-proof-redesign { width:100%; max-width:1760px; margin:0 auto }
.ported-site .hw-proof-header { display:flex; align-items:flex-start; justify-content:space-between; gap:48px }
.ported-site .hw-proof-header>div { max-width:890px }
.ported-site .hw-proof-eyebrow { color:var(--hw-brass); font:700 15px/1 Barlow Condensed,Archivo,sans-serif; letter-spacing:.14em; text-transform:uppercase }
.ported-site .hw-proof-header h2 { margin-top:19px; color:var(--hw-navy); font:800 clamp(44px,4.2vw,70px) / .94 "Barlow Condensed","Archivo",sans-serif; letter-spacing:-.025em; text-transform:uppercase }
.ported-site .hw-proof-header-rule { width:48px; height:1px; margin-top:20px; display:block; background:var(--hw-brass) }
.ported-site .hw-proof-intro { margin-top:18px!important; color:#52606d; font-size:15px; line-height:1.5 }
.ported-site .hw-proof-cta { min-width:365px; min-height:68px; margin-top:23px; padding:0 24px 0 30px; display:inline-flex; align-items:center; justify-content:space-between; gap:26px; background:var(--hw-navy); color:#fff; font:700 15px/1 Barlow Condensed,Archivo,sans-serif; letter-spacing:.055em; text-decoration:none; text-transform:uppercase }
.ported-site .hw-proof-cta img { width:30px; height:30px; flex:0 0 auto; object-fit:cover }
.ported-site .hw-proof-cta:hover span { color:var(--hw-brass-light) }
.ported-site .hw-proof-pathway { position:relative; min-height:360px; margin-top:clamp(42px,5vw,74px); display:grid; grid-template-columns:repeat(6,minmax(0,1fr)) }
.ported-site .hw-proof-pathway-line { position:absolute; top:calc(50% - .5px); right:0; left:0; height:1px; background:var(--hw-brass) }
.ported-site .hw-proof-pathway article { position:relative; min-width:0; display:grid; grid-template-rows:minmax(0,1fr) 32px minmax(0,1fr) }
.ported-site .hw-proof-copy { min-width:0; padding:0 clamp(9px,1vw,18px); display:grid; grid-template-columns:auto minmax(0,1fr); gap:clamp(10px,.9vw,16px); align-items:start; text-align:left }
.ported-site .hw-proof-top .hw-proof-copy { grid-row:1; align-self:end; padding-bottom:27px }
.ported-site .hw-proof-bottom .hw-proof-copy { grid-row:3; align-self:start; padding-top:27px }
.ported-site .hw-proof-number { padding-right:clamp(9px,.8vw,14px); border-right:1px solid #a9a49b; color:var(--hw-navy); font:800 clamp(40px,3.3vw,60px) / .9 "Barlow Condensed","Archivo",sans-serif }
.ported-site .hw-proof-copy h3 { color:var(--hw-brass); font-size:clamp(12px,.95vw,15px); line-height:1.1; letter-spacing:.035em; text-transform:uppercase }
.ported-site .hw-proof-copy p { margin-top:8px; color:#465462; font-size:clamp(9px,.75vw,12px); line-height:1.4 }
.ported-site .hw-proof-copy strong { display:block; margin-top:12px; color:var(--hw-brass); font-size:clamp(8px,.67vw,10px); letter-spacing:.065em; text-transform:uppercase }
.ported-site .hw-proof-marker { position:relative; z-index:1; grid-row:2; align-self:center; justify-self:center; width:32px; height:32px; object-fit:cover }
.ported-site .hw-program-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; padding-top:22px; padding-bottom:24px }
.ported-site .hw-program-card { min-height:304px; position:relative; overflow:hidden; background:var(--hw-navy); color:#fff; text-decoration:none }
.ported-site .hw-program-card>img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover }
.ported-site .hw-program-overlay { position:absolute; inset:0; background:linear-gradient(90deg,#041525fa,#041525db 46%,#0415252e) }
.ported-site .hw-program-card>div:last-child { position:relative; z-index:1; padding:31px 32px; max-width:74% }
.ported-site .hw-program-card>div:last-child>p { color:var(--hw-brass-light); text-transform:uppercase; font-size:11px; letter-spacing:.12em; font-weight:700 }
.ported-site .hw-program-card h2 { color:#fff; margin-top:7px; font-size:26px }
.ported-site .hw-program-card span { display:block; margin-top:7px; color:#ffffffc7; font-size:13px }
.ported-site .hw-program-card ul { margin:17px 0 0; padding-left:17px }
.ported-site .hw-program-card li { margin:7px 0; color:#ffffffe0; font-size:12px; line-height:1.35 }
.ported-site .hw-program-link { width:fit-content; min-height:38px; margin-top:17px!important; padding:0 14px; display:inline-flex!important; align-items:center; border:1px solid rgba(210,163,83,.7); color:#fff!important; font:700 11px/1 Barlow Condensed,sans-serif!important; letter-spacing:.07em; text-transform:uppercase }
.ported-site .hw-program-card:hover .hw-program-link { border-color:var(--hw-brass-light); background:#b87b233d }
.ported-site .hw-faq-section { border-bottom:0; padding-top:10px; padding-bottom:24px }
.ported-site .hw-faq-section .hw-section-heading { margin-bottom:18px }
.ported-site .hw-faq-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px 24px }
.ported-site .hw-faq-grid article { background:#fff; border:1px solid #dedbd4 }
.ported-site .hw-faq-grid button { width:100%; min-height:43px; padding:10px 14px; border:0; background:transparent; color:var(--hw-navy); display:flex; align-items:center; justify-content:space-between; gap:16px; text-align:left; cursor:pointer; font:600 13px/1.25 Inter,sans-serif }
.ported-site .hw-faq-grid button small { color:var(--hw-brass); font-family:Barlow Condensed,sans-serif; font-size:11px; text-transform:uppercase; letter-spacing:.05em; white-space:nowrap }
.ported-site .hw-faq-grid article>p { padding:0 14px 13px; color:#555e68; font-size:12px; line-height:1.5 }
.ported-site .hw-faq-grid article>p a, .ported-site .hw-faq-resources { color:var(--hw-brass); font-weight:700; text-underline-offset:3px }
.ported-site .hw-faq-resources { min-height:44px; margin:14px auto 0; display:flex; align-items:center; justify-content:center; width:fit-content; font:700 12px/1.1 Barlow Condensed,sans-serif; letter-spacing:.06em; text-transform:uppercase }
@media (max-width: 1120px) {
.ported-site .hw-proof-grid { grid-template-columns:repeat(3,1fr) }
.ported-site .hw-process-grid { grid-template-columns:repeat(4,1fr); gap:25px 0 }
.ported-site .hw-process-grid:before { display:none }
}
@media (max-width: 860px) {
.ported-site .hw-hero { height:530px }
.ported-site .hw-hero-image { object-position:63% center }
.ported-site .hw-hero-shade { background:linear-gradient(90deg,#f8f9f7f7,#f8f9f7db 62%,#f8f9f733) }
.ported-site .hw-hero-content { padding:58px 24px }
.ported-site .hw-hero h1 { font-size:50px; max-width:580px }
.ported-site .hw-section { width:calc(100% - 40px) }
.ported-site .hw-system-section { padding-inline:24px }
.ported-site .hw-system-redesign { grid-template-columns:minmax(240px,.34fr) minmax(0,.66fr) }
.ported-site .hw-system-brief { min-height:470px; padding-right:26px }
.ported-site .hw-system-brief h2 { font-size:42px }
.ported-site .hw-system-intro { font-size:15px }
.ported-site .hw-system-display { padding-left:20px }
.ported-site .hw-system-sequence-visual { min-height:280px }
.ported-site .hw-material-section { grid-template-columns:1fr; gap:25px }
.ported-site .hw-material-visual { height:330px }
.ported-site .hw-panorama { height:190px }
.ported-site .hw-six-panorama { height:165px }
.ported-site .hw-program-card>div:last-child { max-width:88% }
}
@media (max-width: 620px) {
.ported-site .hw-mobile-only { display:block!important }
.ported-site .hw-desktop-only { display:none!important }
.ported-site .hw-page { overflow:clip }
.ported-site .hw-content { width:100% }
.ported-site .hw-cluster-nav { background:#fff }
.ported-site .hw-cluster-nav-mobile>summary { min-height:56px; padding:10px 16px; display:flex; align-items:center; justify-content:space-between; gap:16px; color:var(--hw-navy); cursor:pointer; list-style:none }
.ported-site .hw-cluster-nav-mobile>summary::-webkit-details-marker { display:none }
.ported-site .hw-cluster-nav-mobile>summary>strong { font-size:18px; line-height:1; letter-spacing:.02em; text-transform:uppercase }
.ported-site .hw-cluster-nav-mobile>summary small { color:var(--hw-brass); font:700 10px/1.2 Barlow Condensed,sans-serif; letter-spacing:.04em; text-align:right; text-transform:uppercase }
.ported-site .hw-cluster-close-label, .ported-site .hw-cluster-nav-mobile[open] .hw-cluster-open-label { display:none }
.ported-site .hw-cluster-nav-mobile[open] .hw-cluster-close-label { display:inline }
.ported-site .hw-cluster-nav-panel { padding:0 16px 14px; border-top:1px solid #ebe8e1 }
.ported-site .hw-cluster-nav-panel .hw-cluster-group { padding:14px 0; border-right:0; border-bottom:1px solid #ebe8e1 }
.ported-site .hw-cluster-nav-panel .hw-cluster-group:last-child { border-bottom:0 }
.ported-site .hw-cluster-nav-panel .hw-cluster-group>div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; margin-top:8px }
.ported-site .hw-cluster-nav-panel .hw-cluster-group a { min-height:44px; padding:10px 11px; display:flex; align-items:center; border:1px solid #dedbd4; background:#fbfaf7; font-size:14px; text-decoration:none }
.ported-site .hw-section { width:100%; padding:34px 16px; border-bottom-color:#e4e1da; scroll-margin-top:94px }
.ported-site .hw-system-section { width:100%; padding:40px 16px }
.ported-site .hw-section-heading { margin-bottom:20px }
.ported-site .hw-section-heading h2, .ported-site .hw-material-copy>h2, .ported-site .hw-mobile-heading h2 { font-size:27px; line-height:.98 }
.ported-site .hw-section-heading p, .ported-site .hw-mobile-heading p { max-width:330px; margin:8px auto 0; color:#535d68; font-size:13px; line-height:1.45 }
.ported-site .hw-section-links { gap:2px 12px; margin-top:9px }
.ported-site .hw-section-links a { min-height:44px; font-size:11px }
.ported-site .hw-hero { height:425px }
.ported-site .hw-hero-image { object-position:70% center }
.ported-site .hw-hero-shade { background:linear-gradient(90deg,#03121feb,#03121fc7 57%,#03121f2e) }
.ported-site .hw-hero-content { justify-content:center; padding:46px 20px 30px }
.ported-site .hw-eyebrow { margin-bottom:13px!important; color:#d4a34a; font-size:11px; letter-spacing:.11em }
.ported-site .hw-hero h1 { max-width:340px; color:#fff; font-size:39px; line-height:.95; letter-spacing:-.025em }
.ported-site .hw-hero-content>p:not(.hw-eyebrow) { max-width:310px; margin-top:17px; color:#ffffffe6; font-size:13px; line-height:1.5 }
.ported-site .hw-button { min-width:168px; min-height:46px; margin-top:20px; padding:0 19px; font-size:13px }
.ported-site .hw-mobile-mission { padding:30px 16px 34px; border-bottom:1px solid #e4e1da; background:#fbfaf7 }
.ported-site .hw-mobile-heading { text-align:center }
.ported-site .hw-mission-links { display:grid; gap:8px; margin-top:22px }
.ported-site .hw-mission-links a { min-height:62px; display:grid; grid-template-columns:38px minmax(0,1fr) auto; align-items:center; gap:12px; padding:10px 12px; border:1px solid #d8d4cc; background:#fff; color:var(--hw-ink); text-decoration:none }
.ported-site .hw-mission-links img { width:34px; height:34px; object-fit:cover }
.ported-site .hw-mission-links strong { display:block; color:var(--hw-navy); font-size:18px; line-height:1; text-transform:uppercase }
.ported-site .hw-mission-links small { display:block; margin-top:4px; color:#5a636d; font-size:11px }
.ported-site .hw-mission-links em { color:var(--hw-brass); font:700 11px/1 Barlow Condensed,sans-serif; letter-spacing:.06em; text-transform:uppercase }
.ported-site .hw-mission-links a:hover { border-color:var(--hw-brass) }
.ported-site .hw-system-section { padding-bottom:27px }
.ported-site .hw-mobile-carousel.hw-mobile-only { display:flex!important; gap:12px; overflow-x:auto; overscroll-behavior-inline:contain; scroll-snap-type:x mandatory; scrollbar-width:none; padding:2px 18px 7px 0 }
.ported-site .hw-mobile-carousel::-webkit-scrollbar { display:none }
.ported-site .hw-mobile-system-card, .ported-site .hw-mobile-pursuit-card { position:relative; flex:0 0 calc(100% - 36px); overflow:hidden; scroll-snap-align:start; background:#fff; border:1px solid #dedbd4; color:inherit; text-decoration:none }
.ported-site .hw-mobile-system-card:hover strong, .ported-site .hw-mobile-pursuit-card:hover strong { color:var(--hw-brass) }
.ported-site .hw-mobile-system-card:hover, .ported-site .hw-mobile-pursuit-card:hover { border-color:var(--hw-brass) }
.ported-site .hw-mobile-system-card>img { width:100%; height:282px; object-fit:contain; background:#f5f3ee }
.ported-site .hw-mobile-system-card>div, .ported-site .hw-mobile-pursuit-card>div { padding:15px 16px 17px }
.ported-site .hw-mobile-system-card strong, .ported-site .hw-mobile-pursuit-card strong { display:block; color:var(--hw-navy); font-size:22px; line-height:1; text-transform:uppercase }
.ported-site .hw-mobile-system-card p, .ported-site .hw-mobile-pursuit-card p { margin-top:6px; color:#525c66; font-size:12px }
.ported-site .hw-mobile-count { position:absolute; top:11px; right:11px; z-index:2; padding:5px 8px; background:#051a2deb; color:#fff; font:700 11px/1 IBM Plex Mono,monospace }
.ported-site .hw-swipe-hint { margin-top:11px!important; text-align:center; color:#737a82; font-size:11px; letter-spacing:.03em }
.ported-site .hw-material-section { display:block; padding-top:33px }
.ported-site .hw-mobile-material-heading { margin-bottom:20px }
.ported-site .hw-material-visual { height:246px; border:1px solid #e1ded8 }
.ported-site .hw-material-visual img { width:100%; height:100%; object-fit:cover }
.ported-site .hw-material-copy { margin-top:12px }
.ported-site .hw-material-row { min-height:67px; grid-template-columns:34px 1fr; gap:11px; padding:13px 10px; border:1px solid #e2dfd8; border-bottom:0; background:#fff }
.ported-site .hw-material-row:last-child { border-bottom:1px solid #e2dfd8 }
.ported-site .hw-material-row strong { font-size:16px }
.ported-site .hw-material-row p { font-size:11px; line-height:1.35 }
.ported-site .hw-image-band { padding-top:33px; padding-bottom:33px }
.ported-site .hw-mobile-visual-grid.hw-mobile-only { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px }
.ported-site .hw-mobile-visual-grid article { overflow:hidden; background:#fff; border:1px solid #dedbd4 }
.ported-site .hw-mobile-visual-grid img { width:100%; aspect-ratio:1.22 / 1; object-fit:cover }
.ported-site .hw-mobile-visual-grid strong { display:block; padding:10px 9px 0; color:var(--hw-navy); font-size:15px; line-height:1.02; text-transform:uppercase }
.ported-site .hw-mobile-visual-grid p { padding:5px 9px 11px; color:#58616a; font-size:10px; line-height:1.35 }
.ported-site .hw-mobile-timeline { position:relative; padding-left:27px }
.ported-site .hw-mobile-timeline:before { content:""; position:absolute; left:12px; top:22px; bottom:22px; width:1px; background:#c79a4b }
.ported-site .hw-mobile-timeline article { position:relative; margin-bottom:13px }
.ported-site .hw-mobile-timeline article:last-child { margin-bottom:0 }
.ported-site .hw-mobile-timeline article>span { position:absolute; left:-27px; top:15px; z-index:1; width:25px; height:25px; display:grid; place-items:center; border-radius:50%; background:var(--hw-brass); color:#fff; font:700 13px/1 Barlow Condensed,sans-serif }
.ported-site .hw-mobile-timeline article>div { overflow:hidden; border:1px solid #dedbd4; background:#fff }
.ported-site .hw-mobile-timeline img { width:100%; height:143px; object-fit:cover }
.ported-site .hw-mobile-timeline strong { display:block; padding:11px 12px 0; color:var(--hw-navy); font-size:18px; line-height:1; text-transform:uppercase }
.ported-site .hw-mobile-timeline p { padding:5px 12px 13px; color:#58616a; font-size:11px; line-height:1.4 }
.ported-site .hw-mobile-pursuit-card>img { width:100%; height:246px; object-fit:cover }
.ported-site .hw-mobile-fit-grid img { aspect-ratio:1.12 / 1 }
.ported-site .hw-process-section { padding-top:34px; padding-bottom:35px }
.ported-site .hw-process-grid { display:grid; grid-template-columns:1fr; gap:8px; margin-top:22px }
.ported-site .hw-process-grid:before { display:none }
.ported-site .hw-process-grid li { min-height:65px; display:grid; grid-template-columns:38px minmax(0,1fr); grid-template-rows:auto auto; align-items:center; column-gap:11px; padding:10px 12px; border:1px solid #e0ddd6; background:#fff; text-align:left }
.ported-site .hw-process-grid li>span { grid-row:1 / 3; width:34px; height:34px; margin:0; font-size:16px }
.ported-site .hw-process-grid strong { font-size:16px }
.ported-site .hw-process-grid p { margin-top:2px; font-size:10px; line-height:1.35 }
.ported-site .hw-proof-grid { display:none }
.ported-site .hw-mobile-proof-list details { border:1px solid #dedbd4; border-bottom:0; background:#fff }
.ported-site .hw-mobile-proof-list details:last-child { border-bottom:1px solid #dedbd4 }
.ported-site .hw-mobile-proof-list summary { min-height:67px; display:grid; grid-template-columns:36px minmax(0,1fr) auto; align-items:center; gap:10px; padding:9px 11px; list-style:none; cursor:pointer }
.ported-site .hw-mobile-proof-list summary::-webkit-details-marker { display:none }
.ported-site .hw-mobile-proof-list summary img { width:28px; height:28px; object-fit:cover }
.ported-site .hw-mobile-proof-list summary strong { display:block; color:var(--hw-navy); font-size:17px; line-height:1; text-transform:uppercase }
.ported-site .hw-mobile-proof-list summary small { display:block; margin-top:4px; color:#777e85; font-size:9px; letter-spacing:.04em; text-transform:uppercase }
.ported-site .hw-mobile-proof-list summary em { color:var(--hw-brass); font:700 10px/1 Barlow Condensed,sans-serif; letter-spacing:.05em; text-transform:uppercase }
.ported-site .hw-mobile-proof-list details>p { padding:0 58px 13px; color:#56606a; font-size:11px; line-height:1.45 }
.ported-site .hw-program-grid { grid-template-columns:1fr; gap:11px; padding:14px 16px 32px }
.ported-site .hw-program-card { min-height:300px }
.ported-site .hw-program-card>div:last-child { max-width:94%; padding:24px 20px }
.ported-site .hw-program-card h2 { font-size:26px }
.ported-site .hw-program-card li { font-size:11px }
.ported-site .hw-program-link { min-height:44px }
.ported-site .hw-faq-section { padding:31px 16px 35px }
.ported-site .hw-faq-grid { grid-template-columns:1fr; gap:7px }
.ported-site .hw-faq-grid button { min-height:52px; padding:12px; font-size:12px }
.ported-site .hw-faq-grid button small { font-size:10px }
.ported-site .hw-faq-grid article>p { padding:0 12px 14px; font-size:11px }
}
@media (prefers-reduced-motion: reduce) {
.ported-site .hw-page * { scroll-behavior:auto!important }
}
.ported-site .hc-page { --hc-navy: #061b30; --hc-navy-soft: #0b2942; --hc-brass: #c79643; --hc-brass-dark: #805114; --hc-ink: #142337; --hc-muted: #56616b; --hc-line: #dcd8cf; --hc-paper: #f9f8f4; --hc-paper-dark: #f0eee7; width:100%; overflow-x:clip; background:var(--hc-paper); color:var(--hc-ink); font-family:Inter,sans-serif }
.ported-site .hc-page *, .ported-site .hc-page *:before, .ported-site .hc-page *:after { box-sizing:border-box }
.ported-site .hc-page img { display:block; max-width:100% }
.ported-site .hc-page h1, .ported-site .hc-page h2, .ported-site .hc-page h3, .ported-site .hc-page p, .ported-site .hc-page figure, .ported-site .hc-page ol, .ported-site .hc-page ul { margin:0 }
.ported-site .hc-page h1, .ported-site .hc-page h2, .ported-site .hc-page h3, .ported-site .hc-page strong, .ported-site .hc-page .hc-button, .ported-site .hc-page .hc-eyebrow { font-family:Barlow Condensed,Archivo,sans-serif }
.ported-site .hc-page a, .ported-site .hc-page button { -webkit-tap-highlight-color:transparent }
.ported-site .hc-page a:focus-visible, .ported-site .hc-page button:focus-visible, .ported-site .hc-page summary:focus-visible { outline:3px solid var(--hc-brass); outline-offset:3px }
.ported-site .hc-shell { width:min(100% - 64px,1376px); margin-inline:auto }
.ported-site .hc-eyebrow { color:var(--hc-brass-dark); font-size:13px; font-weight:700; letter-spacing:.12em; line-height:1.1; text-transform:uppercase }
.ported-site .hc-breadcrumb { border-bottom:1px solid var(--hc-line); background:#fff }
.ported-site .hc-breadcrumb ol { min-height:52px; padding:0; list-style:none; display:flex; align-items:center; flex-wrap:wrap; gap:8px; color:var(--hc-muted); font-size:12px }
.ported-site .hc-breadcrumb li { display:flex; align-items:center; gap:8px }
.ported-site .hc-breadcrumb__separator { color:#969087 }
.ported-site .hc-breadcrumb a { min-height:44px; display:inline-flex; align-items:center; color:var(--hc-navy); font-weight:700; text-decoration:none }
.ported-site .hc-breadcrumb a:hover { color:var(--hc-brass-dark); text-decoration:underline; text-underline-offset:4px }
.ported-site .hc-breadcrumb [aria-current=page] { color:var(--hc-muted) }
.ported-site .hc-hero { position:relative; min-height:520px; overflow:hidden; isolation:isolate; background:var(--hc-navy) }
.ported-site .hc-hero__media { position:absolute; inset:0; z-index:-1 }
.ported-site .hc-hero__media img { width:100%; height:100%; object-fit:cover; object-position:center }
.ported-site .hc-hero__shell { min-height:520px; display:flex; align-items:center }
.ported-site .hc-hero__copy { width:min(620px,58%); padding:48px; background:#061b30ed; color:#fff }
.ported-site .hc-hero__copy .hc-eyebrow, .ported-site .hc-final-cta .hc-eyebrow { color:#e0b768 }
.ported-site .hc-hero h1 { max-width:560px; margin-top:16px; font-size:clamp(44px,4.5vw,72px); font-weight:800; letter-spacing:-.035em; line-height:.93; text-transform:uppercase }
.ported-site .hc-hero__description { max-width:540px; margin-top:22px!important; color:#ffffffe6; font-size:16px; line-height:1.58 }
.ported-site .hc-hero__visual-note { max-width:500px; margin-top:18px!important; color:#ffffffa6; font-size:10px; letter-spacing:.035em; line-height:1.4; text-transform:uppercase }
.ported-site .hc-actions { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-top:28px }
.ported-site .hc-button { min-height:48px; display:inline-flex; align-items:center; justify-content:center; padding:0 24px; border:1px solid transparent; border-radius:0; font-size:14px; font-weight:800; letter-spacing:.05em; line-height:1; text-align:center; text-decoration:none; text-transform:uppercase }
.ported-site .hc-button--primary { border-color:var(--hc-brass); background:var(--hc-brass); color:var(--hc-navy) }
.ported-site .hc-button--primary:hover { border-color:#e0b768; background:#e0b768 }
.ported-site .hc-button--secondary-on-dark { border-color:#ffffffb3; background:#061b3059; color:#fff }
.ported-site .hc-button--secondary-on-dark:hover { border-color:#fff; background:var(--hc-navy) }
.ported-site .hc-cluster { border-bottom:1px solid var(--hc-line); background:#fff }
.ported-site .hc-cluster>.hc-shell { padding-block:27px 30px }
.ported-site .hc-cluster__heading { display:flex; align-items:baseline; justify-content:space-between; gap:24px; margin-bottom:18px }
.ported-site .hc-cluster__heading h2 { color:var(--hc-navy); font-size:25px; font-weight:800; letter-spacing:-.01em; line-height:1; text-transform:uppercase }
.ported-site .hc-cluster__groups { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px }
.ported-site .hc-cluster__group { min-width:0; padding:17px; border:1px solid var(--hc-line); background:var(--hc-paper) }
.ported-site .hc-cluster__group h3 { color:var(--hc-brass-dark); font-size:14px; font-weight:800; letter-spacing:.07em; line-height:1; text-transform:uppercase }
.ported-site .hc-cluster__group>div { display:flex; flex-wrap:wrap; gap:6px; margin-top:12px }
.ported-site .hc-cluster__group a { min-height:44px; display:inline-flex; align-items:center; padding:7px 11px; border:1px solid #d9d5cc; background:#fff; color:var(--hc-navy); font-size:12px; font-weight:700; line-height:1.2; text-decoration:none }
.ported-site .hc-cluster__group a:hover, .ported-site .hc-cluster__group a.is-current { border-color:var(--hc-navy); background:var(--hc-navy); color:#fff }
.ported-site .hc-section { scroll-margin-top:96px; border-bottom:1px solid var(--hc-line) }
.ported-site .hc-section--quiet { background:var(--hc-paper-dark) }
.ported-site .hc-section>.hc-shell { padding-block:68px }
.ported-site .hc-section-heading { max-width:810px; margin:0 auto 30px; text-align:center }
.ported-site .hc-section-heading h2 { margin-top:9px; color:var(--hc-navy); font-size:clamp(32px,3vw,46px); font-weight:800; letter-spacing:-.02em; line-height:.98; text-transform:uppercase }
.ported-site .hc-section-heading__intro { max-width:680px; margin:12px auto 0!important; color:var(--hc-muted); font-size:15px; line-height:1.55 }
.ported-site .hc-section__feature { max-width:1080px; margin-inline:auto }
.ported-site .hc-section__feature--split { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr); align-items:center; gap:34px }
.ported-site .hc-section__figure { overflow:hidden; border:1px solid var(--hc-line); background:#dfddd6 }
.ported-site .hc-section__figure img { width:100%; aspect-ratio:16 / 10; object-fit:cover }
.ported-site .hc-section__figure figcaption { padding:9px 12px; border-top:1px solid var(--hc-line); background:#fff; color:#6a716f; font-size:10px; letter-spacing:.035em; line-height:1.35; text-transform:uppercase }
.ported-site .hc-section__prose { display:grid; gap:16px; color:#3e4953; font-size:15px; line-height:1.72 }
.ported-site .hc-card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:30px }
.ported-site .hc-card { min-width:0; overflow:hidden; border:1px solid var(--hc-line); background:#fff }
.ported-site .hc-card__link { height:100%; display:flex; flex-direction:column; color:inherit; text-decoration:none }
.ported-site .hc-card__media { overflow:hidden; border-bottom:1px solid var(--hc-line); background:#dfddd6 }
.ported-site .hc-card__media img { width:100%; aspect-ratio:3 / 2; object-fit:cover; transition:transform .3s ease }
.ported-site .hc-card--linked:hover .hc-card__media img { transform:scale(1.025) }
.ported-site .hc-card__copy { min-height:190px; display:flex; flex:1; flex-direction:column; padding:20px; border-top:3px solid transparent }
.ported-site .hc-card--no-image .hc-card__copy { border-top-color:var(--hc-brass) }
.ported-site .hc-card__eyebrow { color:var(--hc-brass-dark); font-size:10px; font-weight:800; letter-spacing:.09em; line-height:1; text-transform:uppercase }
.ported-site .hc-card h3 { margin-top:7px; color:var(--hc-navy); font-size:23px; font-weight:800; letter-spacing:-.01em; line-height:1; text-transform:uppercase }
.ported-site .hc-card h3:first-child { margin-top:0 }
.ported-site .hc-card__copy>p:not(.hc-card__eyebrow):not(.hc-card__detail) { margin-top:11px; color:var(--hc-muted); font-size:13px; line-height:1.52 }
.ported-site .hc-card__detail { margin-top:13px!important; padding-top:12px; border-top:1px solid var(--hc-line); color:#394754; font-size:11px; line-height:1.45 }
.ported-site .hc-card__action { min-height:44px; display:flex; align-items:flex-end; margin-top:auto; padding-top:16px; color:var(--hc-brass-dark); font-family:Barlow Condensed,sans-serif; font-size:13px; font-weight:800; letter-spacing:.06em; text-transform:uppercase }
.ported-site .hc-card--linked:hover { border-color:#9f9584 }
.ported-site .hc-stepper { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-top:30px!important; padding:0; list-style:none }
.ported-site .hc-stepper>li { min-width:0; min-height:220px; padding:20px; border:1px solid var(--hc-line); background:#fff }
.ported-site .hc-stepper__number { width:42px; height:42px; display:grid; place-items:center; border-radius:50%; background:var(--hc-brass); color:var(--hc-navy); font:800 15px/1 IBM Plex Mono,monospace }
.ported-site .hc-stepper h3 { margin-top:18px; color:var(--hc-navy); font-size:21px; font-weight:800; line-height:1; text-transform:uppercase }
.ported-site .hc-stepper li>div>p:not(.hc-stepper__deliverable) { margin-top:10px; color:var(--hc-muted); font-size:12px; line-height:1.48 }
.ported-site .hc-stepper__deliverable { margin-top:16px!important; padding-top:13px; border-top:1px solid var(--hc-line) }
.ported-site .hc-stepper__deliverable strong, .ported-site .hc-stepper__deliverable span { display:block }
.ported-site .hc-stepper__deliverable strong { color:var(--hc-brass-dark); font-size:11px; letter-spacing:.05em; text-transform:uppercase }
.ported-site .hc-stepper__deliverable span { margin-top:5px; color:#47535e; font-size:11px; line-height:1.4 }
.ported-site .hc-checklist { max-width:980px; margin:30px auto 0; padding:26px; border:1px solid var(--hc-line); background:#fff }
.ported-site .hc-checklist>h3 { color:var(--hc-navy); font-size:24px; font-weight:800; line-height:1; text-transform:uppercase }
.ported-site .hc-checklist ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 22px; margin-top:16px!important; padding:0; list-style:none }
.ported-site .hc-checklist li { min-height:58px; display:grid; grid-template-columns:34px minmax(0,1fr); align-items:center; gap:11px; padding:9px 0; border-top:1px solid var(--hc-line) }
.ported-site .hc-checklist li>span { color:var(--hc-brass-dark); font:800 12px/1 IBM Plex Mono,monospace }
.ported-site .hc-checklist li>p { color:#46535e; font-size:12px; line-height:1.42 }
.ported-site .hc-callout { max-width:1080px; margin:30px auto 0; padding:28px 30px; border-left:5px solid var(--hc-brass); background:var(--hc-navy); color:#fff }
.ported-site .hc-callout .hc-eyebrow { color:#e0b768 }
.ported-site .hc-callout h3 { margin-top:8px; font-size:26px; font-weight:800; line-height:1; text-transform:uppercase }
.ported-site .hc-callout>p:last-child { max-width:820px; margin-top:10px; color:#ffffffd4; font-size:13px; line-height:1.55 }
.ported-site .hc-faq { border-bottom:1px solid var(--hc-line); background:var(--hc-paper) }
.ported-site .hc-faq>.hc-shell { padding-block:68px }
.ported-site .hc-faq__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 14px }
.ported-site .hc-faq__grid article { align-self:start; border:1px solid var(--hc-line); background:#fff }
.ported-site .hc-faq__grid h3 { margin:0 }
.ported-site .hc-faq__grid button { width:100%; min-height:58px; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:13px 16px; border:0; border-radius:0; background:transparent; color:var(--hc-navy); cursor:pointer; text-align:left }
.ported-site .hc-faq__grid button span { font:700 15px/1.25 Inter,sans-serif }
.ported-site .hc-faq__grid button small { flex:0 0 auto; color:var(--hc-brass-dark); font:800 11px/1 Barlow Condensed,sans-serif; letter-spacing:.05em; text-transform:uppercase }
.ported-site .hc-faq__answer { padding:0 16px 17px }
.ported-site .hc-faq__answer p { max-width:700px; color:var(--hc-muted); font-size:13px; line-height:1.58 }
.ported-site .hc-related { background:#fff }
.ported-site .hc-related>.hc-shell { padding-block:60px }
.ported-site .hc-related__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px }
.ported-site .hc-related__grid a { min-height:132px; display:flex; flex-direction:column; justify-content:center; padding:19px; border:1px solid var(--hc-line); background:var(--hc-paper); color:var(--hc-navy); text-decoration:none }
.ported-site .hc-related__grid a>span { color:var(--hc-brass-dark); font:800 11px/1 IBM Plex Mono,monospace }
.ported-site .hc-related__grid a>strong { margin-top:12px; font-size:20px; font-weight:800; line-height:1; text-transform:uppercase }
.ported-site .hc-related__grid a>small { margin-top:10px; color:var(--hc-muted); font-size:10px; letter-spacing:.05em; text-transform:uppercase }
.ported-site .hc-related__grid a:hover { border-color:var(--hc-navy); background:var(--hc-navy); color:#fff }
.ported-site .hc-related__grid a:hover>span, .ported-site .hc-related__grid a:hover>small { color:#e0b768 }
.ported-site .hc-final-cta { background:var(--hc-navy); color:#fff }
.ported-site .hc-final-cta__inner { min-height:270px; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:60px; padding-block:48px }
.ported-site .hc-final-cta h2 { margin-top:9px; font-size:clamp(34px,3.2vw,48px); font-weight:800; letter-spacing:-.02em; line-height:.95; text-transform:uppercase }
.ported-site .hc-final-cta__inner>div:first-child>p:last-child { max-width:650px; margin-top:14px; color:#fffc; font-size:14px; line-height:1.56 }
.ported-site .hc-final-cta .hc-actions { justify-content:flex-end; margin-top:0 }
@media (max-width: 1120px) {
.ported-site .hc-hero__copy { width:min(620px,68%) }
.ported-site .hc-card-grid, .ported-site .hc-stepper, .ported-site .hc-related__grid { grid-template-columns:repeat(2,minmax(0,1fr)) }
}
@media (max-width: 860px) {
.ported-site .hc-shell { width:min(100% - 40px,1376px) }
.ported-site .hc-hero__copy { width:min(610px,78%); padding:40px }
.ported-site .hc-cluster__heading { display:block }
.ported-site .hc-cluster__heading h2 { margin-top:7px }
.ported-site .hc-cluster__groups { display:flex; overflow-x:auto; overscroll-behavior-inline:contain; scroll-snap-type:x proximity; scrollbar-width:thin; padding-bottom:8px }
.ported-site .hc-cluster__group { flex:0 0 min(470px,82vw); scroll-snap-align:start }
.ported-site .hc-section__feature--split, .ported-site .hc-faq__grid { grid-template-columns:1fr }
.ported-site .hc-final-cta__inner { grid-template-columns:1fr; gap:28px }
.ported-site .hc-final-cta .hc-actions { justify-content:flex-start }
}
@media (max-width: 620px) {
.ported-site .hc-shell { width:calc(100% - 32px) }
.ported-site .hc-breadcrumb ol { min-height:48px; gap:6px; font-size:11px }
.ported-site .hc-breadcrumb li { gap:6px }
.ported-site .hc-hero, .ported-site .hc-hero__shell { min-height:500px }
.ported-site .hc-hero__media img { object-position:62% center }
.ported-site .hc-hero__shell { width:100%; align-items:stretch }
.ported-site .hc-hero__copy { width:100%; min-height:500px; display:flex; flex-direction:column; justify-content:flex-end; padding:44px 18px 28px; background:#061b30c7 }
.ported-site .hc-hero h1 { max-width:360px; margin-top:12px; font-size:clamp(38px,12vw,48px); line-height:.94 }
.ported-site .hc-hero__description { max-width:350px; margin-top:17px!important; font-size:13px; line-height:1.5 }
.ported-site .hc-hero__visual-note { margin-top:14px!important; font-size:9px }
.ported-site .hc-actions { align-items:stretch; flex-direction:column; margin-top:20px }
.ported-site .hc-button { width:100%; min-height:48px }
.ported-site .hc-cluster>.hc-shell { width:100%; padding:27px 0 25px }
.ported-site .hc-cluster__heading { padding-inline:16px }
.ported-site .hc-cluster__heading h2 { font-size:24px }
.ported-site .hc-cluster__groups { gap:10px; margin-top:17px; padding:0 16px 9px }
.ported-site .hc-cluster__group { flex-basis:calc(100vw - 52px); padding:15px }
.ported-site .hc-cluster__group>div { display:grid; grid-template-columns:1fr; gap:6px }
.ported-site .hc-cluster__group a { width:100%; padding-inline:12px }
.ported-site .hc-section>.hc-shell, .ported-site .hc-faq>.hc-shell { padding-block:42px }
.ported-site .hc-section-heading { margin-bottom:22px }
.ported-site .hc-section-heading h2 { margin-top:7px; font-size:29px }
.ported-site .hc-section-heading__intro { margin-top:9px!important; font-size:13px; line-height:1.48 }
.ported-site .hc-section__feature--split { gap:20px }
.ported-site .hc-section__figure img { aspect-ratio:4 / 3 }
.ported-site .hc-section__prose { gap:13px; font-size:13px; line-height:1.62 }
.ported-site .hc-card-grid, .ported-site .hc-stepper { grid-template-columns:1fr; gap:9px; margin-top:22px }
.ported-site .hc-card__copy { min-height:0; padding:17px }
.ported-site .hc-card h3 { font-size:21px }
.ported-site .hc-card__action { align-items:center; margin-top:12px; padding-top:0 }
.ported-site .hc-stepper>li { min-height:0; display:grid; grid-template-columns:42px minmax(0,1fr); gap:12px; padding:15px }
.ported-site .hc-stepper h3 { margin-top:0; font-size:19px }
.ported-site .hc-stepper__deliverable { margin-top:12px!important; padding-top:10px }
.ported-site .hc-checklist { margin-top:22px; padding:19px 16px }
.ported-site .hc-checklist>h3 { font-size:22px }
.ported-site .hc-checklist ul { grid-template-columns:1fr }
.ported-site .hc-checklist li { min-height:56px }
.ported-site .hc-callout { margin-top:22px; padding:22px 18px }
.ported-site .hc-callout h3 { font-size:23px }
.ported-site .hc-faq__grid { gap:7px }
.ported-site .hc-faq__grid button { min-height:58px; padding:12px }
.ported-site .hc-faq__grid button span { font-size:13px }
.ported-site .hc-faq__grid button small { font-size:10px }
.ported-site .hc-faq__answer { padding:0 12px 14px }
.ported-site .hc-faq__answer p { font-size:12px }
.ported-site .hc-related>.hc-shell { padding-block:42px }
.ported-site .hc-related__grid { grid-template-columns:1fr; gap:8px }
.ported-site .hc-related__grid a { min-height:96px; padding:15px }
.ported-site .hc-related__grid a>strong { font-size:18px }
.ported-site .hc-final-cta__inner { min-height:0; padding-block:42px }
.ported-site .hc-final-cta h2 { font-size:34px }
.ported-site .hc-final-cta__inner>div:first-child>p:last-child { font-size:13px }
}
@media (max-width: 360px) {
.ported-site .hc-breadcrumb ol { align-items:flex-start; flex-direction:column; gap:0; padding-block:8px }
.ported-site .hc-breadcrumb__separator { display:none }
.ported-site .hc-hero h1 { font-size:37px }
}
@media (prefers-reduced-motion: reduce) {
.ported-site .hc-page *, .ported-site .hc-page *:before, .ported-site .hc-page *:after { scroll-behavior:auto!important; transition-duration:.01ms!important; animation-duration:.01ms!important; animation-iteration-count:1!important }
}
@media print {
.ported-site .hc-cluster, .ported-site .hc-final-cta, .ported-site .hc-actions { display:none!important }
.ported-site .hc-page, .ported-site .hc-section, .ported-site .hc-section--quiet, .ported-site .hc-card, .ported-site .hc-stepper>li, .ported-site .hc-checklist { background:#fff!important }
.ported-site .hc-section>.hc-shell, .ported-site .hc-faq>.hc-shell, .ported-site .hc-related>.hc-shell { padding-block:24px }
}
.ported-site .bc-page { --bc-navy: #061b30; --bc-navy-soft: #0d2b45; --bc-brass: #b77a22; --bc-brass-dark: #936019; --bc-paper: #f7f4ed; --bc-paper-deep: #eee9df; --bc-ink: #142337; --bc-muted: #586271; --bc-line: #d9d3c8; width:100%; overflow:clip; background:var(--bc-paper); color:var(--bc-ink); font-family:Inter,sans-serif }
.ported-site .bc-page *, .ported-site .bc-page *:before, .ported-site .bc-page *:after { box-sizing:border-box }
.ported-site .bc-page img { display:block; width:100%; max-width:100% }
.ported-site .bc-page h1, .ported-site .bc-page h2, .ported-site .bc-page h3, .ported-site .bc-page p { margin:0 }
.ported-site .bc-page h1, .ported-site .bc-page h2, .ported-site .bc-page h3, .ported-site .bc-page strong, .ported-site .bc-page .bc-button, .ported-site .bc-page .bc-number, .ported-site .bc-page th { font-family:Barlow Condensed,Archivo,sans-serif }
.ported-site .bc-page a:focus-visible, .ported-site .bc-page button:focus-visible, .ported-site .bc-page summary:focus-visible { outline:3px solid #d6a452; outline-offset:3px }
.ported-site .bc-active .fn-footer-cta { display:none }
.ported-site .bc-eyebrow { color:var(--bc-brass); font-family:Barlow Condensed,Archivo,sans-serif; font-size:clamp(.78rem,.7rem + .22vw,1rem); font-weight:750; letter-spacing:.13em; line-height:1.1; text-transform:uppercase }
.ported-site .bc-number { color:var(--bc-brass); font-size:clamp(2.75rem,4.4vw,5.75rem); font-weight:600; letter-spacing:-.045em; line-height:.82 }
.ported-site .bc-button-row { display:flex; flex-wrap:wrap; gap:.42rem; margin-top:clamp(1.05rem,1.55vw,1.5rem) }
.ported-site .bc-button { display:inline-flex; min-height:2.35rem; align-items:center; justify-content:center; border:1px solid var(--bc-navy); background:var(--bc-navy); color:#fff; font-size:clamp(.66rem,.57rem + .16vw,.82rem); font-weight:750; letter-spacing:.055em; line-height:1; padding:.68rem clamp(.78rem,1.1vw,1.18rem); text-decoration:none; text-transform:uppercase; transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease }
.ported-site .bc-button:hover { background:var(--bc-brass-dark); border-color:var(--bc-brass-dark); transform:translateY(-2px) }
.ported-site .bc-button--secondary { background:transparent; color:var(--bc-navy) }
.ported-site .bc-button--secondary:hover { color:#fff }
.ported-site .bc-hero { position:relative; height:clamp(360px,28.2vw,500px); min-height:360px; display:flex; align-items:center; overflow:hidden; background:#8f948f; border-bottom:1px solid rgba(6,27,48,.28) }
.ported-site .bc-hero__image, .ported-site .bc-hero__wash { position:absolute; inset:0; width:100%; height:100% }
.ported-site .bc-hero__image { object-fit:cover; object-position:center center }
.ported-site .bc-hero__wash { background:linear-gradient(90deg,#04111e1f,#04111e08 42%,#04111e1a),#0513210a; pointer-events:none }
.ported-site .bc-hero__panel { position:relative; z-index:1; width:clamp(500px,35.5vw,590px); margin-left:clamp(3.4rem,5.5vw,7.8rem); padding:clamp(1.25rem,2vw,2rem) clamp(1.65rem,2.45vw,2.55rem); background:#f8f6f0e0; border:1px solid rgba(214,207,194,.82); box-shadow:0 12px 34px #04111e26; -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px) }
.ported-site .bc-hero__panel h1 { max-width:22.5ch; margin-top:.7rem; color:var(--bc-navy); font-size:clamp(2.18rem,2.55vw,3.35rem); font-weight:760; letter-spacing:0; line-height:.93; text-transform:uppercase }
.ported-site .bc-hero .bc-eyebrow { display:inline-flex; border-bottom:1px solid var(--bc-brass); padding-bottom:.18rem }
.ported-site .bc-hero__panel>p:not(.bc-eyebrow) { max-width:43ch; margin-top:clamp(.6rem,.85vw,.88rem); color:#39485a; font-size:clamp(.82rem,.77rem + .18vw,1.02rem); font-weight:520; line-height:1.48 }
.ported-site .bc-stage-nav { position:relative; z-index:5; display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:clamp(.35rem,1vw,1.25rem); border-top:3px solid rgba(247,244,237,.9); border-bottom:1px solid var(--bc-line); background:#fbfaf6f7; padding:1.05rem clamp(3.5rem,5.5vw,7.5rem) .9rem }
.ported-site .bc-stage-nav:before { position:absolute; top:1.52rem; right:clamp(3.5rem,5.5vw,7.5rem); left:clamp(3.5rem,5.5vw,7.5rem); height:1px; background:var(--bc-brass); content:"" }
.ported-site .bc-stage-nav:after { position:absolute; top:1.35rem; right:clamp(3rem,5vw,6.7rem); width:.55rem; height:.55rem; border-top:1px solid var(--bc-brass); border-right:1px solid var(--bc-brass); content:""; transform:rotate(45deg) }
.ported-site .bc-stage-nav a { position:relative; display:flex; min-height:2.7rem; flex-direction:column; align-items:center; justify-content:center; gap:.48rem; color:var(--bc-navy); font-family:Barlow Condensed,Archivo,sans-serif; font-size:clamp(.58rem,.54rem + .12vw,.72rem); font-weight:750; letter-spacing:.09em; text-decoration:none; text-transform:uppercase }
.ported-site .bc-stage-nav a:after { position:absolute; right:0; bottom:0; left:0; height:2px; background:var(--bc-brass); content:""; transform:scaleX(0); transition:transform .18s ease }
.ported-site .bc-stage-nav a:hover:after, .ported-site .bc-stage-nav a:focus-visible:after { transform:scaleX(1) }
.ported-site .bc-stage-nav a span { position:relative; z-index:1; width:.52rem; height:.52rem; margin-right:0; background:var(--bc-brass); border:1px solid rgba(251,250,246,.7); border-radius:50%; box-shadow:0 0 0 1px #b77a227a }
.ported-site .bc-journey { position:relative }
.ported-site .bc-journey__line { position:absolute; z-index:3; top:4rem; bottom:5rem; left:clamp(1rem,3.2vw,3.75rem); width:2px; background:var(--bc-brass); transform-origin:top }
.ported-site .bc-definition { display:grid; min-height:460px; grid-template-columns:minmax(0,.9fr) minmax(0,1.65fr); border-bottom:1px solid var(--bc-line) }
.ported-site .bc-definition__media { min-height:420px; margin:0; overflow:hidden }
.ported-site .bc-definition__media img { height:100%; object-fit:cover; object-position:62% center }
.ported-site .bc-definition__copy { display:grid; grid-template-columns:minmax(4.5rem,.2fr) minmax(0,1fr); align-items:center; gap:clamp(1.5rem,4vw,5rem); padding:clamp(2.5rem,6vw,7rem) }
.ported-site .bc-definition__copy h2, .ported-site .bc-section-head h2, .ported-site .bc-materials h2, .ported-site .bc-proof h2, .ported-site .bc-faq h2, .ported-site .bc-final h2 { margin-top:.5rem; color:var(--bc-navy); font-size:clamp(2rem,3.25vw,4.25rem); font-weight:750; letter-spacing:-.025em; line-height:.95; text-transform:uppercase }
.ported-site .bc-definition__copy p:last-child { max-width:66ch; margin-top:1.15rem; color:var(--bc-muted); font-size:1.05rem; line-height:1.72 }
.ported-site .bc-mission, .ported-site .bc-system, .ported-site .bc-routes, .ported-site .bc-process, .ported-site .bc-faq { padding:clamp(4rem,7vw,8.5rem) clamp(1.25rem,6vw,7.5rem); border-bottom:1px solid var(--bc-line) }
.ported-site .bc-mission, .ported-site .bc-process { background:#fbfaf6 }
.ported-site .bc-section-head { display:grid; grid-template-columns:minmax(4.5rem,.17fr) minmax(0,1fr); gap:clamp(1.5rem,4vw,5rem); align-items:start }
.ported-site .bc-section-head>div>p:last-child { max-width:58ch; margin-top:1rem; color:var(--bc-muted); font-size:1rem; line-height:1.6 }
.ported-site .bc-mission-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); margin-top:clamp(2.5rem,5vw,5.5rem); border-top:1px solid var(--bc-line); border-left:1px solid var(--bc-line) }
.ported-site .bc-mission-grid article { min-height:230px; padding:clamp(1.15rem,2vw,2rem); border-right:1px solid var(--bc-line); border-bottom:1px solid var(--bc-line) }
.ported-site .bc-mission-grid article>span { color:var(--bc-brass); font-family:IBM Plex Mono,monospace; font-size:.8rem; font-weight:700 }
.ported-site .bc-mission-grid h3 { margin-top:2.6rem; color:var(--bc-navy); font-size:1.35rem; font-weight:750; letter-spacing:.04em; text-transform:uppercase }
.ported-site .bc-mission-grid p { margin-top:.75rem; color:var(--bc-muted); font-size:.9rem; line-height:1.58 }
.ported-site .bc-decision { display:flex; gap:1rem; margin-top:1rem; justify-content:flex-end; color:var(--bc-muted); font-size:.84rem }
.ported-site .bc-decision strong { color:var(--bc-brass-dark); letter-spacing:.08em; text-transform:uppercase }
.ported-site .bc-field-stage { display:grid; min-height:610px; grid-template-columns:minmax(0,.87fr) minmax(0,1.13fr); border-bottom:1px solid var(--bc-line); background:var(--bc-paper) }
.ported-site .bc-field-stage--reverse { grid-template-columns:minmax(0,1.13fr) minmax(0,.87fr) }
.ported-site .bc-field-stage--reverse .bc-field-stage__copy { order:2 }
.ported-site .bc-field-stage--reverse .bc-field-stage__media { order:1 }
.ported-site .bc-field-stage__copy { display:flex; flex-direction:column; justify-content:center; padding:clamp(3rem,6.5vw,8rem) }
.ported-site .bc-stage-heading { display:grid; grid-template-columns:minmax(4rem,auto) minmax(0,1fr); gap:clamp(1.2rem,2.6vw,2.75rem); align-items:start }
.ported-site .bc-stage-heading h2 { margin-top:.4rem; color:var(--bc-navy); font-size:clamp(2.2rem,3.9vw,5rem); font-weight:760; letter-spacing:-.03em; line-height:.9; text-transform:uppercase }
.ported-site .bc-field-stage__intro { max-width:62ch; margin-top:1.7rem; color:var(--bc-muted); font-size:1rem; line-height:1.68 }
.ported-site .bc-field-stage ul, .ported-site .bc-materials ul, .ported-site .bc-route-card ul, .ported-site .bc-rfq-checklist ul { display:grid; gap:.62rem; margin:1.6rem 0 0; padding-left:1.1rem; color:var(--bc-ink); font-size:.92rem; line-height:1.48 }
.ported-site .bc-field-stage li::marker, .ported-site .bc-materials li::marker, .ported-site .bc-route-card li::marker, .ported-site .bc-rfq-checklist li::marker { color:var(--bc-brass) }
.ported-site .bc-stage-prompts { display:grid; gap:.45rem; margin-top:2rem }
.ported-site .bc-stage-prompts p { display:grid; grid-template-columns:9.5rem 1fr; border:1px solid var(--bc-line); color:var(--bc-muted); font-size:.78rem; line-height:1.4; padding:.7rem .85rem }
.ported-site .bc-stage-prompts strong { color:var(--bc-brass-dark); letter-spacing:.06em; text-transform:uppercase }
.ported-site .bc-field-stage__media { position:relative; min-height:610px; margin:0; overflow:hidden; background:#c8c3b8 }
.ported-site .bc-field-stage__media>img:first-child { height:100%; object-fit:cover }
.ported-site .bc-page--hot-climate .bc-field-stage__media--hot-heat>img:first-child { object-position:right center }
.ported-site .bc-field-stage__detail { position:absolute; right:0; bottom:0; width:clamp(180px,28%,360px)!important; aspect-ratio:1; border-top:8px solid var(--bc-paper); border-left:8px solid var(--bc-paper); object-fit:cover }
.ported-site .bc-system { background:#fbfaf6 }
.ported-site .bc-system__image { max-height:430px; margin-top:3rem; object-fit:contain }
.ported-site .bc-layer-list, .ported-site .bc-process ol { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); margin:0; padding:0; border-top:2px solid var(--bc-brass); list-style:none }
.ported-site .bc-layer-list li, .ported-site .bc-process ol li { position:relative; min-height:180px; padding:1.7rem 1rem 1rem; border-right:1px solid var(--bc-line); text-align:center }
.ported-site .bc-layer-list li:last-child, .ported-site .bc-process ol li:last-child { border-right:0 }
.ported-site .bc-layer-list li>span, .ported-site .bc-process ol li>span { display:block; color:var(--bc-brass); font-family:IBM Plex Mono,monospace; font-size:.78rem; font-weight:700 }
.ported-site .bc-layer-list strong, .ported-site .bc-process ol strong { display:block; margin-top:1.25rem; color:var(--bc-navy); font-size:1.15rem; font-weight:750; line-height:1.05; text-transform:uppercase }
.ported-site .bc-layer-list p, .ported-site .bc-process ol p { margin-top:.65rem; color:var(--bc-muted); font-size:.78rem; line-height:1.45 }
.ported-site .bc-center-link { display:flex; justify-content:center; margin-top:2rem }
.ported-site .bc-materials { display:grid; grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr); border-bottom:1px solid var(--bc-line) }
.ported-site .bc-materials__copy { padding:clamp(3.5rem,6vw,7.5rem) }
.ported-site .bc-materials__copy h2 { max-width:14ch }
.ported-site .bc-materials__gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); background:var(--bc-line); gap:1px }
.ported-site .bc-materials__gallery img { height:100%; min-height:290px; object-fit:cover }
.ported-site .bc-route-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:3.5rem }
.ported-site .bc-route-card { display:flex; min-height:480px; flex-direction:column; align-items:flex-start; justify-content:center; padding:clamp(2.5rem,5vw,6rem) }
.ported-site .bc-route-card--navy { background:var(--bc-navy); color:#fff }
.ported-site .bc-route-card--brass { background:var(--bc-brass); color:var(--bc-navy) }
.ported-site .bc-route-card h3 { margin-top:.7rem; font-size:clamp(2rem,3.1vw,3.8rem); font-weight:750; line-height:.95; text-transform:uppercase }
.ported-site .bc-route-card>p:not(.bc-eyebrow) { max-width:58ch; margin-top:1.15rem; font-size:.96rem; line-height:1.62 }
.ported-site .bc-route-card--navy>p:not(.bc-eyebrow), .ported-site .bc-route-card--navy ul { color:#ffffffc7 }
.ported-site .bc-route-card .bc-button { margin-top:2rem; border-color:currentColor; color:currentColor }
.ported-site .bc-route-card--navy .bc-button:hover { background:#fff; color:var(--bc-navy) }
.ported-site .bc-route-card--brass .bc-eyebrow, .ported-site .bc-route-card--brass li::marker { color:var(--bc-navy) }
.ported-site .bc-process ol { grid-template-columns:repeat(8,minmax(0,1fr)); margin-top:3.5rem }
.ported-site .bc-process ol li { min-height:165px }
.ported-site .bc-proof { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(360px,.55fr); border-bottom:1px solid var(--bc-line) }
.ported-site .bc-proof__table, .ported-site .bc-rfq-checklist { padding:clamp(3rem,6vw,7rem) }
.ported-site .bc-rfq-checklist { background:var(--bc-navy); color:#fff }
.ported-site .bc-rfq-checklist h2 { color:#fff }
.ported-site .bc-rfq-checklist ul { color:#ffffffc7 }
.ported-site .bc-rfq-checklist .bc-button { margin-top:2rem; background:var(--bc-brass); border-color:var(--bc-brass) }
.ported-site .bc-table-wrap { overflow-x:auto; margin-top:2.3rem }
.ported-site .bc-proof table { width:100%; min-width:700px; border-collapse:collapse }
.ported-site .bc-proof th, .ported-site .bc-proof td { border:1px solid var(--bc-line); padding:1rem; text-align:left }
.ported-site .bc-proof th { background:var(--bc-navy); color:#fff; font-size:.82rem; letter-spacing:.06em; text-transform:uppercase }
.ported-site .bc-proof td { color:var(--bc-muted); font-size:.84rem; line-height:1.45 }
.ported-site .bc-proof__note { max-width:72ch; margin-top:1rem; color:var(--bc-muted); font-size:.8rem; line-height:1.5 }
.ported-site .bc-proof__table>a { display:inline-flex; margin-top:1.2rem; color:var(--bc-brass-dark); font-family:Barlow Condensed,Archivo,sans-serif; font-weight:750; letter-spacing:.06em; text-transform:uppercase }
.ported-site .bc-faq { background:#fbfaf6 }
.ported-site .bc-faq__list { margin-top:3rem; border-top:1px solid var(--bc-line) }
.ported-site .bc-faq details { border-bottom:1px solid var(--bc-line) }
.ported-site .bc-faq summary { display:grid; min-height:4.6rem; cursor:pointer; grid-template-columns:1fr auto; align-items:center; gap:1rem; color:var(--bc-navy); font-family:Barlow Condensed,Archivo,sans-serif; font-size:clamp(1.1rem,1rem + .5vw,1.55rem); font-weight:700; letter-spacing:.02em; list-style:none; text-transform:uppercase }
.ported-site .bc-faq summary::-webkit-details-marker { display:none }
.ported-site .bc-faq summary span { color:var(--bc-brass); font-family:IBM Plex Mono,monospace; font-size:1.2rem }
.ported-site .bc-faq details[open] summary span { transform:rotate(45deg) }
.ported-site .bc-faq details>p { max-width:78ch; padding:0 0 1.7rem; color:var(--bc-muted); font-size:.96rem; line-height:1.68 }
.ported-site .bc-final { position:relative; min-height:630px; display:flex; align-items:center; overflow:hidden; background:var(--bc-navy) }
.ported-site .bc-final>img, .ported-site .bc-final__wash { position:absolute; inset:0; width:100%; height:100% }
.ported-site .bc-final>img { object-fit:cover; object-position:center }
.ported-site .bc-final__wash { background:#0312208f }
.ported-site .bc-final__copy { position:relative; z-index:1; width:min(680px,calc(100% - 2.5rem)); margin-left:clamp(1.25rem,6vw,7.5rem); padding:clamp(2rem,4vw,4.5rem); background:#051b30e8; color:#fff }
.ported-site .bc-final h2 { color:#fff }
.ported-site .bc-final__copy>p:not(.bc-eyebrow) { max-width:58ch; margin-top:1.1rem; color:#ffffffc2; line-height:1.65 }
.ported-site .bc-final .bc-button { background:var(--bc-brass); border-color:var(--bc-brass) }
.ported-site .bc-final .bc-button--secondary { background:transparent; border-color:#fff; color:#fff }
@media (max-width: 1180px) {
.ported-site .bc-mission-grid { grid-template-columns:repeat(3,minmax(0,1fr)) }
.ported-site .bc-layer-list { grid-template-columns:repeat(4,minmax(0,1fr)) }
.ported-site .bc-layer-list li:nth-child(4) { border-right:0 }
.ported-site .bc-process ol { grid-template-columns:repeat(4,minmax(0,1fr)) }
.ported-site .bc-process ol li:nth-child(4) { border-right:0 }
.ported-site .bc-proof { grid-template-columns:1fr }
}
@media (max-width: 880px) {
.ported-site .bc-stage-nav { display:flex; overflow-x:auto; overscroll-behavior-inline:contain; padding:.9rem .7rem .75rem; scrollbar-width:none }
.ported-site .bc-stage-nav:before, .ported-site .bc-stage-nav:after { display:none }
.ported-site .bc-stage-nav::-webkit-scrollbar { display:none }
.ported-site .bc-stage-nav a { min-width:7.4rem }
.ported-site .bc-definition, .ported-site .bc-field-stage, .ported-site .bc-field-stage--reverse, .ported-site .bc-materials { grid-template-columns:1fr }
.ported-site .bc-field-stage--reverse .bc-field-stage__copy, .ported-site .bc-field-stage--reverse .bc-field-stage__media { order:initial }
.ported-site .bc-definition__media, .ported-site .bc-field-stage__media { min-height:min(68vw,560px) }
.ported-site .bc-definition__copy { padding:3.5rem 1.5rem }
.ported-site .bc-field-stage__copy { padding:4rem 1.5rem }
.ported-site .bc-route-grid { grid-template-columns:1fr }
.ported-site .bc-route-card { min-height:auto }
.ported-site .bc-materials__copy h2 { max-width:none }
}
@media (max-width: 620px) {
.ported-site .bc-hero { height:710px; min-height:710px; align-items:flex-end }
.ported-site .bc-hero__image { object-position:64% center }
.ported-site .bc-hero__panel { position:absolute; right:auto; bottom:.75rem; left:.75rem; width:min(calc(100vw - 1.5rem),366px); min-width:0; max-width:min(calc(100vw - 1.5rem),366px); margin:0; padding:1.25rem 1.1rem 1.2rem; overflow:hidden }
.ported-site .bc-hero__panel h1 { max-width:16ch; font-size:clamp(2.15rem,9vw,3.2rem); overflow-wrap:normal }
.ported-site .bc-hero__panel>p:not(.bc-eyebrow) { font-size:.92rem; max-width:100%; overflow-wrap:anywhere }
.ported-site .bc-button-row { display:grid; grid-template-columns:1fr }
.ported-site .bc-button { width:100% }
.ported-site .bc-journey__line { display:none }
.ported-site .bc-definition__copy, .ported-site .bc-section-head, .ported-site .bc-stage-heading { grid-template-columns:3.2rem minmax(0,1fr); gap:1rem }
.ported-site .bc-definition__copy { align-items:start }
.ported-site .bc-definition__copy .bc-number, .ported-site .bc-section-head .bc-number, .ported-site .bc-stage-heading .bc-number { font-size:2.7rem }
.ported-site .bc-definition__copy h2, .ported-site .bc-section-head h2, .ported-site .bc-materials h2, .ported-site .bc-proof h2, .ported-site .bc-faq h2, .ported-site .bc-final h2 { font-size:clamp(2rem,9.6vw,3.1rem) }
.ported-site .bc-mission, .ported-site .bc-system, .ported-site .bc-routes, .ported-site .bc-process, .ported-site .bc-faq, .ported-site .bc-proof__table, .ported-site .bc-rfq-checklist, .ported-site .bc-materials__copy { padding:3.5rem 1rem }
.ported-site .bc-mission-grid { grid-template-columns:1fr 1fr }
.ported-site .bc-mission-grid article { min-height:185px; padding:1rem }
.ported-site .bc-mission-grid h3 { margin-top:1.5rem; font-size:1.08rem }
.ported-site .bc-decision { display:grid; justify-content:start }
.ported-site .bc-field-stage__media { min-height:390px }
.ported-site .bc-stage-prompts p { grid-template-columns:1fr; gap:.25rem }
.ported-site .bc-system__image { min-height:240px; object-fit:cover; object-position:47% center }
.ported-site .bc-layer-list, .ported-site .bc-process ol { grid-template-columns:repeat(2,minmax(0,1fr)) }
.ported-site .bc-layer-list li, .ported-site .bc-process ol li { min-height:165px; border-bottom:1px solid var(--bc-line) }
.ported-site .bc-layer-list li:nth-child(2n), .ported-site .bc-process ol li:nth-child(2n) { border-right:0 }
.ported-site .bc-materials__gallery img { min-height:210px }
.ported-site .bc-route-card { padding:3.5rem 1.2rem }
.ported-site .bc-final { min-height:690px; align-items:flex-end }
.ported-site .bc-final>img { object-position:35% center }
.ported-site .bc-final__copy { width:calc(100% - 1.5rem); margin:0 .75rem .75rem; padding:1.5rem }
}
@media (prefers-reduced-motion: reduce) {
.ported-site .bc-page *, .ported-site .bc-page *:before, .ported-site .bc-page *:after { scroll-behavior:auto!important; transition-duration:.01ms!important; animation-duration:.01ms!important }
}
.ported-site .streetwear-route-shell .fn-header { position:relative; top:auto }
.ported-site .sw-page { --sw-navy: #071a2e; --sw-ink: #0a192b; --sw-paper: #f3f0e8; --sw-white: #fff; --sw-stone: #e4e0d8; --sw-muted: #5f6871; --sw-brass: #c7891f; --sw-line: rgba(10, 25, 43, .17); background:var(--sw-paper); color:var(--sw-ink); font-family:Archivo,Inter,sans-serif; overflow:clip }
.ported-site .sw-page *, .ported-site .sw-page *:before, .ported-site .sw-page *:after { box-sizing:border-box }
.ported-site .sw-page h1, .ported-site .sw-page h2, .ported-site .sw-page h3, .ported-site .sw-page p, .ported-site .sw-page dl, .ported-site .sw-page ol, .ported-site .sw-page ul, .ported-site .sw-page figure { margin-top:0 }
.ported-site .sw-page h1, .ported-site .sw-page h2, .ported-site .sw-page h3 { color:inherit; font-family:Archivo,Inter,sans-serif; font-weight:800 }
.ported-site .sw-page p { line-height:1.5 }
.ported-site .sw-page a:focus-visible { outline:3px solid var(--sw-brass); outline-offset:3px }
.ported-site .sw-shell { width:min(1380px,calc(100% - 104px)); margin-inline:auto }
.ported-site .sw-kicker { margin-bottom:.9rem; color:var(--sw-brass); font-size:.7rem; font-weight:800; letter-spacing:.13em; text-transform:uppercase }
.ported-site .sw-actions { display:flex; flex-wrap:wrap; gap:.9rem }
.ported-site .sw-button { min-height:48px; display:inline-flex; align-items:center; justify-content:center; padding:.82rem 1.3rem; border:1px solid transparent; color:var(--sw-ink); font-size:.66rem; font-weight:800; letter-spacing:.08em; line-height:1.1; text-align:center; text-decoration:none; text-transform:uppercase }
.ported-site .sw-button--brass { background:var(--sw-brass); border-color:var(--sw-brass) }
.ported-site .sw-button--light { border-color:#ffffffb8; color:#fff }
.ported-site .sw-button--outline { border-color:var(--sw-ink); color:var(--sw-ink) }
.ported-site .sw-button--navy { background:var(--sw-navy); border-color:var(--sw-navy); color:#fff }
.ported-site .sw-hero { height:650px; display:grid; grid-template-columns:40% 60%; background:var(--sw-navy); color:#fff }
.ported-site .sw-hero-copy { display:flex; flex-direction:column; justify-content:center; padding:3rem clamp(2.5rem,4vw,4.5rem) }
.ported-site .sw-hero h1 { max-width:620px; margin-bottom:1.3rem; font-size:clamp(2.75rem,3.2vw,3.4rem); letter-spacing:-.05em; line-height:.96 }
.ported-site .sw-hero h1 span, .ported-site .sw-final-copy h2 span { display:block }
.ported-site .sw-hero-lead { max-width:600px; margin-bottom:1.8rem; color:#ffffffb8; font-size:1rem }
.ported-site .sw-policy-label { margin:2rem 0 .8rem; color:#ffffffa6; font-size:.61rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase }
.ported-site .sw-policy-strip { display:flex; margin:0 }
.ported-site .sw-policy-strip div { min-width:132px; padding:0 1rem; border-left:1px solid rgba(255,255,255,.22) }
.ported-site .sw-policy-strip div:first-child { padding-left:0; border-left:0 }
.ported-site .sw-policy-strip dt { font-size:.82rem; font-weight:800 }
.ported-site .sw-policy-strip dd { margin:.3rem 0 0; color:#ffffff85; font-size:.6rem; letter-spacing:.08em; text-transform:uppercase }
.ported-site .sw-hero-visual { position:relative; min-width:0; min-height:0; height:650px; margin:0; overflow:hidden; background:#20262a; isolation:isolate }
.ported-site .sw-hero-visual:after { position:absolute; inset:0; background:linear-gradient(90deg,rgba(7,26,46,.2),transparent 38%); content:""; pointer-events:none }
.ported-site .sw-hero-visual>img { position:absolute; inset:0; width:100%; height:100%; display:block; object-fit:cover; object-position:center center }
.ported-site .sw-hero-visual figcaption { position:absolute; right:1.25rem; bottom:1.25rem; z-index:1; margin:0; padding:.55rem .72rem; border:1px solid rgba(255,255,255,.24); background:#071a2ed6; color:#ffffffe6; font-size:.57rem; font-weight:800; letter-spacing:.1em; line-height:1; text-transform:uppercase }
.ported-site .sw-section-head { text-align:center }
.ported-site .sw-section-head h2 { margin-bottom:.4rem; font-size:1.55rem; letter-spacing:.09em; line-height:1.1; text-transform:uppercase }
.ported-site .sw-section-head p { margin-bottom:0; color:var(--sw-muted); font-size:.78rem }
.ported-site .sw-process { height:540px; padding-block:3.2rem 2.8rem }
.ported-site .sw-process .sw-section-head { margin-bottom:2rem }
.ported-site .sw-process-grid { display:grid; grid-template-columns:repeat(5,1fr); margin:0; padding:0; list-style:none }
.ported-site .sw-process-grid li { min-width:0; height:365px; padding:0 1.7rem; border-left:1px solid var(--sw-line) }
.ported-site .sw-process-grid li:first-child { border-left:0 }
.ported-site .sw-process-grid li>span { color:var(--sw-brass); font-size:.7rem; font-weight:800 }
.ported-site .sw-process-grid h3 { margin:1rem 0 .7rem; font-size:.82rem; letter-spacing:.05em; text-transform:uppercase }
.ported-site .sw-process-grid p { height:82px; margin-bottom:1rem; color:var(--sw-muted); font-size:.72rem }
.ported-site .sw-process-grid img { width:100%; height:190px; display:block; object-fit:cover; background:#e2ded6 }
.ported-site .sw-products { height:515px; padding-block:2.3rem 2rem; background:#fff; border-block:1px solid var(--sw-line) }
.ported-site .sw-products .sw-section-head { margin-bottom:1.6rem }
.ported-site .sw-product-grid { display:grid; grid-template-columns:repeat(7,1fr); gap:.7rem }
.ported-site .sw-product-grid article { min-width:0; text-align:center }
.ported-site .sw-product-image { height:335px; display:grid; place-items:center; overflow:hidden; background:#d1cec8 }
.ported-site .sw-product-image img { width:100%; height:100%; display:block; object-fit:contain; object-position:center center; padding:.35rem }
.ported-site .sw-product-grid h3 { margin:.75rem 0 .32rem; font-size:.65rem; letter-spacing:.05em; text-transform:uppercase }
.ported-site .sw-product-grid article>a:last-child { color:var(--sw-brass); font-size:.58rem; font-weight:800; letter-spacing:.07em; text-decoration:none; text-transform:uppercase }
.ported-site .sw-decisions { height:350px; display:grid; grid-template-columns:30% 70%; padding-block:2rem }
.ported-site .sw-decisions-intro { display:flex; flex-direction:column; justify-content:center; padding-right:4rem }
.ported-site .sw-decisions-intro h2 { margin-bottom:1.2rem; font-size:2.1rem; letter-spacing:-.045em; line-height:1; text-transform:uppercase }
.ported-site .sw-decisions-intro p { margin-bottom:2rem; color:var(--sw-muted); font-size:.85rem }
.ported-site .sw-decisions-intro .sw-button { align-self:flex-start }
.ported-site .sw-decision-grid { display:grid; grid-template-columns:repeat(3,1fr); grid-template-rows:repeat(2,1fr) }
.ported-site .sw-decision-grid article { display:grid; grid-template-columns:35px 1fr; gap:1rem; align-items:start; padding:1.35rem; border-left:1px solid var(--sw-line); border-top:1px solid var(--sw-line) }
.ported-site .sw-decision-grid article:nth-child(-n+3) { border-top:0 }
.ported-site .sw-decision-grid span { color:var(--sw-brass); font-size:.65rem; font-weight:800 }
.ported-site .sw-decision-grid h3 { margin-bottom:.45rem; font-size:.76rem; letter-spacing:.04em; text-transform:uppercase }
.ported-site .sw-decision-grid p { margin-bottom:0; color:var(--sw-muted); font-size:.68rem }
.ported-site .sw-review { min-height:610px; display:grid; grid-template-columns:32% 68%; margin-top:5rem; background:#fff; border:1px solid var(--sw-line) }
.ported-site .sw-review-copy { display:flex; flex-direction:column; justify-content:center; padding:clamp(2.5rem,4vw,4.5rem); background:var(--sw-navy); color:#fff }
.ported-site .sw-review-copy .sw-kicker { margin-bottom:1.15rem }
.ported-site .sw-review-copy h2 { max-width:390px; margin-bottom:1.15rem; font-size:clamp(2rem,2.6vw,3rem); letter-spacing:-.045em; line-height:.98; text-transform:uppercase }
.ported-site .sw-review-copy .sw-review-lead { max-width:390px; margin-bottom:1.5rem; color:#ffffffb3; font-size:.84rem }
.ported-site .sw-review-copy ul { margin:0 0 1.8rem; padding:1.1rem 0 0; border-top:1px solid rgba(255,255,255,.17); list-style:none }
.ported-site .sw-review-copy li { position:relative; padding:.38rem 0 .38rem 1.05rem; color:#ffffffd6; font-size:.7rem }
.ported-site .sw-review-copy li:before { content:""; position:absolute; top:.72rem; left:0; width:5px; height:5px; border-radius:50%; background:var(--sw-brass) }
.ported-site .sw-review-copy .sw-button { align-self:flex-start }
.ported-site .sw-review-comparison { min-width:0; display:grid; grid-template-rows:auto 1fr auto; background:#ddd8cf }
.ported-site .sw-review-stage-labels { display:grid; grid-template-columns:1fr 1fr; padding:1.05rem 2rem .85rem; background:#f8f7f3; border-bottom:1px solid var(--sw-line) }
.ported-site .sw-review-stage-labels span { font-size:.64rem; font-weight:800; letter-spacing:.11em; text-align:center; text-transform:uppercase }
.ported-site .sw-review-comparison>img { width:100%; height:440px; display:block; object-fit:cover; object-position:center }
.ported-site .sw-review-outcomes { display:grid; grid-template-columns:1fr 1fr; background:#fff; border-top:1px solid var(--sw-line) }
.ported-site .sw-review-outcomes>div { padding:1.15rem 1.6rem; border-left:1px solid var(--sw-line) }
.ported-site .sw-review-outcomes>div:first-child { border-left:0 }
.ported-site .sw-review-outcomes span { color:var(--sw-brass); font-size:.61rem; font-weight:800; letter-spacing:.09em; text-transform:uppercase }
.ported-site .sw-review-outcomes p { margin:.35rem 0 0; color:var(--sw-muted); font-size:.68rem }
.ported-site .sw-customizer { margin-block:5rem; padding:clamp(2rem,3vw,3.4rem); background:#fff; border:1px solid var(--sw-line) }
.ported-site .sw-customizer-header { display:grid; grid-template-columns:minmax(0,1fr) minmax(340px,.72fr); gap:clamp(2rem,7vw,7rem); align-items:end; padding-bottom:2rem; border-bottom:1px solid var(--sw-line) }
.ported-site .sw-customizer h2 { max-width:650px; margin-bottom:0; font-size:clamp(2rem,2.7vw,3.2rem); letter-spacing:-.045em; line-height:.98; text-transform:uppercase }
.ported-site .sw-customizer-header>p { max-width:560px; margin-bottom:0; color:var(--sw-muted); font-size:.84rem }
.ported-site .sw-customizer-category-bar { display:grid; grid-template-columns:150px minmax(0,1fr); gap:1rem; align-items:center; padding:1.35rem 0; border-bottom:1px solid var(--sw-line) }
.ported-site .sw-customizer-category-bar>p { margin:0; font-size:.63rem; font-weight:800; letter-spacing:.09em; text-transform:uppercase }
.ported-site .sw-customizer-categories { display:flex; gap:.55rem; overflow-x:auto; scrollbar-width:thin }
.ported-site .sw-customizer-categories button { flex:0 0 auto; min-height:44px; display:inline-flex; gap:.65rem; align-items:center; padding:.65rem .82rem; border:1px solid var(--sw-line); background:#fff; color:var(--sw-ink); cursor:pointer; font:inherit }
.ported-site .sw-customizer-categories button span:first-child { font-size:.62rem; font-weight:800; letter-spacing:.05em; text-transform:uppercase }
.ported-site .sw-customizer-categories button span:last-child { color:var(--sw-muted); font-size:.58rem }
.ported-site .sw-customizer-categories button.is-active { background:var(--sw-navy); border-color:var(--sw-navy); color:#fff }
.ported-site .sw-customizer-categories button.is-active span:last-child { color:#ffffff9e }
.ported-site .sw-customizer-toolbar { display:flex; justify-content:space-between; gap:2rem; align-items:end; padding:1.6rem 0 1rem }
.ported-site .sw-customizer-toolbar>div:first-child { display:grid; gap:.25rem }
.ported-site .sw-customizer-toolbar strong { font-size:1rem; letter-spacing:.03em; text-transform:uppercase }
.ported-site .sw-customizer-toolbar>div:first-child span { color:var(--sw-muted); font-size:.7rem }
.ported-site .sw-customizer-carousel-controls { display:flex; gap:.5rem }
.ported-site .sw-customizer-carousel-controls button { min-height:44px; padding:.65rem .9rem; border:1px solid var(--sw-line); background:#fff; color:var(--sw-ink); cursor:pointer; font:inherit; font-size:.6rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase }
.ported-site .sw-customizer-carousel { display:flex; gap:1.1rem; overflow-x:auto; padding:0 0 1rem; scroll-behavior:smooth; scroll-snap-type:x mandatory; scrollbar-color:var(--sw-brass) #e7e3dc; scrollbar-width:thin }
.ported-site .sw-customizer-card, .ported-site .sw-customizer-skeleton { flex:0 0 clamp(250px,25vw,335px); scroll-snap-align:start }
.ported-site .sw-customizer-card { min-width:0; border:1px solid var(--sw-line); background:#f8f6f1 }
.ported-site .sw-customizer-card-image { height:330px; position:relative; display:block; overflow:hidden; background:#d7d3cc }
.ported-site .sw-customizer-card-image img { width:100%; height:100%; display:block; object-fit:contain; transition:transform .24s ease }
.ported-site .sw-customizer-card:hover .sw-customizer-card-image img { transform:scale(1.025) }
.ported-site .sw-customizer-card-image>span { position:absolute; left:.8rem; bottom:.8rem; padding:.45rem .6rem; background:#071a2ee6; color:#fff; font-size:.52rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase }
.ported-site .sw-customizer-card-copy { min-height:220px; display:flex; flex-direction:column; padding:1.15rem }
.ported-site .sw-customizer-card-copy>p { margin-bottom:.55rem; color:var(--sw-brass); font-size:.56rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase }
.ported-site .sw-customizer-card-copy h3 { margin-bottom:.65rem; font-size:1rem; line-height:1.15 }
.ported-site .sw-customizer-card-copy h3 a { color:inherit; text-decoration:none }
.ported-site .sw-customizer-card-copy>span { display:-webkit-box; margin-bottom:1.2rem; overflow:hidden; color:var(--sw-muted); font-size:.69rem; line-height:1.5; -webkit-box-orient:vertical; -webkit-line-clamp:3 }
.ported-site .sw-customizer-card-copy>a { align-self:flex-start; margin-top:auto; color:var(--sw-ink); font-size:.58rem; font-weight:800; letter-spacing:.07em; text-decoration:underline; text-decoration-color:var(--sw-brass); text-underline-offset:.35rem; text-transform:uppercase }
.ported-site .sw-customizer-skeleton { height:550px; background:linear-gradient(100deg,#ece9e3 30%,#f8f6f1,#ece9e3 60%); background-size:200% 100%; animation:sw-customizer-loading 1.3s linear infinite }
.ported-site .sw-customizer-error { padding:2rem; border:1px solid var(--sw-line); background:#f8f6f1 }
.ported-site .sw-customizer-error p { margin:.4rem 0 0; color:var(--sw-muted); font-size:.75rem }
.ported-site .sw-customizer-footer { display:flex; justify-content:space-between; gap:2rem; align-items:center; margin-top:1.5rem; padding-top:1.5rem; border-top:1px solid var(--sw-line) }
.ported-site .sw-customizer-footer strong { font-size:.78rem; letter-spacing:.04em; text-transform:uppercase }
.ported-site .sw-customizer-footer p { margin:.35rem 0 0; color:var(--sw-muted); font-size:.7rem }
@keyframes sw-customizer-loading { to{background-position:-200% 0} }
.ported-site .sw-work { height:330px; padding-block:2rem }
.ported-site .sw-work .sw-section-head { margin-bottom:1.5rem }
.ported-site .sw-work-grid { display:grid; grid-template-columns:repeat(3,1fr); border:1px solid var(--sw-line) }
.ported-site .sw-work-grid article { height:205px; display:grid; grid-template-columns:38px 1fr; grid-template-rows:1fr auto; gap:0 1rem; padding:1.7rem 2rem; border-left:1px solid var(--sw-line); background:#ffffff6b }
.ported-site .sw-work-grid article:first-child { border-left:0 }
.ported-site .sw-work-grid article>span { color:var(--sw-brass); font-size:.7rem; font-weight:800 }
.ported-site .sw-work-grid h3 { margin-bottom:.55rem; font-size:.8rem; letter-spacing:.04em; text-transform:uppercase }
.ported-site .sw-work-grid p { margin-bottom:0; color:var(--sw-muted); font-size:.68rem }
.ported-site .sw-work-grid a { grid-column:2; justify-self:start; min-width:180px; padding:.55rem .8rem; border:1px solid var(--sw-line); color:var(--sw-ink); font-size:.6rem; font-weight:800; text-align:center; text-decoration:none; text-transform:uppercase }
.ported-site .sw-record { height:300px; display:grid; grid-template-columns:26% 74%; padding:2.1rem 3.2rem; background:#fff; border-block:1px solid var(--sw-line) }
.ported-site .sw-record-copy { display:flex; flex-direction:column; justify-content:center; padding-right:3rem }
.ported-site .sw-record-copy h2 { margin-bottom:.8rem; font-size:1.9rem; letter-spacing:-.04em; line-height:1; text-transform:uppercase }
.ported-site .sw-record-copy p { margin-bottom:0; color:var(--sw-muted); font-size:.8rem }
.ported-site .sw-record-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:.65rem }
.ported-site .sw-record-grid article { min-width:0 }
.ported-site .sw-record-grid img { width:100%; height:150px; display:block; object-fit:contain; background:#d8d4cc }
.ported-site .sw-record-grid h3 { margin:.65rem 0 .35rem; font-size:.62rem; letter-spacing:.04em; text-transform:uppercase }
.ported-site .sw-record-grid p { margin-bottom:0; color:var(--sw-muted); font-size:.58rem }
.ported-site .sw-faq { height:235px; padding-block:2rem }
.ported-site .sw-faq>h2 { margin-bottom:1.5rem; font-size:1.4rem; letter-spacing:.09em; text-align:center; text-transform:uppercase }
.ported-site .sw-faq-grid { display:grid; grid-template-columns:repeat(5,1fr) }
.ported-site .sw-faq-grid article { padding:0 1.2rem; border-left:1px solid var(--sw-line) }
.ported-site .sw-faq-grid article:first-child { border-left:0 }
.ported-site .sw-faq-grid h3 { margin-bottom:.5rem; font-size:.68rem; line-height:1.35 }
.ported-site .sw-faq-grid p { margin-bottom:0; color:var(--sw-muted); font-size:.61rem }
.ported-site .sw-final-cta { height:270px; display:grid; grid-template-columns:58% 42%; background:var(--sw-navy); color:#fff }
.ported-site .sw-final-copy { display:grid; grid-template-columns:270px 110px minmax(0,1fr); align-items:center; gap:1rem; padding:2rem 2.5rem }
.ported-site .sw-final-copy h2 { margin-bottom:0; font-size:1.5rem; letter-spacing:-.04em; line-height:1; text-transform:uppercase }
.ported-site .sw-final-meta { display:flex; flex-direction:column; gap:.55rem; color:#ffffffb8; font-size:.65rem; font-weight:700 }
.ported-site .sw-final-copy .sw-actions { flex-wrap:nowrap }
.ported-site .sw-final-copy .sw-actions { gap:.6rem }
.ported-site .sw-final-copy .sw-button { min-height:42px; padding-inline:.75rem; font-size:.54rem; white-space:nowrap }
.ported-site .sw-final-image { overflow:hidden; background:#1b3045 }
.ported-site .sw-final-image img { width:100%; height:100%; display:block; object-fit:contain }
.ported-site .sw-footer { min-height:210px; display:grid; grid-template-columns:1.2fr .7fr .7fr 1fr; gap:3rem; padding:2.2rem 4rem 3.5rem; background:#fff; border-top:1px solid var(--sw-line); position:relative }
.ported-site .sw-footer-brand img { width:245px; height:auto }
.ported-site .sw-footer>div { display:flex; flex-direction:column; gap:.45rem }
.ported-site .sw-footer h3 { margin-bottom:.3rem; color:var(--sw-brass); font-size:.62rem; letter-spacing:.1em; text-transform:uppercase }
.ported-site .sw-footer a { color:var(--sw-muted); font-size:.65rem; text-decoration:none }
.ported-site .sw-footer-rfq { align-self:flex-start; margin-top:.4rem; padding:.55rem 1rem; background:var(--sw-navy); color:#fff!important; font-weight:800; letter-spacing:.08em; text-transform:uppercase }
.ported-site .sw-footer-legal { position:absolute; left:4rem; right:4rem; bottom:1.1rem; margin:0; color:#8b9096; font-size:.58rem }
@media (max-width: 1180px) {
.ported-site .sw-shell { width:min(100% - 48px,1100px) }
.ported-site .sw-hero-copy { padding-inline:2.5rem }
.ported-site .sw-hero h1 { font-size:3.6rem }
.ported-site .sw-product-grid { gap:.4rem }
.ported-site .sw-product-image { height:300px }
.ported-site .sw-decisions-intro { padding-right:2rem }
.ported-site .sw-review-copy { padding-inline:2rem }
.ported-site .sw-final-copy { grid-template-columns:1fr; gap:1rem }
.ported-site .sw-final-meta { flex-direction:row }
}
@media (max-width: 1100px) {
.ported-site .sw-hero { height:auto; grid-template-columns:1fr }
.ported-site .sw-hero-copy { min-height:610px }
.ported-site .sw-hero-visual { height:540px; min-height:540px }
}
@media (max-width: 900px) {
.ported-site .sw-hero, .ported-site .sw-decisions, .ported-site .sw-review, .ported-site .sw-customizer, .ported-site .sw-record, .ported-site .sw-final-cta { height:auto; grid-template-columns:1fr }
.ported-site .sw-hero-copy { min-height:610px }
.ported-site .sw-hero-visual { height:540px; min-height:540px }
.ported-site .sw-process { height:auto }
.ported-site .sw-process-grid { grid-template-columns:repeat(2,1fr); gap:2rem 0 }
.ported-site .sw-process-grid li { height:auto; min-height:340px }
.ported-site .sw-products { height:auto }
.ported-site .sw-product-grid { grid-template-columns:repeat(2,1fr) }
.ported-site .sw-product-image { height:310px }
.ported-site .sw-decisions { padding-block:3rem }
.ported-site .sw-decisions-intro { padding:0 0 2.5rem }
.ported-site .sw-decision-grid { min-height:360px }
.ported-site .sw-review, .ported-site .sw-customizer { margin-block:3.5rem }
.ported-site .sw-review-copy { min-height:430px }
.ported-site .sw-customizer-header { grid-template-columns:1fr; gap:1.25rem }
.ported-site .sw-review-comparison>img { height:auto; aspect-ratio:1.78 }
.ported-site .sw-customizer-category-bar { grid-template-columns:1fr }
.ported-site .sw-work { height:auto }
.ported-site .sw-work-grid { grid-template-columns:1fr }
.ported-site .sw-work-grid article { border-left:0; border-top:1px solid var(--sw-line) }
.ported-site .sw-work-grid article:first-child { border-top:0 }
.ported-site .sw-record { padding:3rem 1.5rem }
.ported-site .sw-record-copy { padding:0 0 2rem }
.ported-site .sw-record-grid { grid-template-columns:repeat(2,1fr) }
.ported-site .sw-faq { height:auto }
.ported-site .sw-faq-grid { grid-template-columns:1fr }
.ported-site .sw-faq-grid article { padding:1rem 0; border-left:0; border-top:1px solid var(--sw-line) }
.ported-site .sw-final-copy { padding:3rem 1.5rem }
.ported-site .sw-final-image { min-height:340px }
.ported-site .sw-footer { grid-template-columns:1fr 1fr }
}
@media (max-width: 560px) {
.ported-site .sw-shell { width:calc(100% - 32px) }
.ported-site .sw-button { width:100% }
.ported-site .sw-actions { flex-direction:column }
.ported-site .sw-hero-copy { min-height:650px; padding:4rem 1.5rem 3rem }
.ported-site .sw-hero h1 { font-size:2.55rem }
.ported-site .sw-hero h1 span, .ported-site .sw-final-copy h2 span { display:inline }
.ported-site .sw-hero-visual { height:390px; min-height:390px }
.ported-site .sw-policy-strip { display:grid; grid-template-columns:1fr; gap:.8rem }
.ported-site .sw-policy-strip div { padding:.7rem 0 0; border-top:1px solid rgba(255,255,255,.18); border-left:0 }
.ported-site .sw-process-grid { grid-template-columns:1fr }
.ported-site .sw-process-grid li { padding:1rem 0; border-left:0; border-top:1px solid var(--sw-line) }
.ported-site .sw-process-grid p { height:auto }
.ported-site .sw-product-grid { grid-template-columns:1fr }
.ported-site .sw-product-image { height:330px }
.ported-site .sw-decision-grid { grid-template-columns:1fr; grid-template-rows:auto }
.ported-site .sw-decision-grid article, .ported-site .sw-decision-grid article:nth-child(-n+3) { min-height:135px; border-top:1px solid var(--sw-line) }
.ported-site .sw-review, .ported-site .sw-customizer { margin-block:3rem }
.ported-site .sw-review-copy { min-height:0; padding:2.6rem 1.5rem }
.ported-site .sw-review-stage-labels { padding-inline:.75rem }
.ported-site .sw-review-outcomes>div { padding:1rem .8rem }
.ported-site .sw-customizer { padding:1.5rem }
.ported-site .sw-customizer-toolbar { align-items:flex-start; flex-direction:column }
.ported-site .sw-customizer-card, .ported-site .sw-customizer-skeleton { flex-basis:min(82vw,310px) }
.ported-site .sw-customizer-card-image { height:300px }
.ported-site .sw-customizer-footer { align-items:stretch; flex-direction:column }
.ported-site .sw-record-grid { grid-template-columns:1fr }
.ported-site .sw-record-grid img { height:220px }
.ported-site .sw-final-copy h2 { font-size:2.25rem }
.ported-site .sw-final-meta, .ported-site .sw-final-copy .sw-actions { flex-direction:column }
.ported-site .sw-footer { grid-template-columns:1fr; padding-inline:1.5rem }
.ported-site .sw-footer-legal { left:1.5rem; right:1.5rem }
}
@media (prefers-reduced-motion: reduce) {
.ported-site .sw-page * { scroll-behavior:auto!important }
.ported-site .sw-customizer-card-image img { transition:none }
.ported-site .sw-customizer-skeleton { animation:none }
}
.ported-site .program-page { --program-ink: #0b131e; --program-paper: #f4f1ea; --program-brass: #a77d3d; --program-muted: #5c6570; background:var(--program-paper); color:var(--program-ink) }
.ported-site .program-page h1, .ported-site .program-page h2, .ported-site .program-page h3, .ported-site .program-page p { margin-top:0 }
.ported-site .program-hero { min-height:72vh; display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); border-bottom:1px solid rgba(11,19,30,.14) }
.ported-site .program-hero__copy { display:flex; flex-direction:column; justify-content:center; padding:clamp(3rem,7vw,7.5rem) clamp(1.25rem,5vw,5rem) }
.ported-site .program-kicker { margin-bottom:1rem; color:var(--program-brass); font-size:.7rem; font-weight:800; letter-spacing:.19em; line-height:1.4; text-transform:uppercase }
.ported-site .program-hero h1 { max-width:14ch; margin-bottom:1.5rem; font-family:var(--ssm-font-display, "Archivo", "Inter", sans-serif); font-size:clamp(2.7rem,5.6vw,6.6rem); font-weight:500; letter-spacing:-.045em; line-height:.96 }
.ported-site .program-lead { max-width:65ch; margin-bottom:2rem; color:var(--program-muted); font-size:clamp(1rem,1.3vw,1.2rem); line-height:1.75 }
.ported-site .program-actions { display:flex; flex-wrap:wrap; gap:.7rem }
.ported-site .program-button { display:inline-flex; align-items:center; justify-content:center; min-height:3rem; padding:.75rem 1.25rem; border:1px solid var(--program-ink); color:var(--program-ink); font-size:.7rem; font-weight:800; letter-spacing:.14em; text-decoration:none; text-transform:uppercase }
.ported-site .program-button--solid { background:var(--program-ink); color:var(--program-paper) }
.ported-site .program-button--light { border-color:var(--program-paper); background:var(--program-paper); color:var(--program-ink) }
.ported-site .program-hero__visual { position:relative; min-height:34rem; margin:0; overflow:hidden; background:#18202a }
.ported-site .program-hero__visual img { width:100%; height:100%; display:block; object-fit:cover }
.ported-site .program-hero__visual figcaption { position:absolute; right:1rem; bottom:1rem; left:1rem; max-width:62ch; padding:.7rem .85rem; background:#0b131ed1; color:#ffffffdb; font-size:.72rem; line-height:1.5 }
.ported-site .program-summary, .ported-site .program-section, .ported-site .program-related, .ported-site .program-final { padding:clamp(3.5rem,7vw,7rem) clamp(1.25rem,5vw,5rem) }
.ported-site .program-summary { display:grid; grid-template-columns:.7fr 1.3fr; column-gap:clamp(2rem,6vw,7rem); border-bottom:1px solid rgba(11,19,30,.14) }
.ported-site .program-summary .program-kicker { grid-row:span 2 }
.ported-site .program-summary h2, .ported-site .program-section__head h2, .ported-site .program-related h2, .ported-site .program-final h2 { margin-bottom:1.25rem; font-family:var(--ssm-font-display, "Archivo", "Inter", sans-serif); font-size:clamp(2rem,4vw,4.2rem); font-weight:500; letter-spacing:-.035em; line-height:1.04 }
.ported-site .program-summary>p:last-child { max-width:68ch; margin-bottom:0; color:var(--program-muted); font-size:1.05rem; line-height:1.75 }
.ported-site .program-section__head { max-width:60rem; margin-bottom:clamp(2rem,4vw,4rem) }
.ported-site .program-family-grid, .ported-site .program-decision-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-top:1px solid rgba(11,19,30,.18); border-left:1px solid rgba(11,19,30,.18) }
.ported-site .program-family-grid article, .ported-site .program-decision-grid article { min-height:16rem; padding:1.5rem; border-right:1px solid rgba(11,19,30,.18); border-bottom:1px solid rgba(11,19,30,.18) }
.ported-site .program-family-grid span { display:block; margin-bottom:3.5rem; color:var(--program-brass); font-size:.7rem; font-weight:800; letter-spacing:.16em }
.ported-site .program-family-grid h3, .ported-site .program-decision-grid h3 { margin-bottom:.75rem; font-size:1rem; letter-spacing:.06em; line-height:1.3; text-transform:uppercase }
.ported-site .program-family-grid p, .ported-site .program-decision-grid p { margin-bottom:0; color:var(--program-muted); line-height:1.7 }
.ported-site .program-section--ink { background:var(--program-ink); color:var(--program-paper) }
.ported-site .program-section--ink .program-decision-grid { border-color:#f4f1ea2e }
.ported-site .program-section--ink .program-decision-grid article { border-color:#f4f1ea2e }
.ported-site .program-section--ink .program-decision-grid p { color:#f4f1eaad }
.ported-site .program-spec { border-top:1px solid rgba(11,19,30,.22) }
.ported-site .program-spec__row { display:grid; grid-template-columns:minmax(10rem,.45fr) minmax(0,1.55fr); gap:2rem; padding:1.35rem 0; border-bottom:1px solid rgba(11,19,30,.18) }
.ported-site .program-spec__row strong { font-size:.72rem; letter-spacing:.13em; text-transform:uppercase }
.ported-site .program-spec__row span { color:var(--program-muted); line-height:1.65 }
.ported-site .program-faq { padding-top:1rem }
.ported-site .program-faq__list { border-top:1px solid rgba(11,19,30,.2) }
.ported-site .program-faq details { padding:1.25rem 0; border-bottom:1px solid rgba(11,19,30,.18) }
.ported-site .program-faq summary { cursor:pointer; font-weight:800; line-height:1.5 }
.ported-site .program-faq details p { max-width:72ch; margin:1rem 0 0; color:var(--program-muted); line-height:1.7 }
.ported-site .program-related { display:grid; grid-template-columns:1fr 1fr; gap:3rem; border-top:1px solid rgba(11,19,30,.14) }
.ported-site .program-related__links { display:flex; flex-direction:column; border-top:1px solid rgba(11,19,30,.18) }
.ported-site .program-related__links a { padding:1rem 0; border-bottom:1px solid rgba(11,19,30,.18); color:var(--program-ink); font-weight:700; line-height:1.5; text-decoration:none }
.ported-site .program-related__links a:hover { color:var(--program-brass) }
.ported-site .program-final { background:var(--program-ink); color:var(--program-paper); text-align:center }
.ported-site .program-final h2 { max-width:18ch; margin-right:auto; margin-left:auto }
.ported-site .program-final>p:not(.program-kicker) { max-width:58ch; margin:0 auto 2rem; color:#f4f1eab3; line-height:1.7 }
@media (max-width: 900px) {
.ported-site .program-hero, .ported-site .program-summary, .ported-site .program-related { grid-template-columns:1fr }
.ported-site .program-hero__visual { min-height:28rem; order:-1 }
.ported-site .program-family-grid, .ported-site .program-decision-grid { grid-template-columns:repeat(2,minmax(0,1fr)) }
.ported-site .program-summary .program-kicker { grid-row:auto }
}
@media (max-width: 560px) {
.ported-site .program-hero__visual { min-height:24rem }
.ported-site .program-family-grid, .ported-site .program-decision-grid, .ported-site .program-spec__row { grid-template-columns:1fr }
.ported-site .program-family-grid article, .ported-site .program-decision-grid article { min-height:0 }
.ported-site .program-family-grid span { margin-bottom:2rem }
.ported-site .program-spec__row { gap:.55rem }
}
.ported-site .fab-page { --fab-navy: #071829; --fab-navy-2: #10283d; --fab-brass: #b77a25; --fab-brass-pale: #ead8bb; --fab-paper: #f5f3ed; --fab-white: #fffefa; --fab-ink: #172535; --fab-muted: #5e6973; --fab-line: #d5d2c9; --fab-success: #33634e; width:100%; overflow:hidden; background:var(--fab-paper); color:var(--fab-ink); font-family:Inter,system-ui,sans-serif }
.ported-site .fab-page *, .ported-site .fab-page *:before, .ported-site .fab-page *:after { box-sizing:border-box }
.ported-site .fab-page h1, .ported-site .fab-page h2, .ported-site .fab-page h3, .ported-site .fab-page p, .ported-site .fab-page figure, .ported-site .fab-page dl, .ported-site .fab-page dd { margin:0 }
.ported-site .fab-page h1, .ported-site .fab-page h2, .ported-site .fab-page h3, .ported-site .fab-page strong, .ported-site .fab-page .fab-button, .ported-site .fab-page summary { font-family:Barlow Condensed,Archivo,sans-serif }
.ported-site .fab-page a { color:inherit }
.ported-site .fab-page img { display:block; max-width:100% }
.ported-site .fab-shell { width:min(1376px,calc(100% - 64px)); margin-inline:auto }
.ported-site .fab-kicker { color:var(--fab-brass); font-family:IBM Plex Mono,monospace; font-size:11px; font-weight:700; line-height:1.35; letter-spacing:.13em; text-transform:uppercase }
.ported-site .fab-button { min-height:48px; display:inline-flex; align-items:center; justify-content:center; padding:0 25px; border:1px solid var(--fab-brass); background:var(--fab-brass); color:#fff; font-size:14px; font-weight:800; letter-spacing:.055em; text-decoration:none; text-transform:uppercase }
.ported-site .fab-button:hover { background:#976119; border-color:#976119 }
.ported-site .fab-button--light { background:var(--fab-white); border-color:var(--fab-white); color:var(--fab-navy) }
.ported-site .fab-button--light:hover { background:var(--fab-brass-pale); border-color:var(--fab-brass-pale) }
.ported-site .fab-text-link { min-height:44px; display:inline-flex; align-items:center; color:var(--fab-navy); font-size:13px; font-weight:700 }
.ported-site .fab-hero { min-height:560px; display:grid; grid-template-columns:minmax(0,1.45fr) minmax(330px,.55fr); background:var(--fab-white); border-inline:1px solid var(--fab-line) }
.ported-site .fab-hero__copy { min-width:0; padding:clamp(70px,9vw,128px) clamp(34px,7vw,96px); border-right:1px solid var(--fab-line) }
.ported-site .fab-hero h1, .ported-site .fab-category-hero h1 { max-width:900px; margin-top:18px; color:var(--fab-navy); font-family:Barlow Condensed,Archivo,sans-serif; font-size:clamp(54px,6.2vw,94px); font-weight:800; line-height:.9; letter-spacing:-.035em; text-transform:uppercase }
.ported-site .fab-answer { max-width:760px; margin-top:28px!important; color:#344352; font-size:clamp(16px,1.25vw,19px); line-height:1.65 }
.ported-site .fab-hero__actions { margin-top:34px; display:flex; align-items:center; gap:26px; flex-wrap:wrap }
.ported-site .fab-hero__sequence { padding:54px 32px; background:var(--fab-navy); color:#fff }
.ported-site .fab-hero__sequence>p { color:var(--fab-brass-pale); font-family:IBM Plex Mono,monospace; font-size:10px; font-weight:700; letter-spacing:.14em; text-transform:uppercase }
.ported-site .fab-hero__sequence ol { list-style:none; margin:24px 0 0; padding:0 }
.ported-site .fab-hero__sequence li { display:grid; grid-template-columns:34px 1fr; gap:13px; padding:15px 0; border-top:1px solid rgba(255,255,255,.14) }
.ported-site .fab-hero__sequence li>span { color:var(--fab-brass-pale); font:700 11px/1.3 IBM Plex Mono,monospace }
.ported-site .fab-hero__sequence strong { display:block; font-size:16px; line-height:1; text-transform:uppercase }
.ported-site .fab-hero__sequence small { display:block; margin-top:5px; color:#ffffff9e; font-size:11px; line-height:1.45 }
.ported-site .fab-category-rail { display:flex; overflow-x:auto; border:1px solid var(--fab-line); border-top:0; background:var(--fab-white); scrollbar-width:thin }
.ported-site .fab-category-rail a { min-width:max-content; min-height:50px; display:inline-flex; align-items:center; justify-content:center; padding:0 22px; border-right:1px solid var(--fab-line); color:var(--fab-muted); font-family:Barlow Condensed,sans-serif; font-size:13px; font-weight:700; letter-spacing:.06em; text-decoration:none; text-transform:uppercase }
.ported-site .fab-category-rail a:hover, .ported-site .fab-category-rail a.is-active { background:var(--fab-navy); color:#fff }
.ported-site .fab-section { padding:74px 0; border-bottom:1px solid var(--fab-line) }
.ported-site .fab-section-heading { max-width:850px; margin-bottom:34px }
.ported-site .fab-section-heading--split { max-width:none; display:grid; grid-template-columns:minmax(0,1.25fr) minmax(280px,.55fr); gap:48px; align-items:end }
.ported-site .fab-section-heading h2, .ported-site .fab-cta h2, .ported-site .fab-two-column h2, .ported-site .fab-disclosure h2 { margin-top:10px; color:var(--fab-navy); font-size:clamp(34px,3.4vw,52px); font-weight:800; line-height:.97; letter-spacing:-.025em; text-transform:uppercase }
.ported-site .fab-section-heading>p, .ported-site .fab-section-heading--split>p { margin-top:14px; color:var(--fab-muted); font-size:14px; line-height:1.65 }
.ported-site .fab-section-heading--split>p { margin-top:0 }
.ported-site .fab-filter-panel { border:1px solid var(--fab-line); background:var(--fab-white) }
.ported-site .fab-filter-panel>summary { min-height:56px; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:0 20px; color:var(--fab-navy); cursor:pointer; font-size:15px; font-weight:800; letter-spacing:.04em; text-transform:uppercase }
.ported-site .fab-filter-panel>summary span { color:var(--fab-brass); font:700 11px/1 IBM Plex Mono,monospace }
.ported-site .fab-filter-grid { display:grid; grid-template-columns:repeat(3,1fr) auto; gap:14px; padding:20px; border-top:1px solid var(--fab-line) }
.ported-site .fab-filter-grid label { min-width:0 }
.ported-site .fab-filter-grid label>span { display:block; margin-bottom:7px; color:var(--fab-muted); font-size:11px; font-weight:700; letter-spacing:.045em; text-transform:uppercase }
.ported-site .fab-filter-grid select { width:100%; min-height:48px; padding:0 38px 0 13px; border:1px solid #c9c6bc; border-radius:0; background:#fff; color:var(--fab-ink); font:500 14px/1.2 Inter,sans-serif }
.ported-site .fab-reset { align-self:end; min-height:48px; padding:0 18px; border:1px solid var(--fab-navy); background:transparent; color:var(--fab-navy); cursor:pointer; font:800 13px/1 Barlow Condensed,sans-serif; letter-spacing:.05em; text-transform:uppercase }
.ported-site .fab-reset:hover { background:var(--fab-navy); color:#fff }
.ported-site .fab-library__status { min-height:48px; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:14px 0; color:var(--fab-muted); font-size:12px }
.ported-site .fab-library__status strong { color:var(--fab-navy) }
.ported-site .fab-material-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px }
.ported-site .fab-material-card { height:100%; background:var(--fab-white); border:1px solid var(--fab-line) }
.ported-site .fab-visual { position:relative; background:#e8e4db; border-bottom:1px solid var(--fab-line) }
.ported-site .fab-visual>img, .ported-site .fab-visual__pending { width:100%; aspect-ratio:4 / 3 }
.ported-site .fab-visual>img { object-fit:cover }
.ported-site .fab-visual__pending { display:flex; flex-direction:column; align-items:center; justify-content:center; padding:25px; color:var(--fab-navy); text-align:center }
.ported-site .fab-visual__pending span, .ported-site .fab-visual__pending small { font:700 10px/1.3 IBM Plex Mono,monospace; letter-spacing:.11em; text-transform:uppercase }
.ported-site .fab-visual__pending strong { max-width:280px; margin:12px 0; font-size:24px; line-height:1; text-transform:uppercase }
.ported-site .fab-visual__pending small { color:var(--fab-muted) }
.ported-site .fab-visual figcaption { padding:11px 14px; background:#eeece6 }
.ported-site .fab-visual figcaption span { display:block; color:var(--fab-brass); font:700 9px/1 IBM Plex Mono,monospace; letter-spacing:.1em; text-transform:uppercase }
.ported-site .fab-visual figcaption p { margin-top:5px; color:var(--fab-muted); font-size:10px; line-height:1.35 }
.ported-site .fab-material-card__body { padding:20px }
.ported-site .fab-material-card__meta { min-height:25px; display:flex; align-items:center; justify-content:space-between; gap:12px }
.ported-site .fab-material-card__meta>span { color:var(--fab-muted); font:700 10px/1 IBM Plex Mono,monospace; letter-spacing:.1em }
.ported-site .fab-evidence { min-height:25px; display:inline-flex; align-items:center; gap:7px; padding:0 8px; border:1px solid #cbc5b7; color:var(--fab-muted); font-size:9px; font-weight:700; letter-spacing:.04em; text-transform:uppercase }
.ported-site .fab-evidence>span { width:14px; height:14px; display:inline-flex; align-items:center; justify-content:center; background:#e5dfd2; color:var(--fab-navy); font:700 8px/1 IBM Plex Mono,monospace }
.ported-site .fab-evidence--supplier-declared, .ported-site .fab-evidence--ssm-sampled, .ported-site .fab-evidence--third-party-tested { border-color:#98b6a6; color:var(--fab-success) }
.ported-site .fab-evidence--supplier-declared>span, .ported-site .fab-evidence--ssm-sampled>span, .ported-site .fab-evidence--third-party-tested>span { background:#dbe9e1; color:var(--fab-success) }
.ported-site .fab-material-card h3 { margin-top:15px; color:var(--fab-navy); font-size:27px; line-height:.95; text-transform:uppercase }
.ported-site .fab-material-card__construction { min-height:44px; margin-top:9px!important; color:var(--fab-muted); font-size:12px; line-height:1.45 }
.ported-site .fab-spec-pair { margin-top:17px!important; border-block:1px solid var(--fab-line) }
.ported-site .fab-spec-pair>div { display:grid; grid-template-columns:110px 1fr; gap:12px; padding:10px 0 }
.ported-site .fab-spec-pair>div+div { border-top:1px solid var(--fab-line) }
.ported-site .fab-spec-pair dt { color:var(--fab-muted); font-size:10px; font-weight:700; text-transform:uppercase }
.ported-site .fab-spec-pair dd { color:var(--fab-navy); font-size:11px; font-weight:650; text-transform:capitalize }
.ported-site .fab-material-card__reason { margin-top:15px!important; color:#34414d; font-size:12px; line-height:1.55 }
.ported-site .fab-tag-list { display:flex; flex-wrap:wrap; gap:5px; margin-top:15px }
.ported-site .fab-tag-list span { padding:5px 7px; background:#ebe8df; color:#4e5963; font-size:9px; font-weight:700; letter-spacing:.025em }
.ported-site .fab-compare-control { min-height:48px; display:flex; align-items:center; gap:10px; margin-top:17px; border-top:1px solid var(--fab-line); padding-top:13px; color:var(--fab-navy); cursor:pointer; font-size:11px; font-weight:700; text-transform:uppercase }
.ported-site .fab-compare-control input { width:19px; height:19px; accent-color:var(--fab-brass) }
.ported-site .fab-compare-control:has(input:disabled) { color:#8d9297; cursor:not-allowed }
.ported-site .fab-material-card__sample { min-height:46px; display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:14px; padding-top:13px; border-top:1px solid var(--fab-line); color:var(--fab-brass); font-size:10px; font-weight:800; letter-spacing:.035em; line-height:1.35; text-transform:uppercase }
.ported-site .fab-material-card__sample:hover { color:var(--fab-navy) }
.ported-site .fab-empty { padding:70px 25px; border:1px solid var(--fab-line); background:var(--fab-white); text-align:center }
.ported-site .fab-empty h3 { color:var(--fab-navy); font-size:26px; text-transform:uppercase }
.ported-site .fab-empty p { margin-top:8px; color:var(--fab-muted); font-size:13px }
.ported-site .fab-empty button { min-height:44px; margin-top:18px; padding:0 18px; border:1px solid var(--fab-navy); background:var(--fab-navy); color:#fff; cursor:pointer; font-weight:700 }
.ported-site .fab-table-wrap { overflow-x:auto; border:1px solid var(--fab-line); background:var(--fab-white) }
.ported-site .fab-table-wrap table { width:100%; min-width:1000px; border-collapse:collapse }
.ported-site .fab-table-wrap th, .ported-site .fab-table-wrap td { padding:16px; border-right:1px solid var(--fab-line); border-bottom:1px solid var(--fab-line); text-align:left; vertical-align:top }
.ported-site .fab-table-wrap thead th { background:var(--fab-navy); color:#fff; font:700 11px/1.3 IBM Plex Mono,monospace; letter-spacing:.05em; text-transform:uppercase }
.ported-site .fab-table-wrap tbody th { width:170px; color:var(--fab-navy); font-size:15px; line-height:1; text-transform:uppercase }
.ported-site .fab-table-wrap td { color:#48545f; font-size:11px; line-height:1.5 }
.ported-site .fab-comparison__mobile { display:none }
.ported-site .fab-gsm__grid { display:grid; grid-template-columns:1fr 1fr; gap:18px }
.ported-site .fab-gsm__grid article { padding:30px; border:1px solid var(--fab-line); background:var(--fab-white) }
.ported-site .fab-gsm__grid article>span { color:var(--fab-navy); font:800 22px/1 Barlow Condensed,sans-serif; text-transform:uppercase }
.ported-site .fab-gsm__grid ul { margin:20px 0 0; padding-left:18px }
.ported-site .fab-gsm__grid li { margin-top:9px; color:#46535f; font-size:13px; line-height:1.5 }
.ported-site .fab-callout { margin-top:18px!important; padding:18px 20px; border-left:4px solid var(--fab-brass); background:#eae6dc; color:#46535f; font-size:12px; line-height:1.55 }
.ported-site .fab-path-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); border:1px solid var(--fab-line); background:var(--fab-white) }
.ported-site .fab-path-grid article { min-width:0; min-height:310px; display:flex; flex-direction:column; padding:24px 19px; border-right:1px solid var(--fab-line) }
.ported-site .fab-path-grid article:last-child { border-right:0 }
.ported-site .fab-path-grid article>span { color:var(--fab-brass); font:700 11px/1 IBM Plex Mono,monospace }
.ported-site .fab-path-grid article>p { margin-top:38px; color:var(--fab-muted); font-size:9px; font-weight:700; letter-spacing:.08em; text-transform:uppercase }
.ported-site .fab-path-grid h3 { margin-top:5px; color:var(--fab-navy); font-size:25px; line-height:.95; text-transform:uppercase }
.ported-site .fab-path-grid strong { margin-top:15px; color:#44515c; font-family:Inter,sans-serif; font-size:11px; font-weight:500; line-height:1.45 }
.ported-site .fab-path-grid a { min-height:44px; display:flex; align-items:center; margin-top:auto; color:var(--fab-brass); font-size:11px; font-weight:700; line-height:1.35 }
.ported-site .fab-workflow { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(5,1fr); border:1px solid var(--fab-line); background:var(--fab-white) }
.ported-site .fab-workflow li { min-height:210px; padding:23px 18px; border-right:1px solid var(--fab-line) }
.ported-site .fab-workflow li:last-child { border-right:0 }
.ported-site .fab-workflow li>span { color:var(--fab-brass); font:700 12px/1 IBM Plex Mono,monospace }
.ported-site .fab-workflow h3 { margin-top:45px; color:var(--fab-navy); font-size:22px; line-height:1; text-transform:uppercase }
.ported-site .fab-workflow p { margin-top:9px; color:var(--fab-muted); font-size:11px; line-height:1.5 }
.ported-site .fab-disclosure { display:grid; grid-template-columns:1fr 1fr; gap:70px; padding-inline:30px; background:#e9e5da }
.ported-site .fab-disclosure h2 { font-size:clamp(30px,3vw,44px) }
.ported-site .fab-disclosure>div:last-child { display:flex; flex-direction:column; justify-content:center; gap:14px }
.ported-site .fab-disclosure>div:last-child p { color:#44515c; font-size:13px; line-height:1.65 }
.ported-site .fab-method-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-bottom:30px }
.ported-site .fab-method-grid article { padding:19px; border:1px solid var(--fab-line); background:var(--fab-white) }
.ported-site .fab-method-grid article>span { color:var(--fab-brass); font:700 10px/1 IBM Plex Mono,monospace }
.ported-site .fab-method-grid h3 { margin-top:8px; color:var(--fab-navy); font-size:17px; line-height:1.1 }
.ported-site .fab-method-grid p { margin-top:10px; color:#47535e; font-size:11px; line-height:1.5 }
.ported-site .fab-method-grid small { display:block; margin-top:11px; color:var(--fab-muted); font-size:10px; line-height:1.45 }
.ported-site .fab-source-list { list-style:none; margin:0; padding:0; border-top:1px solid var(--fab-line) }
.ported-site .fab-source-list li { display:grid; grid-template-columns:1fr 1fr 1fr; gap:28px; padding:17px 0; border-bottom:1px solid var(--fab-line) }
.ported-site .fab-source-list li>div span { display:block; color:var(--fab-muted); font:700 9px/1 IBM Plex Mono,monospace; letter-spacing:.08em; text-transform:uppercase }
.ported-site .fab-source-list a { display:inline-block; margin-top:6px; color:var(--fab-navy); font-size:12px; font-weight:700 }
.ported-site .fab-source-list p, .ported-site .fab-source-list small { color:var(--fab-muted); font-size:10px; line-height:1.5 }
.ported-site .fab-cta { margin:58px 0 74px; display:flex; align-items:center; justify-content:space-between; gap:50px; padding:52px; background:var(--fab-navy); color:#fff }
.ported-site .fab-cta h2 { color:#fff; font-size:clamp(34px,3.6vw,50px) }
.ported-site .fab-cta>div>p:last-child { max-width:720px; margin-top:13px; color:#ffffffad; font-size:13px; line-height:1.6 }
.ported-site .fab-cta .fab-button { flex:0 0 auto }
.ported-site .fab-category-hero { padding:32px 0 0 }
.ported-site .fab-breadcrumb { min-height:44px; display:flex; align-items:center; gap:9px; color:var(--fab-muted); font-size:11px }
.ported-site .fab-breadcrumb a:hover { color:var(--fab-brass) }
.ported-site .fab-category-hero__grid { min-height:470px; display:grid; grid-template-columns:minmax(0,1.4fr) minmax(320px,.6fr); background:var(--fab-white); border:1px solid var(--fab-line) }
.ported-site .fab-category-hero__grid>div { padding:70px 60px }
.ported-site .fab-category-hero__grid>div { min-width:0 }
.ported-site .fab-category-hero h1 { max-width:900px; font-size:clamp(50px,5.6vw,82px) }
.ported-site .fab-category-hero__grid>aside { display:flex; flex-direction:column; justify-content:center; padding:42px; background:var(--fab-navy); color:#fff }
.ported-site .fab-category-hero__grid>aside>span { color:var(--fab-brass-pale); font:700 10px/1 IBM Plex Mono,monospace; letter-spacing:.1em; text-transform:uppercase }
.ported-site .fab-category-hero__grid>aside>p { margin-top:17px; font:700 25px/1.05 Barlow Condensed,sans-serif; text-transform:uppercase }
.ported-site .fab-category-hero__grid>aside>a { min-height:44px; display:flex; align-items:center; margin-top:28px; color:var(--fab-brass-pale); font-size:12px; font-weight:700 }
.ported-site .fab-condition-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px }
.ported-site .fab-condition-grid article { min-height:245px; padding:22px; border:1px solid var(--fab-line); background:var(--fab-white) }
.ported-site .fab-condition-grid article>span { color:var(--fab-brass); font:700 11px/1 IBM Plex Mono,monospace }
.ported-site .fab-condition-grid h3 { margin-top:30px; color:var(--fab-navy); font-size:24px; line-height:1; text-transform:uppercase }
.ported-site .fab-condition-grid p { margin-top:10px; color:#44515c; font-size:12px; line-height:1.5 }
.ported-site .fab-condition-grid strong { display:block; margin-top:16px; color:var(--fab-navy); font-family:Inter,sans-serif; font-size:10px; line-height:1.45 }
.ported-site .fab-condition-grid small { display:block; margin-top:10px; color:var(--fab-muted); font-size:10px; line-height:1.45 }
.ported-site .fab-layer-map { list-style:none; margin:0; padding:0; border:1px solid var(--fab-line); background:var(--fab-white) }
.ported-site .fab-layer-map li { min-height:92px; display:grid; grid-template-columns:46px minmax(230px,.8fr) minmax(300px,1.2fr); align-items:center; gap:18px; padding:15px 20px; border-bottom:1px solid var(--fab-line) }
.ported-site .fab-layer-map li:last-child { border-bottom:0 }
.ported-site .fab-layer-map li>span { color:var(--fab-brass); font:700 11px/1 IBM Plex Mono,monospace }
.ported-site .fab-layer-map small { color:var(--fab-muted); font-size:9px; font-weight:700; letter-spacing:.07em; text-transform:uppercase }
.ported-site .fab-layer-map h3 { margin-top:3px; color:var(--fab-navy); font-size:18px; line-height:1; text-transform:uppercase }
.ported-site .fab-layer-map p { margin-top:5px; color:var(--fab-muted); font-size:10px; line-height:1.4 }
.ported-site .fab-layer-map li>strong { padding-left:18px; border-left:1px solid var(--fab-line); color:#46535f; font-family:Inter,sans-serif; font-size:11px; font-weight:600; line-height:1.5 }
.ported-site .fab-mapping-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px }
.ported-site .fab-mapping-grid article { padding:24px; border:1px solid var(--fab-line); background:var(--fab-white) }
.ported-site .fab-mapping-grid h3 { color:var(--fab-navy); font-size:22px; line-height:1; text-transform:uppercase }
.ported-site .fab-mapping-grid p { margin-top:10px; color:var(--fab-muted); font-size:11px; line-height:1.5 }
.ported-site .fab-mapping-grid span { display:block; margin-top:20px; padding-top:14px; border-top:1px solid var(--fab-line); color:var(--fab-brass); font-size:10px; font-weight:700; line-height:1.4; text-transform:uppercase }
.ported-site .fab-two-column { display:grid; grid-template-columns:1fr 1fr; gap:18px }
.ported-site .fab-two-column>article { padding:32px; border:1px solid var(--fab-line); background:var(--fab-white) }
.ported-site .fab-two-column h2 { margin-top:8px; font-size:34px }
.ported-site .fab-two-column ol { list-style:none; margin:29px 0 0; padding:0 }
.ported-site .fab-two-column ol li { display:grid; grid-template-columns:36px 1fr; gap:10px; padding:13px 0; border-top:1px solid var(--fab-line) }
.ported-site .fab-two-column ol li>span { color:var(--fab-brass); font:700 10px/1.5 IBM Plex Mono,monospace }
.ported-site .fab-two-column ol p { color:#45525e; font-size:11px; line-height:1.5 }
.ported-site .fab-test-list { margin-top:29px; border-top:1px solid var(--fab-line) }
.ported-site .fab-test-list details { border-bottom:1px solid var(--fab-line) }
.ported-site .fab-test-list summary, .ported-site .fab-faq summary { min-height:54px; display:flex; align-items:center; justify-content:space-between; gap:18px; cursor:pointer; color:var(--fab-navy); font-size:14px; font-weight:700; line-height:1.2 }
.ported-site .fab-test-list summary span, .ported-site .fab-faq summary span { color:var(--fab-brass); font:700 9px/1 IBM Plex Mono,monospace; letter-spacing:.08em; text-transform:uppercase }
.ported-site .fab-test-list details p { padding:0 0 7px; color:var(--fab-muted); font-size:11px; line-height:1.5 }
.ported-site .fab-test-list details small { display:block; padding-bottom:14px; color:var(--fab-brass); font-size:9px; font-weight:700; letter-spacing:.04em }
.ported-site .fab-faq>div { border-top:1px solid var(--fab-line) }
.ported-site .fab-faq details { border-bottom:1px solid var(--fab-line) }
.ported-site .fab-faq summary { min-height:64px; font-size:19px }
.ported-site .fab-faq details>p { max-width:900px; padding:0 0 22px; color:var(--fab-muted); font-size:13px; line-height:1.65 }
@media (max-width: 1100px) {
.ported-site .fab-material-grid { grid-template-columns:repeat(2,minmax(0,1fr)) }
.ported-site .fab-path-grid { grid-template-columns:repeat(3,1fr) }
.ported-site .fab-path-grid article { border-bottom:1px solid var(--fab-line) }
.ported-site .fab-workflow { grid-template-columns:repeat(3,1fr) }
.ported-site .fab-workflow li { border-bottom:1px solid var(--fab-line) }
.ported-site .fab-filter-grid { grid-template-columns:repeat(3,1fr) }
.ported-site .fab-reset { grid-column:1 / -1 }
}
@media (max-width: 760px) {
.ported-site .fab-shell { width:calc(100% - 28px) }
.ported-site .fab-hero { width:100%; min-height:auto; grid-template-columns:1fr; border-inline:0 }
.ported-site .fab-hero__copy { padding:56px 20px 44px; border-right:0 }
.ported-site .fab-hero h1, .ported-site .fab-category-hero h1 { font-size:clamp(38px,11.5vw,52px); line-height:.92; overflow-wrap:anywhere }
.ported-site .fab-answer { margin-top:20px!important; font-size:15px; line-height:1.6 }
.ported-site .fab-hero__actions { align-items:stretch; flex-direction:column; gap:7px }
.ported-site .fab-hero__actions .fab-button, .ported-site .fab-hero__actions .fab-text-link { width:100%; justify-content:center }
.ported-site .fab-hero__sequence { padding:36px 20px }
.ported-site .fab-category-rail { margin-inline:-14px; padding-left:14px; border-inline:0 }
.ported-site .fab-category-rail a { min-height:48px; padding-inline:17px }
.ported-site .fab-section { padding:52px 0 }
.ported-site .fab-section-heading { margin-bottom:25px }
.ported-site .fab-section-heading--split { grid-template-columns:1fr; gap:12px; align-items:start }
.ported-site .fab-section-heading h2, .ported-site .fab-cta h2, .ported-site .fab-disclosure h2 { font-size:34px }
.ported-site .fab-filter-panel { margin-inline:-1px }
.ported-site .fab-filter-panel>summary { min-height:58px; padding-inline:14px; font-size:13px }
.ported-site .fab-filter-grid { grid-template-columns:1fr; padding:14px }
.ported-site .fab-reset { grid-column:auto; width:100% }
.ported-site .fab-library__status { align-items:flex-start; flex-direction:column; gap:4px; padding:14px 2px }
.ported-site .fab-material-grid { grid-template-columns:1fr }
.ported-site .fab-material-card__construction { min-height:auto }
.ported-site .fab-comparison__desktop { display:none }
.ported-site .fab-comparison__mobile { display:grid; gap:12px }
.ported-site .fab-compare-card { padding:18px; border:1px solid var(--fab-line); background:var(--fab-white) }
.ported-site .fab-compare-card header>span { color:var(--fab-brass); font:700 9px/1 IBM Plex Mono,monospace }
.ported-site .fab-compare-card h3 { margin:8px 0 11px; color:var(--fab-navy); font-size:25px; line-height:1; text-transform:uppercase }
.ported-site .fab-compare-card dl { margin-top:14px }
.ported-site .fab-compare-card dl>div { padding:11px 0; border-top:1px solid var(--fab-line) }
.ported-site .fab-compare-card dt { color:var(--fab-muted); font-size:9px; font-weight:700; letter-spacing:.05em; text-transform:uppercase }
.ported-site .fab-compare-card dd { margin-top:5px; color:#44515c; font-size:11px; line-height:1.5 }
.ported-site .fab-gsm__grid, .ported-site .fab-disclosure, .ported-site .fab-two-column { grid-template-columns:1fr }
.ported-site .fab-gsm__grid article { padding:22px }
.ported-site .fab-path-grid { grid-template-columns:1fr }
.ported-site .fab-path-grid article { min-height:220px; border-right:0 }
.ported-site .fab-path-grid article>p { margin-top:24px }
.ported-site .fab-workflow { grid-template-columns:1fr }
.ported-site .fab-workflow li { min-height:155px; border-right:0 }
.ported-site .fab-workflow h3 { margin-top:27px }
.ported-site .fab-disclosure { gap:25px; padding:32px 20px }
.ported-site .fab-method-grid { grid-template-columns:1fr }
.ported-site .fab-source-list li { grid-template-columns:1fr; gap:7px; padding:18px 0 }
.ported-site .fab-cta { margin:40px 0 54px; align-items:stretch; flex-direction:column; gap:27px; padding:34px 22px }
.ported-site .fab-cta .fab-button { width:100% }
.ported-site .fab-category-hero { padding-top:14px }
.ported-site .fab-category-hero__grid { min-height:auto; grid-template-columns:1fr }
.ported-site .fab-category-hero__grid>div { padding:49px 20px 42px }
.ported-site .fab-category-hero__grid>aside { padding:31px 20px }
.ported-site .fab-condition-grid, .ported-site .fab-mapping-grid { grid-template-columns:1fr }
.ported-site .fab-condition-grid article { min-height:auto }
.ported-site .fab-layer-map li { grid-template-columns:34px 1fr; gap:9px; padding:18px 14px }
.ported-site .fab-layer-map li>strong { grid-column:2; padding:11px 0 0; border-top:1px solid var(--fab-line); border-left:0 }
.ported-site .fab-two-column>article { padding:24px 18px }
.ported-site .fab-faq summary { font-size:16px }
}
@media (prefers-reduced-motion: reduce) {
.ported-site .fab-page *, .ported-site .fab-page *:before, .ported-site .fab-page *:after { scroll-behavior:auto!important; transition:none!important; animation:none!important }
}
.ported-site .fab-page a:focus-visible, .ported-site .fab-page button:focus-visible, .ported-site .fab-page select:focus-visible, .ported-site .fab-page input:focus-visible, .ported-site .fab-page summary:focus-visible, .ported-site .fab-page [tabindex="0"]:focus-visible { outline:3px solid #edb45f; outline-offset:3px }
.ported-site .buyer-commerce { --ink: #0b1d33; --ice: #ffffff; --paper: #f4f5f6; --display: "Archivo", "Inter", Arial, sans-serif; --body: "Inter", Arial, sans-serif; --shop-brass: #c8842f; --shop-line: #dfe3e7; --shop-muted: #5c6877; padding: clamp(24px, 4vw, 56px) clamp(16px, 4vw, 64px) clamp(48px, 6vw, 96px); font-size: 15px; color: #102238 }
.ported-site .buyer-commerce h1, .ported-site .buyer-commerce h2, .ported-site .buyer-commerce h3 { letter-spacing: -0.01em; color: #0b1d33 }
.ported-site .buyer-journey { gap: 8px; border-bottom: 1px solid var(--shop-line); padding-bottom: 16px; margin-bottom: 28px; font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase }
.ported-site .buyer-journey a { text-decoration: none; padding: 8px 14px; border: 1px solid var(--shop-line); border-radius: 999px; background: #fff }
.ported-site .buyer-journey a:hover { border-color: #0b1d33 }
.ported-site .buyer-commerce button, .ported-site .buyer-button, .ported-site .buyer-commerce select { min-height: 44px; padding: 10px 20px; border: 1px solid #0b1d33; border-radius: 2px; background: #0b1d33; color: #fff; font: 600 12px/1.2 var(--body); letter-spacing: .12em; text-transform: uppercase; text-decoration: none; transition: background .2s, color .2s }
.ported-site .buyer-commerce button:hover, .ported-site .buyer-button:hover { background: var(--shop-brass); border-color: var(--shop-brass) }
.ported-site .buyer-commerce select { background: #fff; color: #0b1d33; letter-spacing: .04em; text-transform: none; font-size: 14px }
.ported-site .buyer-list-layout { grid-template-columns: 240px minmax(0, 1fr); gap: clamp(24px, 3vw, 48px); align-items: start }
.ported-site .buyer-list-layout aside { position: sticky; top: 96px; max-height: calc(100vh - 120px); overflow: auto; padding-right: 8px }
.ported-site .buyer-list-layout aside nav { border-bottom: 1px solid var(--shop-line); padding-bottom: 12px; margin-bottom: 16px }
.ported-site .buyer-list-layout aside nav > a, .ported-site .buyer-list-layout details a { padding: 6px 0; text-decoration: none; color: var(--shop-muted); font-size: 14px }
.ported-site .buyer-list-layout aside nav > a:hover, .ported-site .buyer-list-layout details a:hover, .ported-site .buyer-list-layout details a[aria-current="page"] { color: #0b1d33 }
.ported-site .buyer-commerce summary { padding: 8px 0; font: 600 14px/1.3 var(--body); color: #0b1d33; list-style-position: outside }
.ported-site .buyer-commerce fieldset { border: 0; border-top: 1px solid var(--shop-line); padding: 14px 0 4px; margin: 0 }
.ported-site .buyer-commerce legend { font: 700 11px/1 var(--body); letter-spacing: .14em; text-transform: uppercase; color: var(--shop-brass); padding: 0 0 10px }
.ported-site .buyer-commerce fieldset label { gap: 10px; margin-bottom: 8px; font-size: 14px; color: #102238; align-items: center }
.ported-site .buyer-commerce input[type=checkbox] { width: 16px; height: 16px; accent-color: #0b1d33 }
.ported-site .buyer-commerce input:not([type=checkbox]), .ported-site .buyer-commerce textarea { border: 1px solid var(--shop-line); border-radius: 2px }
.ported-site .buyer-commerce label { font-size: 13px; font-weight: 600; color: #0b1d33 }
.ported-site .buyer-toolbar { border-bottom: 1px solid var(--shop-line); padding-bottom: 14px; margin-bottom: 24px }
.ported-site .buyer-toolbar p { margin: 0; font-size: 13px; color: var(--shop-muted) }
.ported-site .buyer-toolbar label { display: flex; align-items: center; gap: 10px; margin: 0 }
.ported-site .buyer-chips { justify-content: flex-start; margin-bottom: 20px }
.ported-site .buyer-chips button { min-height: 34px; padding: 6px 12px; background: #fff; color: #0b1d33; border-color: var(--shop-line); border-radius: 999px; text-transform: none; letter-spacing: 0 }
.ported-site .buyer-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(14px, 1.8vw, 28px) }
.ported-site .buyer-grid article { position: relative; display: flex; flex-direction: column; padding: 0; background: #fff; border: 1px solid var(--shop-line); transition: box-shadow .25s, transform .25s }
.ported-site .buyer-grid article:hover { box-shadow: 0 18px 40px -24px rgba(11, 29, 51, .35); transform: translateY(-2px) }
.ported-site .buyer-grid article > a:first-child { display: block; text-decoration: none; color: inherit }
.ported-site .buyer-grid article > a:first-child::after { content: ""; position: absolute; inset: 0 }
.ported-site .buyer-grid img { aspect-ratio: 1 / 1; object-fit: contain; background: #eef0f2; padding: 0 }
.ported-site .buyer-grid h2 { margin: 16px 18px 6px; font: 600 15px/1.35 var(--display); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden }
.ported-site .buyer-grid article > p { margin: 0 18px; font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--shop-muted) }
.ported-site .buyer-grid article > p ~ p { display: none }
.ported-site .buyer-grid .buyer-button { margin: 14px 18px 18px; align-self: flex-start; min-height: 0; padding: 0; border: 0; background: none; color: var(--shop-brass); font-size: 11px; position: relative; z-index: 1 }
.ported-site .buyer-grid .buyer-button::after { content: " →" }
.ported-site .buyer-commerce nav[aria-label='Product pages'] { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin: 40px 0 16px }
.ported-site .buyer-commerce nav[aria-label='Product pages'] a, .ported-site .buyer-commerce nav[aria-label='Product pages'] span { min-width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; padding: 0 10px; border: 1px solid var(--shop-line); background: #fff; text-decoration: none; font-size: 14px; color: #102238 }
.ported-site .buyer-commerce nav[aria-label='Product pages'] span { border: 0; background: none }
.ported-site .buyer-commerce nav[aria-label='Product pages'] a[aria-current="page"] { background: #0b1d33; border-color: #0b1d33; color: #fff }
.ported-site .buyer-list-layout section[aria-label="Products"] > p:last-child { text-align: center; font-size: 12px; color: var(--shop-muted) }
.ported-site .buyer-commerce main > nav[aria-label="Breadcrumb"] { font-size: 12px; color: var(--shop-muted); margin-bottom: 24px }
.ported-site .buyer-commerce main > nav[aria-label="Breadcrumb"] a { text-decoration: none; color: var(--shop-muted) }
.ported-site .buyer-detail { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: clamp(24px, 4vw, 64px); align-items: start }
.ported-site .buyer-gallery { display: grid; gap: 12px }
.ported-site .buyer-gallery img { background: #eef0f2; border: 1px solid var(--shop-line) }
.ported-site .buyer-detail > section { position: sticky; top: 96px }
.ported-site .buyer-detail > section > p:first-child { font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--shop-brass); margin: 0 0 8px }
.ported-site .buyer-detail h1 { font: 700 clamp(26px, 2.6vw, 38px)/1.12 var(--display); margin: 0 0 18px }
.ported-site .buyer-detail h1 + p { white-space: pre-line; font-size: 15px; line-height: 1.7; color: #33404f; max-height: 16em; overflow: auto; padding-right: 6px }
.ported-site .buyer-detail h1 + p + p { font-size: 13px; color: var(--shop-muted); border-top: 1px solid var(--shop-line); padding-top: 14px }
.ported-site .buyer-detail h1 + p + p + p { display: none }
.ported-site .buyer-detail h2 { font: 700 11px/1 var(--body); letter-spacing: .14em; text-transform: uppercase; color: #0b1d33; margin: 26px 0 12px }
.ported-site .buyer-detail h2 + p { font-size: 12px; color: var(--shop-muted) }
.ported-site .buyer-commerce table { font-size: 13px }
.ported-site .buyer-commerce caption { text-align: left; font-size: 12px; color: var(--shop-muted); padding-bottom: 6px }
.ported-site .buyer-commerce td, .ported-site .buyer-commerce th { border-bottom: 1px solid var(--shop-line) }
.ported-site .buyer-detail section button + button { background: var(--shop-brass); border-color: var(--shop-brass) }
.ported-site .buyer-detail section a[target="_blank"] { display: inline-flex; align-items: center; min-height: 44px; margin-left: 12px; font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: #128c4a; text-decoration: none }
.ported-site .buyer-commerce main > section { max-width: 980px; margin: clamp(40px, 5vw, 72px) 0 0 }
.ported-site .buyer-commerce main > section > h2 { font: 700 22px/1.2 var(--display); margin: 0 0 16px }
.ported-site .buyer-commerce main > section > h2 ~ h2 { margin-top: 36px }
.ported-site .buyer-commerce dl > div { grid-template-columns: 220px 1fr; border-top: 1px solid var(--shop-line); padding: 12px 0; font-size: 14px }
.ported-site .buyer-commerce dt { color: var(--shop-muted) }
.ported-site .buyer-commerce main > section ul { padding-left: 18px; font-size: 14px }
.ported-site .buyer-commerce main > section:last-child > a { display: block; padding: 12px 0; border-top: 1px solid var(--shop-line); text-decoration: none; font-weight: 600 }
.ported-site .buyer-commerce main > section:last-child > a:hover { color: var(--shop-brass) }
@media (max-width: 1100px) {
.ported-site .buyer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) }
}
@media (max-width: 800px) {
.ported-site .buyer-list-layout, .ported-site .buyer-detail { grid-template-columns: 1fr }
.ported-site .buyer-detail > section, .ported-site .buyer-list-layout aside { position: static; max-height: none }
.ported-site .buyer-gallery { grid-template-columns: 1fr 1fr }
.ported-site .buyer-mobile-actions button { flex: 1; background: #fff; color: #0b1d33 }
.ported-site .buyer-commerce dl > div { grid-template-columns: 1fr; gap: 2px }
}
@media (max-width: 430px) {
.ported-site .buyer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px }
.ported-site .buyer-grid h2 { margin: 10px 10px 4px; font-size: 13px }
.ported-site .buyer-grid article > p, .ported-site .buyer-grid .buyer-button { margin-left: 10px; margin-right: 10px }
}