@import url('base.css?v=f74840b73f'); body.meridian{--bg:#E6F1FB;--ink:#2C2C2A;--muted:#56606a;--accent:#F1EFE8;--panel:#f3f7fa;--rule:#c2cfda;--metal:#8b7043;--metal-dark:#725b36;--metal-light:#d0b783;--button:#2C2C2A;--buttonink:#fff}body.summit{--panel:#242729;--metal:#378ADD;--metal-dark:#90c4f5;--metal-light:#98ceff}button,input,select,textarea{font:inherit}input,select,textarea{border:1px solid var(--rule);background:var(--bg);color:var(--ink);padding:12px;border-radius:2px;min-width:0}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--metal-dark);outline-offset:3px}button:disabled{opacity:.5;cursor:not-allowed;filter:none}[hidden]{display:none!important}.review{padding:8px 4%;gap:10px}.review .review-label{letter-spacing:.055em}.review button{font-size:12px;background:transparent;border:0;text-decoration:underline;color:#363633}.review-actions{display:flex;align-items:center;gap:15px}.site-header{height:106px}.site-nav{gap:25px}.site-nav [aria-current=page]{border-bottom:1px solid var(--metal)}.brand.m img{width:195px;height:64px}.menu-trigger{display:none;background:transparent;color:var(--ink);border:1px solid var(--rule);padding:9px 12px}.mobile-nav{padding:15px 0;border-bottom:1px solid var(--rule)}.mobile-nav a{display:block;padding:11px 0}.gold-line{display:block;width:48px;height:2px;background:linear-gradient(110deg,#806844,#eee1bd,#b59461);margin:-10px 0 24px}.meridian .dot{background:var(--metal)}.hero .button span{color:var(--metal-light)}.hero{min-height:600px}.hero-art{position:relative}.hero-art>img{position:absolute;inset:0;object-position:65% center}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:33px}.section-head h2{margin:0}.section-head .eyebrow{margin-bottom:15px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:23px}.product-card{min-width:0}.card-photo{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;background:var(--panel)}.card-photo>img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.card-photo:hover>img{transform:scale(1.025)}.card-code{position:absolute;top:14px;left:14px;background:var(--bg);color:var(--ink);font-size:11px;padding:4px 8px;border:1px solid var(--rule)}.product-card .card-meta{font-size:12px;color:var(--muted);margin:16px 0 6px}.product-card h3{font-size:23px;margin:0 0 10px}.price-line{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px}.price-line .mock-label{font-size:11px;color:var(--muted)}.price-line .locked-price{font-size:12px}.card-description{font-size:13px;color:var(--muted)}.compact-intro{padding:55px 0 33px}.compact-intro h1{font-size:clamp(39px,4.5vw,65px);margin-bottom:20px;max-width:840px}.compact-intro .lede{max-width:680px;font-size:17px}.compact-intro .eyebrow{margin-bottom:18px}.catalog-controls{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:20px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin-bottom:32px}.filter-chips{display:flex;gap:8px;flex-wrap:wrap}.filter-chips button{background:transparent;border:1px solid var(--rule);padding:10px 16px;color:var(--ink);font-size:13px}.filter-chips button[aria-pressed=true]{background:var(--button);color:var(--buttonink);border-color:var(--button)}.search-fields{display:flex;gap:12px}.field-small{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--muted)}.field-small input{width:200px;font-size:14px}.field-small select{font-size:14px}.catalog-count{font-size:12px;color:var(--muted);margin-bottom:22px}.catalog-space{padding-bottom:60px}.empty-state{padding:52px 30px;border:1px solid var(--rule);text-align:center;background:var(--panel)}.empty-state h2{font-size:34px}.empty-state p{color:var(--muted)}.empty-state .actions{justify-content:center}.notice{padding:17px 20px;border:1px solid var(--rule);font-size:13px;background:var(--panel);color:var(--muted);margin:20px 0}.notice strong{color:var(--ink)}.preview-status{font-size:11px;border:1px solid var(--rule);padding:5px 9px;display:inline-block;color:var(--muted)}.page-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(290px,1fr);gap:7%;padding-bottom:65px;align-items:start}.panel{padding:30px;border:1px solid var(--rule);background:var(--panel);min-width:0}.panel.gold-edge{border-top:2px solid var(--metal)}.panel h2{font-size:30px;margin-bottom:19px}.panel h3{font-size:23px}.panel .eyebrow{font-size:11px;margin-bottom:15px}.panel>p{font-size:15px;color:var(--muted)}.panel .button.wide{width:100%;justify-content:space-between}.info-rows{margin:20px 0}.info-rows>div{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--rule);padding:13px 0;font-size:14px}.info-rows>div span:last-child{text-align:right;color:var(--muted)}.info-rows .total{font-weight:700;font-size:19px}.info-rows .total span:last-child{color:var(--ink)}.panel-note{font-size:12px!important;color:var(--muted);line-height:1.6;margin:20px 0 0}.breadcrumb{display:flex;gap:10px;flex-wrap:wrap;padding:24px 0;font-size:12px;color:var(--muted)}.detail-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:7%;align-items:start;padding-bottom:50px}.detail-photo{aspect-ratio:1;position:relative;overflow:hidden;background:var(--panel)}.detail-photo img{width:100%;height:100%;object-fit:cover}.detail-copy{padding-top:15px}.detail-copy h1{font-size:clamp(39px,4vw,61px)}.detail-copy .eyebrow{margin-bottom:22px}.detail-copy .lede{font-size:17px}.detail-specs{margin:25px 0}.detail-specs>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--rule);padding:12px 0;font-size:14px}.detail-specs dt{color:var(--muted)}.detail-specs dd{margin:0;text-align:right}.quantity-row{display:flex;gap:18px;align-items:end;margin:17px 0}.quantity-row label{display:flex;flex-direction:column;gap:6px;font-size:12px}.quantity-row input{width:80px}.quantity-row .button{flex:1}.demo-price{font-size:30px;letter-spacing:-.035em}.demo-price small{font-size:12px;letter-spacing:0;color:var(--muted)}.image-zoom{position:absolute;right:16px;bottom:16px;border:1px solid var(--rule);border-radius:50%;width:43px;height:43px;background:var(--bg);color:var(--ink);font-size:24px}.photo-caption{font-size:12px;color:var(--muted);margin:14px 0 0}.detail-tabs{display:flex;gap:30px;padding:18px 0;border-block:1px solid var(--rule);font-size:14px;flex-wrap:wrap}.detail-section{display:grid;grid-template-columns:1fr 1.4fr;gap:10%;padding:55px 0;border-bottom:1px solid var(--rule)}.detail-section h2{font-size:38px}.detail-section p{color:var(--muted)}.document-link{display:flex;justify-content:space-between;align-items:center;gap:20px;border-block:1px solid var(--rule);padding:20px 0}.document-link small{font-size:12px;color:var(--muted);display:block}.document-link strong{font-size:17px;font-weight:500}.cart-line{display:grid;grid-template-columns:92px 1fr auto;gap:22px;align-items:center;border-top:1px solid var(--rule);padding:24px 0}.cart-line img{width:92px;height:92px;object-fit:cover}.cart-line h3{font-size:23px;margin:0 0 6px}.cart-line p{margin:0 0 11px;font-size:12px;color:var(--muted)}.cart-line input{width:66px;padding:8px;font-size:14px}.cart-line label{font-size:12px}.cart-line .line-controls{display:flex;gap:16px;align-items:center}.cart-line .remove{font-size:12px;background:transparent;color:var(--muted);border:0;text-decoration:underline;padding:5px}.cart-price{font-size:16px;text-align:right}.cart-price small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.field{display:flex;flex-direction:column;gap:7px;font-size:13px;color:var(--ink)}.field input,.field select,.field textarea{width:100%;font-size:15px}.field.full{grid-column:1/-1}.field small{font-size:12px;color:var(--muted)}.wizard-steps{display:flex;list-style:none;padding:0;margin:0 0 28px;border-bottom:1px solid var(--rule)}.wizard-steps li{flex:1;font-size:12px;padding:13px 7px;color:var(--muted);border-bottom:2px solid transparent}.wizard-steps li[aria-current=step]{border-color:var(--metal);color:var(--ink)}.wizard-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:25px}.document-slot{border:1px dashed var(--rule);padding:18px;margin-top:14px;display:flex;justify-content:space-between;align-items:center;gap:20px}.document-slot p{font-size:14px;margin:0}.document-slot small{font-size:12px;color:var(--muted);display:block;margin-top:4px}.document-slot button{font-size:12px;color:var(--ink);background:var(--bg);border:1px solid var(--rule);padding:10px 12px;flex-shrink:0}.step-check{display:flex;gap:11px;align-items:start;font-size:13px;margin:18px 0;line-height:1.6}.step-check input{width:19px;height:19px;margin-top:2px;accent-color:var(--button);flex-shrink:0}.account-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:6%;padding-bottom:60px}.account-sidebar{border-top:1px solid var(--rule)}.account-sidebar a{display:block;border-bottom:1px solid var(--rule);padding:16px 0;font-size:14px}.account-sidebar a:first-child{color:var(--metal-dark)}.account-cards{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:26px}.account-cards .panel h2{font-size:29px}.large-number{font-size:47px;letter-spacing:-.045em;line-height:1.15;margin:12px 0}.timeline{list-style:none;margin:23px 0;padding:0}.timeline li{display:grid;grid-template-columns:25px 1fr;gap:14px;border-top:1px solid var(--rule);padding:18px 0;font-size:14px}.timeline .number{color:var(--metal-dark);font-size:12px;padding-top:2px}.timeline small{display:block;color:var(--muted);font-size:13px;margin-top:5px}.demo-controls{display:flex;align-items:center;gap:12px;margin:20px 0;font-size:12px;color:var(--muted);flex-wrap:wrap}.demo-controls select{font-size:13px;padding:9px}.account-cards .text-link{font-size:13px}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.article-card{padding:28px;border-top:2px solid var(--metal);background:var(--panel)}.article-card h3{font-size:26px}.article-card p{font-size:14px;color:var(--muted)}.article-card .eyebrow{font-size:11px;margin-bottom:30px}.article-body{max-width:780px;margin:auto;padding:15px 0 55px}.article-body h2{font-size:33px;margin-top:35px}.article-body p{font-size:17px;color:var(--muted)}.article-body ul{color:var(--muted);line-height:1.8}.support-layout{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding-bottom:70px}.support-layout details{padding:20px 0}.support-layout summary{font-size:17px}.support-layout details p{font-size:15px}.contact-summary{border-top:2px solid var(--metal);padding-top:22px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:15px 23px;border-radius:3px;box-shadow:0 8px 24px #0002;font-size:14px;z-index:20;max-width:calc(100vw - 30px);width:max-content}.status-good{color:var(--metal-dark)}.review-order{border-top:1px solid var(--rule);padding:15px 0;display:flex;justify-content:space-between;gap:20px;font-size:14px}.review-order p{margin:0}.age-options{display:grid;gap:13px;margin-top:25px}.age-options .button{margin:0}.subtle-button{border:1px solid var(--rule);background:transparent;color:var(--ink);padding:12px 18px;min-height:48px;font-size:14px}.wide{width:100%}.footer-links{gap:18px 23px;max-width:720px;justify-content:flex-end}.footer-bottom{font-size:12px}.dialog-close{margin:-12px -12px 8px 12px}dialog{max-height:86vh;overflow:auto}dialog .eyebrow{font-size:11px}dialog .panel-note{font-size:12px}.image-dialog{max-width:950px;width:calc(100% - 30px);padding:16px}.image-dialog img{width:100%;max-height:72vh;object-fit:contain;display:block}.image-dialog .dialog-close{float:none;display:block;margin:0 0 8px auto}.order-table{width:100%;border-collapse:collapse;font-size:13px}.order-table th,.order-table td{text-align:left;padding:15px 10px;border-bottom:1px solid var(--rule)}.order-table th{font-weight:400;color:var(--muted)}.order-scroll{overflow-x:auto}.overview-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.overview-strip h3{font-size:24px}.overview-strip p{font-size:15px;color:var(--muted)}.section .panel .eyebrow{margin-bottom:15px}.welcome-inline{padding:15px 0;margin-top:8px;font-size:13px;color:var(--muted);border-bottom:1px solid var(--rule)}.welcome-inline strong{color:var(--ink)} @media(max-width:1100px){.site-nav{gap:17px;font-size:13px}.brand.m img{width:170px}.product-grid{grid-template-columns:repeat(2,1fr)}.search-fields{flex-wrap:wrap}.article-grid{grid-template-columns:1fr 1fr}.page-grid{gap:4%}.panel{padding:24px}.account-layout{grid-template-columns:170px 1fr;gap:4%}.footer-top{align-items:start}.footer-links{max-width:450px}}@media(max-width:800px){.site-nav{display:none}.menu-trigger{display:block}.site-header{height:86px}.catalog-controls{align-items:start;flex-direction:column}.search-fields{width:100%}.field-small{flex:1}.field-small input{width:100%}.page-grid,.detail-layout,.detail-section,.support-layout{grid-template-columns:1fr;gap:30px}.account-layout{grid-template-columns:1fr;gap:28px}.account-sidebar{display:flex;gap:20px;overflow:auto}.account-sidebar a{white-space:nowrap}.article-grid{grid-template-columns:1fr}.compact-intro{padding-top:36px}.detail-copy{padding-top:0}.detail-copy h1{font-size:45px}.footer-links{justify-content:flex-start}.section-head{align-items:start;flex-direction:column;gap:18px}.overview-strip{grid-template-columns:1fr;gap:20px}.review-actions{gap:10px}.review-actions>span{display:none}.hero{min-height:0}.form-grid{gap:15px}.order-table{min-width:480px}}@media(max-width:520px){.review .review-label{max-width:78px}.review nav a{padding:7px 9px}.review-actions button{font-size:11px}.product-grid{gap:24px 14px}.product-card h3{font-size:20px}.product-card .card-meta{font-size:11px}.card-code{top:9px;left:9px;font-size:10px}.price-line{align-items:start;flex-direction:column;gap:3px}.card-description{font-size:12px}.catalog-controls input,.catalog-controls select{padding:10px;font-size:13px}.filter-chips button{padding:9px 12px;font-size:12px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.account-cards{grid-template-columns:1fr}.cart-line{grid-template-columns:65px 1fr;gap:15px}.cart-line img{width:65px;height:80px}.cart-line h3{font-size:21px}.cart-price{grid-column:2;text-align:left}.cart-price small{display:inline;margin-left:8px}.document-slot{align-items:start;flex-direction:column;gap:12px}.wizard-steps li{font-size:11px}.panel{padding:23px}.detail-tabs{gap:19px;font-size:13px}.footer-top{gap:25px}.article-body p{font-size:16px}.toast{font-size:13px}.quantity-row{gap:12px}.quantity-row .button{font-size:13px;padding:13px 15px}} @media(prefers-reduced-motion:reduce){.card-photo>img{transition:none}} /* Browser-informed refinement: shorter opening, visible bag, quieter editorial rhythm. */ .mobile-tools{display:none}.meridian .hero h1 em{font-style:italic;color:var(--ink)}.hero{min-height:0;padding:46px 0 42px}.hero h1{font-size:clamp(44px,4.7vw,68px);line-height:1.06}.summit .hero h1{font-size:clamp(46px,5.1vw,74px)}.hero-copy{padding:12px 0}.hero .hero-art{min-height:410px}.hero .lede{font-size:17px}.hero .actions{margin-top:25px;gap:20px}.hero .hero-note{margin-top:20px}.welcome-ribbon{display:flex;align-items:center;justify-content:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--rule);font-size:12px;color:var(--muted)}.welcome-ribbon strong{color:#a1d0fc}.welcome-ribbon>span:last-child{color:#a1d0fc}.featured-products{padding:65px 0}.home-learning .article-card{padding:25px}.home-learning .article-card .eyebrow{margin-bottom:19px}.home-learning .article-card h3{font-size:25px}.home-learning .article-card p{font-size:14px}.added-item{display:flex;align-items:center;gap:20px;margin:22px 0}.added-item img{width:86px;height:86px;object-fit:cover}.added-item strong{font-size:17px;font-weight:500}.added-item p{font-size:13px;color:var(--muted);margin:8px 0 0}#bag-added .actions{gap:12px;margin-top:22px}#bag-added .button{margin:0}.review{min-height:43px}.mobile-bag{font-size:12px;white-space:nowrap;padding:9px 0;display:flex;gap:5px;align-items:center}.mobile-bag [data-cart-count]{font-size:11px;min-width:18px;height:18px;text-align:center;border-radius:50%;background:var(--ink);color:var(--bg);line-height:18px}.meridian .hero-visual{border-bottom:1px solid var(--metal);padding-bottom:12px} @media(max-width:800px){.mobile-tools{display:flex;align-items:center;gap:16px}.site-header{gap:15px}.brand.m img{width:150px;height:52px}.brand.s{gap:7px}.brand.s span{font-size:22px}.brand.s img{width:39px;height:33px}.menu-trigger{font-size:12px;padding:8px 10px}.hero{grid-template-columns:1fr;padding:32px 0}.hero .hero-art{height:280px;min-height:0}.hero h1{font-size:clamp(38px,7.9vw,55px)}.summit .hero h1{font-size:clamp(39px,8.3vw,57px)}.hero-copy{padding:0}.hero .eyebrow{font-size:11px;margin-bottom:18px}.hero .gold-line{margin:-4px 0 20px}.hero .lede{font-size:16px;line-height:1.55;margin-bottom:0}.hero h1{margin-bottom:20px}.hero .actions{gap:16px;margin-top:22px}.hero .button{font-size:13px;min-height:48px;padding:12px 16px;gap:14px}.hero .text-link{font-size:13px}.hero .hero-note{font-size:11px;margin:18px 0 0}.hero-visual figcaption{font-size:11px}.featured-products{padding:43px 0}.principles{grid-template-columns:repeat(3,1fr);gap:0}.principles div{font-size:11px;line-height:1.55;padding:17px 10px 17px 0}.principles span{display:block;margin:0 0 7px;width:auto;font-size:10px}.principles div+div{border-top:0;border-left:1px solid var(--rule);padding:17px 8px}.home-learning .article-grid{gap:0}.home-learning .article-card{padding:22px 0;background:transparent;border-top:1px solid var(--rule)}.home-learning .article-card .eyebrow{font-size:10px;margin-bottom:12px}.home-learning .article-card h3{font-size:24px;margin-bottom:12px}.home-learning .article-card p{margin-bottom:15px}.welcome-ribbon{font-size:11px;gap:9px;line-height:1.5;padding:11px 0}.welcome-ribbon strong{white-space:nowrap}.welcome-ribbon>span{max-width:240px}.review .review-label{font-size:10px;max-width:70px}.review-actions button{font-size:11px}.review{min-height:42px}.detail-copy .panel .quantity-row{flex-wrap:wrap}.detail-copy .panel .quantity-row .button{min-width:140px}} @media(max-width:380px){.mobile-tools{gap:10px}.brand.m img{width:140px}.brand.s span{font-size:20px}.brand.s img{width:32px}.site-header{height:76px;gap:10px}.review{padding:7px 4%}.hero .hero-art{height:250px}.hero{gap:25px}.hero .actions{gap:13px}.hero .button{padding:12px 13px}.hero .text-link{font-size:12px}.hero h1{font-size:38px}.summit .hero h1{font-size:40px}} /* Keep the order table's scrolling inside the account column on narrow screens. */ .account-layout > *{min-width:0}.account-layout .order-scroll{max-width:100%} /* Editorial identity / Meridian first screen, 2026-09-10. The emblem follows the wordmark's visible ink center (0.6288567), rather than its SVG canvas center. Keep that offset proportional. */ .meridian{font-synthesis:none;-webkit-font-smoothing:antialiased} .meridian .editorial-brand{--wordmark-width:176px;gap:17px} .meridian .editorial-brand .editorial-wordmark{display:block;width:var(--wordmark-width);height:auto} .meridian .editorial-emblem{display:flex;align-items:center;border-left:1px solid #8b70436b;padding-left:16px;transform:translateY(calc(var(--wordmark-width)*570/2490*.1288567))} .meridian .editorial-brand .editorial-emblem img{display:block;width:31px;height:31px} .meridian .site-header{height:112px} .meridian .site-nav{gap:clamp(16px,1.7vw,27px);font-size:14px} .meridian .site-nav a{white-space:nowrap} .meridian .site-nav a:hover{color:var(--metal-dark)} .meridian .review{position:relative;background:#e6f1fb;color:#56606a;border-bottom-color:#c2cfda} .meridian .review nav a{border-radius:0} .meridian .review [aria-current=page]{background:transparent;color:var(--ink);box-shadow:inset 0 -1px #8b7043} .meridian-opening{display:grid;grid-template-columns:1.02fr 1fr;gap:5.5%;padding:58px 0 42px;align-items:center} .opening-copy{padding:12px 0 20px} .opening-kicker{font-size:12px;font-weight:500;letter-spacing:.13em;text-transform:uppercase;margin:0 0 31px;display:flex;align-items:center;gap:13px} .opening-kicker:before{content:'';width:28px;height:1px;background:var(--metal);flex-shrink:0} .meridian-opening h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(46px,5.25vw,76px);letter-spacing:-.05em;line-height:1.025;margin:0 0 28px} .meridian-opening h1 em{font-weight:400;font-style:italic} .opening-intro{font-size:17px;line-height:1.7;max-width:390px;color:var(--muted);margin:0 0 30px} .opening-actions{display:flex;flex-wrap:wrap;align-items:center;gap:21px 25px} .opening-actions .button{border-radius:0;min-height:55px;padding:15px 19px;border-bottom:2px solid #bba16e;font-size:14px;font-weight:400;gap:23px} .opening-actions .button span{color:#d0b783;font-size:20px;line-height:1} .opening-actions .text-link{font-size:14px;border-bottom-color:#8b7043} .opening-access{font-size:13px;color:var(--muted);margin:23px 0 0} .opening-access a{text-decoration:underline;text-underline-offset:4px;color:var(--ink)} .opening-use{font-size:12px;color:var(--muted);margin:22px 0 0} .opening-visual{margin:0;min-width:0;align-self:stretch;display:flex;flex-direction:column} .opening-image{position:relative;flex:1;min-height:470px;overflow:hidden;background:#dedbd0} .opening-image img{width:100%;height:100%;object-fit:cover;object-position:65% center;position:absolute;inset:0} .opening-visual figcaption{display:flex;justify-content:space-between;gap:15px;font-size:12px;color:var(--muted);padding:15px 0 0;margin-top:0} .meridian[data-page=home] .principles{border-top-color:#8b70437a} .meridian[data-page=home] .principles div{font-size:14px;padding-top:23px;padding-bottom:23px} .meridian[data-page=home] .principles span{color:var(--metal-dark);font-size:12px} @media(min-width:1500px){.meridian-opening{padding-top:70px;padding-bottom:55px}.opening-image{min-height:520px}} @media(max-width:1100px){.meridian .editorial-brand{--wordmark-width:148px;gap:12px}.meridian .editorial-emblem{padding-left:12px}.meridian .editorial-brand .editorial-emblem img{width:27px;height:27px}.meridian .site-nav{gap:15px}.meridian .site-nav .utility{padding:10px 12px}.opening-actions{align-items:flex-start;flex-direction:column;gap:15px}.meridian-opening{gap:5%}.opening-kicker{font-size:12px;letter-spacing:.08em}} @media(max-width:960px){.meridian .site-nav{display:none}.meridian .mobile-tools{display:flex}.meridian .menu-trigger{display:block;font-size:14px}.meridian .mobile-bag{font-size:14px}.meridian .site-header{height:94px}} @media(max-width:800px){.meridian-opening{grid-template-columns:1fr;gap:35px;padding:38px 0 32px}.opening-copy{padding:0}.meridian-opening h1{font-size:clamp(44px,8vw,64px);line-height:1.06;margin-bottom:23px}.opening-kicker{margin-bottom:25px}.opening-intro{font-size:16px;max-width:440px;margin-bottom:26px}.opening-actions{flex-direction:row;align-items:center;gap:19px 24px}.opening-use{margin-top:16px}.opening-image{min-height:0;aspect-ratio:1.35}.opening-image img{object-position:65% 58%}.opening-access{margin-top:22px}.opening-visual figcaption{font-size:12px}.meridian[data-page=home] .principles div{font-size:13px;line-height:1.5;padding:18px 10px}.meridian[data-page=home] .principles div:first-child{padding-left:0}.meridian .footer-top{align-items:flex-start}.meridian .review .review-label{font-size:12px;max-width:none}.meridian .review-actions button{font-size:12px}} @media(max-width:420px){.meridian .editorial-brand{--wordmark-width:136px;gap:10px}.meridian .editorial-emblem{padding-left:10px}.meridian .editorial-brand .editorial-emblem img{width:25px;height:25px}.meridian .mobile-tools{gap:11px}.meridian .site-header{gap:10px;height:87px}.meridian .review{padding:7px 5%;gap:5px}.meridian .review .review-label{max-width:62px;font-size:10px}.meridian .review nav a{padding:7px 8px}.meridian .review-actions button{font-size:11px}.opening-actions{align-items:flex-start;flex-direction:column}.opening-actions .button{font-size:14px;padding:14px 16px;gap:18px}.meridian-opening h1{font-size:clamp(40px,11.3vw,47px)}.opening-kicker{font-size:12px;letter-spacing:.025em;gap:8px}.opening-kicker:before{width:20px}.meridian .mobile-bag{font-size:12px}.meridian .menu-trigger{font-size:12px;padding:8px}.meridian[data-page=home] .principles div{font-size:12px}} /* Retain Summit mountain + current wordmark; add the shared S on the right. */ .summit-family-brand .summit-wordmark{line-height:1} .summit-family-brand .summit-ring{display:flex;align-items:center;padding-left:15px;margin-left:3px;border-left:1px solid #8294a45c;transform:translateY(-1px)} .summit-family-brand .summit-ring img{display:block;width:29px;height:29px} @media(max-width:1100px){.summit .site-nav{gap:15px}.summit .site-nav .utility{padding:10px 12px}} @media(max-width:960px){.summit .site-nav{display:none}.summit .mobile-tools{display:flex}.summit .menu-trigger{display:block}} @media(max-width:800px){.brand.s.summit-family-brand{gap:7px}.summit-family-brand .summit-ring{padding-left:10px;margin-left:2px}.summit-family-brand .summit-ring img{width:25px;height:25px}} @media(max-width:380px){.brand.s.summit-family-brand{gap:6px}.brand.s.summit-family-brand .summit-mountain{width:28px;height:27px}.brand.s.summit-family-brand .summit-wordmark{font-size:19px}.summit-family-brand .summit-ring{padding-left:8px;margin-left:0}.summit-family-brand .summit-ring img{width:22px;height:22px}.summit .mobile-tools{gap:9px}} /* Clean division switcher: the age gate remains automatic and is no longer a header control. */ .brand-switcher{justify-content:center;min-height:43px} .brand-switcher nav{display:flex;justify-content:center;align-items:center;gap:8px} .brand-switcher a{white-space:nowrap} .brand-switcher a span{font-size:.82em;opacity:.68} @media(max-width:520px){.brand-switcher{padding-inline:2%}.brand-switcher nav{gap:2px}.brand-switcher nav a{font-size:10px;padding:7px 6px}.brand-switcher a span{font-size:.76em}} /* Atmospheric system — depth and movement around approved artwork, without filtering, resampling, or otherwise changing product-image pixels. */ body{--surface-rgb:255,255,255;--surface-alpha:.038;--surface-edge:rgba(255,255,255,.09);--ambient-x:78%;--ambient-y:18%;position:relative;overflow-x:hidden} body.meridian{--surface-rgb:255,255,255;--surface-alpha:.34;--surface-edge:rgba(255,255,255,.66)} body.summit{--surface-rgb:137,190,238;--surface-alpha:.055;--surface-edge:rgba(181,220,255,.1)} body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(70rem 42rem at var(--ambient-x) var(--ambient-y),rgba(var(--surface-rgb),calc(var(--surface-alpha)*1.4)),transparent 68%),radial-gradient(50rem 38rem at 7% 80%,rgba(42,124,202,.055),transparent 72%)} .review,.site-header,.footer{position:relative} .site-header::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--surface-edge) 25%,var(--metal) 52%,var(--surface-edge) 75%,transparent);opacity:.55} .section,.compact-intro,.premium-opening,.catalog-opening,.pdp-opening,.beverage-opening{position:relative;isolation:isolate} .section::before,.compact-intro::before,.catalog-opening::before,.pdp-opening::before{content:"";position:absolute;inset:8% -8%;z-index:-1;pointer-events:none;background:radial-gradient(36rem 18rem at 18% 30%,rgba(var(--surface-rgb),var(--surface-alpha)),transparent 72%);opacity:.48} .section:nth-of-type(even)::before{transform:scaleX(-1)} .panel,.documentation,.offer,.callout,.article-card,.path-card,.notice,.consumer-signup-card,.medical-form-card{position:relative;isolation:isolate;overflow:hidden} .panel::before,.documentation::before,.offer::before,.callout::before,.article-card::before,.path-card::before,.notice::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(135deg,rgba(var(--surface-rgb),calc(var(--surface-alpha)*1.4)),transparent 42%),radial-gradient(30rem 20rem at var(--light-x,82%) var(--light-y,12%),rgba(var(--surface-rgb),calc(var(--surface-alpha)*2.1)),transparent 62%),repeating-linear-gradient(108deg,rgba(var(--surface-rgb),.018) 0 1px,transparent 1px 5px);opacity:.76} .panel::after,.documentation::after,.offer::after,.callout::after,.article-card::after,.path-card::after{content:"";position:absolute;left:-25%;top:-130%;z-index:-1;width:38%;height:350%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transform:rotate(18deg);animation:ambient-sweep 15s ease-in-out infinite} .summit .panel,.summit .article-card,.summit .path-card,.summit .notice{background:linear-gradient(145deg,rgba(37,42,47,.91),rgba(24,31,38,.84));border-color:rgba(165,202,236,.15);box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 22px 75px rgba(0,0,0,.12);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)} .meridian .panel,.meridian .article-card,.meridian .path-card,.meridian .notice{background:linear-gradient(145deg,rgba(245,250,253,.72),rgba(221,235,246,.62));border-color:rgba(104,132,150,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 20px 70px rgba(55,82,101,.07);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)} .card-photo,.detail-photo,.premium-opening figure,.pdp-visual{position:relative;isolation:isolate} .card-photo::after,.detail-photo::after,.premium-opening figure::after,.pdp-visual::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(210,230,247,.075)} .product-packaging{z-index:1} .product-packaging>img{filter:none!important;transform:none!important;image-rendering:auto} /* Calm, repeatable panel motion with an accessible static state. */ .motion-ready [data-motion]{opacity:0;transform:translate3d(0,20px,0);transition:opacity .72s cubic-bezier(.22,1,.36,1),transform .86s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--motion-order,0)*55ms)} .motion-ready [data-motion].in-view{opacity:1;transform:translate3d(0,0,0)} [data-surface-light]{--light-x:76%;--light-y:14%;transition:border-color .35s ease,box-shadow .35s ease} [data-surface-light]:hover{border-color:rgba(var(--surface-rgb),.24)} .button{position:relative;isolation:isolate;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease} .button::after{content:"";position:absolute;top:-80%;bottom:-80%;left:-42%;width:28%;z-index:-1;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);transform:skewX(-18deg);transition:left .68s cubic-bezier(.22,1,.36,1)} .button:hover{filter:none;transform:translateY(-2px);box-shadow:0 14px 32px rgba(0,0,0,.14)} .button:hover::after{left:118%} .text-link{transition:color .2s ease,border-color .2s ease} .text-link:hover{color:var(--metal-light)} @keyframes ambient-sweep{0%,55%{transform:translateX(-10%) rotate(18deg);opacity:0}70%{opacity:.62}100%{transform:translateX(380%) rotate(18deg);opacity:0}} /* Medical intake and consumer onboarding. */ .application-shell,.signup-shell{align-items:start} .medical-form-card,.consumer-signup-card{padding:clamp(28px,4vw,54px)} .application-aside,.signup-benefits{position:sticky;top:88px;padding:22px 0} .application-aside h2,.signup-benefits h2{font-size:clamp(38px,4vw,58px);line-height:1.02} .form-kicker{margin:0 0 11px;color:var(--metal-dark);font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase} .form-intro{max-width:650px;color:var(--muted);font-size:14px;line-height:1.7;margin:-7px 0 26px} .optional-label{color:var(--muted);font-size:11px;font-weight:400;margin-left:4px} .medical-form-card input,.medical-form-card select,.medical-form-card textarea,.consumer-signup-card input,.consumer-signup-card select,.consumer-signup-card textarea{background:rgba(var(--surface-rgb),calc(var(--surface-alpha)*1.2));border-color:rgba(126,154,176,.34);border-radius:3px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease} .summit .medical-form-card input,.summit .medical-form-card select,.summit .medical-form-card textarea,.summit .consumer-signup-card input,.summit .consumer-signup-card select,.summit .consumer-signup-card textarea{background:rgba(8,19,29,.42);color:var(--ink)} .medical-form-card input:focus,.medical-form-card select:focus,.medical-form-card textarea:focus,.consumer-signup-card input:focus,.consumer-signup-card select:focus,.consumer-signup-card textarea:focus{background:rgba(var(--surface-rgb),calc(var(--surface-alpha)*1.7));border-color:var(--metal);box-shadow:0 0 0 4px rgba(77,147,213,.09)} .wizard-steps{gap:6px;border:0;margin-bottom:40px} .wizard-steps li{position:relative;padding:13px 10px 16px;border-bottom:1px solid var(--rule)} .wizard-steps li::before{content:"";position:absolute;left:0;bottom:-1px;width:0;height:2px;background:var(--metal);transition:width .35s ease} .wizard-steps li[aria-current=step]::before{width:100%} .wizard-steps li[aria-current=step]{border-bottom-color:transparent} .choice-fieldset{border:0;padding:0;margin:30px 0 27px;min-width:0} .choice-fieldset legend{font:400 23px/1.25 Georgia,serif;letter-spacing:-.02em;margin-bottom:7px} .choice-fieldset>p:not(.field-error){font-size:12px;color:var(--muted);margin:0 0 15px} .choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px} .choice-card{position:relative;display:block;cursor:pointer;min-width:0} .choice-card input{position:absolute;opacity:0;pointer-events:none} .choice-card span{display:grid;grid-template-columns:31px 1fr;gap:11px;align-items:start;min-height:78px;padding:16px;border:1px solid var(--rule);border-radius:3px;color:var(--muted);font-size:13px;line-height:1.5;transition:border-color .2s ease,background .2s ease,color .2s ease,transform .2s ease} .choice-card strong{font-size:10px;letter-spacing:.08em;color:var(--metal-dark);padding-top:3px} .choice-card input:checked+span{background:rgba(123,182,232,.12);border-color:var(--metal);color:var(--ink);transform:translateY(-1px)} .choice-card input:focus-visible+span{outline:2px solid var(--metal);outline-offset:3px} .field-error{font-size:12px;color:#c75050;margin:10px 0 0} .form-grid-followup{padding-top:10px} .application-review>div{align-items:start} .application-review>div span:first-child{font-size:11px;letter-spacing:.08em;text-transform:uppercase} .form-success{padding:12px 0} .form-success h2{font-size:clamp(38px,4vw,55px)} .consumer-goals{margin-top:34px} .goal-note{margin-top:20px} .consumer-signup-card .wide{margin-top:24px} .account-focus{margin-bottom:26px} .goal-summary{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0} .goal-summary span{display:inline-flex;padding:9px 12px;border:1px solid var(--rule);border-radius:999px;font-size:12px;color:var(--muted);background:rgba(var(--surface-rgb),calc(var(--surface-alpha)*.8))} @media(max-width:800px){.application-aside,.signup-benefits{position:static;padding-top:8px}.medical-form-card,.consumer-signup-card{padding:30px 24px}.choice-grid{grid-template-columns:1fr}.choice-card span{min-height:0}.application-shell,.signup-shell{gap:42px}.motion-ready [data-motion]{transform:translate3d(0,13px,0)}} @media(max-width:520px){.medical-form-card,.consumer-signup-card{padding:24px 19px}.wizard-steps{margin-bottom:30px}.wizard-steps li{font-size:10px;padding-inline:4px}.wizard-actions{align-items:stretch;flex-direction:column-reverse}.wizard-actions .button,.wizard-actions .subtle-button{width:100%}.choice-card span{grid-template-columns:26px 1fr;padding:14px}.application-aside h2,.signup-benefits h2{font-size:40px}} @media(prefers-reduced-motion:reduce){body::before,.panel::after,.documentation::after,.offer::after,.callout::after,.article-card::after,.path-card::after{animation:none!important}.motion-ready [data-motion]{opacity:1;transform:none;transition:none}.button,[data-surface-light],.choice-card span{transition:none}.button:hover{transform:none}.button::after{display:none}} /* Selected family applied to the storefront. Identity sources remain untouched. */ body[data-page=home]{background-attachment:scroll} .meridian[data-page=home]{background-image:radial-gradient(ellipse at 84% 13%,#fff9,transparent 34%),radial-gradient(ellipse at 4% 24%,#c8dfed85,transparent 35%)} .summit[data-page=home]{background-image:radial-gradient(ellipse at 90% 8%,#24456645,transparent 32%)} .brand.s.summit-family-brand{--wordmark-width:205px;gap:16px} .brand.s.summit-family-brand .summit-ridge-wordmark{display:block;width:var(--wordmark-width);height:auto} /* Optical ink center of the cut-ridge SVG, rather than its padded canvas. */ .summit-family-brand .summit-ring{margin:0;padding-left:15px;transform:translateY(calc(var(--wordmark-width)*310/1967.6*.04576808))} .summit-family-brand .summit-ring img{width:28px;height:28px} .summit .review{background:#1a1a19;color:#bec8d1;border-color:#434443} .summit .review button{color:#bec8d1} .summit .review [aria-current=page]{background:transparent;color:#c5e5ff;box-shadow:inset 0 -1px #90c4f5;border-radius:0} .summit .site-header{height:112px} .summit .site-nav{font-size:14px} .summit-opening{display:grid;grid-template-columns:1fr 1.12fr;gap:6%;align-items:center;padding:62px 0 52px} .summit-opening h1{font-size:clamp(48px,6.5vw,90px);font-weight:400;line-height:1.01;letter-spacing:-.055em;margin:0 0 27px} .summit-opening h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#b5dcff} .summit-opening .opening-intro{max-width:385px} .summit-opening .opening-kicker{color:#c3daec} .summit .opening-actions .button{background:#aed7fb;color:#142a3c;border:1px solid #c2e1ff;border-radius:4px 20px 4px 20px} .summit .opening-actions .button span{color:#254b69} .summit .opening-actions .text-link{border-color:#7aaed9} .summit-opening-visual{margin:0;min-width:0;position:relative} .summit-opening-image{aspect-ratio:1.08;position:relative;overflow:hidden;border-radius:90px 12px 90px 12px;background:#243342;box-shadow:0 25px 65px #0003} .summit-opening-image img{width:100%;height:100%;object-fit:cover;object-position:65% center;display:block} .summit-opening-visual figcaption{display:flex;justify-content:space-between;gap:14px;padding-top:17px;font-size:12px;color:var(--muted)} .meridian .opening-image{border-radius:110px 12px 12px 12px;box-shadow:0 26px 50px -25px #374d684f} .meridian .opening-visual{position:relative} .meridian-opening h1{text-shadow:0 2px 1px #fff7,0 8px 22px #4758640a} .meridian .opening-actions .button{border-radius:4px 16px 4px 16px} [data-page=home] .section{padding:84px 0;border-bottom:0} [data-page=home] .featured-products{padding:70px 0 44px} [data-page=home] .principles{background:transparent} [data-page=home] .card-photo{border-radius:44px 6px 6px 6px} [data-page=home] .product-card:nth-child(even) .card-photo{border-radius:6px 6px 44px 6px} [data-page=home] .card-code{top:17px;left:auto;right:14px;background:var(--bg);border:0;border-radius:12px;font-size:10px;letter-spacing:.04em} [data-page=home] .documentation{background:transparent;color:var(--ink);padding:30px 0 18px 32px;border:0;border-left:1px solid var(--rule);border-radius:0} [data-page=home] .documentation .micro{color:var(--muted)} [data-page=home] .document-top{color:var(--muted)} [data-page=home] .document-row{border-color:var(--rule)} [data-page=home] .document-title{font-size:clamp(30px,3vw,43px);line-height:1.18;margin:0 0 35px} [data-page=home] .home-learning .article-card{background:transparent;border-top:1px solid var(--rule);padding:27px 0} [data-page=home] .home-learning .article-grid{gap:36px} [data-page=home] .steps{gap:32px} [data-page=home] .step{border-top:1px solid var(--rule);padding-top:23px} .summit[data-page=home] .offer{background:radial-gradient(ellipse at 0 30%,#41638345,transparent 60%);color:var(--ink);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:58px 0;gap:6%} .summit .offer-number{color:#b5dcff;font-weight:400} .summit .offer .micro{color:var(--muted)} .summit .offer .button{background:#aed7fb;color:#142a3c;border-radius:4px 16px 4px 16px} .family-signature{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px 0;margin:0 0 30px;border-top:1px solid var(--rule)} .family-signature>span{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)} .family-signature>img{display:block;width:220px;max-width:48%;height:auto} .summit .family-signature{background:#e6f1fb;border:0;padding:24px 30px;border-radius:4px 24px 4px 24px} .summit .family-signature>span{color:#56606a} @media(max-width:1100px){ .brand.s.summit-family-brand{--wordmark-width:174px;gap:12px} .summit .site-nav{gap:14px} .summit-opening{gap:5%} .summit-opening-image{border-radius:65px 10px 65px 10px} } @media(max-width:960px){.summit .site-header{height:94px}} @media(max-width:800px){ .summit-opening{grid-template-columns:1fr;padding:38px 0 34px;gap:35px} .summit-opening h1{font-size:clamp(50px,10vw,76px)} .summit-opening-image{aspect-ratio:1.35} .summit-opening-visual figcaption{font-size:11px} .meridian .opening-image{border-top-left-radius:70px} [data-page=home] .section{padding:47px 0} [data-page=home] .featured-products{padding:43px 0 22px} [data-page=home] .documentation{padding:24px 0;border-left:0;border-top:1px solid var(--rule)} [data-page=home] .document-title{margin:0 0 24px} [data-page=home] .card-photo{border-top-left-radius:28px} [data-page=home] .product-card:nth-child(even) .card-photo{border-bottom-right-radius:28px} [data-page=home] .home-learning .article-grid{gap:0} [data-page=home] .steps{gap:26px 20px} .summit[data-page=home] .offer{padding:35px 0;grid-template-columns:1fr;gap:30px} .family-signature{align-items:flex-start;flex-direction:column;gap:18px} .family-signature>img{width:220px;max-width:100%} .summit .family-signature{padding:24px} } @media(max-width:420px){ .brand.s.summit-family-brand{--wordmark-width:142px;gap:10px} .summit-family-brand .summit-ring{padding-left:10px} .summit-family-brand .summit-ring img{width:23px;height:23px} .summit .site-header{height:87px;gap:10px} .summit .mobile-tools{gap:10px} .summit-opening h1{font-size:clamp(45px,12vw,52px)} .summit-opening .opening-kicker{font-size:11px;letter-spacing:.06em} .summit-opening .opening-actions .button{font-size:14px} } /* Higher Arc working family: company first, Club reserved for membership. */ body.summit{--bg:#151e29;--ink:#dfedf8;--muted:#afc1d2;--accent:#73aff6;--rule:#36485c;--panel:#1d2c3e;--button:#aed7fb;--buttonink:#142a3c} body.meridian{--bg:#e0edf6;--ink:#29343d;--muted:#536575;--accent:#b9a17c;--rule:#beccd7;--panel:#eaf2f7} .summit h1,.summit h2,.summit h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.045em} .brand.arc-brand{width:250px;display:block}.brand.arc-brand :is(img,svg){width:100%;height:auto;display:block}.site-header{gap:22px}.site-nav{gap:22px}.button{border-radius:28px}.panel{border-radius:6px 24px 6px 6px}.card-photo{border-radius:38px 6px 6px 6px}.family-signature>div{display:flex;gap:25px;flex-wrap:wrap;font-size:14px}.summit .family-signature{background:none;color:var(--ink);padding:25px 0;border-block:1px solid var(--rule);border-radius:0}.summit .family-signature>span{color:var(--muted)} @media(max-width:1100px){.site-nav{gap:14px}.brand.arc-brand{width:215px}} @media(max-width:960px){.site-nav{display:none}.mobile-tools{display:flex}.brand.arc-brand{width:230px}} @media(max-width:420px){.brand.arc-brand{width:175px}.site-header{gap:10px}.mobile-tools{gap:9px}.review{flex-wrap:wrap;justify-content:center}.review nav{order:-1;width:100%;justify-content:center}.review nav a{font-size:12px}.family-signature>div{gap:16px}} /* Shared editorial rhythm across discovery, account and professional journeys. */ .compact-intro{padding-top:60px;padding-bottom:38px}.compact-intro .lede{max-width:640px}.product-detail .gallery{border-radius:46px 8px 8px 8px;overflow:hidden}.card-photo img{object-fit:contain}.summit-opening-image,.meridian .opening-image{background:transparent;box-shadow:none;border-radius:0}.summit-opening-image img,.meridian .opening-image img{object-fit:contain;object-position:center}.summit-opening-image{aspect-ratio:1.06}.product-card h3{font-size:27px}.catalog-controls{padding-block:22px}.filter-chips button{border-radius:24px}.gold-edge{border-top-color:#b9a17c}.summit .gold-edge{border-top-color:#73aff6}.panel p,.body-copy{font-size:16px}.button:focus-visible,a:focus-visible{outline:3px solid #4c99e8;outline-offset:5px}.member-feature,.membership-details{padding:44px;border-radius:6px 44px 6px 6px}.member-feature{background:linear-gradient(140deg,#29476a,#1d2b3c)}.member-feature h2{margin-top:34px}.membership-layout{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding-bottom:70px}.membership-details .body-copy{margin-top:30px}.path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.family-path{display:flex;flex-direction:column;align-items:start;border-top:1px solid var(--rule);padding-top:24px}.family-path>span{font-size:13px;color:var(--muted);margin-bottom:25px}.family-path h3{font-size:28px}.family-path p{font-size:16px;color:var(--muted)}.family-path strong{font-size:14px;font-weight:400;margin-top:auto;padding-top:12px}.beverage-path{border-color:#d99150}.beverage-page{--bg:#faf2e7!important;--ink:#00509d!important;--muted:#496b88!important;--rule:#cdd2cf!important;--panel:#f5e9d9!important;--button:#00509d!important;--buttonink:#fff!important;--accent:#d87a31!important;background-image:none!important}.beverage-page .review{background:#f3e7d8;color:#255a82}.beverage-page .review button{color:inherit}.beverage-page .review [aria-current]{color:#00509d}.beverage-page .arc-brand{filter:brightness(0) saturate(100%) invert(23%) sepia(91%) saturate(1756%) hue-rotate(190deg) brightness(83%)}.beverage-opening{display:grid;grid-template-columns:1fr 1.1fr;gap:6%;align-items:center;padding:54px 0 70px}.beverage-lockup{width:320px;max-width:100%;display:block;margin-bottom:32px}.beverage-opening h1{font-size:clamp(58px,7vw,94px)}.beverage-opening h1 em{color:#d87a31;font-style:italic}.beverage-opening figure{margin:0}.beverage-opening figure>img{width:100%;height:auto}.beverage-opening figcaption{font-size:12px;color:var(--muted);text-align:center}.beverage-page .button{background:#00509d;color:white}.beverage-family{padding-top:15px!important}.beverage-page .footer .arc-brand{max-width:220px} .access-footnote{margin:26px 0 0;color:var(--muted);font-size:13px}.checkout-contact{margin:24px 0 4px}.club-checkout{margin-top:24px;border-top:2px solid #73aff6;background:linear-gradient(145deg,rgba(115,175,246,.09),rgba(36,39,41,.58))}.club-checkout-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:30px}.club-checkout-heading h2{margin-bottom:12px}.club-checkout-heading p{margin:0;color:var(--muted);max-width:520px}.club-price{font-family:Georgia,'Times New Roman',serif;font-size:38px;line-height:1;white-space:nowrap;color:var(--accent)}.club-price small{display:block;margin-top:8px;font:500 10px/1.2 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.membership-cancellation{border-top:1px solid var(--rule);padding-top:22px;margin-top:26px;color:var(--muted);font-size:13px;line-height:1.7}.membership-professional{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;padding:48px 0 70px;border-top:1px solid var(--rule)}.membership-professional h2{font-size:clamp(34px,4vw,52px);margin:0}.membership-professional p{color:var(--muted);font-size:16px;margin-top:0}.membership-professional .text-link{margin-top:15px}.member-feature .offer-number{font-size:clamp(92px,10vw,145px)} @media(max-width:800px){.membership-layout,.path-grid,.beverage-opening,.membership-professional{grid-template-columns:1fr;gap:32px}.member-feature,.membership-details{padding:30px 24px}.compact-intro{padding-top:40px}.beverage-opening{padding-top:35px}.beverage-lockup{width:270px}.family-path h3{font-size:28px}.membership-layout{padding-bottom:40px}.beverage-opening h1{font-size:64px}.club-checkout-heading{display:block}.club-price{margin-top:22px}.membership-professional{padding:36px 0 50px}} /* Product selection in the client launch catalog. */ .variant-selection{margin:26px 0}.variant-options{display:flex;flex-wrap:wrap;gap:10px}.variant-options a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid currentColor;border-radius:3px;text-decoration:none;opacity:.65}.variant-options a[aria-current="page"]{opacity:1;background:var(--ink,#202426);color:var(--paper,#edf3f6)}.summit .variant-options a[aria-current="page"]{background:#b8d6ff;color:#171b23}.catalog-context{max-width:780px;font-size:14px;line-height:1.7;opacity:.75;margin:-10px 0 36px}.catalog-detail-note{font-size:12px;line-height:1.6;opacity:.7;margin-top:10px}.product-card h3{overflow-wrap:anywhere}.card-meta{line-height:1.6}.filter-chips{flex-wrap:wrap}.price-line{flex-wrap:wrap;gap:8px}.variant-options a:focus-visible{outline:2px solid currentColor;outline-offset:4px} /* Full 8192px lossless masters; native layout and normal edge interpolation. */ .brand.arc-brand{width:280px;flex-shrink:0} .vector-surface{display:block;width:100%} .vector-surface>svg,.brand.arc-brand .vector-surface>svg{width:100%;height:auto;display:block;shape-rendering:geometricPrecision} .beverage-lockup.vector-surface{width:340px;max-width:100%} .beverage-page .arc-brand{filter:none} .beverage-page .arc-brand [fill="#dfedf8"]{fill:#00509d} .beverage-page .arc-brand [stroke="#dfedf8"]{stroke:#00509d} @media(max-width:1100px){.brand.arc-brand{width:250px}} @media(max-width:960px){.brand.arc-brand{width:250px}} @media(max-width:420px){.brand.arc-brand{width:190px}} @media(prefers-reduced-motion:reduce){.vector-surface>svg{transition:none}} @media(max-width:360px){.brand.arc-brand{width:166px}.site-header{gap:8px}.mobile-tools{gap:7px}} .vector-surface>img,.brand.arc-brand .vector-surface>img{width:100%;height:auto;display:block;image-rendering:auto;filter:none;transform:none} /* Keep intentional homepage artwork bleed inside the viewport without resizing it. */ html{overflow-x:clip} /* Editorial presentation: approved identity, direct photography, no zoom-time asset swaps. */ body.meridian{--bg:#e7f0f5;--ink:#27333c;--muted:#53636e;--rule:#bfcfd8;--panel:#dce9f1;--button:#293842;--buttonink:#f4f8fa;background:var(--bg)} body.summit:not(.beverage-page){--bg:#141e29;--ink:#e6eff6;--muted:#b4c2ce;--rule:#354453;--panel:#1c2b38;--button:#b5d8f5;--buttonink:#172b3c;background:var(--bg)} .wrap{max-width:1560px;padding-inline:5.5%} .review{position:relative;background:#101a23;color:#b9c8d4;border:0;min-height:43px;padding:5px 5.5%;font-size:12px} .review nav a{border-radius:0;padding:7px 14px;background:transparent} .review nav a[aria-current=page]{color:#fff;background:transparent;border-bottom:1px solid #a8cce7} .review-label{font-size:11px;letter-spacing:.09em} .site-header{height:132px;gap:30px} .brand.arc-brand.ha-brand{width:auto;display:inline-flex;align-items:center;gap:22px;filter:none;line-height:1;min-width:0} .ha-name{display:flex;flex-direction:column;align-items:flex-start;gap:9px} .ha-wordmark{font-family:Georgia,'Times New Roman',serif;font-size:48px;font-weight:700;letter-spacing:-.055em;white-space:nowrap;line-height:1.06;color:var(--ink)} .brand-period{color:#80b4ec} .meridian .brand-period{color:#a18a60} .ha-subtitle{font-size:10px;letter-spacing:.32em;line-height:1;margin-left:4px;color:var(--muted)} .ha-emblem{border-left:1px solid var(--rule);padding-left:19px;display:flex;align-items:center;min-height:60px} .brand.arc-brand.ha-brand .ha-emblem img{display:block;width:60px;height:60px;filter:none;transform:none} .site-nav{gap:27px;font-size:14px}.site-nav a:not(.utility){padding-block:12px} .utility{border-radius:50px;padding:11px 19px} .welcome-ribbon{padding:15px 0;min-height:49px;font-size:12px;letter-spacing:.01em;border-bottom:1px solid var(--rule)} .premium-opening{display:grid;grid-template-columns:.86fr 1.14fr;align-items:center;gap:6%;padding:58px 0 50px;min-height:0} .premium-opening .opening-copy,.premium-opening .summit-opening-copy{padding:20px 0 28px;max-width:560px} .premium-opening h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(54px,5.6vw,88px);letter-spacing:-.055em;line-height:1.02;margin:0 0 30px} .premium-opening h1 em{font-style:normal;color:#a8cbe8}.meridian .premium-opening h1 em,.meridian .featured-products h2 em,.meridian .company-paths h2 em{font-style:normal;color:#4d6779} .premium-opening .opening-kicker{font-size:11px;letter-spacing:.15em;line-height:1.6;margin-bottom:30px} .premium-opening .opening-kicker:before{width:24px;margin-right:12px} .premium-opening .opening-intro{font-size:17px;line-height:1.75;max-width:405px;color:var(--muted);margin-bottom:30px} .opening-actions{gap:20px;align-items:flex-start;flex-direction:column} .button{border-radius:3px;padding:16px 23px;min-height:55px;font-size:14px;font-weight:500;transition:background .18s,color .18s} .button:hover{filter:brightness(1.06)} .premium-opening .opening-use{font-size:12px;margin:28px 0 0;color:var(--muted)} .premium-opening .opening-access{font-size:13px;margin-top:22px} .premium-opening figure{margin:0;align-self:center;min-width:0;display:block} .premium-opening .opening-image,.premium-opening .summit-opening-image{display:block;aspect-ratio:1/1;min-height:0;height:auto;background:none;overflow:hidden;border-radius:3px} .premium-opening figure img{display:block;width:100%;height:100%;object-fit:cover;transform:none;filter:none} .premium-opening figure figcaption{display:flex;justify-content:space-between;gap:12px;padding-top:15px;font-size:11px;color:var(--muted);letter-spacing:.025em} .principles{grid-template-columns:repeat(3,1fr);margin-top:8px}.principles div{font-size:13px;padding-block:24px}.principles span{color:var(--muted)} .section{padding:100px 0}.section-head{align-items:end;margin-bottom:38px}.section-head h2{margin-bottom:0} h2,.summit h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.04em;font-size:clamp(35px,3.6vw,54px)} h3,.summit h3{font-family:Georgia,serif;font-weight:400} .product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 28px} .card-photo{border:0;border-radius:3px;aspect-ratio:1/1;overflow:hidden;background:var(--panel)} .card-photo img{width:100%;height:100%;object-fit:cover;display:block;filter:none;transform:none;transition:none} .card-photo:hover img{transform:none}.card-code{font-size:10px;letter-spacing:.08em;background:#182731df;color:#e6eff6;padding:7px 10px;bottom:12px;left:12px;border:0;border-radius:2px} .card-meta{font-size:12px;margin:20px 0 8px;color:var(--muted)} .product-card h3{font-size:26px;margin-bottom:13px;line-height:1.25}.price-line{padding-top:14px;border-top:1px solid var(--rule);font-size:14px} .documentation{padding:42px;border:0;border-top:2px solid #b19b72;background:#dce8ee;color:#293a47;border-radius:3px;box-shadow:none} .document-title{font-size:35px;letter-spacing:-.03em}.document-top{font-size:12px}.document-row{padding:18px 0} .path-grid{gap:30px}.family-path{background:none;border:0;border-top:1px solid var(--rule);padding:28px 0 0;border-radius:0;box-shadow:none}.family-path h3{font-size:30px}.family-path:hover{transform:none;background:none} .offer{border-radius:3px;padding:62px;background:#c4def1}.offer-number{font-family:Georgia,serif;font-weight:400} body.summit[data-page=home] .offer{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:0;padding:64px 0;align-items:stretch} body.summit[data-page=home] .offer-value{display:flex;flex-direction:column;justify-content:center;padding:18px 8% 18px 2%} body.summit[data-page=home] .offer-value .eyebrow{margin-bottom:28px} body.summit[data-page=home] .offer-number{font-size:clamp(92px,9vw,142px);letter-spacing:-.075em} body.summit[data-page=home] .offer-number small{font-family:Georgia,serif;font-size:.25em;letter-spacing:-.02em;margin-left:.08em} body.summit[data-page=home] .offer-period{margin:17px 0 0;color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase} body.summit[data-page=home] .offer-copy{display:flex;flex-direction:column;justify-content:center;padding:16px 2% 16px 10%;border-left:1px solid var(--rule)} body.summit[data-page=home] .offer-copy h2{font-size:clamp(40px,4.2vw,60px);line-height:1.05;margin:0 0 24px} body.summit[data-page=home] .offer-copy p{max-width:620px;margin:0 0 29px;color:var(--muted);font-size:16px;line-height:1.7} body.summit[data-page=home] .offer-copy .button{align-self:flex-start} .article-card{border-radius:0;background:transparent;box-shadow:none} .detail-photo{border-radius:3px;overflow:hidden}.detail-photo img{object-fit:cover;width:100%;height:auto;display:block} .beverage-opening{grid-template-columns:.82fr 1.18fr;gap:7%;padding:65px 0 60px;align-items:center} .beverage-opening figure{margin:0}.beverage-opening figure img{width:100%;height:auto;display:block;border-radius:3px}.beverage-opening figcaption{font-size:12px;margin-top:13px;color:var(--muted)} .beverage-lockup{margin-bottom:25px}.beverage-opening h1{font-family:Georgia,serif;font-weight:400;letter-spacing:-.055em} .footer{padding-top:60px}.footer-top .ha-wordmark{font-size:38px}.footer-top .brand.arc-brand.ha-brand .ha-emblem img{width:48px;height:48px}.footer-top .ha-emblem{min-height:48px} @media(min-width:1600px){.premium-opening{padding-top:72px;padding-bottom:62px}} @media(max-width:1150px){.ha-wordmark{font-size:39px}.brand.arc-brand.ha-brand .ha-emblem img{width:52px;height:52px}.ha-emblem{min-height:52px;padding-left:15px}.brand.arc-brand.ha-brand{gap:16px}.site-nav{gap:18px}.premium-opening{gap:5%;grid-template-columns:1fr 1.1fr}.premium-opening h1{font-size:64px}} @media(max-width:960px){.site-header{height:112px}.premium-opening{gap:5%;padding-block:45px}.premium-opening h1{font-size:55px}.premium-opening .opening-kicker{font-size:10px}.premium-opening .opening-intro{font-size:16px}.premium-opening figure figcaption span:first-child{display:none}.product-grid{gap:30px 22px}.product-card h3{font-size:23px}} @media(max-width:720px){.wrap{padding-inline:6%}.review{padding:5px 4%;min-height:40px}.review-label{display:none}.review nav{gap:0}.review nav a{padding-inline:9px;font-size:12px}.review-actions{margin-left:auto}.review-actions button{font-size:11px}.site-header{height:105px;gap:12px}.ha-wordmark{font-size:33px}.brand.arc-brand.ha-brand{gap:12px}.ha-emblem{padding-left:12px;min-height:44px}.brand.arc-brand.ha-brand .ha-emblem img{width:44px;height:44px}.ha-subtitle{font-size:8px;letter-spacing:.24em}.mobile-tools{gap:9px}.mobile-bag{display:none}.menu-trigger{padding:10px 11px;font-size:12px}.welcome-ribbon{font-size:11px;padding:12px 0;gap:9px;line-height:1.5}.premium-opening{display:flex;flex-direction:column;align-items:stretch;gap:28px;padding:34px 0}.premium-opening .opening-copy,.premium-opening .summit-opening-copy{padding:0;max-width:none}.premium-opening .opening-kicker{margin-bottom:22px;font-size:10px}.premium-opening h1{font-size:62px;margin-bottom:23px}.premium-opening .opening-intro{max-width:440px;margin-bottom:22px}.opening-actions{gap:16px}.premium-opening .opening-use{margin-top:22px}.premium-opening figure{align-self:stretch}.premium-opening figure figcaption span:first-child{display:inline}.premium-opening figure figcaption{font-size:10px}.principles{display:block}.principles div{padding:15px 0;font-size:13px}.section{padding:62px 0}.section-head{gap:22px;margin-bottom:28px}.product-grid{grid-template-columns:1fr;gap:32px}.card-photo{aspect-ratio:1.08/1}.product-card h3{font-size:28px}.card-meta{font-size:12px}.documentation{padding:28px}.document-title{font-size:30px}.offer{padding:34px 27px}.beverage-opening{display:flex;flex-direction:column;gap:35px;padding:38px 0}.beverage-opening h1{font-size:63px}.beverage-opening .beverage-lockup{max-width:270px}.footer-top .ha-wordmark{font-size:33px}.footer-top{gap:32px}body.summit[data-page=home] .offer{grid-template-columns:1fr;padding:39px 0;gap:34px}body.summit[data-page=home] .offer-value{padding:0}body.summit[data-page=home] .offer-value .eyebrow{margin-bottom:20px}body.summit[data-page=home] .offer-number{font-size:clamp(88px,25vw,116px)}body.summit[data-page=home] .offer-period{margin-top:11px}body.summit[data-page=home] .offer-copy{padding:33px 0 0;border-left:0;border-top:1px solid var(--rule)}body.summit[data-page=home] .offer-copy h2{font-size:42px;margin-bottom:20px}body.summit[data-page=home] .offer-copy p{font-size:15px;margin-bottom:25px}} @media(prefers-reduced-motion:reduce){.button{transition:none}} /* Reset legacy brand-specific treatments at the new component boundary. */ .brand.arc-brand.ha-brand .ha-name{width:auto;flex:none} .brand.arc-brand.ha-brand .ha-emblem{flex:none} .card-code{top:auto;right:auto;max-height:none} .summit .premium-opening .summit-opening-image{aspect-ratio:3520/2336} .summit .card-photo{aspect-ratio:3520/2336} .summit .detail-photo{aspect-ratio:3520/2336} .summit .detail-photo img{height:100%;object-fit:contain} .review button{color:inherit} @media(max-width:720px){.review{flex-wrap:nowrap;justify-content:space-between}.review nav{order:0;width:auto}.principles div+div{border-left:0;border-top:1px solid var(--rule);padding:15px 0}.principles span{display:inline;margin-right:15px}.beverage-page .footer .arc-brand{max-width:none}} body[data-page=home] .card-photo,body[data-page=home] .product-card:nth-child(even) .card-photo{border-radius:3px} body[data-page=home] .card-code{top:auto;bottom:12px;left:12px;right:auto;background:#182731df;color:#e6eff6;border-radius:2px;padding:7px 10px} body .premium-opening .opening-actions .button{border-radius:3px;box-shadow:none} body .premium-opening h1{text-shadow:none} body .site-header{height:132px} @media(max-width:960px){body .site-header{height:112px}} @media(max-width:720px){body .site-header{height:105px}} @media(max-width:360px){.ha-wordmark{font-size:28px}.brand.arc-brand.ha-brand{gap:9px}.ha-emblem{padding-left:9px}.brand.arc-brand.ha-brand .ha-emblem img{width:40px;height:40px}.review nav a{font-size:11px;padding-inline:6px}.review-actions button{font-size:10px}} .header-emblem-full{image-rendering:auto} /* Exact existing contours through the text rasterizer; embedded to avoid a font request. */ @font-face{font-family:HigherArcEmblem;src:url(data:font/otf;base64,T1RUTwAJAIAAAwAQQ0ZGIAbWezsAAALwAAAC4U9TLzIo9z9EAAABAAAAAGBjbWFwAAzgUwAAApwAAAA0aGVhZDSnaW8AAACcAAAANmhoZWEPvwhEAAAA1AAAACRobXR4CAAAAAAABdQAAAAGbWF4cAACUAAAAAD4AAAABm5hbWVSMusMAAABYAAAATtwb3N0AAMAAAAAAtAAAAAgAAEAAAABAABJ6UhDXw889QADCAAAAAAA5suOOQAAAADmy445AB4AIgfcB+MAAAADAAIAAAAAAAAAAQAACAAAAAAACAAAAABCB74AAQAAAAAAAAAAAAAAAAAAAAEAAFAAAAIAAAADCAABkAAFAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAA/Pz8/AADgAOAACAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAACAAAAAAAAoAfgABAAAAAAABABEAAAABAAAAAAACAAcAEQABAAAAAAADABgAGAABAAAAAAAEABEAAAABAAAAAAAGAA8AMAADAAEECQABACIAPwADAAEECQACAA4AYQADAAEECQADADAAbwADAAEECQAEACIAPwADAAEECQAGAB4An0hpZ2hlciBBcmMgRW1ibGVtUmVndWxhckhpZ2hlckFyY0VtYmxlbS0yMDI2MDkxMkhpZ2hlckFyY0VtYmxlbQBIAGkAZwBoAGUAcgAgAEEAcgBjACAARQBtAGIAbABlAG0AUgBlAGcAdQBsAGEAcgBIAGkAZwBoAGUAcgBBAHIAYwBFAG0AYgBsAGUAbQAtADIAMAAyADYAMAA5ADEAMgBIAGkAZwBoAGUAcgBBAHIAYwBFAG0AYgBsAGUAbQAAAAACAAAAAwAAABQAAwABAAAAFAAEACAAAAAEAAQAAQAA4AD//wAA4AD//yABAAEAAAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAQCAAEBARBIaWdoZXJBcmNFbWJsZW0AAQEBMPgcAvgcA/gYBB5IgoElwR+Lix5IgoElwR+LiwwHqa0cB9wcB+MF9g+L+XUS9wIRAAIBAQcYZW1ibGVtSGlnaGVyIEFyYyBFbWJsZW0AAAABhwACAgABAAUCaxwIAA4cCAD6+PoxFfcJmtuj8sGCbn1mgW4IRvtRdE0FhHiEeYd3gl2XUrFrCHydp3+tG/xZBsL3MMr3M8T3MQhX+TQVvwb7PfxXBT2FPndDbHSAdYB0fp29GKTRptKk0ZmxnbGTspOvh7B2qnKxaZpglPggjBj4w/cHFZGIxSqVfKeLp4uoijx0O2ZlPHpmfWB9ZFH7ORg1clGGMYxgjBij0KPQpc+Wqp3AmaeVn5iempy3vMWkzI6GqoGziKmWgpx5loAIyUyT1wWUjaOOkh79xf2oFZ2ei4qeHz37bgV/aHtYe2yAc3x2eXlgYE1zT4f7lYoYp5Okl6WV16uyw6XWlKeWqJWnCL/3Is+v4JfYjhn5TfeqFZWMm4SShaB2e3B6empqXnZidghO+xT7IXL7IRv7BPsDlm/7Ah9YfmB2X25sdnR5cXGHhoeGh4YIl6S5wZ6gqau3srGj9wPQ9yCv9xeQ547pgeiNzY3QmMilmZGpl4udipaAj4SRCPf099kVkIitSY+D4/tErftadPtXbPuV+xv7c/tf+zNcZllrVW/7Si/7dWf7XqT7i6v7X/cC+y73WoWThpKFk5ORGPcK+zH3KfsA91Na91lY92ST91TNyqDHp8Ss93T3GfdE92rL95LI94hk95b7Ffdrk5IY/gn4fxXGjMaIxYL3imf3ffsW9yn7XIOEGED0+wzo+wbE+3z3BfugnPuINvuQNPtj+0r7CvuCdmB6Xn5dTvtjlPty2Pten1efYqZagIUYdbN3tXm1XvcBbPcahfcJfveh2/d690r3XPcf9y33TPT3X7bFl8CQx44IDgAAAAgAAAAAAAAA) format("opentype");font-weight:400;font-style:normal;font-display:block} .header-emblem-glyph{display:block;flex:none;width:1em;height:1em;font-family:HigherArcEmblem;font-size:60px;font-weight:400;font-style:normal;line-height:1;letter-spacing:0;font-synthesis:none;text-transform:none} .header-emblem-charcoal{color:#29343d}.header-emblem-ice{color:#dfedf8}.header-emblem-blue{color:#00509d} @media(max-width:1150px){.header-emblem-glyph{font-size:52px}} @media(max-width:720px){.header-emblem-glyph{font-size:44px}} @media(max-width:360px){.header-emblem-glyph{font-size:40px}} /* Consumer discovery; keep the approved shared identity and other pages intact. */ .consumer-catalog .catalog-opening{display:grid;grid-template-columns:1.2fr .8fr;gap:12%;align-items:center;padding:55px 0 42px} .consumer-catalog h1{font:400 clamp(48px,5.2vw,74px)/.98 Georgia,serif;letter-spacing:-.055em;margin:20px 0} .consumer-catalog h1 em{font-style:normal;color:#b8daf4} .catalog-lede{font-size:16px;line-height:1.7;color:var(--muted);margin:0 0 17px} .catalog-use{font-size:12px;color:var(--muted);margin:0} .catalog-guide{border-left:1px solid var(--rule);padding-left:30px;max-width:390px} .catalog-guide .eyebrow{font-size:11px;margin-bottom:17px} .catalog-guide>p:not(.eyebrow){font-size:14px;line-height:1.7;color:var(--muted)} .catalog-guide .text-link{font-size:13px;display:inline-block;margin:5px 0 18px} .catalog-guide .catalog-preview-note{font-size:11px!important;margin:0;max-width:310px} .consumer-catalog .catalog-controls{display:grid;grid-template-columns:1fr auto;gap:22px;padding:23px 0;margin:0} .consumer-catalog .filter-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center} .consumer-catalog .filter-chips button{display:flex;gap:9px;align-items:center;min-height:44px;padding:10px 14px;font-size:12px} .category-count{font-size:10px;opacity:.72;font-variant-numeric:tabular-nums} .consumer-catalog .search-fields{display:grid;grid-template-columns:minmax(180px,230px) 170px;gap:12px} .consumer-catalog .field-small input,.consumer-catalog .field-small select{width:100%;min-height:44px} .catalog-results{display:flex;align-items:center;gap:20px;padding:19px 0 24px;font-size:12px;color:var(--muted)} .catalog-results p{margin:0}.catalog-results #catalog-sort-note{margin-left:auto;font-size:11px} .catalog-clear{background:none;border:0;border-bottom:1px solid var(--rule);padding:6px 0;color:var(--ink);font-size:12px;margin-left:auto} .consumer-catalog .card-photo{aspect-ratio:3/2} .catalog-category{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:22px 0 10px} .consumer-catalog .product-card h3{font-size:27px;margin:0 0 18px;min-height:34px} .catalog-options{min-height:87px}.catalog-option-label{display:block;font-size:11px;color:var(--muted);margin-bottom:9px} .catalog-strengths{display:flex;gap:7px;flex-wrap:wrap} .catalog-strengths button,.catalog-single-strength{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 12px;font-size:12px;border:1px solid var(--rule);border-radius:3px;background:none;color:var(--ink);line-height:1.3} .catalog-strengths button[aria-pressed=true]{background:#b8daf4;color:#142330;border-color:#b8daf4} .catalog-single-strength{padding-left:0;border-color:transparent} .catalog-buy-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--rule);padding:16px 0 0;margin-top:12px} .catalog-option-price{margin:0;font-size:18px;font-variant-numeric:tabular-nums}.catalog-option-price small{display:block;font-size:11px;color:var(--muted);margin-top:3px} .catalog-product-action{display:flex;align-items:center;gap:18px;font-size:12px;min-height:44px;border-bottom:1px solid var(--rule)} .catalog-product-action span{font-size:21px;color:#b8daf4} .consumer-catalog .catalog-detail-note{font-size:11px;color:var(--muted);margin:14px 0 0} .consumer-catalog .catalog-space{padding-bottom:55px} @media(max-width:1200px){.consumer-catalog .catalog-controls{grid-template-columns:1fr}.consumer-catalog .search-fields{grid-template-columns:minmax(180px,1fr) 200px}.consumer-catalog .catalog-opening{gap:7%}} @media(max-width:900px){.consumer-catalog .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.consumer-catalog .catalog-opening{gap:5%}.catalog-guide{padding-left:22px}} @media(max-width:600px){.consumer-catalog .catalog-opening{display:block;padding:32px 0}.consumer-catalog h1{font-size:56px}.catalog-guide{border-left:0;border-top:1px solid var(--rule);padding:22px 0 0;margin-top:26px;max-width:none}.catalog-guide .eyebrow{margin-bottom:10px}.catalog-guide .text-link{margin-bottom:12px}.consumer-catalog .catalog-controls{padding:18px 0}.consumer-catalog .search-fields{grid-template-columns:minmax(0,1fr) 135px}.consumer-catalog .field-small{min-width:0}.consumer-catalog .filter-chips button{padding:10px 12px;font-size:11px}.consumer-catalog .product-grid{grid-template-columns:1fr;gap:40px}.consumer-catalog .product-card h3{min-height:0;font-size:29px}.catalog-options{min-height:0}.catalog-strengths button{min-height:44px}.catalog-results{flex-wrap:wrap;gap:5px 14px}.catalog-results #catalog-sort-note{order:3;flex-basis:100%;margin:0}.catalog-buy-row{margin-top:20px}.catalog-guide .catalog-preview-note{max-width:none}.catalog-category{margin-top:20px}} @media(max-width:600px){.consumer-catalog .catalog-opening{padding:26px 0}.consumer-catalog .opening-kicker{font-size:10px;margin-bottom:16px}.consumer-catalog h1{font-size:46px;margin:16px 0}.catalog-guide{padding-top:15px;margin-top:18px}.catalog-guide .eyebrow,.catalog-guide>p:not(.catalog-preview-note){display:none}.catalog-guide .text-link{margin:0 0 10px}.catalog-lede{font-size:14px}} /* Consumer product detail: selected option, price and supporting records. */ .consumer-product .breadcrumb{padding:25px 0 30px;font-size:12px;flex-wrap:wrap} .pdp-opening{display:grid;grid-template-columns:1.12fr 1fr;gap:7%;align-items:start;padding:10px 0 58px} .pdp-visual{margin:0;min-width:0}.pdp-visual .detail-photo{position:relative}.pdp-visual img{aspect-ratio:3/2;object-fit:cover} .pdp-visual figcaption{font-size:11px;color:var(--muted);padding-top:14px;line-height:1.6} .pdp-selection{min-width:0}.pdp-selection .opening-kicker{font-size:10px;margin-bottom:18px} .pdp-selection h1{font:400 clamp(38px,4.4vw,62px)/1.02 Georgia,serif;letter-spacing:-.045em;margin:0 0 18px;overflow-wrap:anywhere} .pdp-description{color:var(--muted);font-size:15px;line-height:1.7;margin-bottom:16px} .pdp-use{font-size:12px;color:var(--muted);padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid var(--rule)} .pdp-option-heading{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin-bottom:12px;color:var(--muted)} .pdp-option-heading strong{font-weight:400;color:var(--ink)} .pdp-variants{display:flex;flex-wrap:wrap;gap:9px}.pdp-variants a{display:flex;flex-direction:column;gap:6px;justify-content:center;min-width:112px;min-height:65px;padding:13px 16px;border:1px solid var(--rule);border-radius:3px;font-size:14px} .pdp-variants small{font-size:11px;opacity:.8}.pdp-variants a[aria-current=page]{background:#b8daf4;border-color:#b8daf4;color:#142330} .pdp-option-note{font-size:12px;color:var(--muted);margin:12px 0 0;line-height:1.6} .pdp-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px;margin:25px 0 22px}.pdp-price strong{font-size:33px;font-weight:400;letter-spacing:-.025em;font-variant-numeric:tabular-nums}.pdp-price>span{font-size:12px;color:var(--muted)} .pdp-purchase{margin:0}.pdp-quantity-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;font-size:13px}.pdp-quantity-row label small{display:block;color:var(--muted);font-size:11px;margin-top:5px} .pdp-quantity{display:flex;align-items:center;border:1px solid var(--rule);border-radius:3px}.pdp-quantity button{width:44px;height:44px;border:0;background:transparent;color:var(--ink);font-size:22px;padding:0}.pdp-quantity button:disabled{opacity:.3;cursor:default}.pdp-quantity input{width:52px;height:44px;border:0;background:transparent;color:var(--ink);text-align:center;padding:0;font-size:15px;appearance:textfield;-moz-appearance:textfield}.pdp-quantity input::-webkit-inner-spin-button,.pdp-quantity input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0} .pdp-selection-total{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--rule);padding-top:16px;font-size:14px}.pdp-selection-total output{font-variant-numeric:tabular-nums}.pdp-total-note{font-size:11px;color:var(--muted);margin:8px 0 19px} .pdp-add{width:100%;display:flex;justify-content:space-between;align-items:center;min-height:54px}.pdp-add span{font-size:23px}.pdp-preview-note{font-size:11px;color:var(--muted);line-height:1.6;margin:12px 0 0} .pdp-welcome{margin-top:23px;padding-top:20px;border-top:1px solid var(--rule);font-size:12px}.pdp-welcome strong{font-weight:500;color:#b8daf4}.pdp-welcome p{font-size:11px;color:var(--muted);margin:7px 0 11px}.pdp-welcome .text-link{font-size:12px} .pdp-sections{display:flex;gap:30px;flex-wrap:wrap;padding:20px 0;border-block:1px solid var(--rule);font-size:13px} .pdp-information{display:grid;grid-template-columns:1fr 1.4fr;gap:10%;padding:55px 0;border-bottom:1px solid var(--rule);scroll-margin-top:22px}.pdp-information h2{font-size:38px;line-height:1.08;margin:0}.pdp-information .eyebrow{font-size:10px;margin-bottom:17px}.pdp-information .detail-specs{margin:0}.pdp-information .detail-specs>div:first-child{padding-top:0} .pdp-records{font-size:15px;line-height:1.75;color:var(--muted)}.pdp-record-status{font-size:11px;display:inline-block;padding:7px 10px;border:1px solid var(--rule);color:var(--ink);margin-bottom:8px;border-radius:3px}.pdp-records .text-link{font-size:13px;color:var(--ink)} .pdp-questions details{border-bottom:1px solid var(--rule);padding:20px 0}.pdp-questions details:first-child{padding-top:0}.pdp-questions summary{font-size:15px;cursor:pointer;line-height:1.5}.pdp-questions details p{font-size:14px;line-height:1.7;color:var(--muted);margin:16px 0 0}.pdp-questions details .text-link{font-size:13px;display:inline-block;margin-top:15px}.pdp-support{display:inline-block;margin-top:25px;font-size:13px} @media(max-width:900px){.pdp-opening{gap:5%;grid-template-columns:1fr 1.1fr}.pdp-selection h1{font-size:43px}.pdp-variants a{min-width:98px;padding:12px}.pdp-information{gap:6%}} @media(max-width:650px){.consumer-product .breadcrumb{padding:20px 0}.pdp-opening{grid-template-columns:1fr;gap:28px;padding:4px 0 35px}.pdp-selection h1{font-size:43px}.pdp-visual figcaption{padding-top:9px;font-size:10px}.pdp-information{grid-template-columns:1fr;gap:27px;padding:35px 0}.pdp-information h2{font-size:33px}.pdp-sections{gap:12px 22px;padding:18px 0;font-size:12px}.pdp-variants a{flex:1;min-width:105px}.pdp-selection .opening-kicker{line-height:1.6}.pdp-price{margin:22px 0}.pdp-description{font-size:14px}} /* Product-bound artwork uses the approved full photo with native print layers. */ .product-packaging{display:block;position:relative;width:100%;line-height:0;isolation:isolate;overflow:hidden;aspect-ratio:3520/2336}.product-packaging.professional-packaging{aspect-ratio:1}.product-packaging>img{display:block!important;width:100%!important;height:100%!important;max-height:none!important;aspect-ratio:auto!important;object-fit:fill!important;filter:none!important;transform:none!important}.product-packaging>svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.card-photo>.product-packaging{height:100%}.cart-line .product-packaging{width:100px}.added-item #added-art{display:block;width:86px;flex:none}.image-dialog .product-packaging{max-height:none}.product-packaging text{font-style:normal}.detail-photo>.product-packaging{height:100%} @media(max-width:520px){.cart-line .product-packaging{width:65px}} /* Bag and review polish; approved identity and product artwork remain unchanged. */ #cart-content .bag-quantity{display:flex;align-items:center;border:1px solid var(--rule);border-radius:24px;overflow:hidden} #cart-content .bag-quantity button{width:40px;height:44px;border:0;background:transparent;color:var(--ink);font-size:20px;cursor:pointer} #cart-content .bag-quantity button:disabled{opacity:.3;cursor:default} #cart-content .bag-quantity input{width:42px;padding:8px 0;border:0;background:transparent;text-align:center;appearance:textfield;-moz-appearance:textfield} #cart-content .bag-quantity input::-webkit-inner-spin-button,#cart-content .bag-quantity input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0} #cart-content .cart-line{grid-template-columns:100px minmax(0,1fr) auto;gap:24px} #cart-content .cart-line h3{font-size:25px}#cart-content .line-controls{flex-wrap:wrap;gap:12px} #cart-content .cart-price{white-space:nowrap}#cart-content .cart-price small{display:block;margin:6px 0 0} #cart-content>aside{align-self:start}#bag-count{margin:0 0 20px} .review-summary-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.review-summary-heading h2{font-size:28px}.review-summary-heading .text-link{font-size:12px;white-space:nowrap} #checkout-lines .review-order{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:12px} #checkout-lines .review-order strong{font-size:13px;font-weight:500}#checkout-lines .review-order p,#checkout-lines .review-order small{font-size:11px;color:var(--muted);line-height:1.7}#checkout-lines .review-line-total{font-size:13px;white-space:nowrap} .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} @media(max-width:600px){#cart-content .cart-line{grid-template-columns:80px minmax(0,1fr);gap:16px}#cart-content .cart-line .product-packaging{width:80px}#cart-content .cart-price{grid-column:2;text-align:left}#cart-content .cart-price small{display:inline;margin-left:8px}#cart-content .cart-line h3{font-size:23px}} /* Consumer homepage entry paths; retain the approved identity and photography. */ .home-entrances{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin-top:8px} .home-entrances>a{display:flex;flex-direction:column;gap:11px;padding:27px 28px;min-width:0;transition:background .18s} .home-entrances>a:first-child{padding-left:0}.home-entrances>a:last-child{padding-right:0}.home-entrances>a+a{border-left:1px solid var(--rule)} .entrance-label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)} .entrance-title{display:flex;align-items:center;justify-content:space-between;gap:15px;font:400 25px/1.2 Georgia,serif;letter-spacing:-.03em} .entrance-title>span{font:400 22px/1 Arial,sans-serif;color:var(--accent)} .entrance-copy{max-width:280px;font-size:13px;line-height:1.6;color:var(--muted)} .home-entrances>a:hover{background:#a9d7ff08}.home-entrances>a:focus-visible{outline-offset:-4px} @media(max-width:960px){.home-entrances>a{padding:23px 18px}.entrance-title{font-size:22px}} @media(max-width:720px){.home-entrances{grid-template-columns:1fr}.home-entrances>a,.home-entrances>a:first-child,.home-entrances>a:last-child{padding:22px 0;gap:9px}.home-entrances>a+a{border-left:0;border-top:1px solid var(--rule)}.entrance-copy{max-width:none}.entrance-title{font-size:26px}} @media(prefers-reduced-motion:reduce){.home-entrances>a{transition:none}} /* Visible atmospheric refinement. These layers live above component backgrounds and below their content; approved product photography remains untouched. */ body.summit:not(.beverage-page){background: radial-gradient(78rem 52rem at 88% 4%,rgba(27,111,190,.08),transparent 62%), radial-gradient(64rem 46rem at -8% 46%,rgba(63,136,204,.045),transparent 66%), linear-gradient(180deg,#111c27 0%,#15212c 44%,#111b25 100%)} body.meridian{background: radial-gradient(70rem 44rem at 88% 2%,rgba(103,161,196,.2),transparent 65%), radial-gradient(56rem 38rem at 2% 58%,rgba(255,255,255,.78),transparent 68%), linear-gradient(180deg,#e9f3f8,#dceaf2 56%,#e8f1f5)} .section,.compact-intro,.premium-opening,.catalog-opening,.pdp-opening,.beverage-opening{position:relative;isolation:isolate} .section::before,.compact-intro::before,.catalog-opening::before,.pdp-opening::before{z-index:0!important;inset:3% -7%!important;opacity:.36!important;background: radial-gradient(42rem 22rem at 14% 34%,rgba(var(--surface-rgb),calc(var(--surface-alpha)*1.2)),transparent 72%), linear-gradient(110deg,transparent 18%,rgba(104,172,232,.018) 48%,transparent 76%)!important;animation:section-aurora 22s ease-in-out infinite alternate} .section>*:not(style),.compact-intro>*:not(style),.catalog-opening>*:not(style),.pdp-opening>*:not(style),.beverage-opening>*:not(style){position:relative;z-index:1} .home-entrances{gap:14px;border:0;margin-top:24px;padding:14px 0} .home-entrances>a,.family-path,.article-card,.panel,.catalog-guide,.notice,.empty-state,.member-feature,.membership-details,.documentation,.offer,.callout,.medical-form-card,.consumer-signup-card{position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(157,205,247,.16);background: linear-gradient(145deg,rgba(39,57,73,.74),rgba(17,28,38,.77)), repeating-linear-gradient(112deg,rgba(255,255,255,.018) 0 1px,transparent 1px 6px);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 24px 70px rgba(0,5,12,.16);backdrop-filter:blur(18px) saturate(120%);-webkit-backdrop-filter:blur(18px) saturate(120%)} .meridian .home-entrances>a,.meridian .family-path,.meridian .article-card,.meridian .panel,.meridian .catalog-guide,.meridian .notice,.meridian .empty-state,.meridian .member-feature,.meridian .membership-details,.meridian .documentation,.meridian .offer,.meridian .callout,.meridian .medical-form-card,.meridian .consumer-signup-card{border-color:rgba(85,120,144,.2);background: linear-gradient(145deg,rgba(255,255,255,.66),rgba(214,231,241,.62)), repeating-linear-gradient(112deg,rgba(63,93,112,.025) 0 1px,transparent 1px 6px);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 24px 70px rgba(49,77,96,.1)} .home-entrances>a{padding:30px!important;border-radius:3px;transition:transform .38s cubic-bezier(.22,1,.36,1),border-color .3s,box-shadow .3s} .home-entrances>a+a{border-left:1px solid rgba(157,205,247,.16)} .family-path,.article-card{display:flex;flex-direction:column;align-items:flex-start;padding:30px;border-radius:3px;border-top-color:rgba(137,194,239,.3)} .family-path>span,.article-card>span{font-size:13px;line-height:1.4;letter-spacing:0;text-transform:none;color:var(--muted);margin:0 0 25px} .family-path h3,.article-card h3{font-size:30px;line-height:1.16;margin:0 0 20px} .family-path p,.article-card p{font-size:16px;line-height:1.65;color:var(--muted);margin:0} .family-path strong,.article-card strong{font-size:14px;line-height:1.5;font-weight:400;margin-top:auto;padding-top:26px} [data-page=home] .home-learning .article-grid{gap:30px} [data-page=home] .home-learning .article-card{padding:30px;border:1px solid rgba(157,205,247,.16);border-top-color:rgba(137,194,239,.3);border-radius:3px;background: linear-gradient(145deg,rgba(37,48,58,.54),rgba(17,26,35,.64)), repeating-linear-gradient(112deg,rgba(163,207,243,.018) 0 1px,transparent 1px 6px);box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 26px 75px rgba(0,5,12,.14)} [data-page=home] .home-learning .article-card>span{font-size:13px;line-height:1.4;letter-spacing:0;text-transform:none;color:var(--muted);margin:0 0 25px} [data-page=home] .home-learning .article-card h3{font-size:30px;line-height:1.16;margin:0 0 20px} [data-page=home] .home-learning .article-card p{font-size:16px;line-height:1.65;color:var(--muted);margin:0} [data-page=home] .home-learning .article-card strong{font-size:14px;line-height:1.5;font-weight:400;margin-top:auto;padding-top:26px} [data-page=home] .home-documentation,[data-page=home] .home-learning{overflow:clip} .home-watermark{position:absolute!important;z-index:0!important;display:block;pointer-events:none;user-select:none} .home-watermark svg{display:block;width:100%;height:100%;overflow:visible} .home-watermark-arc{left:50%;top:-8%;width:min(1450px,118vw);height:680px;opacity:.105;transform:translateX(-50%) rotate(-1.5deg);filter:drop-shadow(0 18px 34px rgba(71,138,194,.08));animation:home-arc-drift 32s ease-in-out infinite alternate} .home-watermark-fox{right:-5%;top:2%;width:clamp(260px,31vw,470px);height:auto;aspect-ratio:1.3;opacity:.052;transform:rotate(-5deg);filter:drop-shadow(0 20px 34px rgba(89,157,211,.08));animation:home-fox-drift 36s ease-in-out infinite alternate} .home-watermark-fox path{fill:#a8d2f2} .product-card{padding:12px 12px 24px;border:1px solid rgba(157,205,247,.13);border-radius:3px;background:linear-gradient(160deg,rgba(43,60,75,.44),rgba(16,25,34,.54));box-shadow:0 22px 58px rgba(0,5,12,.13);transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s ease} .meridian .product-card{border-color:rgba(84,116,138,.16);background:linear-gradient(160deg,rgba(255,255,255,.55),rgba(213,230,240,.46))} .product-card .card-meta,.product-card h3,.product-card .price-line,.product-card .card-description,.product-card .catalog-category,.product-card .catalog-options,.product-card .catalog-buy-row,.product-card .catalog-detail-note{margin-inline:8px} .product-card .card-photo{margin-bottom:2px} .home-entrances>a:hover,.family-path:hover,.article-card:hover,.product-card:hover{transform:translateY(-2px);border-color:rgba(146,207,255,.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 28px 70px rgba(0,7,16,.17)} .home-entrances>a::before,.family-path::before,.article-card::before,.panel::before,.catalog-guide::before,.notice::before,.empty-state::before,.member-feature::before,.membership-details::before,.documentation::before,.offer::before,.callout::before,.medical-form-card::before,.consumer-signup-card::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background: radial-gradient(34rem 24rem at var(--light-x,78%) var(--light-y,12%),rgba(147,207,255,.06),transparent 62%), linear-gradient(135deg,rgba(255,255,255,.025),transparent 38%);opacity:.58;transition:opacity .35s ease} .meridian .home-entrances>a::before,.meridian .family-path::before,.meridian .article-card::before,.meridian .panel::before,.meridian .catalog-guide::before,.meridian .notice::before,.meridian .empty-state::before,.meridian .member-feature::before,.meridian .membership-details::before,.meridian .documentation::before,.meridian .offer::before,.meridian .callout::before,.meridian .medical-form-card::before,.meridian .consumer-signup-card::before{background:radial-gradient(34rem 24rem at var(--light-x,78%) var(--light-y,12%),rgba(255,255,255,.28),transparent 64%),linear-gradient(135deg,rgba(255,255,255,.14),transparent 40%);opacity:.52} .home-entrances>a::after,.family-path::after,.article-card::after,.panel::after,.catalog-guide::after,.notice::after,.empty-state::after,.member-feature::after,.membership-details::after,.documentation::after,.offer::after,.callout::after,.medical-form-card::after,.consumer-signup-card::after{content:"";position:absolute;z-index:0;pointer-events:none;left:-42%;top:-140%;width:22%;height:380%;background:linear-gradient(90deg,transparent,rgba(191,226,255,.035),transparent);transform:rotate(17deg);animation:premium-light-pass 20s ease-in-out infinite} .home-entrances>a:nth-child(2)::after,.path-grid>*:nth-child(2)::after,.article-grid>*:nth-child(2)::after{animation-delay:-4.3s}.home-entrances>a:nth-child(3)::after,.path-grid>*:nth-child(3)::after,.article-grid>*:nth-child(3)::after{animation-delay:-8.6s} .home-entrances>a>*,.family-path>*,.article-card>*,.panel>*,.catalog-guide>*,.notice>*,.empty-state>*,.member-feature>*,.membership-details>*,.documentation>*,.offer>*,.callout>*,.medical-form-card>*,.consumer-signup-card>*{position:relative;z-index:1} /* Keep every photo pixel visually direct: only the surrounding card carries depth. */ .card-photo::after,.detail-photo::after,.premium-opening figure::after,.pdp-visual::after{background:none!important;box-shadow:inset 0 0 0 1px rgba(210,230,247,.1)!important} .product-packaging>img,.card-photo img,.detail-photo img,.premium-opening figure img,.pdp-visual img{filter:none!important;transform:none!important;image-rendering:auto!important} /* One composed footer: identity/navigation above, signature/legal line below. */ .footer{position:relative;isolation:isolate;overflow:hidden;margin-top:72px;padding:42px clamp(24px,3.2vw,52px) 30px;border:1px solid rgba(150,202,245,.15);border-bottom:0;background:linear-gradient(145deg,rgba(33,50,65,.72),rgba(12,22,31,.82));box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 -24px 75px rgba(0,6,14,.1);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)} .meridian .footer{border-color:rgba(81,115,137,.18);background:linear-gradient(145deg,rgba(255,255,255,.58),rgba(210,228,239,.68));box-shadow:inset 0 1px 0 rgba(255,255,255,.88),0 -20px 65px rgba(58,89,108,.08)} .footer::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(44rem 24rem at 16% 12%,rgba(117,184,239,.14),transparent 66%),linear-gradient(110deg,transparent 48%,rgba(255,255,255,.035),transparent 76%)} .footer>*{position:relative;z-index:1}.footer-top{margin:0 0 28px;padding:0;border:0;align-items:center}.footer-links{gap:18px 28px}.footer-bottom{margin:0;padding:24px 0 0;border-top:1px solid rgba(163,203,236,.16);align-items:flex-end}.footer-signature{display:grid;gap:8px}.footer-signature strong{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}.footer-signature p{font-size:12px;color:var(--muted);margin:0}.footer-bottom>a{font-size:12px;color:var(--muted);border-bottom:1px solid rgba(163,203,236,.24);padding-bottom:3px} @keyframes premium-light-pass{0%,62%{transform:translateX(-16%) rotate(17deg);opacity:0}72%{opacity:.26}91%,100%{transform:translateX(660%) rotate(17deg);opacity:0}} @keyframes section-aurora{0%{transform:translate3d(-1%,0,0) scale(.99);opacity:.3}100%{transform:translate3d(2%,.5%,0) scale(1.015);opacity:.5}} @keyframes home-arc-drift{0%{transform:translate3d(-50%,-4px,0) rotate(-1.5deg)}100%{transform:translate3d(-49%,6px,0) rotate(-.8deg)}} @keyframes home-fox-drift{0%{transform:translate3d(0,-3px,0) rotate(-5deg)}100%{transform:translate3d(-7px,5px,0) rotate(-3.5deg)}} @media(max-width:900px){.home-entrances{gap:10px}.home-entrances>a{padding:24px!important}.family-path,.article-card{padding:24px}.footer{padding-inline:28px}} @media(max-width:720px){.home-entrances{grid-template-columns:1fr;padding:0;gap:10px}.home-entrances>a,.home-entrances>a:first-child,.home-entrances>a:last-child{padding:24px!important}.home-entrances>a+a{border-left:1px solid rgba(157,205,247,.16);border-top:1px solid rgba(157,205,247,.16)}.home-watermark-arc{top:5%;width:210vw;height:560px;opacity:.075}.home-watermark-fox{right:-8%;top:5%;width:260px;opacity:.05}.product-card{padding:10px 10px 22px}.footer{margin-top:48px;padding:30px 22px 24px}.footer-top,.footer-bottom{align-items:flex-start}.footer-top{margin-bottom:24px}.footer-bottom{gap:20px}.footer-signature{gap:7px}} @media(prefers-reduced-motion:reduce){.section::before,.compact-intro::before,.catalog-opening::before,.pdp-opening::before,.home-entrances>a::after,.family-path::after,.article-card::after,.panel::after,.catalog-guide::after,.notice::after,.empty-state::after,.member-feature::after,.membership-details::after,.documentation::after,.offer::after,.callout::after,.medical-form-card::after,.consumer-signup-card::after,.home-watermark{animation:none!important}.home-entrances>a:hover,.family-path:hover,.article-card:hover,.product-card:hover{transform:none}} /* Consumer homepage art direction: one continuous editorial composition rather than a sequence of interchangeable panels. The approved image bytes remain untouched; masks feather only the photographic edges into the page. */ body.summit[data-page=home] .summit-opening{grid-template-columns:repeat(12,minmax(0,1fr));gap:0;min-height:720px;padding:72px 0 112px;align-items:center} body.summit[data-page=home] .summit-opening-copy{grid-column:1/7;grid-row:1;z-index:3;max-width:650px;padding:10px 0 46px} body.summit[data-page=home] .summit-opening h1{font-size:clamp(72px,7.3vw,112px);line-height:.91;max-width:720px;margin-bottom:34px;text-wrap:balance} body.summit[data-page=home] .summit-opening .opening-intro{max-width:525px;font-size:17px;line-height:1.78} body.summit[data-page=home] .summit-opening-visual{grid-column:5/-1;grid-row:1;z-index:1;position:relative;margin:0 -7vw 0 -8%;align-self:center} body.summit[data-page=home] .summit-opening-visual::before{content:"";position:absolute;z-index:-1;inset:4% 4% 0 0;background:radial-gradient(ellipse at 56% 48%,rgba(21,112,195,.26),rgba(20,70,111,.09) 43%,transparent 72%);filter:blur(28px)} body.summit[data-page=home] .summit-opening-image{ border-radius:0;overflow:visible; /* Feather the entire top and the upper-left photographic background; keep the artwork opaque. */ -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 10%,#000 100%),linear-gradient(to right,transparent 0%,#000 13%,#000 100%),linear-gradient(to left,transparent 0%,#000 6%,#000 100%),radial-gradient(ellipse 92% 92% at 58% 50%,#000 60%,rgba(0,0,0,.94) 74%,transparent 100%); mask-image:linear-gradient(to bottom,transparent 0%,#000 10%,#000 100%),linear-gradient(to right,transparent 0%,#000 13%,#000 100%),linear-gradient(to left,transparent 0%,#000 6%,#000 100%),radial-gradient(ellipse 92% 92% at 58% 50%,#000 60%,rgba(0,0,0,.94) 74%,transparent 100%); -webkit-mask-composite:source-in,source-in,source-in; mask-composite:intersect,intersect,intersect; } body.summit[data-page=home] .summit-opening figure::after{display:none} body.summit[data-page=home] .summit-opening figcaption{position:absolute;right:7%;bottom:3%;z-index:2;padding:0 0 7px 54px;border-bottom:1px solid rgba(167,211,245,.28);font-size:10px;letter-spacing:.12em;text-transform:uppercase} body.summit[data-page=home] .summit-opening::after{content:none} body.summit[data-page=home] .home-entrances{position:relative;z-index:4;grid-template-columns:1fr 1.12fr 1fr;gap:20px;margin:-54px 4% 0;padding:0;border:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none} body.summit[data-page=home] .home-entrances>a{display:grid;grid-template-rows:auto auto 1fr;align-content:start;row-gap:17px;min-height:246px;padding:39px 35px 36px!important;border:1px solid rgba(157,205,247,.2)!important;border-radius:0;background:linear-gradient(135deg,rgba(34,54,70,.95),rgba(18,32,45,.93))!important;box-shadow:0 22px 50px rgba(0,8,20,.18),inset 0 1px 0 rgba(218,237,255,.06)!important;backdrop-filter:blur(18px) saturate(115%);-webkit-backdrop-filter:blur(18px) saturate(115%)} body.summit[data-page=home] .home-entrances>a:first-child{background:linear-gradient(135deg,rgba(40,62,80,.97),rgba(22,39,54,.94))!important;box-shadow:0 22px 50px rgba(0,8,20,.2),inset 0 2px 0 rgba(168,215,250,.28)!important} body.summit[data-page=home] .home-entrances>a+a{border-left:1px solid rgba(157,205,247,.2)!important} body.summit[data-page=home] .home-entrances>a::before,body.summit[data-page=home] .home-entrances>a::after{display:none} body.summit[data-page=home] .home-entrances .entrance-label{font-size:11px;letter-spacing:.14em} body.summit[data-page=home] .home-entrances .entrance-title{font-size:clamp(22px,1.8vw,29px)} body.summit[data-page=home] .home-entrances .entrance-copy{max-width:34ch;font-size:15px;line-height:1.58} body.summit[data-page=home] .featured-products{padding-top:112px;padding-bottom:142px;border-bottom:0} body.summit[data-page=home] .featured-products .section-head{display:grid;grid-template-columns:1fr auto;align-items:end;margin:0 0 56px 8%} body.summit[data-page=home] .featured-products .section-head h2{font-size:clamp(48px,5.2vw,76px)} body.summit[data-page=home] .featured-products .product-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.78fr);grid-template-rows:repeat(2,minmax(230px,auto));gap:38px 5.5%} body.summit[data-page=home] .featured-products .product-card{padding:0;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible} body.summit[data-page=home] .featured-products .product-card::before,body.summit[data-page=home] .featured-products .product-card::after{display:none} body.summit[data-page=home] .featured-products .product-card:first-child{grid-row:1/span 2;align-self:center;padding-right:2%} body.summit[data-page=home] .featured-products .product-card .card-photo{border:0;border-radius:0;background:transparent;overflow:visible;box-shadow:none} body.summit[data-page=home] .featured-products .product-card:first-child .card-photo{-webkit-mask-image:radial-gradient(ellipse 94% 94% at 49% 48%,#000 63%,rgba(0,0,0,.92) 78%,transparent 100%);mask-image:radial-gradient(ellipse 94% 94% at 49% 48%,#000 63%,rgba(0,0,0,.92) 78%,transparent 100%)} body.summit[data-page=home] .featured-products .product-card:not(:first-child){display:block;border-top:1px solid rgba(157,205,247,.18);padding-top:22px} body.summit[data-page=home] .featured-products .product-card:not(:first-child) .card-photo{-webkit-mask-image:radial-gradient(ellipse 98% 92% at 50% 48%,#000 66%,rgba(0,0,0,.9) 80%,transparent 100%);mask-image:radial-gradient(ellipse 98% 92% at 50% 48%,#000 66%,rgba(0,0,0,.9) 80%,transparent 100%)} body.summit[data-page=home] .featured-products .product-card:not(:first-child) .card-meta,body.summit[data-page=home] .featured-products .product-card:not(:first-child) h3,body.summit[data-page=home] .featured-products .product-card:not(:first-child) .price-line{margin-inline:8px} body.summit[data-page=home] .featured-products .product-card:not(:first-child) .card-meta{margin-top:2px} body.summit[data-page=home] .featured-products .product-card:not(:first-child) h3{font-size:clamp(23px,2.1vw,31px)} body.summit[data-page=home] .featured-products .product-card:not(:first-child) .price-line{align-self:end} body.summit[data-page=home] .featured-products .card-photo::after{inset:-1px;background:linear-gradient(90deg,#14202b 0%,transparent 9%,transparent 91%,#14202b 100%),linear-gradient(180deg,transparent 0%,transparent 86%,#14202b 100%)!important;box-shadow:none!important} body.summit[data-page=home] .home-documentation{padding:136px 0 146px;border-block:1px solid rgba(157,205,247,.13)} body.summit[data-page=home] .home-documentation .split{grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:12%;align-items:start} body.summit[data-page=home] .home-documentation .split>div:first-of-type{padding-top:30px} body.summit[data-page=home] .home-documentation h2{font-size:clamp(56px,6vw,88px);line-height:.98} body.summit[data-page=home] .home-documentation .body-copy{font-size:17px;line-height:1.75;margin-bottom:28px} body.summit[data-page=home] .home-documentation .documentation{padding:0 0 0 9%;border:0;border-left:1px solid rgba(157,205,247,.2);border-radius:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;color:var(--ink);overflow:visible} body.summit[data-page=home] .home-documentation .documentation::before,body.summit[data-page=home] .home-documentation .documentation::after{display:none} body.summit[data-page=home] .home-documentation .document-title{font-size:clamp(42px,4.5vw,66px);line-height:1.02;margin-bottom:42px} body.summit[data-page=home] .home-documentation .document-row{padding:23px 0;border-top:1px solid rgba(157,205,247,.16);font-size:14px} body.summit[data-page=home] .home-documentation .document-row span:last-child{color:var(--muted)} body.summit[data-page=home] .home-offer{width:auto;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:134px max(5.5vw,calc((100vw - 1560px)/2 + 5.5vw));border-bottom:1px solid rgba(157,205,247,.14);background:radial-gradient(58rem 36rem at 18% 46%,rgba(35,117,187,.16),transparent 68%),linear-gradient(110deg,rgba(25,42,56,.72),rgba(12,23,33,.72));overflow:hidden} body.summit[data-page=home] .home-offer::before{display:none!important;content:none!important} body.summit[data-page=home] .home-offer .home-watermark-fox{left:auto;right:1%;top:14%;width:clamp(330px,29vw,500px);opacity:.055;transform:rotate(-5deg);animation:none} body.summit[data-page=home] .home-offer .offer{max-width:1560px;margin:auto;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);padding:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;overflow:visible} body.summit[data-page=home] .home-offer .offer::before,body.summit[data-page=home] .home-offer .offer::after{display:none} body.summit[data-page=home] .home-offer .offer-number{font-size:clamp(130px,12vw,196px);text-shadow:0 24px 70px rgba(44,129,201,.13)} body.summit[data-page=home] .home-offer .offer-copy{padding-left:13%;border-left-color:rgba(157,205,247,.18)} body.summit[data-page=home] .home-offer .offer-copy h2{font-size:clamp(58px,5vw,78px)} body.summit[data-page=home] .company-paths{padding:148px 0 118px;border-bottom:0} body.summit[data-page=home] .company-paths .section-head{margin-left:8%;margin-bottom:54px} body.summit[data-page=home] .company-paths .section-head h2{font-size:clamp(52px,5.4vw,80px)} body.summit[data-page=home] .company-paths .path-grid{grid-template-columns:1.12fr 1fr .88fr;gap:0;border-block:1px solid rgba(157,205,247,.17)} body.summit[data-page=home] .company-paths .family-path{min-height:360px;padding:46px 42px;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;justify-content:flex-end} body.summit[data-page=home] .company-paths .family-path+ .family-path{border-left:1px solid rgba(157,205,247,.17)} body.summit[data-page=home] .company-paths .family-path:nth-child(2){padding-top:86px} body.summit[data-page=home] .company-paths .family-path:nth-child(3){padding-top:126px} body.summit[data-page=home] .company-paths .family-path::before,body.summit[data-page=home] .company-paths .family-path::after{display:none} body.summit[data-page=home] .home-learning{padding:118px 0 128px;border-bottom:0} body.summit[data-page=home] .home-learning .section-head{margin:0 0 44px 28%} body.summit[data-page=home] .home-learning .section-head h2{font-size:clamp(54px,5.6vw,82px)} body.summit[data-page=home] .home-learning .article-grid{display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid rgba(157,205,247,.17)} body.summit[data-page=home] .home-learning .article-card{display:grid;grid-template-columns:145px minmax(240px,1fr) minmax(300px,1.2fr) auto;align-items:center;column-gap:34px;min-height:164px;padding:31px 18px;border:0;border-bottom:1px solid rgba(157,205,247,.17);border-radius:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;overflow:visible} body.summit[data-page=home] .home-learning .article-card::before,body.summit[data-page=home] .home-learning .article-card::after{display:none} body.summit[data-page=home] .home-learning .article-card>span,body.summit[data-page=home] .home-learning .article-card h3,body.summit[data-page=home] .home-learning .article-card p,body.summit[data-page=home] .home-learning .article-card strong{margin:0;padding:0} body.summit[data-page=home] .home-learning .article-card h3{font-size:clamp(27px,2.6vw,39px)} body.summit[data-page=home] .home-learning .article-card strong{white-space:nowrap;text-align:right} body.summit[data-page=home] .home-watermark-fox{right:auto;left:-4%;top:8%;width:clamp(300px,29vw,460px);opacity:.04} @media(max-width:1050px) and (min-width:721px){body.summit[data-page=home] .summit-opening{min-height:620px}body.summit[data-page=home] .summit-opening-copy{grid-column:1/6;min-width:0;max-width:none}body.summit[data-page=home] .summit-opening h1{font-size:clamp(56px,6.67vw,70px)}body.summit[data-page=home] .summit-opening .opening-intro{max-width:100%}body.summit[data-page=home] .summit-opening-visual{grid-column:6/-1;margin-left:0}body.summit[data-page=home] .home-entrances{margin-left:3%;margin-right:1%}body.summit[data-page=home] .featured-products .product-grid{grid-template-columns:1.2fr .8fr;gap:30px}body.summit[data-page=home] .home-learning .article-card{grid-template-columns:115px 1fr 1.1fr;gap:24px}body.summit[data-page=home] .home-learning .article-card strong{grid-column:2/4;text-align:left;margin-top:15px}} @media(max-width:720px){body.summit[data-page=home] .summit-opening{display:flex;min-height:0;padding:48px 0 44px;gap:16px}body.summit[data-page=home] .summit-opening-copy{padding:0;max-width:none}body.summit[data-page=home] .summit-opening h1{font-size:clamp(62px,18vw,82px);line-height:.92;margin-bottom:30px}body.summit[data-page=home] .summit-opening .opening-intro{font-size:16px;line-height:1.72}body.summit[data-page=home] .summit-opening-visual{width:112%;margin:2px -6% 0;align-self:center}body.summit[data-page=home] .summit-opening-image{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 8%,#000 91%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 8%,#000 91%,transparent 100%)}body.summit[data-page=home] .summit-opening figcaption{right:6%;bottom:4%;font-size:9px}body.summit[data-page=home] .summit-opening::after{bottom:16px;font-size:128px}body.summit[data-page=home] .home-entrances{grid-template-columns:1fr;margin:0;padding:0;background:linear-gradient(145deg,rgba(31,51,67,.82),rgba(17,30,41,.76))}body.summit[data-page=home] .home-entrances>a{min-height:0;padding:25px 23px!important}body.summit[data-page=home] .home-entrances>a+a{border-left:0!important;border-top:1px solid rgba(157,205,247,.14)!important}body.summit[data-page=home] .featured-products{padding:98px 0}body.summit[data-page=home] .featured-products .section-head{display:flex;margin:0 0 38px}body.summit[data-page=home] .featured-products .section-head h2{font-size:49px}body.summit[data-page=home] .featured-products .product-grid{display:grid;grid-template-columns:1fr;grid-template-rows:none;gap:58px}body.summit[data-page=home] .featured-products .product-card:first-child{grid-row:auto;padding:0}body.summit[data-page=home] .featured-products .product-card:not(:first-child){display:block;padding-top:28px}body.summit[data-page=home] .featured-products .product-card:not(:first-child) .card-photo{-webkit-mask-image:radial-gradient(ellipse 98% 94% at 49% 48%,#000 70%,transparent 100%);mask-image:radial-gradient(ellipse 98% 94% at 49% 48%,#000 70%,transparent 100%)}body.summit[data-page=home] .featured-products .product-card:not(:first-child) .card-meta,body.summit[data-page=home] .featured-products .product-card:not(:first-child) h3,body.summit[data-page=home] .featured-products .product-card:not(:first-child) .price-line{margin-inline:8px}body.summit[data-page=home] .home-documentation{padding:96px 0 104px}body.summit[data-page=home] .home-documentation .split{grid-template-columns:1fr;gap:70px}body.summit[data-page=home] .home-documentation .split>div:first-of-type{padding:0}body.summit[data-page=home] .home-documentation h2{font-size:56px}body.summit[data-page=home] .home-documentation .documentation{padding:0;border-left:0;border-top:1px solid rgba(157,205,247,.2);padding-top:38px}body.summit[data-page=home] .home-offer{padding:96px 6vw}body.summit[data-page=home] .home-offer .offer{grid-template-columns:1fr;gap:42px}body.summit[data-page=home] .home-offer .offer-value{padding:0}body.summit[data-page=home] .home-offer .offer-copy{padding:38px 0 0;border-left:0;border-top:1px solid rgba(157,205,247,.18)}body.summit[data-page=home] .home-offer .offer-number{font-size:clamp(104px,31vw,142px)}body.summit[data-page=home] .home-offer .offer-copy h2{font-size:55px}body.summit[data-page=home] .company-paths{padding:100px 0 84px}body.summit[data-page=home] .company-paths .section-head{margin:0 0 38px}body.summit[data-page=home] .company-paths .section-head h2{font-size:52px}body.summit[data-page=home] .company-paths .path-grid{grid-template-columns:1fr}body.summit[data-page=home] .company-paths .family-path,body.summit[data-page=home] .company-paths .family-path:nth-child(2),body.summit[data-page=home] .company-paths .family-path:nth-child(3){min-height:280px;padding:34px 12px}body.summit[data-page=home] .company-paths .family-path+.family-path{border-left:0;border-top:1px solid rgba(157,205,247,.17)}body.summit[data-page=home] .home-learning{padding:92px 0 100px}body.summit[data-page=home] .home-learning .section-head{margin:0 0 32px 22%}body.summit[data-page=home] .home-learning .section-head h2{font-size:52px}body.summit[data-page=home] .home-learning .article-card{grid-template-columns:1fr;gap:17px;min-height:0;padding:32px 4px}body.summit[data-page=home] .home-learning .article-card strong{text-align:left;margin-top:4px}body.summit[data-page=home] .home-watermark-fox{left:-27%;right:auto;top:2%;width:300px;opacity:.04}} @media(max-width:720px){body.summit[data-page=home] .home-offer .home-watermark-fox{left:auto;right:-24%;top:42%;width:330px;opacity:.045}} /* Consumer homepage: the opening's established arc connects the family title to the first path, while a centered fox watermark anchors the final section. */ body.summit[data-page=home] .company-paths{position:relative} body.summit[data-page=home] .company-paths .section-head{ display:block; position:static; margin-left:clamp(300px,30%,410px); } body.summit[data-page=home] .company-paths .section-head>div{position:relative;z-index:1} body.summit[data-page=home] .home-family-arc{ display:block; position:absolute; left:0; top:124px; z-index:0; width:clamp(270px,22vw,340px); height:auto; opacity:.92; filter:drop-shadow(0 0 6px rgba(143,199,245,.42)); pointer-events:none; } body.summit[data-page=home] .home-family-arc svg{display:block;width:100%;height:100%} body.summit[data-page=home] .home-learning::before{display:none!important;content:none!important} body.summit[data-page=home] .home-learning>.section-head, body.summit[data-page=home] .home-learning>.article-grid{position:relative;z-index:1} body.summit[data-page=home] .home-learning .home-watermark-fox{ left:50%; right:auto; top:auto; bottom:18px; width:auto; height:calc(100% - 36px); max-width:none; aspect-ratio:610/480; opacity:.026; transform:translateX(-50%); filter:none; animation:home-learning-fox-drift 38s ease-in-out infinite alternate; } @keyframes home-learning-fox-drift{ from{transform:translate3d(-50%,-3px,0)} to{transform:translate3d(calc(-50% + 7px),3px,0)} } @media(max-width:720px){ body.summit[data-page=home] .company-paths .section-head{ margin-left:0; } body.summit[data-page=home] .home-family-arc{ left:0; top:254px; width:104px; height:auto; opacity:.72; } body.summit[data-page=home] .home-learning .section-head{margin-left:18%} body.summit[data-page=home] .home-learning .home-watermark-fox{ left:50%; right:auto; top:auto; bottom:14px; width:auto; height:calc(100% - 28px); opacity:.026; } } @media(max-width:720px){ body.summit[data-page=home] .summit-opening-image{ -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 8%,#000 91%,transparent 100%),linear-gradient(to right,transparent 0%,#000 13%,#000 100%),linear-gradient(to left,transparent 0%,#000 6%,#000 100%); mask-image:linear-gradient(to bottom,transparent 0%,#000 8%,#000 91%,transparent 100%),linear-gradient(to right,transparent 0%,#000 13%,#000 100%),linear-gradient(to left,transparent 0%,#000 6%,#000 100%); -webkit-mask-composite:source-in,source-in; mask-composite:intersect,intersect; } } /* The collection uses the opening photograph's edge treatment so the approved image stays untouched while its rectangular canvas dissolves into the page. */ body.summit[data-page=home] .featured-products .product-card:first-child .card-photo, body.summit[data-page=home] .featured-products .product-card:not(:first-child) .card-photo{ -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 11%,#000 89%,transparent 100%),linear-gradient(to right,transparent 0%,#000 13%,#000 100%),linear-gradient(to left,transparent 0%,#000 5%,#000 100%),radial-gradient(ellipse 96% 96% at 50% 49%,#000 64%,rgba(0,0,0,.94) 78%,transparent 100%); mask-image:linear-gradient(to bottom,transparent 0%,#000 11%,#000 89%,transparent 100%),linear-gradient(to right,transparent 0%,#000 13%,#000 100%),linear-gradient(to left,transparent 0%,#000 5%,#000 100%),radial-gradient(ellipse 96% 96% at 50% 49%,#000 64%,rgba(0,0,0,.94) 78%,transparent 100%); -webkit-mask-composite:source-in,source-in,source-in; mask-composite:intersect,intersect,intersect; } body.summit[data-page=home] .featured-products .card-photo::after{display:none!important} /* Keep the entry paths aligned as columns on wide screens and readable as editorial rows when three narrow columns would crowd their titles. */ @media (min-width:721px) and (max-width:1100px){ /* The photographic overhang should finish inside the viewport at medium widths. */ body.summit[data-page=home] .summit-opening-visual{margin-right:-5vw} } @media (min-width:931px) and (max-width:1100px){ body.summit[data-page=home] .home-entrances{gap:14px;margin-left:4%;margin-right:4%} body.summit[data-page=home] .home-entrances>a{padding:32px 24px 30px!important} body.summit[data-page=home] .home-entrances .entrance-title{font-size:21px;gap:8px} body.summit[data-page=home] .home-entrances .entrance-title>span{font-size:18px} } @media (min-width:721px) and (max-width:930px){ body.summit[data-page=home] .home-entrances{grid-template-columns:1fr;gap:14px;margin:-42px 3% 0} body.summit[data-page=home] .home-entrances>a{ grid-template-columns:minmax(150px,.6fr) minmax(0,1.4fr); grid-template-rows:auto auto; align-content:center; column-gap:24px; row-gap:8px; min-height:126px; padding:24px 30px!important; } body.summit[data-page=home] .home-entrances>a+a{border-left:0!important;border-top:1px solid rgba(157,205,247,.14)!important} body.summit[data-page=home] .home-entrances .entrance-label{grid-column:1;grid-row:1/3;align-self:start;margin-top:7px} body.summit[data-page=home] .home-entrances .entrance-title{grid-column:2;grid-row:1;font-size:25px} body.summit[data-page=home] .home-entrances .entrance-copy{grid-column:2;grid-row:2;max-width:48ch} } @media (max-width:720px){ body.summit[data-page=home] .home-entrances{gap:14px;margin:10px 0 0;background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none} body.summit[data-page=home] .home-entrances>a{row-gap:11px;padding:26px 23px!important} body.summit[data-page=home] .home-entrances .entrance-copy{max-width:37ch} } /* Professional header refinement: static details, original identity, scoped navigation. */ body.meridian .site-header{height:118px;gap:32px} .meridian .site-header .ha-wordmark{font-size:44px} .meridian .site-header .ha-subtitle{font-size:9px;letter-spacing:.3em} .meridian .site-header .ha-emblem{min-height:52px;padding-left:20px} .meridian .site-header .header-emblem-glyph{font-size:52px} .meridian .site-header .site-nav{gap:clamp(18px,2vw,30px);font-size:14px} .meridian .site-header .site-nav>a{min-height:44px;display:inline-flex;align-items:center} .meridian .site-header .professional-account-link{margin-left:8px;padding:10px 21px;border:1px solid #8b704366;border-radius:3px;line-height:1.5;transition:background-color .18s,border-color .18s} .meridian .site-header .professional-account-link:hover{background:#ffffff80;border-color:var(--metal)} .meridian .site-header :is(a,button):focus-visible,.meridian .mobile-nav a:focus-visible{outline:2px solid var(--metal-dark);outline-offset:5px} .meridian .site-header .menu-trigger{min-height:44px;min-width:62px;border-radius:3px;border-color:#8b704366} .meridian .mobile-nav a{min-height:44px} @media(min-width:961px) and (max-width:1150px){ .meridian .site-header .ha-wordmark{font-size:39px} .meridian .site-header .ha-emblem{padding-left:15px;min-height:46px} .meridian .site-header .header-emblem-glyph{font-size:46px} .meridian .site-header .site-nav{gap:18px} .meridian .site-header .professional-account-link{margin-left:2px;padding-inline:16px} } @media(max-width:960px){body.meridian .site-header{height:104px;gap:20px}} @media(max-width:720px){ body.meridian .site-header{height:96px;gap:16px} .meridian .site-header .ha-wordmark{font-size:33px} .meridian .site-header .ha-subtitle{font-size:8px;letter-spacing:.24em} .meridian .site-header .ha-emblem{padding-left:12px;min-height:44px} .meridian .site-header .header-emblem-glyph{font-size:44px} } @media(max-width:360px){ .meridian .site-header .ha-wordmark{font-size:28px} .meridian .site-header .ha-emblem{padding-left:9px;min-height:40px} .meridian .site-header .header-emblem-glyph{font-size:40px} } /* Professional homepage section labels echo the existing hero kicker. */ body.meridian[data-page=home] .section-head .eyebrow { display:flex; align-items:center; gap:25px; margin:0 0 30px; color:var(--ink); font-size:11px; font-weight:500; letter-spacing:.15em; line-height:1.6; text-transform:uppercase; text-wrap:balance; } body.meridian[data-page=home] .section-head .eyebrow::before { content:""; width:24px; height:1px; flex-shrink:0; background:var(--metal); } @media(max-width:960px) { body.meridian[data-page=home] .section-head .eyebrow { font-size:10px; } } @media(max-width:720px) { body.meridian[data-page=home] .section-head .eyebrow { gap:20px; margin-bottom:22px; } } /* Open Professional introduction: the existing page background shows through. */ .meridian .professional-journey { position:relative; margin-top:8px; padding-top:28px; border-top:1px solid color-mix(in srgb,var(--rule) 82%,var(--ink) 18%); } .meridian .professional-access, .meridian .professional-access + .company-paths { position:relative; border-top:1px solid color-mix(in srgb,var(--rule) 82%,var(--ink) 18%); } /* Share the header-style divider across Professional section transitions. */ .meridian .professional-journey::before, .meridian .professional-access::after, .meridian .professional-access + .company-paths::after { content:""; position:absolute; left:0; right:0; top:-1px; height:1px; background:linear-gradient(90deg,transparent,var(--surface-edge) 25%,var(--metal) 52%,var(--surface-edge) 75%,transparent); opacity:.55; pointer-events:none; } .meridian .professional-journey ol { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:5%; list-style:none; margin:0; padding:0; } .meridian .professional-journey li { display:grid; grid-template-columns:24px minmax(0,1fr); column-gap:16px; row-gap:12px; align-content:start; min-width:0; } .meridian .professional-journey .journey-number { display:block; grid-area:1 / 1; align-self:center; justify-self:start; margin:0; color:var(--metal); font-size:11px; letter-spacing:.12em; line-height:1.5; } .meridian .professional-journey h2 { grid-area:1 / 2; text-align:left; margin:0; font-family:Georgia,serif; font-size:clamp(24px,2.1vw,30px); font-weight:400; line-height:1.2; letter-spacing:-.035em; text-wrap:balance; } .meridian .professional-journey h2 a { color:var(--ink); text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:1px; text-underline-offset:6px; transition:text-decoration-color .2s ease; } .meridian .professional-journey h2 a:hover, .meridian .professional-journey h2 a:focus-visible { text-decoration-color:var(--metal); } .meridian .professional-journey h2 a:focus-visible { outline:2px solid var(--metal); outline-offset:6px; } .meridian .professional-journey p { grid-area:2 / 2; max-width:34ch; margin:0; color:var(--muted); font-size:14px; line-height:1.7; text-wrap:pretty; } @media(max-width:720px) { .meridian .professional-journey { padding-top:24px; } .meridian .professional-journey ol { grid-template-columns:1fr; gap:30px; } .meridian .professional-journey h2 { font-size:27px; } .meridian .professional-journey h2 a { display:inline-block; padding-block:6px; } } @media(prefers-reduced-motion:reduce) { .meridian .professional-journey h2 a { transition:none; } } /* Professional featured collection: one combination, two individual products. */ .meridian .professional-showcase { display:grid; grid-template-columns:1.08fr 1fr; grid-template-rows:repeat(2,1fr); gap:24px; } .meridian .showcase-product { position:relative; z-index:var(--showcase-layer,0); display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:22px; min-width:0; padding:16px; border:1px solid var(--showcase-border,rgba(84,116,138,.14)); border-radius:3px; background:linear-gradient(145deg,rgba(255,255,255,.55),rgba(242,247,249,.28)); box-shadow:var(--showcase-shadow,0 8px 26px rgba(39,51,60,.045)); transform:translateY(var(--showcase-lift,0px)) scale(var(--showcase-scale,1)); transition:transform .34s cubic-bezier(.2,.65,.3,1),border-color .3s ease,box-shadow .34s ease; } /* Keyboard focus takes precedence over a resting mouse pointer. */ .meridian .professional-showcase:has(:focus-visible) .showcase-product:not(:has(:focus-visible)) { --showcase-lift:1px; --showcase-scale:.991; --showcase-shadow:0 4px 14px rgba(39,51,60,.025); } .meridian .showcase-product:has(:focus-visible) { --showcase-lift:-3px; --showcase-scale:1.006; --showcase-layer:1; --showcase-border:color-mix(in srgb,var(--metal) 55%,transparent); --showcase-shadow:0 16px 34px rgba(39,51,60,.10); } @media(hover:hover) and (pointer:fine) { .meridian .professional-showcase:not(:has(:focus-visible)):has(.showcase-product:hover) .showcase-product:not(:hover) { --showcase-lift:1px; --showcase-scale:.991; --showcase-shadow:0 4px 14px rgba(39,51,60,.025); } .meridian .professional-showcase:not(:has(:focus-visible)) .showcase-product:hover { --showcase-lift:-3px; --showcase-scale:1.006; --showcase-layer:1; --showcase-border:color-mix(in srgb,var(--metal) 55%,transparent); --showcase-shadow:0 16px 34px rgba(39,51,60,.10); } } .meridian .showcase-product-lead { grid-row:1 / span 2; display:flex; flex-direction:column; align-items:stretch; gap:0; } .meridian .showcase-photo { display:block; min-width:0; overflow:hidden; border-radius:2px; aspect-ratio:1; } .meridian .showcase-copy { min-width:0; padding-block:10px; } .meridian .showcase-product-lead .showcase-copy { padding:26px 12px 10px; } .meridian .showcase-copy h3 { margin:0 0 12px; font-family:Georgia,serif; font-size:clamp(26px,2.4vw,34px); font-weight:400; letter-spacing:-.035em; line-height:1.15; } .meridian .showcase-product-lead h3 { font-size:clamp(29px,3vw,42px); } .meridian .showcase-strengths { margin:0; color:var(--muted); font-size:13px; line-height:1.7; } .meridian .showcase-strengths span { white-space:nowrap; } .meridian .showcase-price { margin:12px 0 0; font-size:13px; } .meridian .showcase-action { display:inline-flex; align-items:center; justify-content:space-between; gap:25px; min-height:44px; margin-top:16px; padding:8px 0; font-size:13px; text-decoration:underline; text-decoration-color:var(--rule); text-underline-offset:7px; text-decoration-thickness:1px; transition:text-decoration-color .2s ease; } .meridian .showcase-action span { color:var(--metal); } .meridian .showcase-action:is(:hover,:focus-visible) { text-decoration-color:var(--metal); } .meridian .showcase-note { display:flex; flex-wrap:wrap; gap:6px 20px; margin:20px 0 0; color:var(--muted); font-size:12px; line-height:1.6; } @media(max-width:960px) { .meridian .professional-showcase { grid-template-columns:1fr 1fr; gap:18px; } .meridian .showcase-product { padding:12px; gap:16px; } .meridian .showcase-product-lead { gap:0; } .meridian .showcase-product-lead .showcase-copy { padding:22px 8px 8px; } } @media(max-width:720px) { .meridian .professional-showcase { grid-template-columns:1fr; grid-template-rows:auto; gap:20px; } .meridian .showcase-product-lead { grid-row:auto; } .meridian .showcase-product:not(.showcase-product-lead) { grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); } .meridian .showcase-product-lead h3 { font-size:30px; } .meridian .showcase-note { gap:4px 18px; margin-top:18px; } } @media(prefers-reduced-motion:reduce) { .meridian .showcase-action { transition:none; } .meridian .showcase-product { transform:none; transition:none; } } /* Balance the record panel's inset; the shared homepage rule leaves no right padding. */ body.meridian[data-page=home] .home-documentation .documentation { padding-inline:32px; } body.meridian[data-page=home] .home-documentation .document-row span:last-child { text-align:right; } @media(max-width:720px) { body.meridian[data-page=home] .home-documentation .documentation { padding-inline:24px; } } /* Professional documentation: reversible, scroll-position-driven reveals. JavaScript only supplies progress; the static fallback is fully readable. */ body.meridian[data-page=home] .home-documentation { --documentation-panel-offset:-28px; } body.meridian[data-page=home] .home-documentation .documentation { top:var(--documentation-panel-offset); overflow:clip; } body.meridian[data-page=home] .documentation-heading-line { display:block; width:fit-content; max-width:100%; } body.meridian[data-page=home] .home-documentation .document-title { text-wrap:balance; } body.meridian[data-page=home] .documentation-purity { display:inline-block; position:relative; transform-origin:center; } body.meridian[data-page=home] .documentation-purity::after { content:""; position:absolute; inset:auto 0 -.06em; height:1px; background:var(--metal); opacity:.7; transform:scaleX(1); transform-origin:left; pointer-events:none; } body.meridian[data-page=home] .home-documentation .documentation::after { inset:0; width:auto; height:auto; background:linear-gradient(112deg,transparent 20%,rgba(255,255,255,.68) 43%,rgba(157,187,205,.16) 57%,transparent 76%); opacity:0; transform:translateX(-100%); animation:none; } @media(prefers-reduced-motion:no-preference) { /* Keep the section still so its geometry never feeds back into progress. */ .motion-ready body.meridian[data-page=home] .home-documentation[data-motion] { opacity:1; transform:none; transition:none; } body.meridian[data-page=home] .home-documentation.documentation-scroll-ready .documentation-heading-line { clip-path:inset(-.12em var(--documentation-first-clip,0%) -.12em 0); animation:none; transition:none; } body.meridian[data-page=home] .home-documentation.documentation-scroll-ready .documentation-heading-line + .documentation-heading-line { clip-path:inset(-.12em var(--documentation-second-clip,0%) -.12em 0); } body.meridian[data-page=home] .home-documentation.documentation-scroll-ready .documentation::after { opacity:var(--documentation-light-opacity,0); transform:translateX(var(--documentation-light-x,-100%)); transition:none; } body.meridian[data-page=home] .home-documentation.documentation-scroll-ready .documentation-purity::after { transform:scaleX(var(--documentation-purity-emphasis,1)); transition:none; } } @media(max-width:720px) { body.meridian[data-page=home] .home-documentation { --documentation-panel-offset:0px; } } /* Selected Purity soft push; the underline remains available in local review. */ body.meridian[data-page=home] .home-documentation:not([data-purity-treatment=line]) .documentation-purity::after { display:none; } @media(prefers-reduced-motion:no-preference) { body.meridian[data-page=home] .home-documentation.documentation-scroll-ready:not([data-purity-treatment=line]) .documentation-purity { transform:scale(var(--documentation-purity-scale,1)); transition:none; } } /* Owner-approved Professional Access heading. */ .meridian .professional-access h2 em { font-style:normal; color:#4d6779; } /* Smooth the ribbon and adjoining H boundaries; retain original photo composition. */ .photo-surface{display:block;position:relative;width:100%;grid-area:1/1;min-width:0} .photo-surface>img{display:block;width:100%;height:auto} .photo-surface>svg.logo-boundaries,.product-packaging>svg.logo-boundaries{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none;overflow:visible;filter:none!important;transform:none!important} /* A partial mark must never precede its source photograph. */ .logo-boundaries{opacity:0} .photo-ready>.logo-boundaries{opacity:1} /* A native dark canvas for the consumer family. Medical keeps its approved light system. */ body.summit{color-scheme:dark} body.summit.beverage-page{ --bg:#131e28!important; --ink:#e6eff6!important; --muted:#b4c2ce!important; --rule:#354453!important; --panel:#1c2b38!important; --button:#b5d8f5!important; --buttonink:#172b3c!important; --accent:#e6a76b!important; background: radial-gradient(64rem 42rem at 90% 5%,rgba(45,111,169,.1),transparent 66%), radial-gradient(42rem 30rem at -5% 58%,rgba(211,122,53,.065),transparent 70%), linear-gradient(180deg,#111c27,#17242e 55%,#111b25)!important; } body.summit.beverage-page .review{background:#101a23;color:#b9c8d4} body.summit.beverage-page .review [aria-current]{color:#e6eff6} body.summit.beverage-page .header-emblem-blue{color:#dfedf8} body.summit.beverage-page .beverage-lockup svg path[fill="#00509D"], body.summit.beverage-page .beverage-lockup svg path[fill="#00509d"]{fill:#dcecf8} body.summit.beverage-page .beverage-lockup svg path[stroke="#00509D"], body.summit.beverage-page .beverage-lockup svg path[stroke="#00509d"]{stroke:#dcecf8} body.summit.beverage-page .beverage-opening h1 em{color:#e6a76b} body.summit.beverage-page .button{background:#b5d8f5;color:#172b3c} body.summit.beverage-page .beverage-opening figure img{ border:1px solid rgba(200,226,247,.14); box-shadow:0 28px 80px rgba(2,9,17,.25); } /* Motion belongs to the editorial surfaces, never to the approved photography. */ body.summit[data-page=home] .home-entrances > a::before, body.summit[data-page=home] .company-paths .family-path::before { display: block; content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: radial-gradient(ellipse 82% 94% at 28% 38%, rgba(158, 211, 250, .14), transparent 72%); opacity: .4; animation: editorial-surface-drift 11s ease-in-out infinite alternate; transition: opacity .45s ease; } body.summit[data-page=home] .home-entrances > a:nth-child(2)::before, body.summit[data-page=home] .company-paths .family-path:nth-child(2)::before { animation-delay: -3.7s; } body.summit[data-page=home] .home-entrances > a:nth-child(3)::before, body.summit[data-page=home] .company-paths .family-path:nth-child(3)::before { animation-delay: -7.4s; } body.summit[data-page=home] .home-entrances > a:hover::before, body.summit[data-page=home] .home-entrances > a:focus-visible::before, body.summit[data-page=home] .company-paths .family-path:hover::before, body.summit[data-page=home] .company-paths .family-path:focus-visible::before { opacity: .8; } body.summit[data-page=home] :is(.home-entrances > a, .company-paths .family-path, .home-learning .article-card) :is(.entrance-title, h3, strong) { transition: transform .42s cubic-bezier(.22, 1, .36, 1); } body.summit[data-page=home] :is(.home-entrances > a, .company-paths .family-path, .home-learning .article-card):is(:hover, :focus-visible) :is(.entrance-title, h3, strong) { transform: translateX(3px); } /* Hero-Tonic has editorial sections rather than card panels. Move only their light. */ body.summit.beverage-page .beverage-opening::before { content: ""; position: absolute; inset: 5% -5%; z-index: 0; pointer-events: none; background: radial-gradient(ellipse 42% 66% at 72% 46%, rgba(113, 173, 224, .13), transparent 75%), radial-gradient(ellipse 32% 50% at 18% 72%, rgba(230, 167, 107, .07), transparent 75%); animation: beverage-canvas-drift 13s ease-in-out infinite alternate; } @keyframes editorial-surface-drift { from { transform: translate3d(-7%, 0, 0); } to { transform: translate3d(7%, 0, 0); } } @keyframes beverage-canvas-drift { from { transform: translate3d(-2%, -1%, 0); opacity: .55; } to { transform: translate3d(2%, 1%, 0); opacity: .9; } } @media (prefers-reduced-motion: reduce) { body.summit[data-page=home] .home-entrances > a::before, body.summit[data-page=home] .company-paths .family-path::before, body.summit.beverage-page .beverage-opening::before { animation: none; } body.summit[data-page=home] :is(.home-entrances > a, .company-paths .family-path, .home-learning .article-card) :is(.entrance-title, h3, strong) { transition: none; } body.summit[data-page=home] :is(.home-entrances > a, .company-paths .family-path, .home-learning .article-card):is(:hover, :focus-visible) :is(.entrance-title, h3, strong) { transform: none; } } /* Scoped to account/application screens; preserves the existing brand surfaces. */ .account-workspace{max-width:1080px;margin:0 auto 100px;display:grid;gap:28px} .account-workspace [hidden]{display:none!important} .account-workspace .panel{padding:clamp(24px,4vw,56px)} .account-auth{max-width:640px;width:100%;justify-self:center} .account-workspace form,.account-workspace label{display:grid;gap:10px} .account-workspace form{gap:24px} .account-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} .account-workspace input:not([type=checkbox]),.account-workspace textarea{width:100%;min-width:0} .account-workspace button{white-space:normal} .account-workspace button.text-link{background:transparent;color:var(--ink);border:0;border-bottom:1px solid currentColor;text-align:left;padding:8px 0} .account-workspace [data-record-links]{display:grid;justify-items:start;gap:12px;margin:20px 0} .account-workspace .account-actions>p{margin:0;overflow-wrap:anywhere} .account-workspace .panel{min-height:0} .account-workspace select{padding:12px;background:var(--bg);color:var(--ink);border:1px solid var(--rule)} .account-actions{display:flex;gap:20px;flex-wrap:wrap;align-items:center;margin-top:24px} .account-steps{display:flex;gap:24px;flex-wrap:wrap;padding-left:20px;margin-bottom:36px;font-size:14px} .account-steps [aria-current=step]{font-weight:700;text-decoration:underline;text-underline-offset:7px} .account-attestations{border:0;padding:0;margin:28px 0} .account-attestations legend{margin-bottom:18px;font-weight:600} .account-attestations label{display:flex;align-items:flex-start;gap:14px;line-height:1.6;margin-bottom:22px} .account-attestations input{flex-shrink:0;margin-top:7px;width:18px;height:18px} .account-document{white-space:pre-wrap;max-height:360px;overflow:auto;padding:20px;border:1px solid #8396a744;margin:14px 0 24px;line-height:1.7} .account-workspace .info-rows>div{gap:24px;align-items:flex-start;overflow-wrap:anywhere} .account-workspace .info-rows>div>span:last-child{max-width:65%;white-space:pre-wrap} .account-review-item{border-top:1px solid #8396a744;padding-top:28px;margin-top:32px} .account-review-item pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.65} [data-mfa-details] img{width:220px;height:220px;background:white} @media(max-width:640px){.account-field-grid{grid-template-columns:1fr}.account-steps{gap:16px}.account-workspace .info-rows>div{display:grid;gap:8px}.account-workspace .info-rows>div>span:last-child{max-width:100%}} .account-evidence-grid{display:grid;grid-template-columns:1fr;gap:32px;margin:32px 0} .account-evidence-group{min-width:0;border-top:1px solid var(--rule);padding-top:20px} .account-evidence-group select{width:100%;min-width:0} .account-evidence-group h3,[data-document-list]{overflow-wrap:anywhere} @media(max-width:700px){.account-evidence-grid{grid-template-columns:1fr}} .account-acceptance-text{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.6;margin-block:1.5rem;max-width:100%;border-top:1px solid var(--line, #8695a044);padding-top:1rem} [data-order-workspace] pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.6;max-width:100%;} [data-order-workspace] fieldset{border:0;padding:16px 0;margin:0;min-width:0;} [data-order-workspace] label{display:flex;gap:12px;margin:16px 0;align-items:flex-start;} [data-order-workspace] label:has(input[name=signature]){display:block;} [data-order-workspace] input[name=signature]{display:block;width:100%;margin-top:8px;padding:12px;color:inherit;background:transparent;border:1px solid var(--line);} [data-order-workspace] input[type=checkbox]{flex:0 0 auto;width:20px;height:20px;margin-top:3px;} [data-order-workspace] details{margin:16px 0;} .account-message,.account-document{padding:16px 0;border-top:1px solid var(--rule);overflow-wrap:anywhere}.account-message p{white-space:pre-wrap}.account-document details{margin-top:12px}.account-document form{max-width:600px} [data-account-continuity]{margin-top:36px;padding-top:24px;border-top:1px solid var(--line)} [data-account-continuity] .account-message{display:grid;gap:12px;overflow-wrap:anywhere} [data-account-continuity] small{display:block;opacity:.7} [data-account-continuity] h3:not(:first-child){margin-top:32px} [data-account-continuity] .account-message>.text-link{justify-self:start} .delivery-form,.delivery-form label{display:grid;gap:10px}.delivery-form{gap:20px;margin:24px 0}.delivery-form input{width:100%;min-width:0}.delivery-form input[name=country]{text-transform:uppercase}[data-delivery-message]{font-size:14px;line-height:1.6} /* Dedicated staff workspace; customer commerce panels are not included. */ .staff-workspace{padding-bottom:72px}.staff-login{max-width:640px}.staff-login form,.account-review-item form{display:grid;gap:20px}.staff-login label,.staff-filters label,.account-review-item form label{display:grid;gap:8px}.staff-login .text-link{margin-top:24px;display:inline-block}.staff-session{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 0}.staff-tabs{display:flex;gap:32px;border-bottom:1px solid var(--rule);margin:24px 0 40px}.staff-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);padding:16px 4px;min-height:48px}.staff-tabs button[aria-pressed=true]{border-bottom-color:var(--metal);color:var(--ink)}.staff-filters{display:grid;grid-template-columns:1fr 1.5fr auto;gap:24px;align-items:end;margin:32px 0}.staff-section-head h2{margin:0 0 16px}.staff-workspace .account-review-item{padding:32px;margin:24px 0;border:1px solid var(--rule);background:var(--panel)}.staff-workspace pre{white-space:pre-wrap;overflow-wrap:anywhere}.staff-workspace details{padding:18px 0;border-top:1px solid var(--rule)}.staff-workspace summary{cursor:pointer;min-height:28px}.staff-workspace textarea{min-height:110px}.staff-workspace img{max-width:240px;width:100%}@media(max-width:700px){.staff-filters{grid-template-columns:1fr}.staff-session{align-items:flex-start;flex-wrap:wrap}.staff-session strong{overflow-wrap:anywhere}.staff-workspace .account-review-item{padding:20px}.staff-tabs{gap:24px}} .staff-workspace button.text-link{border:0;background:transparent;color:var(--ink);padding:12px 0;min-height:44px;text-align:left;cursor:pointer} .customer-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;margin:24px 0}.customer-actions .button{width:auto}.customer-actions button.account-entry-link{background:none;border:0;cursor:pointer;padding:12px 0;min-height:44px} [data-application-reference]{overflow-wrap:anywhere} [data-customer-status],[data-application-followup],[data-application-documents]{scroll-margin-top:110px}.account-update-dot{display:inline-block;width:7px;height:7px;background:#8c7748;border-radius:50%;margin-left:7px;vertical-align:middle}.pro-account-guide h3 a{text-decoration:none}.pro-account-guide h3 a:hover{text-decoration:underline;text-underline-offset:5px}@media(max-width:540px){.customer-actions{align-items:stretch;flex-direction:column}.customer-actions .button{width:100%}} .session-attestation{max-width:980px;margin-inline:auto;padding:clamp(24px,4vw,56px)}.session-attestation form{display:grid;gap:24px}.session-attestation label:has(input[name=signature]){display:grid;gap:10px}.session-attestation input[name=signature]{width:100%;min-height:48px;font-size:16px}.session-attestation .account-attestations label{display:flex;align-items:flex-start;gap:12px;margin-block:18px}.session-attestation input[type=checkbox]{flex:0 0 20px;min-height:20px;margin-top:4px}.session-attestation pre{white-space:pre-wrap;overflow-wrap:anywhere}.session-attestation .button{justify-self:start} .legal-document { max-width: 900px; margin: 0 auto; padding: 64px 0 88px; line-height: 1.75; overflow-wrap: anywhere; } .legal-document h1 { font-size: clamp(2rem, 4vw, 3.6rem); line-height: 1.15; margin: 0 0 32px; } .legal-document h2 { font-size: clamp(1.45rem, 2.4vw, 2rem); line-height: 1.3; margin: 44px 0 16px; } .legal-document p, .legal-document ul, .legal-document ol { margin: 0 0 20px; } .legal-document ul, .legal-document ol { padding-left: 1.5em; } .legal-document li { margin-bottom: 8px; } .legal-document a { text-decoration: underline; text-underline-offset: 3px; } .legal-document hr { margin: 36px 0; border: 0; border-top: 1px solid currentColor; opacity: .2; } .legal-document code { font: inherit; } .legal-table { width: 100%; overflow-x: auto; margin: 24px 0; } .legal-table table { width: 100%; border-collapse: collapse; font-size: .9rem; } .legal-table:focus-visible { outline: 2px solid #536976; outline-offset: 4px; } /* Keep table words readable while allowing a contained swipe on small screens. */ .meridian .legal-table table { min-width: 600px; overflow-wrap: normal; } @media(max-width:640px) { .meridian .legal-table::before { content: "Swipe to view all columns"; display:block; margin-bottom:10px; color:var(--muted); font-size:12px; } } .legal-table th, .legal-table td { text-align: left; vertical-align: top; padding: 12px; border: 1px solid #7d929866; } .footer-legal { display: flex; flex-wrap: wrap; gap: 8px 20px; margin-top: 14px; font-size: .8rem; } @media(max-width: 640px) { .legal-document { padding: 36px 0 56px; } .legal-table th, .legal-table td { padding: 8px; } } /* Optional, unframed Professional opening. Remove professional-light-study from the section to restore the prior presentation, preserving all copy. */ .meridian .professional-light-study { --photo-edge-feather: 7%; --paper-grain-opacity: .12; } /* Fine stationery grain lives in the page background, never over product pixels. */ .meridian .professional-light-study::before { content: ""; position: absolute; inset: 0 -4vw; z-index: -1; pointer-events: none; background-image: radial-gradient(rgba(48, 69, 82, .12) .45px, transparent .7px); background-size: 4px 3px; opacity: var(--paper-grain-opacity); mask-image: linear-gradient(transparent, #000 18%, #000 75%, transparent); -webkit-mask-image: linear-gradient(transparent, #000 18%, #000 75%, transparent); } .meridian .professional-light-study::after { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: radial-gradient(ellipse at 37% 24%, rgba(247, 237, 216, .2), transparent 66%); } /* Extend the photograph's diagonal light into the surrounding page. This is a static gradient, with no animation, blur or photograph filter. */ .meridian .professional-light-study .opening-visual::before { content: ""; position: absolute; left: -32%; top: -12%; width: 102%; height: 52%; z-index: -1; pointer-events: none; background: linear-gradient(121deg, transparent 18%, rgba(255, 253, 246, .78) 27%, transparent 34%, rgba(111, 144, 163, .08) 39%, transparent 43%, rgba(255, 253, 246, .6) 51%, transparent 61%); mask-image: radial-gradient(ellipse at 61% 60%, #000 16%, transparent 72%); -webkit-mask-image: radial-gradient(ellipse at 61% 60%, #000 16%, transparent 72%); } .meridian .professional-light-study .opening-visual::after { content: none; } /* Preserve the approved top blend. Recover nearly full opacity in the lower-left stone, with a long transition rather than a visible cut line. */ .meridian .professional-light-study .opening-image { border-radius: 0; -webkit-mask-image: radial-gradient(ellipse 36% 30% at 0 0, transparent 0%, rgba(0, 0, 0, .45) 24%, #000 66%), linear-gradient(to bottom, transparent 55%, rgba(0, 0, 0, .18) 68%, rgba(0, 0, 0, .65) 80%, rgba(0, 0, 0, .94) 92%, rgba(0, 0, 0, .98)), linear-gradient(to right, transparent, #000 var(--photo-edge-feather)); mask-image: radial-gradient(ellipse 36% 30% at 0 0, transparent 0%, rgba(0, 0, 0, .45) 24%, #000 66%), linear-gradient(to bottom, transparent 55%, rgba(0, 0, 0, .18) 68%, rgba(0, 0, 0, .65) 80%, rgba(0, 0, 0, .94) 92%, rgba(0, 0, 0, .98)), linear-gradient(to right, transparent, #000 var(--photo-edge-feather)); -webkit-mask-composite: source-in, source-over; mask-composite: intersect, add; } /* A broad change in light replaces the existing travelling shine band. Shared by the hero and Contact Us CTAs. Hover, keyboard focus and touch get feedback. */ .meridian :is(.professional-light-study .opening-actions .button, .questions-intro .contact-home-button) { background: linear-gradient(120deg, #304550, #273a44 78%); border-bottom: 1px solid #a38f68; box-shadow: inset 0 1px 0 rgba(244, 237, 221, .11); filter: none; transform: none; transition: transform .4s ease; } .meridian :is(.professional-light-study .opening-actions .button, .questions-intro .contact-home-button)::after { content: ""; inset: 0; width: auto; height: auto; z-index: -1; pointer-events: none; background: radial-gradient(ellipse at 24% 0%, rgba(243, 224, 186, .15), transparent 80%); opacity: .12; transform: translateX(-4%); transition: opacity .7s ease, transform .85s ease; animation: none; } .meridian :is(.professional-light-study .opening-actions .button, .questions-intro .contact-home-button) span { color: #d1c2a3; transition: transform .45s ease; } .meridian :is(.professional-light-study .opening-actions .button, .questions-intro .contact-home-button):is(:hover, :focus-visible) { filter: none; transform: translateY(-1px); box-shadow: inset 0 1px 0 rgba(244, 237, 221, .11); } .meridian :is(.professional-light-study .opening-actions .button, .questions-intro .contact-home-button):is(:hover, :focus-visible)::after { opacity: 1; transform: translateX(0); } .meridian :is(.professional-light-study .opening-actions .button, .questions-intro .contact-home-button):is(:hover, :focus-visible) span { transform: translate(1px, -1px); } .meridian :is(.professional-light-study .opening-actions .button, .questions-intro .contact-home-button):focus-visible { outline: 2px solid #806c47; outline-offset: 5px; } .meridian :is(.professional-light-study .opening-actions .button, .questions-intro .contact-home-button):active { transform: none; } @media (max-width:720px) { .meridian .professional-light-study .opening-visual::before { left: -16%; top: -8%; width: 85%; height: 48%; } } @media (max-width:360px) { .meridian .professional-light-study h1 { font-size: clamp(46px, 15vw, 54px); } } @media (prefers-reduced-motion:reduce) { .meridian :is(.professional-light-study .opening-actions .button, .questions-intro .contact-home-button), .meridian :is(.professional-light-study .opening-actions .button, .questions-intro .contact-home-button)::after, .meridian :is(.professional-light-study .opening-actions .button, .questions-intro .contact-home-button) span { transition: none; animation: none; transform: none; } .meridian :is(.professional-light-study .opening-actions .button, .questions-intro .contact-home-button):is(:hover, :focus-visible), .meridian :is(.professional-light-study .opening-actions .button, .questions-intro .contact-home-button):is(:hover, :focus-visible) span { transform: none; } } /* Restore the original paragraph measure; let the copy flow with the viewport. */ .meridian .professional-light-study .opening-intro { max-width: 405px; text-wrap: balance; } /* Wider screens give the paragraph the same broad balance as the reference. */ @media (min-width:1200px) { .meridian .professional-light-study .opening-intro { max-width: 440px; } } /* Keep the longer small heading balanced when it wraps on narrow screens. */ .meridian .professional-light-study .opening-kicker { text-wrap: balance; } .pro-intro-action { margin-top: 24px; } /* An open question composition for the Professional homepage only. */ .meridian .professional-questions { display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:9%;align-items:start; } .meridian .questions-intro { padding-top:34px; } .meridian .questions-intro h2 { font:400 clamp(43px,4.6vw,65px)/1.04 Georgia,serif;letter-spacing:-.045em;margin:0 0 25px; } .meridian .questions-intro h2 em { font-style:normal;color:#4d6779; } .meridian .questions-intro>p { font-size:15px;line-height:1.75;color:var(--muted);margin:0 0 29px; } .meridian .home-learning .questions-intro .contact-home-button { display:inline-flex;align-items:center;justify-content:space-between;gap:23px;min-height:55px;padding:15px 19px;font-size:14px;font-weight:400; } .meridian .questions-intro .contact-home-button .arc-arrow { font-size:20px;line-height:1; } .meridian .questions-list { min-width:0;border-bottom:1px solid var(--rule); } .meridian .question-row { position:relative;border:0;border-top:1px solid color-mix(in srgb,var(--rule) 82%,var(--ink) 18%);padding:0;background:none;box-shadow:none;border-radius:0; } .meridian .question-row::before { content:"";position:absolute;inset:-1px 0 auto;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,var(--surface-edge) 25%,var(--metal) 52%,var(--surface-edge) 75%,transparent);opacity:.55; } .meridian .question-row summary { display:grid;grid-template-columns:23px minmax(0,1fr) 27px;align-items:center;gap:20px;list-style:none;cursor:pointer;min-height:112px;padding:27px 3px 27px 0; } .meridian .question-row summary::-webkit-details-marker { display:none; } .meridian .question-row summary::marker { content:""; } .meridian .question-row summary::after { content:none; } .meridian .question-number { font:400 12px/1.5 Arial,sans-serif;letter-spacing:.09em;color:var(--metal-dark); } .meridian .question-title { font:400 clamp(23px,2.2vw,30px)/1.22 Georgia,serif;letter-spacing:-.025em;color:var(--ink);transition:color .25s ease; } .meridian .question-row .question-arrow { width:27px;height:27px;min-width:27px;color:var(--metal-dark);transition:transform .32s ease,color .25s ease;transform-origin:center; } .meridian .question-row summary:hover .question-title { color:#4d6779; } .meridian .question-row:not([open]) summary:hover .question-arrow { transform:translate(2px,-2px); } .meridian .question-row[open] .question-arrow { transform:rotate(90deg); } .meridian .question-row summary:focus-visible { outline:2px solid var(--metal);outline-offset:5px;border-radius:2px; } .meridian .question-answer { padding:0 45px 31px 43px; } .meridian .question-answer p { font-size:15px;line-height:1.8;color:var(--muted);margin:0 0 21px; } .meridian .question-link { display:inline-flex;align-items:center;gap:15px;font-size:13px;line-height:1.5;text-decoration:none;border-bottom:1px solid var(--metal);padding-bottom:5px; } .meridian .question-link .arc-arrow { color:var(--metal-dark); } .meridian .question-link:focus-visible { outline:2px solid var(--metal);outline-offset:5px; } @media(prefers-reduced-motion:no-preference) { .meridian .question-row[open] .question-answer { animation:question-answer-enter .3s ease both; } @keyframes question-answer-enter { from { opacity:0;transform:translateY(-5px); } to { opacity:1;transform:none; } } } @media(max-width:720px) { .meridian .professional-questions { grid-template-columns:1fr;gap:38px; } .meridian .questions-intro { padding-top:0; } .meridian .questions-intro h2 { font-size:48px;margin-bottom:20px; } .meridian .questions-intro>p { margin-bottom:24px; } .meridian .question-row summary { min-height:96px;grid-template-columns:20px minmax(0,1fr) 23px;gap:13px;padding-block:25px; } .meridian .question-title { font-size:25px; } .meridian .question-row .question-arrow { width:23px;height:23px;min-width:23px; } .meridian .question-answer { padding:0 10px 28px 33px; } .meridian .question-answer p { font-size:14px; } } @media(prefers-reduced-motion:reduce) { .meridian .question-title,.meridian .question-row .question-arrow { transition:none; } } /* Professional contact: shared page typography, open form, restrained metallic edge. */ .meridian .home-learning .contact-home-button { flex-shrink:0;min-height:50px;gap:24px; } .meridian .contact-dialog { width:min(650px,calc(100% - 32px));max-width:650px;max-height:calc(100dvh - 32px);padding:42px;overflow:auto;background:linear-gradient(130deg,#fffefa,#f3f8fa);color:var(--ink);border:1px solid var(--rule);border-radius:4px 28px 4px 4px;box-shadow:0 24px 90px #263a4530; } .contact-dialog::backdrop { background:#24333d66;backdrop-filter:blur(5px); } .contact-dialog h2 { font:400 clamp(31px,3.5vw,42px)/1.1 Georgia,serif;letter-spacing:-.035em;margin:0 0 20px; } .contact-dialog h2 em { font-style:normal;color:#4d6779; } .contact-dialog .eyebrow { font-size:10px;letter-spacing:.14em;margin:0 0 22px;padding-right:22px; } .contact-intro { font-size:14px;line-height:1.65;color:var(--muted);margin:0 0 25px; } .contact-intro a,.contact-fineprint a { text-decoration:underline;text-underline-offset:3px; } .contact-fields { display:grid;grid-template-columns:1fr 1fr;gap:18px 20px; } .contact-full { grid-column:1 / -1; } .contact-dialog .field { display:block;font-size:12px;line-height:1.5;color:var(--ink); } .contact-dialog .field input,.contact-dialog .field select,.contact-dialog .field textarea { display:block;width:100%;margin-top:7px;border:1px solid #bccbd2;background:#ffffffa8;color:#29343a;border-radius:2px;padding:11px 12px;font:16px/1.5 Arial,sans-serif;box-sizing:border-box; } .contact-dialog .field textarea { resize:vertical;min-height:108px; } .contact-dialog .field :is(input,select,textarea):focus-visible { outline:2px solid #897951;outline-offset:3px; } .contact-optional { color:var(--muted);margin-left:8px; } .contact-fineprint,.contact-required { color:var(--muted);font-size:11px;line-height:1.65; } .contact-fineprint { margin:13px 0; } .contact-actions { display:flex;align-items:center;gap:22px;margin-top:23px; } .contact-send { flex-shrink:0;min-height:48px;gap:25px; } .contact-send:disabled { opacity:.6;cursor:wait; } .contact-feedback { font-size:13px;line-height:1.65;color:#754526;margin:16px 0 0; } .contact-feedback:empty { display:none; } .contact-success h3 { font:400 28px/1.2 Georgia,serif; } .contact-success p { font-size:14px;line-height:1.7; } .contact-success [data-contact-reference] { font-size:11px;overflow-wrap:anywhere; } .contact-trap { position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%); } @media(max-width:600px) { .meridian .contact-dialog { padding:32px 23px; } .contact-fields { grid-template-columns:1fr;gap:15px; } .contact-actions { align-items:flex-start;flex-direction:column;gap:10px; } .contact-dialog .contact-send { width:100%;justify-content:space-between; } .meridian .home-learning .section-head { align-items:flex-start;flex-direction:column; } } /* Higher Arc: selected B, a fine arc with the fox hidden in its terminal. */ .arc-arrow { display:inline-block;position:relative;width:1.3em;height:1.3em;min-width:1.3em; flex:0 0 auto;vertical-align:-.22em;line-height:1;pointer-events:none; background-color:currentColor; -webkit-mask:url('media/identity/higher-arc/arc-fox/arrow.svg') center/contain no-repeat; mask:url('media/identity/higher-arc/arc-fox/arrow.svg') center/contain no-repeat; } .arc-arrow-back { transform:scaleX(-1); } .access-study-cta .arc-arrow { width:31px;height:31px;min-width:31px; } /* Approved framed photographs and the smaller, unframed Club emblem. */ .meridian .professional-family .section-head{align-items:flex-end;gap:30px;margin-bottom:36px} .meridian .family-slide-stage{position:relative;display:grid;isolation:isolate} .meridian .family-slide{grid-area:1/1;position:relative;display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.4fr);gap:2%;align-items:center;padding:20px 0 30px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .85s ease,visibility 0s linear .85s;--family-copy-accent:#596d80} .meridian .family-slide[data-slide=hero-tonic]{--family-copy-accent:#936738} .meridian .family-slide[data-slide=obsidian]{--family-copy-accent:#415e78} .meridian .family-slide[data-slide=club]{--family-copy-accent:#796c57} .meridian .family-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;z-index:1} .meridian .family-slide-copy{position:relative;z-index:1;padding:10px 0 0} .meridian .family-slide-label{font:400 10px/1.7 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#806b4f;margin:0 0 23px} .meridian .family-slide-copy h3{font:400 clamp(35px,3.5vw,57px)/1.06 Georgia,serif;letter-spacing:-.045em;margin:0 0 25px;color:var(--ink)} .meridian .family-slide-copy h3 em{font-style:normal;color:var(--family-copy-accent)} .meridian .family-title-dot{color:var(--family-copy-accent)} .meridian .family-slide-description{font-size:15px;line-height:1.75;color:var(--muted);max-width:255px;margin:0 0 30px} .meridian .family-slide-note{display:flex;align-items:center;gap:13px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#6c604d;margin:0} .meridian .family-slide-note::before{content:"";flex:none;width:30px;height:1px;background:linear-gradient(90deg,#bca174,#dac69f)} .meridian .family-slide-image{position:relative;aspect-ratio:3/2;display:grid;align-items:center;margin:0;min-width:0;overflow:visible;padding:8px;background:rgba(255,255,255,.82);border:1px solid #c9c7c0;border-radius:2px;box-shadow:0 17px 36px rgba(39,56,67,.09)} .meridian .family-slide-image img{display:block;grid-area:1/1;width:100%;height:auto;object-fit:contain;border-radius:0;image-rendering:auto;filter:none;transform:none} .meridian .family-slide[data-artwork=logo] .family-slide-image{margin:0;padding:0;background:none;border:0;border-radius:0;box-shadow:none} .meridian .family-slide[data-artwork=logo] .family-logo{width:80%;justify-self:center;align-self:center;object-fit:contain} @media(max-width:800px){.meridian .professional-family .section-head{align-items:flex-start;gap:20px}.meridian .family-slide-image{margin:0 -2%;padding:5px}} @media(max-width:720px){.meridian .family-slide{grid-template-columns:1fr;grid-template-rows:minmax(215px,auto) auto;padding-top:5px;gap:10px;align-items:start}.meridian .family-slide-copy{padding:0}.meridian .family-slide-copy h3{font-size:42px;margin-bottom:15px}.meridian .family-slide-label{margin-bottom:16px}.meridian .family-slide-description{max-width:none;margin-bottom:20px;font-size:14px}.meridian .family-slide-image{align-self:end}} /* Keep every brand available without animation when reduced motion is requested. */ .obsidian-showcase>.obsidian-label-art{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none;opacity:0;filter:none;transform:none} .obsidian-showcase.photo-ready>.obsidian-label-art{opacity:1} @media(prefers-reduced-motion:reduce){.meridian .family-slide-stage{display:block}.meridian .family-slide{opacity:1;visibility:visible;pointer-events:auto;transition:none;margin-bottom:35px}} /* Approved Professional background impressions. */ body.meridian[data-page=home] main { position:relative;isolation:isolate; } body.meridian[data-page=home] main::after { content:"";position:absolute;inset:0;z-index:-1;pointer-events:none; background-image:url('media/professional/paper-grain.svg'); background-size:180px 180px;opacity:.15; mask-image:linear-gradient(transparent,#000 7%,#000 94%,transparent); -webkit-mask-image:linear-gradient(transparent,#000 7%,#000 94%,transparent); } body.meridian[data-page=home] .professional-atmosphere { position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;user-select:none; mask-image:linear-gradient(transparent,#000 13%,#000 86%,transparent),linear-gradient(90deg,transparent,#000 10%,#000 89%,transparent); -webkit-mask-image:linear-gradient(transparent,#000 13%,#000 86%,transparent),linear-gradient(90deg,transparent,#000 10%,#000 89%,transparent); mask-composite:intersect;-webkit-mask-composite:source-in; } .professional-atmosphere .atmosphere-mark { position:absolute;display:block;aspect-ratio:1;--mark-shape:url('media/professional/emblem.svg'); background:linear-gradient(130deg,#526f83 5%,#4c687a 42%,#827056 75%,#5b788c); mask:var(--mark-shape) center/contain no-repeat; -webkit-mask:var(--mark-shape) center/contain no-repeat; opacity:var(--mark-opacity,.04);filter:drop-shadow(-1px -1px 0 #fff); } .professional-atmosphere .atmosphere-fox { --mark-shape:url('media/professional/retail-fox.svg');aspect-ratio:610/480; } .professional-atmosphere .atmosphere-signature { --mark-shape:url('media/identity/higher-arc/arc-fox/arrow.svg');aspect-ratio:1; } /* Large, partial impressions, with quiet space left around images and controls. */ /* Keep the rising arc present, then gradually soften toward the visible fox head. */ body.meridian[data-page=home] .atmosphere-collection { mask-image:linear-gradient(transparent,#000 64px,#000 86%,transparent),linear-gradient(90deg,transparent,#000 10%,#000 89%,transparent); -webkit-mask-image:linear-gradient(transparent,#000 64px,#000 86%,transparent),linear-gradient(90deg,transparent,#000 10%,#000 89%,transparent); } .atmosphere-collection .atmosphere-signature { width:clamp(720px,85vw,1180px);right:-2%;top:calc(-6% - 32px); } .atmosphere-collection .atmosphere-signature,.collection-gap-arrow { --mark-opacity:.15; background:radial-gradient(ellipse at 80% 24%,#58718370 0%,#58718380 18%,#526f83a8 36%,#526f83dc 58%,#827056b3 82%,#5b788c99 100%); } /* A second impression sits under the lower collection panels, within the shared feathered layer. The translucent cards reveal it; product photos stay solid. */ .atmosphere-collection .collection-secondary-mark { width:clamp(650px,74vw,1040px);right:-18%;bottom:-8%;--mark-opacity:.085; transform:rotate(-12deg); background:linear-gradient(140deg,#607e9100 8%,#607e9180 30%,#587488 51%,#8a785ec4 76%,#8a785e00 96%); } /* B is query-only. Share the upper arc's ink/fade beneath the translucent panels. */ body[data-collection-compare=b] .collection-secondary-mark{display:none} body[data-collection-compare] .professional-showcase{position:relative} .collection-gap-layer{display:none;position:absolute;inset:0;overflow:hidden;contain:paint;pointer-events:none;user-select:none;z-index:0} body[data-collection-compare=b] .collection-gap-layer.is-measured{display:block} .collection-gap-arrow{position:absolute;display:block;aspect-ratio:1;opacity:var(--mark-opacity);filter:drop-shadow(-1px -1px 0 #fff); mask:url('media/identity/higher-arc/arc-fox/arrow.svg') center/contain no-repeat; -webkit-mask:url('media/identity/higher-arc/arc-fox/arrow.svg') center/contain no-repeat; } /* Let this single emblem flow below the divider, behind the Access introduction. */ body.meridian[data-page=home] .home-documentation { overflow:visible; } body.meridian[data-page=home] .atmosphere-documentation { bottom:-45%;--documentation-fade-depth:31.0345%; /* The fade begins at the divider and gently tapers through the overlap. */ --documentation-fade:linear-gradient(to bottom,transparent,#000 13%,#000 calc(100% - var(--documentation-fade-depth)),#000c calc(100% - var(--documentation-fade-depth) * .8),#0007 calc(100% - var(--documentation-fade-depth) * .55),#0002 calc(100% - var(--documentation-fade-depth) * .28),transparent); mask-image:var(--documentation-fade),linear-gradient(90deg,transparent,#000 10%,#000 89%,transparent); -webkit-mask-image:var(--documentation-fade),linear-gradient(90deg,transparent,#000 10%,#000 89%,transparent); } .atmosphere-documentation .atmosphere-mark { width:clamp(580px,62vw,900px);left:-29%;bottom:0;--mark-opacity:.09;transform:rotate(11deg); } .atmosphere-access .atmosphere-fox { width:clamp(220px,28vw,360px);right:3%;bottom:60px;--mark-opacity:.11;transform:rotate(-4deg); } /* Shared Family impression: placed in the open space below all three slide texts. */ body.meridian[data-page=home] .professional-family { position:relative; } body.meridian[data-page=home] .atmosphere-family { mask-image:none;-webkit-mask-image:none; } .atmosphere-family .atmosphere-emblem { width:var(--family-mark-size,180px);left:var(--family-mark-left,8%);top:var(--family-mark-top,70%); /* Opaque blue-to-metal color shading keeps the mark solid after its reveal. */ --mark-opacity:1; background:linear-gradient(120deg,#123d60 0%,#1c5278 38%,#3d6885 57%,#7894a3 74%,#897653 87%,#36566b 100%); } .atmosphere-family .atmosphere-emblem::before { content:"";position:absolute;inset:0; background:linear-gradient(135deg,#234f70 45%,#476d85 68%,#96998f 72%,#fff7df 76%,#fbf1d1 77.5%,#8c7d62 79%,#d9dcd6 82%,#536f7e 87%,#bcc7c7 100%); mask-image:radial-gradient(ellipse 47% 36% at 77% 88%,#000 0%,#000d 33%,#0007 62%,transparent 100%); -webkit-mask-image:radial-gradient(ellipse 47% 36% at 77% 88%,#000 0%,#000d 33%,#0007 62%,transparent 100%); } .professional-atmosphere.atmosphere-family::after { opacity:0; } .atmosphere-family .family-logo-glint { display:block;position:absolute;inset:0;opacity:0; background:linear-gradient(120deg,#195783 0%,#286c98 38%,#6b95aa 57%,#ecd9af 73%,#fffbed 79%,#b6c7cb 88%,#7596a8 100%); mask-image:linear-gradient(112deg,transparent 43%,#0004 48%,#000 49.5%,#000 51%,#0004 52.5%,transparent 57%); -webkit-mask-image:linear-gradient(112deg,transparent 43%,#0004 48%,#000 49.5%,#000 51%,#0004 52.5%,transparent 57%); mask-size:300% 100%;-webkit-mask-size:300% 100%; mask-position:100% 0;-webkit-mask-position:100% 0; mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat; } /* Fine grain follows the vector silhouette and the same scroll-reveal mask. */ .atmosphere-family .atmosphere-emblem::after { content:"";position:absolute;inset:0; background:url('media/professional/paper-grain.svg') 0 0/180px 180px; mix-blend-mode:soft-light;opacity:.8; } /* The ears can pass behind the boundary; the ink becomes faint above the line. */ body.meridian[data-page=home] .home-learning { overflow:visible; } body.meridian[data-page=home] .atmosphere-questions { --questions-overlap:96px;--questions-fox-rise:clamp(58px,7vw,90px); top:calc(-1 * var(--questions-overlap)); mask-image:linear-gradient(to bottom,transparent,#0002 20px,#0005 calc(var(--questions-overlap) * .7),#0009 var(--questions-overlap),#000 calc(var(--questions-overlap) + 72px),#000 86%,transparent),linear-gradient(90deg,transparent,#000 10%,#000 89%,transparent); -webkit-mask-image:linear-gradient(to bottom,transparent,#0002 20px,#0005 calc(var(--questions-overlap) * .7),#0009 var(--questions-overlap),#000 calc(var(--questions-overlap) + 72px),#000 86%,transparent),linear-gradient(90deg,transparent,#000 10%,#000 89%,transparent); } .atmosphere-questions .atmosphere-fox { width:clamp(640px,83vw,1150px);left:7%;top:calc(var(--questions-overlap) - var(--questions-fox-rise));--mark-opacity:.085;transform:rotate(-5deg); } /* An optional narrow light wash makes the impressed marks feel part of the paper. */ .professional-atmosphere::after { content:"";position:absolute;inset:0; background:linear-gradient(116deg,transparent 18%,#fff5 37%,transparent 49%,#d1b88e08 68%,transparent 87%); opacity:.16; } @media(max-width:720px) { body.meridian[data-page=home] main::after { opacity:.10; } .atmosphere-collection .atmosphere-signature { width:500px;right:0;top:-16px; } .atmosphere-collection .atmosphere-signature,.collection-gap-arrow { --mark-opacity:.12; } .atmosphere-collection .collection-secondary-mark { width:650px;right:-330px;bottom:9%;--mark-opacity:.065;transform:rotate(-9deg); } body.meridian[data-page=home] .atmosphere-documentation { bottom:-160px;--documentation-fade-depth:160px; } .atmosphere-documentation .atmosphere-mark { width:610px;left:-118%;bottom:0;--mark-opacity:.075; } .atmosphere-access .atmosphere-fox { width:160px;right:2%;bottom:54px;--mark-opacity:.085; } /* Reserve a small right-hand seat beside the description and launch note. */ .meridian .professional-family { --family-mobile-mark-size:clamp(84px,27vw,128px); } .meridian .professional-family .family-slide-copy { display:grid;grid-template-columns:minmax(0,1fr) var(--family-mobile-mark-size); column-gap:20px;padding-bottom:0; } .meridian .professional-family .family-slide-label, .meridian .professional-family .family-slide-copy h3 { grid-column:1/-1; } .meridian .professional-family .family-slide-description, .meridian .professional-family .family-slide-note { grid-column:1; } .meridian .professional-family .family-slide-note { min-height:44px;gap:10px; } .meridian .professional-family .family-slide-note::before { width:20px; } body.meridian[data-page=home] .atmosphere-questions { --questions-overlap:64px;--questions-fox-rise:14px; } .atmosphere-questions .atmosphere-fox { width:740px;left:-78%;--mark-opacity:.07; } } /* Access fox and Family H share the same feathered reveal rising from the base. */ @media(prefers-reduced-motion:reduce) { .atmosphere-family .family-logo-glint { display:none; } } @media(prefers-reduced-motion:no-preference) { .atmosphere-access.fox-reveal-ready .atmosphere-fox, .atmosphere-family.fox-reveal-ready .atmosphere-emblem { mask-image:var(--mark-shape),linear-gradient(to top,#000 var(--fox-reveal-solid),transparent var(--fox-reveal-edge)); -webkit-mask-image:var(--mark-shape),linear-gradient(to top,#000 var(--fox-reveal-solid),transparent var(--fox-reveal-edge)); mask-size:contain,100% 100%;-webkit-mask-size:contain,100% 100%; mask-position:center;mask-repeat:no-repeat; -webkit-mask-position:center;-webkit-mask-repeat:no-repeat; mask-composite:intersect;-webkit-mask-composite:source-in; } .atmosphere-access.fox-reveal-ready .atmosphere-fox, .atmosphere-family.fox-reveal-ready .atmosphere-emblem { mask-image:var(--mark-shape),linear-gradient(to top,#000 var(--fox-reveal-solid),transparent var(--fox-reveal-edge)),linear-gradient(to bottom,#000 var(--family-exit-solid,100%),transparent var(--family-exit-edge,116%)); -webkit-mask-image:var(--mark-shape),linear-gradient(to top,#000 var(--fox-reveal-solid),transparent var(--fox-reveal-edge)),linear-gradient(to bottom,#000 var(--family-exit-solid,100%),transparent var(--family-exit-edge,116%)); mask-size:contain,100% 100%,100% 100%;-webkit-mask-size:contain,100% 100%,100% 100%; } } /* Owner-selected C: preserved FAL blue enamel/champagne artwork. */ .professional-atmosphere.atmosphere-family .atmosphere-emblem{--family-logo-artwork:url('media/professional/family-logo-blue-enamel-champagne.png');isolation:isolate;} .professional-atmosphere.atmosphere-family .atmosphere-emblem{ background:var(--family-logo-artwork) center/contain no-repeat;filter:none; mask-image:linear-gradient(to top,#000 var(--fox-reveal-solid),transparent var(--fox-reveal-edge)),linear-gradient(to bottom,#000 var(--family-exit-solid,100%),transparent var(--family-exit-edge,116%)); -webkit-mask-image:linear-gradient(to top,#000 var(--fox-reveal-solid),transparent var(--fox-reveal-edge)),linear-gradient(to bottom,#000 var(--family-exit-solid,100%),transparent var(--family-exit-edge,116%)); mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-position:center;-webkit-mask-position:center; } .professional-atmosphere.atmosphere-family .atmosphere-emblem::before, .professional-atmosphere.atmosphere-family .atmosphere-emblem::after{display:none} .professional-atmosphere.atmosphere-family .atmosphere-emblem .family-logo-glint{background:none} .professional-atmosphere.atmosphere-family .atmosphere-emblem .family-logo-glint::before{ content:"";position:absolute;inset:0;background:linear-gradient(120deg,#195783 0%,#286c98 38%,#6b95aa 57%,#ecd9af 73%,#fffbed 79%,#b6c7cb 88%,#7596a8 100%); mask:var(--family-logo-artwork) center/contain no-repeat;-webkit-mask:var(--family-logo-artwork) center/contain no-repeat;opacity:.65; } @media(prefers-reduced-motion:reduce){.professional-atmosphere.atmosphere-family .atmosphere-emblem{mask:none;-webkit-mask:none}} /* Paired fixed foxes: synchronized top-down fade out / reveal. */ body.meridian[data-page=home] .professional-atmosphere.atmosphere-family{overflow:visible} .professional-atmosphere.atmosphere-family .fox-transfer-destination{ width:clamp(220px,28vw,360px);right:3%;top:0;bottom:auto; --mark-opacity:.11;--transfer-solid:-16%;--transfer-edge:0%; transform:rotate(-4deg); mask-image:var(--mark-shape),linear-gradient(to bottom,#000 var(--transfer-solid),transparent var(--transfer-edge)),linear-gradient(to bottom,#000 55%,rgba(0,0,0,.4) 100%); -webkit-mask-image:var(--mark-shape),linear-gradient(to bottom,#000 var(--transfer-solid),transparent var(--transfer-edge)),linear-gradient(to bottom,#000 55%,rgba(0,0,0,.4) 100%); mask-size:contain,100% 100%,100% 100%;-webkit-mask-size:contain,100% 100%,100% 100%; mask-position:center;mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat; mask-composite:intersect;-webkit-mask-composite:source-in; } @media(prefers-reduced-motion:no-preference){ .professional-atmosphere.atmosphere-access.fox-reveal-ready .atmosphere-fox.fox-transfer-origin{ --transfer-solid:-16%;--transfer-edge:0%; mask-image:var(--mark-shape),linear-gradient(to top,#000 var(--fox-reveal-solid),transparent var(--fox-reveal-edge)),linear-gradient(to bottom,#000 var(--family-exit-solid,100%),transparent var(--family-exit-edge,116%)),linear-gradient(to bottom,transparent var(--transfer-solid),#000 var(--transfer-edge)); -webkit-mask-image:var(--mark-shape),linear-gradient(to top,#000 var(--fox-reveal-solid),transparent var(--fox-reveal-edge)),linear-gradient(to bottom,#000 var(--family-exit-solid,100%),transparent var(--family-exit-edge,116%)),linear-gradient(to bottom,transparent var(--transfer-solid),#000 var(--transfer-edge)); mask-size:contain,100% 100%,100% 100%,100% 100%;-webkit-mask-size:contain,100% 100%,100% 100%,100% 100%; mask-position:center;mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat; mask-composite:intersect;-webkit-mask-composite:source-in; } } @media(max-width:720px){.professional-atmosphere.atmosphere-family .fox-transfer-destination{width:160px;right:2%;--mark-opacity:.085}} @media(prefers-reduced-motion:reduce){.professional-atmosphere.atmosphere-family .fox-transfer-destination{display:none}} /* Approved Blue & Ivory. Scoped to Professional so the other brands retain their identity. */ body.meridian,body.meridian[data-page=home] { --bg:#edf2f3;--panel:#f6f8f7;--ink:#29363d;--muted:#53636b; --rule:#bfcdd1;--metal:#94805a;--metal-dark:#74613f;--surface-edge:#9eafb6; --pro-paper:linear-gradient(135deg,#ffffffa8,#f9fbfb73 53%,#f6eedf80); background:radial-gradient(ellipse at 3% 25%,#b9d3e54d,transparent 40%),radial-gradient(ellipse at 96% 70%,#e7cda33b,transparent 43%),linear-gradient(90deg,#dbe8f0 0%,#edf2f3 43%,#faf7ef 73%,#f6edde 100%); } .meridian h1 em,.meridian h2 em { color:#526a79;font-style:normal; } .meridian :is(a,button,input,select,textarea,summary):focus-visible { outline:2px solid #74613f;outline-offset:5px; } /* Share the header's page gutter; the footer paper extends behind that inset. */ .meridian .wrap { --pro-page-gutter:5.5vw;padding-inline:var(--pro-page-gutter); } .meridian .footer { background:linear-gradient(120deg,#ffffff59,#faf6ec66);box-shadow:none;border:0;border-radius:0;margin-inline:calc(-1 * var(--pro-page-gutter));padding:clamp(40px,4.2vw,64px) var(--pro-page-gutter) clamp(32px,3vw,48px); } .meridian .footer::before { inset:0 var(--pro-page-gutter) auto;height:1px;background:linear-gradient(90deg,transparent,var(--surface-edge) 25%,var(--metal) 52%,var(--surface-edge) 75%,transparent);opacity:.55; } .meridian .footer-bottom { border-color:var(--rule); } .meridian .footer-links a,.meridian .footer-legal a { padding-block:5px; } .meridian .footer-signature strong { font-size:12px; } .meridian .footer-signature p,.meridian .footer-bottom>a { font-size:13px; } @media(max-width:720px) { .meridian .wrap { --pro-page-gutter:6vw; } .meridian .footer { padding-block:36px 30px; } } body.meridian[data-page=home] .professional-family { border-bottom:1px solid color-mix(in srgb,var(--rule) 82%,var(--ink) 18%); } body.meridian[data-page=home] .professional-family::after { content:"";position:absolute;inset:auto 0 -1px;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,var(--surface-edge) 25%,var(--metal) 52%,var(--surface-edge) 75%,transparent);opacity:.55; } /* Functional screens stay visible, including long lists and live account states. */ body.meridian:not([data-page=home]) [data-motion] { opacity:1;transform:none;transition:none; } body.meridian:not([data-page=home]) :is(.section,.compact-intro)::before { content:none;animation:none; } body.meridian:not([data-page=home]) :is(.panel,.notice,.empty-state,.article-card)::after { content:none;animation:none; } body.meridian:not([data-page=home]) :is(.panel,.notice,.empty-state) { background:var(--pro-paper);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 16px 45px #36556608; } body.meridian:not([data-page=home]) .panel { border:1px solid #aebfc43d;border-top:1px solid #a994704d;border-radius:3px;padding:clamp(24px,3.2vw,44px); } body.meridian:not([data-page=home]) .panel::before { background:radial-gradient(ellipse at 90% 0,#fff8,transparent 70%);opacity:.5; } body.meridian:not([data-page=home]) .panel p { font-size:16px;line-height:1.75; } body.meridian:not([data-page=home]) .panel .panel-note { font-size:14px!important; } body.meridian:not([data-page=home]) .notice { border:0;border-left:2px solid #a9947073;padding:15px 20px;font-size:14px;box-shadow:none;line-height:1.75; } body.meridian:not([data-page=home]) .notice::before { content:none; } body.meridian:not([data-page=home]) .empty-state { border:0;border-block:1px solid var(--rule);padding:clamp(34px,5vw,70px); } body.meridian:not([data-page=home]) .empty-state h2 { font-size:clamp(32px,4vw,48px); } body.meridian:not([data-page=home]) .empty-state .text-link { display:inline-flex;margin:12px; } body.meridian:not([data-page=home]) .section { border-bottom:0;padding:70px 0; } body.meridian:not([data-page=home]) .eyebrow { display:flex;align-items:center;gap:20px;font-size:12px;font-weight:400;letter-spacing:.15em;line-height:1.7; } body.meridian:not([data-page=home]) .eyebrow::before { content:"";width:24px;height:1px;flex:0 0 auto;background:var(--metal); } body.meridian:not([data-page=home]) .text-link { display:inline-flex;align-items:center;gap:12px;font-size:14px;line-height:1.6;border-bottom:1px solid var(--metal);background:none;color:var(--ink); } body.meridian:not([data-page=home]) .text-link .arc-arrow { color:var(--metal-dark); } body.meridian:not([data-page=home]) .button { position:relative;isolation:isolate;overflow:hidden;gap:24px;min-height:54px;max-width:100%; background:linear-gradient(120deg,#304550,#273a44 78%);color:#f4f8fa; border:1px solid #405661;border-bottom-color:#a38f68;box-shadow:inset 0 1px #f4eddd1c; font-size:14px;font-weight:400;filter:none;transition:transform .4s ease,box-shadow .4s ease; } body.meridian:not([data-page=home]) .button::after { content:"";position:absolute;inset:0;z-index:-1;width:auto;height:auto;background:radial-gradient(ellipse at 24% 0,#f3e0ba26,transparent 80%);opacity:.15;pointer-events:none;transform:translateX(-4%);transition:opacity .7s ease,transform .85s ease;animation:none; } body.meridian:not([data-page=home]) .button .arc-arrow { color:#d1c2a3;transition:transform .45s ease; } body.meridian:not([data-page=home]) .button:where(:hover,:focus-visible):not(:disabled) { filter:none;transform:translateY(-1px);box-shadow:inset 0 1px #f4eddd1c,0 5px 18px #39536512; } body.meridian:not([data-page=home]) .button:where(:hover,:focus-visible):not(:disabled)::after { opacity:1;transform:none; } body.meridian:not([data-page=home]) .button:where(:hover,:focus-visible):not(:disabled) .arc-arrow { transform:translate(1px,-1px); } body.meridian:not([data-page=home]) .button:disabled { opacity:.55;transform:none;cursor:not-allowed; } body.meridian:not([data-page=home]) .subtle-button { border-color:#859ba380;background:#ffffff33;border-radius:3px;font-size:14px; } .meridian dialog { background:linear-gradient(130deg,#edf5f8,#fffcf4);box-shadow:0 25px 90px #20364240;border:1px solid #a6b9c0; } .meridian dialog::backdrop { background:#1d303866;backdrop-filter:blur(5px); } .meridian .dialog-close { min-width:44px;min-height:44px; } body.meridian:not([data-page=home]) :is(input,textarea,select) { background:#ffffff73;border-color:#a8bac3;border-radius:3px;font-size:16px;color:var(--ink);min-height:48px; } body.meridian:not([data-page=home]) input[type=checkbox] { min-height:0;accent-color:#48667a; } /* One typographic language, with compact openings for task-oriented pages. */ .meridian .pro-intro { position:relative;padding:clamp(40px,5vw,68px) 0 42px; } .meridian .pro-intro h1 { font:400 clamp(46px,5.5vw,78px)/1.04 Georgia,serif;letter-spacing:-.045em;margin:0 0 24px;max-width:900px;text-wrap:balance; } .meridian .pro-intro .eyebrow { margin-bottom:28px; } .meridian .pro-intro .lede { max-width:610px;font-size:17px;line-height:1.8;margin-bottom:0; } .meridian .pro-intro-split { display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.75fr);align-items:end;gap:9%; } .meridian .pro-intro-aside { padding:8px 0 4px 28px;border-left:1px solid var(--rule); } .meridian .pro-intro-aside .eyebrow { margin:0 0 15px; } .meridian .pro-intro-aside .eyebrow::before { content:none; } .meridian .pro-intro-aside p { color:var(--muted);font-size:15px;line-height:1.8; } .meridian .pro-meta { font-size:13px!important;line-height:1.7;color:var(--muted);margin:20px 0 0; } .meridian .pro-index { font:400 15px/1.6 Georgia,serif;color:var(--metal-dark); } .meridian .pro-invitation { position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10%;padding:clamp(34px,5vw,68px) 5%;margin:40px 0 70px;border-block:1px solid #a9b9bf9c;background:var(--pro-paper); } .meridian .pro-invitation::after { content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,var(--surface-edge),var(--metal),transparent);opacity:.6; } .meridian .pro-invitation>div { position:relative;z-index:1; } .meridian .pro-invitation h2 { font-size:clamp(36px,3.8vw,55px);margin:0; } .meridian .pro-invitation p:not(.eyebrow) { font-size:16px;line-height:1.8;max-width:47ch;color:var(--muted);margin-bottom:24px; } .meridian .pro-invitation-mark { position:absolute;width:400px;height:400px;object-fit:contain;left:-60px;bottom:-180px;opacity:.035;pointer-events:none;z-index:0; } /* Collection: generous photography, a crisp information hierarchy, quick filtering. */ .meridian .pro-catalog .catalog-controls { display:block;padding:24px 0;margin-bottom:0; } .meridian .pro-catalog .filter-chips { gap:9px; } .meridian .filter-chips button { min-height:44px;font-size:14px;border-color:#a4b6c1;padding:9px 16px;border-radius:3px; } .meridian .filter-chips button[aria-pressed=true] { background:#304550;border-color:#304550;color:white; } .meridian .pro-catalog .search-fields { display:grid;grid-template-columns:minmax(200px,1fr) minmax(160px,.42fr);gap:24px;margin-top:23px;max-width:680px; } .meridian .pro-catalog .field-small { font-size:13px;gap:8px; } .meridian .pro-catalog .field-small input { width:100%; } .meridian .pro-catalog-caption { display:flex;justify-content:space-between;align-items:center;gap:18px;margin:20px 0 30px; } .meridian .pro-catalog-caption p { font-size:13px;color:var(--muted);margin:0; } body.meridian:not([data-page=home]) .product-grid { grid-template-columns:repeat(3,minmax(0,1fr));gap:32px; } body.meridian:not([data-page=home]) .product-card { display:flex;flex-direction:column;align-items:stretch;padding:10px 10px 24px;background:linear-gradient(145deg,#ffffff73,#edf4f647);border:1px solid #a9bac447;box-shadow:0 12px 30px #35566d09;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease; } body.meridian:not([data-page=home]) .product-card:where(:hover,:focus-within) { transform:translateY(-3px);border-color:#a18a608c;box-shadow:0 18px 35px #36566c13; } body.meridian:not([data-page=home]) .product-card .card-photo { background:none;aspect-ratio:1;border-radius:2px; } body.meridian:not([data-page=home]) .product-card .card-meta { margin:20px 12px 8px;font-size:14px;line-height:1.6; } body.meridian:not([data-page=home]) .product-card h3 { font-size:clamp(25px,2.6vw,36px);margin:0 12px 24px;overflow-wrap:anywhere; } body.meridian:not([data-page=home]) .product-card .price-line { flex-wrap:wrap;border-top:1px solid var(--rule);margin:0 12px;padding-top:16px;font-size:14px;gap:8px; } body.meridian:not([data-page=home]) .product-card .mock-label { font-size:12px; } body.meridian:not([data-page=home]) .catalog-detail-note { font-size:13px;color:var(--muted);margin:16px 12px 0; } /* Product pages: task details lead, longer reading falls into open editorial rows. */ body.meridian[data-page^=product-] .breadcrumb { font-size:13px;padding:26px 0; } body.meridian[data-page^=product-] .detail-layout { grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:6%;padding:15px 0 55px; } body.meridian[data-page^=product-] .detail-layout>div:first-child { position:sticky;top:35px; } body.meridian[data-page^=product-] .detail-photo { border-radius:3px;border:1px solid #b4c5ce80;box-shadow:0 20px 55px #3e607216; } body.meridian[data-page^=product-] .detail-copy { padding-top:0;min-width:0; } body.meridian[data-page^=product-] .detail-copy h1 { font-size:clamp(40px,4.3vw,62px);line-height:1.08;overflow-wrap:anywhere;margin:0 0 20px; } body.meridian[data-page^=product-] .detail-copy .gold-line { display:none; } body.meridian[data-page^=product-] .detail-copy .eyebrow { font-size:12px;margin-bottom:20px; } body.meridian[data-page^=product-] .detail-copy .lede { font-size:16px;line-height:1.8; } body.meridian[data-page^=product-] .detail-copy .notice { background:none;padding:0;border:0;font-size:13px; } .meridian .variant-options { gap:10px; } .meridian .variant-options a { min-height:46px;border-color:#a8bac3;background:#ffffff45;display:inline-flex;align-items:center;justify-content:center;font-size:14px;padding:10px 14px;border-radius:3px; } .meridian .variant-options a[aria-current=page] { background:#304550;border-color:#304550;color:white; } .meridian .detail-specs>div { padding:15px 0;font-size:15px; } .meridian .detail-specs dt { flex:1; } .meridian .detail-specs dd { max-width:62%;overflow-wrap:anywhere; } body.meridian[data-page^=product-] .detail-copy .panel { padding:25px 28px; } body.meridian[data-page^=product-] .detail-copy .panel h2 { font-size:32px; } body.meridian[data-page^=product-] .detail-copy .panel p { font-size:14px; } body.meridian[data-page^=product-] .detail-tabs { position:relative;border-top:1px solid #a7b7bd;gap:25px;padding:15px 0; } .meridian .detail-tabs a { padding-block:7px; } .meridian .detail-section { grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr);gap:10%;padding:60px 0;scroll-margin-top:40px; } .meridian .detail-section h2 { font-size:clamp(33px,3.8vw,51px); } .meridian .detail-section p { font-size:16px;line-height:1.8; } .meridian .detail-section .detail-specs { margin:0; } .meridian .document-link { gap:18px;align-items:flex-start;padding:22px 0; } .meridian .document-link p { font-size:14px;line-height:1.8;margin:12px 0; } .meridian .document-link small { font-size:13px;line-height:1.7; } .meridian .document-link a { text-decoration:underline;text-underline-offset:5px; } .meridian .pdp-record-status { color:var(--metal-dark);font-size:12px;border:1px solid #a4b5be80;padding:3px 8px;border-radius:3px; } /* Documentation, learning and reading use one editorial rhythm. */ .meridian .pro-document-layout { display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,.8fr);gap:9%;padding:18px 0 40px; } .meridian .pro-list-heading { display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding-bottom:15px; } .meridian .pro-list-heading h2 { font-size:38px;margin:0; } .meridian .pro-list-heading>span { font-size:13px;color:var(--muted); } .meridian .pro-record-group { border-top:1px solid var(--rule);border-bottom:0;padding:0; } .meridian .pro-record-group:last-child { border-bottom:1px solid var(--rule); } .meridian .pro-record-group summary { display:grid;grid-template-columns:23px minmax(0,1fr) auto 18px;align-items:center;gap:18px;padding:25px 0;min-height:96px; } .meridian .pro-record-group summary::after,.meridian .pro-record-group summary::marker { content:none; } .meridian .pro-record-group summary::-webkit-details-marker { display:none; } .meridian .pro-record-group summary strong { font:400 26px/1.15 Georgia,serif;letter-spacing:-.025em; } .meridian .pro-record-group summary small { display:block;color:var(--muted);font-size:13px;margin-top:7px; } .meridian .pro-record-state { font-size:12px;color:var(--muted); } .meridian .pro-disclosure { position:relative;width:14px;height:14px;color:var(--metal-dark); } .meridian .pro-disclosure::before,.meridian .pro-disclosure::after { content:"";position:absolute;inset:6px 0 auto;height:1px;background:currentColor; } .meridian .pro-disclosure::after { transform:rotate(90deg);transition:transform .25s; } .meridian .pro-record-group[open] .pro-disclosure::after { transform:none; } .meridian .pro-record-body { padding:0 0 25px 41px; } .meridian .pro-record-body .document-link { border-bottom:0; } .meridian .pro-editorial-aside { align-self:start;position:sticky;top:35px;padding-top:16px; } .meridian .pro-editorial-aside h2,.meridian .pro-account-guide h2 { font-size:clamp(32px,3.2vw,46px); } .meridian .pro-numbered-list { list-style:none;padding:0;margin:25px 0; } .meridian .pro-numbered-list li { display:grid;grid-template-columns:25px minmax(0,1fr);gap:18px;border-top:1px solid var(--rule);padding:23px 0; } .meridian .pro-numbered-list li>span { font:400 14px/1.6 Georgia,serif;color:var(--metal-dark); } .meridian .pro-numbered-list h3 { font-size:25px;margin:0 0 10px; } .meridian .pro-numbered-list p { font-size:15px;line-height:1.8;color:var(--muted);margin:0; } .meridian .pro-editorial-list { display:block;margin:10px 0 70px;border-bottom:1px solid var(--rule); } .meridian .pro-editorial-link { display:grid;grid-template-columns:35px minmax(0,1fr) minmax(0,.8fr);gap:4%;padding:40px 0;border-top:1px solid var(--rule);transition:background .3s; } .meridian .pro-editorial-link h2 { font-size:clamp(33px,3.7vw,53px);margin:0;max-width:18ch; } .meridian .pro-editorial-link .eyebrow { margin-bottom:15px; } .meridian .pro-editorial-link .eyebrow::before { content:none; } .meridian .pro-editorial-link p:not(.eyebrow) { color:var(--muted);font-size:16px;line-height:1.8;max-width:43ch;margin-bottom:25px; } .meridian .pro-row-action { display:inline-flex;align-items:center;gap:22px;font-size:14px;border-bottom:1px solid var(--metal);padding-bottom:5px; } .meridian .pro-row-action .arc-arrow { color:var(--metal-dark);transition:transform .3s; } .meridian .pro-editorial-link:is(:hover,:focus-visible) { background:linear-gradient(90deg,transparent,#ffffff4d,transparent); } .meridian .pro-editorial-link:is(:hover,:focus-visible) .arc-arrow { transform:translate(2px,-2px); } .meridian .pro-reading-layout,.meridian .pro-legal-layout { display:grid;grid-template-columns:minmax(190px,.65fr) minmax(0,1.8fr);gap:9%;align-items:start;padding:10px 0 70px; } .meridian .pro-reading-nav { position:sticky;top:32px;align-self:start; } .meridian .pro-reading-nav nav { display:grid;margin:0 0 25px; } .meridian .pro-reading-nav nav a { display:flex;gap:13px;align-items:baseline;border-top:1px solid var(--rule);padding:15px 0;font-size:14px;line-height:1.6;color:var(--muted); } .meridian .pro-reading-nav nav a span { color:var(--metal-dark);font:13px Georgia,serif; } .meridian .pro-reading-nav nav a:hover { color:var(--ink); } .meridian .pro-article { margin:0;padding:0;max-width:740px; } .meridian .pro-article h2 { font-size:clamp(29px,3vw,40px);margin:40px 0 18px;scroll-margin-top:40px; } .meridian .pro-article h2:first-child { margin-top:0; } .meridian .pro-article p { line-height:1.9;font-size:17px; } .meridian .pro-reading-note { border-top:1px solid var(--rule);padding-top:22px;margin-top:36px;color:var(--muted);font-size:14px!important;line-height:1.8; } .meridian .pro-article-next { margin-top:30px; } .meridian .pro-legal-layout { padding-top:52px; } .meridian .pro-legal-layout .legal-document { margin:0;padding:0;max-width:820px; } .meridian .pro-legal-layout .legal-document h1 { color:#526a79;font-size:clamp(40px,4.5vw,64px); } .meridian .pro-legal-layout .legal-document h2 { scroll-margin-top:35px; } .meridian .pro-legal-layout .pro-reading-nav nav { max-height:60vh;overflow:auto;padding-right:12px; } /* About and Support keep their own composition within the same system. */ .meridian .pro-about { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8%;align-items:start;padding:8px 0 45px; } .meridian .pro-about figure { margin:0;position:sticky;top:30px; } .meridian .pro-about img { display:block;width:100%;height:auto;border-radius:3px;box-shadow:0 20px 65px #46667914; } .meridian .pro-about figcaption { font-size:12px;color:var(--muted);margin-top:17px;letter-spacing:.06em; } .meridian .pro-about-copy { padding-top:35px; } .meridian .pro-about-copy h2 { font-size:clamp(36px,3.8vw,54px); } .meridian .pro-about-copy>p:not(.eyebrow) { line-height:1.85;font-size:16px;color:var(--muted);margin-bottom:24px; } .meridian .pro-support-layout { display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.8fr);gap:8%;align-items:start;padding:10px 0 60px; } .meridian .pro-support-layout .question-row summary { gap:15px;min-height:110px; } .meridian .pro-support-layout .question-title { font-size:clamp(24px,2.4vw,33px); } .meridian .pro-support-layout .question-answer p { font-size:16px; } .meridian .pro-contact-invitation { position:sticky;top:30px;isolation:isolate;overflow:hidden;border-top:1px solid var(--metal);background:var(--pro-paper);padding:40px 32px; } .meridian .pro-contact-invitation>*:not(img) { position:relative;z-index:1; } .meridian .pro-contact-invitation h2 { font-size:clamp(35px,4vw,54px); } .meridian .pro-contact-invitation p:not(.eyebrow) { font-size:16px;color:var(--muted);line-height:1.8; } .meridian .pro-contact-invitation .pro-invitation-mark { width:350px;height:350px;left:auto;right:-130px;bottom:-130px;opacity:.04; } .meridian .pro-contact-email { display:block;overflow-wrap:anywhere;font-size:14px;text-decoration:underline;text-underline-offset:5px;margin-top:24px; } /* Account, application, bag and order review: quieter surfaces and clearer steps. */ body.meridian:is([data-page=account],[data-page=application]) .pro-intro { padding-top:32px;padding-bottom:28px; } body.meridian:is([data-page=account],[data-page=application]) .pro-intro .eyebrow { margin-bottom:20px; } body.meridian:is([data-page=account],[data-page=application],[data-page=cart],[data-page=checkout]) .pro-intro h1 { font-size:clamp(44px,4.7vw,64px); } .meridian .pro-account-shell { display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:9%;align-items:start;margin:0 0 70px; } .meridian .pro-account-shell .account-workspace { width:100%;margin:0;max-width:none;gap:18px; } .meridian .pro-account-shell .account-auth { max-width:none; } .meridian .pro-account-shell [data-account-message] { margin:0;padding:14px 20px; } .meridian .pro-account-guide { padding-top:70px; } .meridian .pro-account-shell:has([data-auth-panel][hidden]) { grid-template-columns:minmax(0,1fr); } .meridian .pro-account-shell:has([data-auth-panel][hidden]) .pro-account-guide { display:none; } .meridian .account-auth h2 { font-size:36px; } .meridian .account-auth .account-actions { gap:13px 22px; } .meridian .account-workspace label { font-size:15px;line-height:1.65; } .meridian .account-workspace .panel-note { font-size:14px!important; } .meridian .account-workspace .account-actions button { min-height:44px; } .meridian .account-steps { list-style:none;counter-reset:account-step;gap:0;padding:0;border-bottom:1px solid var(--rule); } .meridian .account-steps li { counter-increment:account-step;flex:1;padding:14px 12px 18px 0;border-bottom:2px solid transparent;font-size:14px;text-decoration:none; } .meridian .account-steps li::before { content:'0' counter(account-step);display:block;font:21px Georgia,serif;color:var(--metal-dark);margin-bottom:10px; } .meridian .account-steps li[aria-current=step] { border-color:var(--metal);font-weight:400; } .meridian .account-review-item { background:#ffffff26;padding:24px;border:1px solid var(--rule);border-radius:3px; } .meridian .account-review-item:empty { display:none; } .meridian .account-workspace .account-document { background:#ffffff4d;font-size:15px; } .meridian .account-workspace [data-session-panel] h2 { font-size:34px; } body.meridian:is([data-page=cart],[data-page=checkout]) .compact-intro h1 { color:#526a79; } body.meridian:is([data-page=cart],[data-page=checkout]) .page-grid { gap:6%; } body.meridian:is([data-page=cart],[data-page=checkout]) .page-grid>aside { position:sticky;top:30px; } .meridian .review-order { font-size:15px; } .meridian .review-summary-heading { gap:20px; } .meridian .delivery-form label { font-size:14px; } @media(min-width:1250px) { .meridian .pro-catalog .catalog-controls { display:flex;align-items:end;gap:25px; }.meridian .pro-catalog .search-fields { margin:0;grid-template-columns:210px 150px;gap:16px; } } @media(max-width:1050px) { .meridian .pro-intro-split { gap:6%;grid-template-columns:1.4fr 1fr; } body.meridian:not([data-page=home]) .product-grid { gap:22px;grid-template-columns:repeat(2,minmax(0,1fr)); } .meridian .pro-document-layout { gap:6%;grid-template-columns:1.4fr .85fr; } .meridian .pro-record-group summary { grid-template-columns:20px minmax(0,1fr) 18px;gap:14px; } .meridian .pro-record-state { grid-column:2;grid-row:2; }.meridian .pro-disclosure { grid-column:3;grid-row:1 / 3; } .meridian .pro-record-group summary small { margin-top:9px; } .meridian .pro-support-layout { gap:5%;grid-template-columns:1.25fr .85fr; } .meridian .pro-contact-invitation { padding:30px 24px; } .meridian .pro-account-shell { gap:6%; } } @media(max-width:800px) { .meridian .pro-intro-split,.meridian .pro-document-layout,.meridian .pro-reading-layout,.meridian .pro-legal-layout,.meridian .pro-about,.meridian .pro-support-layout,.meridian .pro-account-shell { grid-template-columns:minmax(0,1fr);gap:35px; } .meridian .pro-intro-split { gap:26px; }.meridian .pro-intro-aside { padding:20px 0 0;border-left:0;border-top:1px solid var(--rule);max-width:640px; } .meridian .pro-intro-aside .pro-meta { margin-top:12px; } body.meridian[data-page=catalog] .pro-intro-aside { display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px; } body.meridian[data-page=catalog] .pro-intro-aside p:not(.pro-meta) { display:none; } body.meridian[data-page=catalog] .pro-intro-aside .pro-meta { margin:0; } .meridian .pro-intro h1 { font-size:clamp(44px,8vw,64px); }.meridian .pro-intro .lede { font-size:16px; } .meridian .pro-intro { padding-top:36px; } .meridian .pro-editorial-aside,.meridian .pro-reading-nav,.meridian .pro-about figure,.meridian .pro-contact-invitation { position:relative;top:auto; } .meridian .pro-reading-nav { border-bottom:1px solid var(--rule);padding-bottom:25px; } .meridian .pro-reading-nav nav { margin-bottom:16px; }.meridian .pro-reading-nav nav a { padding:11px 0; } .meridian .pro-legal-layout { padding-top:30px; } .meridian .pro-legal-layout .pro-reading-nav nav { max-height:210px; } .meridian .pro-editorial-link { grid-template-columns:24px minmax(0,1fr);gap:12px 25px;padding:30px 0; }.meridian .pro-editorial-link>div:last-child { grid-column:2; } .meridian .pro-editorial-link h2 { max-width:none;font-size:36px; } .meridian .pro-about-copy { padding-top:0; }.meridian .pro-about figure { max-width:560px; } .meridian .pro-invitation { gap:30px;grid-template-columns:1fr;padding:35px 6%;margin-bottom:45px; } .meridian .pro-invitation p:not(.eyebrow) { max-width:60ch; } .meridian .pro-account-guide { padding:0; }.meridian .pro-account-shell { margin-bottom:45px; } body.meridian[data-page^=product-] .detail-layout { grid-template-columns:minmax(0,1fr);gap:35px; } body.meridian[data-page^=product-] .detail-layout>div:first-child { position:relative;top:auto;max-width:620px;width:100%; } .meridian .detail-section { grid-template-columns:minmax(0,1fr);gap:20px;padding:40px 0; } .meridian .detail-section h2 { margin:0; } body.meridian:is([data-page=cart],[data-page=checkout]) .page-grid>aside { position:relative;top:auto; } } @media(max-width:520px) { body.meridian:not([data-page=home]) .eyebrow { font-size:12px;letter-spacing:.1em;gap:14px; } .meridian .pro-intro .eyebrow { margin-bottom:23px; }.meridian .pro-intro { padding-bottom:30px; } .meridian .pro-catalog .search-fields { grid-template-columns:minmax(0,1fr) 130px;gap:14px; } .meridian .pro-catalog .filter-chips { gap:8px; }.meridian .filter-chips button { font-size:13px;padding:8px 12px; } .meridian .pro-catalog-caption { display:block;margin-bottom:24px; }.meridian .pro-catalog-caption p+p { margin-top:5px; } body.meridian:not([data-page=home]) .product-grid { grid-template-columns:minmax(0,1fr);gap:30px; } body.meridian:not([data-page=home]) .product-card h3 { font-size:32px; } .meridian .pro-record-body { padding-left:0; }.meridian .pro-record-group summary strong { font-size:26px; } .meridian .document-link { flex-wrap:wrap; }.meridian .document-link>div { min-width:0;flex:1 1 220px; } .meridian .pro-article p { font-size:16px; } .meridian .pro-support-layout .question-answer { padding-left:33px; } .meridian .pro-contact-invitation { padding:34px 26px; } .meridian .detail-specs>div { gap:20px; }.meridian .detail-specs dd { max-width:58%; } .meridian .detail-tabs { gap:8px 20px!important; }.meridian .detail-tabs a { font-size:13px; } .meridian .account-steps li { font-size:12px;padding-right:10px; } .meridian .account-workspace .account-attestations label { gap:12px; } .meridian .account-review-item { padding:20px 16px; } .meridian .pro-reading-nav nav a { font-size:14px; } body.meridian[data-page^=product-] .detail-copy .panel { padding:24px; } .meridian .footer-links { gap:12px 23px; } } @media(prefers-reduced-motion:reduce) { body.meridian:not([data-page=home]) :is(.button,.button::after,.button .arc-arrow,.product-card,.pro-row-action .arc-arrow,.pro-disclosure::after) { transition:none;animation:none; } body.meridian:not([data-page=home]) .button:where(:hover,:focus-visible):not(:disabled),body.meridian:not([data-page=home]) .button:where(:hover,:focus-visible):not(:disabled) .arc-arrow,body.meridian:not([data-page=home]) .product-card:where(:hover,:focus-within) { transform:none; } } /* Returning customers: a quiet companion to the primary application action. */ .meridian :is(.opening-access,.footer,.pro-account-shell) .account-entry-link { position:relative;display:inline-flex;align-items:center;gap:11px;min-height:44px; padding:7px 0;color:#4e6575;font:400 13px/1.6 Arial,sans-serif; letter-spacing:.015em;text-decoration:none;border:0;background:none; } .meridian :is(.opening-access,.footer,.pro-account-shell) .account-entry-link::after { content:"";position:absolute;left:0;right:0;bottom:5px;height:1px; background:linear-gradient(90deg,#667f8b,#bba779);transform:scaleX(0); transform-origin:left;transition:transform .3s ease; } .meridian :is(.opening-access,.footer,.pro-account-shell) .account-entry-link .arc-arrow { width:21px;height:21px;min-width:21px;color:#627886; } .meridian :is(.opening-access,.footer,.pro-account-shell) .account-entry-link .arc-arrow::after { content:"";position:absolute;inset:0;opacity:0; background:linear-gradient(115deg,#788a94 10%,#baa57e 45%,#fff3d3 53%,#9d8966 66%,#718997 90%); background-size:220% 100%;background-position:100% 0; transition:opacity .25s ease,background-position .65s ease; } .meridian :is(.opening-access,.footer,.pro-account-shell) .account-entry-link:where(:hover,:focus-visible)::after { transform:scaleX(1); } .meridian :is(.opening-access,.footer,.pro-account-shell) .account-entry-link:where(:hover,:focus-visible) .arc-arrow::after { opacity:1;background-position:0 0; } .meridian :is(.opening-access,.footer,.pro-account-shell) .account-entry-link:focus-visible { outline:2px solid #637c8c;outline-offset:5px;border-radius:1px; } @media(prefers-reduced-motion:reduce) { .meridian :is(.opening-access,.footer,.pro-account-shell) .account-entry-link::after, .meridian :is(.opening-access,.footer,.pro-account-shell) .account-entry-link .arc-arrow::after { transition:none; } } /* Explicit account choices retain native button keyboard behavior. */ .auth-mode-choices { display:flex;gap:8px;margin:24px 0;flex-wrap:wrap; } .auth-mode-choices button { flex:1;min-height:46px;padding:12px 18px;border:1px solid #8095a366;border-radius:3px;background:transparent;color:inherit;font:inherit;cursor:pointer; } .auth-mode-choices button[aria-pressed=true] { background:#344b59;color:#fff;border-color:#344b59;box-shadow:inset 0 1px #ffffff20; } .auth-mode-choices button:focus-visible { outline:2px solid #718797;outline-offset:3px; } /* Account guide: signature short metallic rules beside each step. */ .meridian .pro-numbered-list .pro-step-rule { height:1px;margin-top:15px;background:linear-gradient(90deg,#827044,#c9bb96); } /* Shared navigation adapts as a group; never strand a single footer link. */ .meridian .footer-top { display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(24px,3vw,52px); } .meridian .footer-links { max-width:none;min-width:0;flex-wrap:nowrap;justify-content:flex-end;gap:clamp(14px,2vw,28px); } .meridian .footer-links a { white-space:nowrap;min-height:44px;display:inline-flex;align-items:center; } .meridian .footer-bottom { flex-wrap:wrap;align-items:flex-end;gap:24px 40px; } .meridian .footer-signature { min-width:0; } .meridian .footer-legal { display:flex;flex-wrap:wrap;gap:8px 24px; } .meridian .footer-legal a { min-height:44px;display:inline-flex;align-items:center; } .meridian .professional-back { padding-top:20px; } .meridian .professional-back a { display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:8px 0;color:var(--muted);font-size:13px; } .meridian .professional-back .arc-arrow { width:20px;height:20px;transform:scaleX(-1); } .meridian .professional-back a:hover { color:var(--ink); } .meridian .professional-back + .pro-intro,.meridian .professional-back + .compact-intro { padding-top:28px; } .meridian .professional-back + .breadcrumb { padding-top:12px; } @media(min-width:801px) and (max-width:1100px){ .meridian .footer-top .ha-wordmark { font-size:32px; } .meridian .footer-top .ha-emblem { padding-left:12px;min-height:40px; } .meridian .footer-top .brand.arc-brand.ha-brand { gap:12px; } .meridian .footer-top .brand.arc-brand.ha-brand .ha-emblem img { width:40px;height:40px; } .meridian .footer-links { font-size:13px;gap:16px; } } @media(max-width:960px){ .meridian .footer-top { grid-template-columns:minmax(0,1fr);gap:20px; } .meridian .footer-links { justify-content:flex-start;gap:clamp(16px,3vw,28px); } } @media(max-width:600px){ .meridian .footer-links { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 16px; } .meridian .footer-links a { font-size:13px;white-space:normal;overflow-wrap:anywhere; } .meridian .footer-top .ha-wordmark { font-size:32px; } .meridian .footer-bottom { align-items:flex-start; } .meridian .professional-back { padding-top:12px; } .meridian .professional-back + .pro-intro,.meridian .professional-back + .compact-intro { padding-top:20px; } .meridian input,.meridian select,.meridian textarea { font-size:16px;max-width:100%; } } @media(max-width:380px){ .meridian .footer-links { grid-template-columns:repeat(2,minmax(0,1fr)); } } .meridian .image-zoom { min-width:44px;min-height:44px;z-index:3; }