:root{--ink:#302719;--text:#4e4338;--muted:#80776e;--subtle:#a59a8b;--page:#fcfaf2;--paper:#fffdf8;--soft:#f6f0df;--sand:#ead9b9;--beige:#f5deb3;--warm:#bc8a42;--line:#e6dfd5;--display:Georgia,'Times New Roman',serif;--sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;--ease:cubic-bezier(.2,.75,.2,1)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--page);font-family:var(--sans);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.55}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed}img,svg{max-width:100%}svg{display:inline-block}::selection{background:#e3cb94;color:#302719}*:focus-visible{outline:3px solid #ae7b2c;outline-offset:3px}.shell{max-width:1352px;width:calc(100% - 88px);margin-inline:auto}.skip-link{position:absolute;z-index:9999;left:16px;top:-80px;background:#2d261f;color:white;padding:12px 18px}.skip-link:focus{top:16px}
.site-header{background:rgba(251,250,247,.95);border-bottom:1px solid #e9e5de;position:sticky;top:0;z-index:80;backdrop-filter:blur(16px)}.header-inner{height:88px;display:flex;align-items:center;gap:40px}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.brand-symbol{display:grid;grid-template-columns:repeat(2,12px);grid-template-rows:repeat(2,12px);gap:3px;transform:rotate(-12deg)}.brand-symbol i{width:12px;height:12px;background:#e6c989;border-radius:3px}.brand-symbol i:nth-child(2){background:#d6b36a}.brand-symbol i:nth-child(3){background:#b99d61}.brand-symbol i:nth-child(4){background:#392b21}.brand-name{font-weight:810;letter-spacing:-1.15px;font-size:22px}.brand-name>span:first-child,.footer-brand span{font-weight:420;color:#b2a293}.brand-period{color:#bf8f3e}.top-nav{display:flex;align-items:center;gap:32px;margin-left:auto}.top-nav a,.nav-utility{font-size:13px;font-weight:640;transition:color .2s}.top-nav a{color:#71675e}.top-nav a:hover,.nav-utility:hover{color:#a9782d}.nav-utility{border:1px solid #dcd3c7;padding:12px 16px;border-radius:9px;white-space:nowrap}.nav-utility span{margin-left:12px}.menu-toggle,.mobile-nav{display:none}
.hero{min-height:720px;display:grid;grid-template-columns:54% 46%;align-items:center;gap:0;padding-top:58px;padding-bottom:70px}.hero-copy{position:relative;z-index:2;padding:18px 8% 36px 0}.eyebrow,.section-kicker,.intro-label,.compare-kicker,.strip-label{font-size:11px;font-weight:790;letter-spacing:2.15px;color:#a27530}.eyebrow{display:flex;align-items:center;gap:14px}.tiny-sun{font-size:18px;color:#b9875e;line-height:1}.eyebrow-rule{width:35px;height:1px;background:#dfcfab}.hero h1,.intro-grid h2,.section-heading h2,.knowledge h2,.explore-more h2{font-family:var(--display);font-weight:400;letter-spacing:-4px;line-height:1.06}.hero h1{font-size:clamp(64px,7.35vw,110px);margin:23px 0 25px}.hero h1 em,.intro-grid h2 em,.section-heading h2 em,.knowledge h2 em,.explore-more h2 em{color:#b88a3f;font-weight:400}.hero-title-wrap{position:relative}.hero-star{position:absolute;right:2%;top:20%;font-size:60px;color:#c7a258;font-weight:200}.hero-lead{font-size:17px;line-height:1.9;color:#756a60;max-width:545px;margin:0 0 32px}.hero-lead strong{color:#4d3e34}.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.btn{min-height:49px;padding:14px 21px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:24px;font-size:13px;font-weight:750;transition:transform .25s var(--ease),background .25s,color .25s,border-color .25s;border:1px solid transparent}.btn:hover{transform:translateY(-3px)}.btn-dark{background:#2e2721;color:white}.btn-dark:hover{background:#594235}.btn-quiet{color:#625344;background:transparent}.btn-quiet:hover{background:#f0e7db}.btn-outline{border-color:#d4c8b9;background:transparent;color:#3d3229}.btn-outline:hover{border-color:#b58d6d;background:#f8efdd}.btn-sm{padding:10px 18px;min-height:38px;font-size:12px}.hero-metrics{display:flex;gap:25px;align-items:center;margin-top:63px}.hero-metrics>div{display:flex;flex-direction:column;gap:3px}.hero-metrics b{font-size:18px;font-weight:760;letter-spacing:-.6px}.hero-metrics span:not(.metric-divider){font-size:11px;color:#94887b;white-space:nowrap}.metric-divider{height:31px;width:1px;background:#e0d4c7}
.hero-art{min-height:606px;border-radius:17px;position:relative;isolation:isolate;background:linear-gradient(135deg,#f1e1bd,#dcc38f 53%,#bf9b5e);overflow:hidden;box-shadow:0 24px 90px rgba(86,62,42,.11)}.hero-art:after{content:'';position:absolute;left:-15%;bottom:-55%;height:75%;width:130%;background:radial-gradient(ellipse,#fff1cb 0%,transparent 71%);opacity:.85;z-index:-1}.hero-art-grain{position:absolute;inset:0;opacity:.21;background-image:repeating-linear-gradient(62deg,transparent 0 14px,rgba(255,255,255,.25) 14px 15px),radial-gradient(circle at 50% 30%,#faf7ed 0,transparent 57%);mix-blend-mode:soft-light}.orbit{position:absolute;width:530px;height:530px;border:1px solid rgba(255,255,255,.38);border-radius:100%;left:21%;top:-16%}.orbit-two{width:710px;height:710px;left:6%;top:-37%;border-color:rgba(255,255,255,.19)}.art-sheet{position:absolute;background:#fffdf6;border-radius:11px;box-shadow:8px 19px 46px rgba(76,51,33,.19);border:1px solid rgba(255,255,255,.7)}.art-sheet.sheet-back{width:290px;height:365px;right:32px;top:96px;transform:rotate(18deg);padding:20px}.art-sheet.sheet-mid{width:315px;height:387px;left:18%;top:101px;transform:rotate(-17deg);padding:23px}.art-sheet.sheet-back>span,.art-sheet.sheet-mid>span{font-size:10px;letter-spacing:1.4px;color:#968778}.sheet-chip{height:226px;margin-top:22px;border-radius:5px}.art-sheet.sheet-mid .sheet-chip{height:245px}.art-sheet.sheet-back strong,.art-sheet.sheet-mid strong{display:block;margin-top:15px;letter-spacing:2px;font-size:12px;color:#78695d}.art-sheet.sheet-front{width:325px;height:420px;left:50%;top:93px;transform:translateX(-50%) rotate(2deg);padding:22px;z-index:5}.sheet-heading{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.25px;color:#887869;gap:4px}.art-color{margin-top:23px;height:264px;background:#F5DEB3;border:1px solid #ece8d5}.art-color-details{display:flex;align-items:end;justify-content:space-between;gap:4px;margin-top:18px}.art-color-details span{display:flex;flex-direction:column;gap:2px}.art-color-details small{font-size:9px;letter-spacing:1.5px;color:#a89988}.art-color-details strong{font-family:var(--display);font-size:20px;font-weight:400}.art-color-details button{border:0;background:none;display:flex;align-items:center;gap:7px;font-size:12px;font-weight:740;color:#736152;padding:0}.art-color-details svg,.swatch-copy svg,.icon-mini svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.art-stamp{position:absolute;right:42px;top:51px;color:#f4eadf;display:flex;flex-direction:column;text-align:center;line-height:1.1;font-size:29px;transform:rotate(11deg)}.art-stamp small{font-size:9px;text-transform:uppercase;letter-spacing:1px}.art-caption{position:absolute;display:flex;justify-content:space-between;inset:auto 23px 19px;font-size:9px;letter-spacing:1.55px;color:rgba(59,43,31,.75)}
.preview-strip{display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line);padding:24px 0 28px;min-width:0}.strip-label{display:flex;align-items:center;white-space:nowrap;gap:10px}.strip-label>span{font-size:19px}.quick-chips{display:flex;gap:10px;overflow:auto;scrollbar-width:thin;padding:2px 0 7px;min-width:0}.quick-chip{border:1px solid #e8dec5;border-radius:8px;background:white;display:inline-flex;align-items:center;gap:10px;padding:9px 11px;white-space:nowrap;font-size:11px;font-weight:680;transition:transform .2s,border-color .2s}.quick-chip:hover{transform:translateY(-2px);border-color:#c19a4a}.quick-chip-dot{width:17px;height:17px;border:1px solid rgba(0,0,0,.09);border-radius:5px;display:inline-block}.quick-chip-arr{color:#b49c87}
.intro-section{padding:128px 0 120px}.intro-label{border-bottom:1px solid var(--line);padding-bottom:19px;display:flex;justify-content:space-between}.intro-label span,.section-kicker span{color:#a89b8d;letter-spacing:1.2px;margin-left:12px;font-size:10px}.intro-grid{display:grid;grid-template-columns:1.06fr 1fr;gap:95px;margin-top:42px}.intro-grid h2{font-size:clamp(42px,5vw,72px);margin:5px 0}.intro-details p{font-size:15px;line-height:1.9;color:#6b5e52;margin:6px 0 18px}.intro-details code{font-size:13px;color:#6d4b34}.fact-inline{margin-top:26px;padding:16px 18px;border:1px solid #e4d9ca;border-radius:13px;background:#fbf3df;display:flex;align-items:center;gap:14px}.fact-dot{width:42px;height:42px;border-radius:9px;border:1px solid #e1dccb;flex:none}.fact-inline>div{display:flex;flex-direction:column;flex:1}.fact-inline b{font-size:13px}.fact-inline small{font-size:11px;color:#746a5e}.mini-copy{border:1px solid #d5c5b5;background:white;border-radius:7px;padding:8px 12px;font-size:11px;font-weight:750}
.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:40px}.section-heading h2,.knowledge h2,.explore-more h2{font-size:clamp(43px,5.3vw,75px);margin:18px 0 20px}.section-heading p,.knowledge>div>p{font-size:15px;line-height:1.8;color:#82766c;max-width:610px;margin:0}.section-heading .dot{color:#bd8e65}.section-heading.compact h2{font-size:clamp(38px,4.6vw,60px)}.section-heading.compact .btn{margin-bottom:3px}.section-side-note{display:flex;gap:16px;align-items:center;font-family:var(--display);font-style:italic;font-size:18px;color:#987d66;text-align:right;line-height:1.4;padding-bottom:8px}.stacked-dots{display:flex;align-items:center;gap:5px;transform:rotate(90deg)}.stacked-dots i{background:#ad8562;border-radius:50%;width:8px;height:8px}.stacked-dots i:nth-child(2){opacity:.6}.stacked-dots i:nth-child(3){opacity:.3}
.chart-section{padding:0 0 110px}.chart-image-link{display:block;background:#f4eee5;overflow:hidden;border:1px solid #e2d6c9;border-radius:15px;box-shadow:0 20px 40px rgba(79,57,37,.04)}.chart-image-link img{display:block;width:100%;height:auto;transition:transform .55s var(--ease)}.chart-image-link:hover img{transform:scale(1.01)}.image-note{font-size:11px;color:#8e8175;margin:12px 0 0}
.library-section{padding:34px 0 125px}.browse-panel{border:1px solid #e6dbcc;background:#fffdf6;padding:20px;border-radius:15px;box-shadow:0 8px 25px rgba(45,35,27,.025)}.browse-top{display:flex;align-items:center;gap:15px}.search-box{display:flex;align-items:center;gap:12px;min-width:0;flex:1;background:#f9f7f3;border:1px solid #ede6dc;border-radius:9px;padding:0 16px;height:54px;color:#907a66;transition:border-color .2s}.search-box:focus-within{border-color:#bd9472}.search-box svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.8;fill:none;flex:none}.search-box input{border:0;background:transparent;outline:0;min-width:0;flex:1;color:#48382d;font-size:13px}.search-box input::placeholder{color:#a89b8d}.search-box kbd{font:11px var(--sans);color:#9f8c7c;border:1px solid #e8dfd5;padding:3px 8px;border-radius:4px}.sort-box{border:1px solid #eee5dc;padding:0 13px;height:54px;display:flex;align-items:center;gap:10px;border-radius:9px;white-space:nowrap;background:white}.sort-box span{font-size:11px;color:#9b8d7e}.sort-box select{outline:0;border:0;background:transparent;font-size:12px;font-weight:700;color:#53463d;max-width:140px}.browse-filters{border-top:1px solid #eee7df;margin-top:17px;padding-top:17px;display:flex;justify-content:space-between;align-items:center;gap:12px}.filter-chips{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.filter-chip{border:1px solid transparent;background:transparent;color:#8d7e70;font-size:12px;font-weight:670;border-radius:7px;padding:9px 14px;transition:all .2s}.filter-chip:hover{background:#f5eee6}.filter-chip.active{background:#322a24;color:white}.browse-extras{display:flex;gap:8px;white-space:nowrap}.subtle-action{border:1px solid #e8dfd5;border-radius:7px;background:white;color:#57483c;padding:9px 12px;font-size:12px;font-weight:690}.subtle-action[aria-pressed="true"]{background:#fff1e3;border-color:#c9a78a;color:#8c5537}.subtle-action:hover{background:#f8f0e8}.results-line{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:25px 1px 18px}.results-line p{margin:0;font-size:13px;color:#81776d}.results-line p strong{color:#43362b}.result-hint{font-size:11px!important;color:#a89b8e!important}
.shade-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}.shade-card{background:white;border:1px solid #e9e4de;border-radius:12px;overflow:hidden;position:relative;scroll-margin-top:110px;transition:transform .28s var(--ease),box-shadow .28s var(--ease),border-color .2s}.shade-card:hover{transform:translateY(-5px);border-color:#cdb69e;box-shadow:0 17px 39px rgba(80,58,37,.1)}.shade-card[hidden]{display:none!important}.shade-card.flash{box-shadow:0 0 0 5px rgba(188,135,101,.4),0 14px 30px rgba(80,58,37,.14)}.swatch-frame{position:relative;background:#eee;overflow:hidden}.swatch-frame>img{display:block;width:100%;height:auto;aspect-ratio:1.66;object-fit:cover}.swatch-copy,.save-card{position:absolute;display:flex;align-items:center;justify-content:center;border:1px solid rgba(38,31,25,.12);background:rgba(255,255,255,.94);color:#3e332b;box-shadow:0 4px 15px rgba(50,30,20,.04);transition:transform .2s,background .2s}.swatch-copy{left:13px;bottom:13px;border-radius:7px;padding:8px 11px;gap:7px;font-size:11px;font-weight:760}.save-card{right:13px;top:13px;width:33px;height:33px;border-radius:50%;opacity:.95}.save-card svg{width:17px;height:17px;stroke:#6f5a48;stroke-width:1.5;fill:none}.save-card[aria-pressed="true"] svg{fill:#c19272;stroke:#a46a47}.swatch-copy:hover,.save-card:hover{transform:translateY(-2px);background:white}.shade-info{padding:18px 17px 15px}.shade-info-main{display:flex;align-items:start;justify-content:space-between;gap:8px}.shade-info-main h3{font-size:14px;letter-spacing:-.2px;margin:0 0 3px;line-height:1.4;font-weight:750}.shade-meta{color:#a28f7e;font-size:10px}.shade-info-main code{flex:none;color:#8e7460;font-size:11px;letter-spacing:-.2px;margin-top:2px}.shade-description{font-size:11px;line-height:1.65;color:#897d71;margin:13px 0 12px;min-height:54px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.shade-bottom{border-top:1px solid #f0ebe6;display:flex;align-items:center;justify-content:space-between;padding-top:11px}.text-link,.icon-mini{border:0;background:none;padding:3px 0;color:#7b5b45;font-size:11px;font-weight:760}.text-link span{margin-left:7px}.text-link:hover{text-decoration:underline}.icon-mini{width:28px;height:24px;display:flex;align-items:center;justify-content:end;color:#846b55}.icon-mini svg{height:17px;width:17px}.library-note{font-size:12px;line-height:1.8;color:#8c8074;max-width:870px;margin:23px auto 0;text-align:center}.empty-state{padding:70px 20px;text-align:center;border:1px dashed #dacbbb;border-radius:13px;background:#f8f3ec}.empty-state[hidden]{display:none}.empty-state>span{font-family:var(--display);font-size:60px;color:#c3a68a}.empty-state h3{margin:0;font-family:var(--display);font-size:28px}.empty-state p{color:#978b7f}
.spectrum-section{background:#e9dfd3;padding:101px 0 97px}.spectrum-section .section-heading{margin-bottom:38px}.spectrum-heading h2{font-size:clamp(37px,4.2vw,61px)}.tonal-scale{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:10px}.scale-swatch{border:0;background:transparent;padding:0;text-align:left}.scale-swatch>span{display:block;width:100%;height:170px;background:var(--swatch);border:1px solid rgba(40,30,20,.075);border-radius:11px;transition:transform .25s var(--ease)}.scale-swatch:hover>span{transform:translateY(-7px)}.scale-swatch small{display:block;margin-top:12px;color:#655445;font-size:10px;font-weight:750;letter-spacing:.3px}.scale-bottom{margin-top:25px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.2px;font-weight:760;color:#998576}
.pairing-section{padding:115px 0 120px}.pairing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.pairing-card{border:1px solid #e8e0d8;border-radius:14px;background:#fff;overflow:hidden;padding:20px 20px 24px}.pairing-caption{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#a78d77;font-size:9px;font-weight:760;letter-spacing:1px}.pairing-caption>span:nth-child(2){font-family:var(--display);letter-spacing:0;font-size:12px;font-style:italic}.pairing-bar{display:flex;height:194px;margin:19px 0 24px;gap:5px}.pairing-bar button{flex:1;border:0;border-radius:5px;transition:flex .28s var(--ease);min-width:0}.pairing-bar button:hover,.pairing-bar button:focus-visible{flex:1.7}.pairing-card h3{font-size:20px;font-family:var(--display);font-weight:400;margin:0 0 9px}.pairing-card p{font-size:12px;line-height:1.75;min-height:63px;color:#887a6d;margin:0 0 14px}.pairing-codes{border-top:1px solid #eee8e0;padding-top:14px;font-size:10px;color:#725e4c;font-weight:730;word-break:break-word}.pairing-codes span{margin-inline:6px;color:#c9b6a4}
.knowledge{border-top:1px solid #e5dcd1;padding:116px 0 130px;display:grid;grid-template-columns:.82fr 1.18fr;gap:110px}.knowledge h2{font-size:clamp(43px,4.8vw,66px)}.knowledge>div>p{max-width:340px}.faq-list{border-top:1px solid #e1d6c9}.faq-list details{border-bottom:1px solid #e1d6c9}.faq-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 0;font-size:14px;font-weight:720;cursor:pointer;color:#504238}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:24px;color:#a5876f;font-weight:300;transition:transform .25s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{font-size:13px;color:#766b62;line-height:1.8;padding:0 40px 22px 0;margin:0}.faq-list code{font-size:12px;color:#925b3d}
.method-section{border:1px solid #e0d5c7;background:#f3ebe1;padding:32px 39px;border-radius:14px;display:flex;align-items:start;gap:24px;margin-bottom:112px}.method-icon{font-size:29px;color:#c18c62}.method-section h2{font-family:var(--display);font-size:26px;font-weight:400;margin:0 0 9px}.method-section p{font-size:12px;line-height:1.85;max-width:1020px;color:#75685d;margin:0 0 9px}.method-section a{font-size:12px;font-weight:750;color:#a67551;text-decoration:underline;text-underline-offset:2px}.explore-more{border-top:1px solid #e5ded4;padding:93px 0 112px;display:grid;grid-template-columns:1fr 1fr;gap:130px}.explore-more h2{font-size:clamp(39px,5.2vw,70px)}.related-links{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:center}.related-links a{background:white;border:1px solid #e8ded2;padding:20px 19px;font-size:13px;font-weight:730;border-radius:9px;display:flex;justify-content:space-between;gap:10px;transition:border-color .2s,transform .2s}.related-links a span{color:#a98366}.related-links a:hover{border-color:#b69278;transform:translateY(-3px)}
.site-footer{border-top:1px solid #e9e1d6;background:#f4eee6}.footer-inner{padding:42px 0;display:flex;align-items:center;justify-content:space-between;gap:22px}.footer-brand{font-size:21px;font-weight:800;letter-spacing:-1.3px}.footer-inner>span,.footer-inner>div{font-size:11px;color:#9b8c7b}.footer-inner>div{display:flex;gap:25px}.footer-inner a:hover{color:#b27e5a}
/* Accessible, resilient dialogs and interactions */
.toast{position:fixed;bottom:27px;left:50%;transform:translate(-50%,125px);opacity:0;pointer-events:none;background:#332920;color:white;padding:12px 19px;border-radius:10px;box-shadow:0 15px 45px #0002;z-index:230;font-size:13px;font-weight:700;transition:transform .28s var(--ease),opacity .28s;max-width:calc(100% - 35px);text-align:center}.toast.show{transform:translate(-50%,0);opacity:1}.noscript-notice{position:fixed;bottom:0;background:#382e27;color:#fff;padding:12px 20px;font-size:12px;width:100%;text-align:center;z-index:100}
dialog{border:0;padding:0;box-shadow:0 30px 110px #1e140e66;color:var(--ink)}dialog::backdrop{background:rgba(32,27,22,.62);backdrop-filter:blur(4px)}.color-dialog{width:min(780px,calc(100% - 30px));max-height:min(92vh,940px);border-radius:18px;overflow:auto}.dialog-shell{position:relative;display:grid;grid-template-columns:.84fr 1.16fr}.dialog-close{position:absolute;right:15px;top:14px;width:37px;height:37px;border:1px solid #e8ddd0;border-radius:50%;font-size:25px;font-weight:300;line-height:1;background:rgba(255,255,255,.94);z-index:1;display:grid;place-items:center;color:#48382f}.dialog-close:hover{background:#f4e8dc}.dialog-swatch{background:#F5DEB3;min-height:560px;padding:26px;display:flex;flex-direction:column;justify-content:space-between}.dialog-swatch>span{font-size:9px;font-weight:750;letter-spacing:1.4px;color:#40362f}.dialog-swatch>div{font-family:var(--display);font-size:34px;letter-spacing:-1px}.dialog-body{padding:50px 36px 31px}.dialog-overline{font-size:10px;font-weight:820;letter-spacing:1.4px;color:#ae815c}.dialog-body h2{font-family:var(--display);font-weight:400;font-size:43px;letter-spacing:-2px;line-height:1.1;margin:15px 0}.dialog-body>p{font-size:12px;color:#847467;line-height:1.8;margin:0 0 16px}.standard-tag{font-size:10px;color:#997a62;background:#f7eee5;border-radius:6px;display:inline-flex;padding:5px 9px;margin-bottom:12px}.dialog-code-grid{display:grid;gap:7px}.dialog-code-row{border:1px solid #ede6de;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border-radius:7px}.dialog-code-row span{font-size:10px;color:#a29283}.dialog-code-row code{font-size:12px;font-weight:760;color:#45382f;margin-left:auto}.dialog-code-row button{border:0;background:#f6f1ec;border-radius:5px;padding:5px 9px;color:#715c4a;font-size:10px;font-weight:750}.dialog-contrast,.dialog-usage{border-top:1px solid #ebe4dd;margin-top:19px;padding-top:14px}.dialog-contrast>strong,.dialog-usage>strong{font-size:12px}.dialog-contrast>p,.dialog-usage>p{font-size:11px;line-height:1.6;color:#887b70;margin:7px 0 0}.contrast-row{margin-top:9px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.contrast-pill{padding:11px;border-radius:7px;background:#1d1a17;color:white;text-align:center;font-size:11px;display:flex;flex-direction:column;gap:4px}.contrast-pill.light{background:#f7f5f2;color:#27201d;border:1px solid #eee7df}.contrast-pill b{font-size:16px}.contrast-pill small{opacity:.7}.contrast-pill .pass{color:#247450;font-weight:820}.contrast-pill .fail{color:#bb6544;font-weight:820}.dialog-actions{display:flex;gap:9px;margin-top:21px;flex-wrap:wrap}.dialog-actions .btn{font-size:11px;gap:10px}
.compare-tray{position:fixed;z-index:100;bottom:20px;right:22px;width:350px;background:white;border:1px solid #e4d7c9;border-radius:13px;box-shadow:0 22px 70px rgba(40,24,15,.23);padding:18px}.compare-tray[hidden]{display:none}.compare-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.compare-top>div:first-child{display:flex;flex-direction:column;gap:5px}.compare-top strong{font-size:12px}.compare-top>div:last-child{display:flex;align-items:center;gap:5px}.compare-top>div:last-child>button:first-child{border:0;background:none;color:#9e7b64;font-size:11px}.compare-kicker{font-size:9px}.compare-chips{display:flex;gap:9px;margin-top:14px;flex-wrap:wrap}.compare-chip{display:flex;align-items:center;gap:5px;border:1px solid #eae0d5;border-radius:6px;padding:5px 7px;font-size:10px}.compare-chip i{display:block;width:18px;height:18px;border-radius:4px}.compare-chip button{border:0;background:none;color:#947c6b;font-size:16px;padding:0 2px}
.compare-dialog{width:min(900px,calc(100% - 28px));max-height:92vh;border-radius:18px;overflow:auto}.compare-dialog-inner{padding:30px}.comparison-header{display:flex;align-items:start;justify-content:space-between;gap:20px}.comparison-header h2{font:400 46px var(--display);margin:6px 0 20px;letter-spacing:-2px}.dialog-close.in-flow{position:static;flex:none}.comparison-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.comparison-cell{border:1px solid #e8e0d7;border-radius:9px;overflow:hidden}.comparison-cell>div:first-child{height:170px}.comparison-info{padding:14px}.comparison-info h3{font-size:13px;line-height:1.35;margin:0 0 7px}.comparison-info code{display:block;font-size:11px;color:#967d66}.comparison-info p{font-size:11px;color:#807466;margin:8px 0 0}.comparison-note{font-size:11px;color:#938578;line-height:1.6;margin:20px 0 0}
@media(max-width:1100px){.shell{width:calc(100% - 56px)}.top-nav{gap:18px}.hero{min-height:620px;grid-template-columns:54% 46%}.hero-art{min-height:520px}.art-sheet.sheet-front{top:70px;width:275px;height:375px}.art-color{height:230px}.art-sheet.sheet-back{width:246px;height:330px}.art-sheet.sheet-mid{width:259px;height:332px}.art-sheet .sheet-chip{height:190px!important}.hero h1{font-size:clamp(64px,7.4vw,86px)}.shade-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.knowledge{gap:55px}.pairing-card{padding:16px}.browse-filters{align-items:start;flex-direction:column}.browse-extras{width:100%;justify-content:end}}
@media(max-width:800px){.shell{width:calc(100% - 38px)}.header-inner{height:70px}.top-nav,.nav-utility{display:none}.menu-toggle{display:flex;flex-direction:column;margin-left:auto;border:0;background:none;gap:5px;padding:12px}.menu-toggle span{width:23px;height:2px;background:#4d4036;border-radius:2px}.mobile-nav:not([hidden]){display:flex;flex-direction:column;gap:0;padding-bottom:16px}.mobile-nav a{padding:11px 0;border-top:1px solid #e7ddd1;font-size:13px}.hero{grid-template-columns:1fr;padding-top:47px;gap:20px}.hero-copy{padding:0 0 23px}.hero h1{font-size:clamp(59px,11vw,90px)}.hero-star{right:16%;font-size:46px}.hero-art{min-height:450px;width:100%}.art-sheet.sheet-front{top:42px}.art-sheet.sheet-back,.art-sheet.sheet-mid{top:62px}.hero-metrics{margin-top:40px}.preview-strip{gap:16px}.strip-label{font-size:10px}.intro-section{padding:86px 0}.intro-grid{gap:27px;grid-template-columns:1fr}.intro-grid h2{margin-bottom:0}.section-heading{align-items:start}.section-side-note{display:none}.chart-section{padding-bottom:80px}.library-section{padding-bottom:90px}.shade-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.spectrum-section{padding:76px 0}.tonal-scale{grid-template-columns:repeat(9,minmax(0,1fr));gap:6px}.scale-swatch>span{height:110px}.scale-swatch small{font-size:8px;letter-spacing:-.3px}.pairing-section{padding:86px 0}.pairing-grid{grid-template-columns:1fr 1fr}.knowledge{grid-template-columns:1fr;gap:25px;padding:90px 0}.method-section{margin-bottom:70px}.explore-more{grid-template-columns:1fr;gap:10px;padding:70px 0}}
@media(max-width:520px){html{scroll-padding-top:75px}.shell{width:calc(100% - 30px)}.brand-name{font-size:20px}.hero{padding-top:31px;padding-bottom:42px}.eyebrow{font-size:9px;gap:7px;letter-spacing:1.3px}.hero h1{font-size:clamp(58px,12.8vw,78px);letter-spacing:-3.2px;margin:18px 0}.hero-star{font-size:36px;right:3%;top:8%}.hero-lead{font-size:14px;line-height:1.8}.hero-actions{gap:9px}.hero-actions>.btn{font-size:12px;min-height:44px;padding:11px 14px;gap:10px}.hero-metrics{gap:12px;margin-top:30px}.hero-metrics b{font-size:14px}.hero-metrics span:not(.metric-divider){font-size:9px}.hero-art{min-height:380px}.art-sheet.sheet-front{width:230px;height:308px;top:38px;padding:14px}.art-color{height:183px;margin-top:16px}.sheet-heading{font-size:7px}.art-color-details{margin-top:11px}.art-color-details strong{font-size:17px}.art-color-details button{font-size:9px}.art-sheet.sheet-back{width:178px;height:270px;right:12px;top:62px;padding:12px}.art-sheet.sheet-mid{width:200px;height:270px;left:11%;top:55px;padding:12px}.art-sheet .sheet-chip{height:160px!important}.art-stamp{font-size:21px;right:13px;top:16px}.art-caption{font-size:7px;inset:auto 11px 12px}.preview-strip{align-items:start;flex-direction:column;padding:15px 0 20px}.intro-section{padding:72px 0}.intro-label{font-size:9px}.intro-label span{font-size:8px;letter-spacing:.5px}.intro-grid{margin-top:25px}.intro-grid h2,.section-heading h2,.knowledge h2,.explore-more h2{font-size:clamp(38px,10vw,52px);letter-spacing:-2.5px}.intro-details p{font-size:13px}.fact-inline{gap:9px;padding:10px}.fact-inline small{font-size:9px;word-break:break-word}.fact-dot{width:31px;height:40px}.mini-copy{padding:6px 8px}.section-heading{margin-bottom:22px;gap:12px;flex-direction:column;align-items:start}.section-heading .btn{font-size:11px}.section-kicker{font-size:9px;letter-spacing:1.2px}.section-kicker span{display:block;margin:6px 0 0;font-size:8px}.section-heading p{font-size:13px}.chart-section{padding-bottom:65px}.library-section{padding-top:0}.browse-panel{padding:11px}.browse-top{flex-direction:column;align-items:stretch}.search-box,.sort-box{width:100%;height:47px}.search-box input{font-size:12px}.browse-filters{gap:10px}.filter-chips{gap:4px}.filter-chip{padding:7px 9px;font-size:10px}.browse-extras{justify-content:start}.subtle-action{font-size:11px}.results-line{padding:17px 1px 12px}.result-hint{display:none}.shade-grid{gap:9px}.shade-info{padding:10px 10px 11px}.shade-info-main{flex-direction:column;gap:3px}.shade-info-main h3{font-size:12px}.shade-meta{font-size:9px}.shade-info-main code{font-size:10px}.shade-description{font-size:10px;-webkit-line-clamp:3;min-height:46px}.swatch-copy{font-size:9px;padding:6px;left:7px;bottom:7px}.swatch-copy svg{width:12px;height:12px}.save-card{width:27px;height:27px;right:7px;top:7px}.save-card svg{width:13px}.shade-bottom{padding-top:7px}.text-link{font-size:10px}.spectrum-section{padding:62px 0}.tonal-scale{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.scale-swatch>span{height:96px}.scale-swatch small{font-size:10px}.scale-bottom{margin-top:20px;font-size:8px;letter-spacing:0}.scale-bottom span:nth-child(2){display:none}.pairing-section{padding:76px 0}.pairing-grid{grid-template-columns:1fr}.pairing-bar{height:170px}.pairing-card p{min-height:0}.knowledge{padding:75px 0}.faq-list summary{font-size:12px;padding:18px 0}.faq-list p{font-size:12px}.method-section{padding:19px;gap:10px}.method-icon{font-size:21px}.method-section h2{font-size:21px}.explore-more{padding:64px 0}.related-links{grid-template-columns:1fr}.footer-inner{flex-wrap:wrap;padding:30px 0}.footer-inner>div{width:100%;justify-content:space-between}.dialog-shell{grid-template-columns:1fr}.dialog-swatch{min-height:180px;padding:16px}.dialog-swatch>div{font-size:24px}.dialog-body{padding:22px 19px}.dialog-body h2{font-size:32px}.color-dialog{max-height:93vh}.compare-tray{width:calc(100% - 24px);bottom:12px;right:12px}.compare-dialog-inner{padding:17px}.comparison-header h2{font-size:32px}.comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.comparison-cell>div:first-child{height:108px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Prevent a horizontally scrollable shortlist from expanding the document on narrow viewports. */
.quick-chips{flex:1;width:0;max-width:100%;overflow-x:auto}
@media(max-width:520px){.quick-chips{width:100%;min-width:0;max-width:100%;flex:auto}.preview-strip{overflow:hidden}}

.chart-image-link{height:650px;position:relative;overflow:hidden}
.chart-image-link img{width:100%;height:auto;display:block}
.chart-image-link:after{content:"CLICK TO VIEW THE COMPLETE 89-SHADE CHART  ↗";font-size:12px;letter-spacing:1.2px;font-weight:750;color:#5e4936;position:absolute;bottom:0;left:0;right:0;height:96px;background:linear-gradient(transparent,#f8f3e9 90%);display:flex;align-items:end;justify-content:center;padding-bottom:16px;pointer-events:none}
@media(max-width:800px){.chart-image-link{height:430px}}
@media(max-width:520px){.chart-image-link{height:300px}.chart-image-link:after{font-size:9px;letter-spacing:.3px;height:65px}}

/* Visible creator credit keeps structured data anchored to on-page content. */
.creator-credit{margin:22px 0 0;color:#76675b;font-size:12px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.creator-credit a{color:#654530;font-weight:750;text-decoration:underline;text-decoration-color:#dec48f;text-underline-offset:4px}
.creator-credit a:hover{color:#906b30}
/* Anchored sections remain visible beneath the sticky provided header. */
[id]{scroll-margin-top:100px}

.page-breadcrumb{font-size:12px;color:#897968;padding-top:19px;display:flex;gap:12px;align-items:center}.page-breadcrumb a:hover{text-decoration:underline;color:#5c4131}

/* Wheat theme only: same geometry, spacing, type and interactive layout as Beige V2. */
:root{--ink:#31291B;--text:#56472F;--muted:#81745D;--subtle:#a5987a;--page:#fcfaf2;--paper:#fffdf8;--soft:#f6f0df;--sand:#edddbb;--beige:#f5deb3;--warm:#b88a3f;--line:#e8dfca}
body{background:var(--page)}
.hero-art{background:linear-gradient(135deg,#f4e3b9,#dfc792 53%,#c19b59)}
.hero-art:after{background:radial-gradient(ellipse,#fff0c6 0%,transparent 71%)}
.art-color{background:#F5DEB3;border-color:#f0e4c6}
.chart-image-link:after{content:"CLICK TO VIEW THE COMPLETE 89-SHADE CHART  ↗";color:#6b5026;background:linear-gradient(transparent,#fbf5e8 90%)}
/* Deliberately preserve all Beige component dimensions and mobile breakpoints. */

/* Wheat shell overrides load AFTER the shared structural rules. Do not alter shared files for other colors. */

 Identical source structure and navigation. */
.itc-h9x-wrapper{--itc-bg:rgba(252,250,242,.97);--itc-border:#e7dbbf;--itc-matte-text:#65553a;--itc-matte-black:#342919;--itc-matte-title:#705633;--itc-matte-hover-bg:#f5ebd4;--itc-btn-matte:#3c301d;--itc-btn-hover:#6c4e26;background:var(--itc-bg)}
.itc-h9x-megamenu{background:#fffdf6;border-color:#e6d9ba}
@media(max-width:1024px){.itc-h9x-navbar{background:#fcfaf2}.itc-h9x-megamenu{background:#f6ecd7}}
#itc_ftr_root{background:#f4ebd8!important;color:#62543a!important;border-top-color:#dfcfad!important}
#itc_ftr_root .itc_ftr_title{color:#3a2e1e!important}
#itc_ftr_root .itc_ftr_desc,#itc_ftr_root .itc_ftr_link{color:#655438!important}
#itc_ftr_root .itc_ftr_copy,#itc_ftr_root .itc_ftr_legal a{color:#78684c!important}
#itc_ftr_root .itc_ftr_scroll_top{background:#fffaf0!important;color:#584225!important;border:1px solid #decda8!important}
/* Shared site header/footer, adapted from user-supplied originals. Keep identical across all /shades/ pages. */


        .itc-h9x-wrapper {
            --itc-bg: rgba(251, 250, 247, 0.97);
            --itc-border: #e7dfd4;            
            
            --itc-matte-text: #655548;        
            --itc-matte-black: #342a22;        
            --itc-matte-title: #705c48;      
            --itc-matte-hover-bg: #f4eadc;    
            --itc-btn-matte: #3b2e25;          
            --itc-btn-hover: #5a4436;          
            
            --itc-speed: 0.22s;
            --itc-shadow: 0 12px 30px -8px rgba(86, 63, 46, 0.09);
        }

        .itc-h9x-wrapper,
        .itc-h9x-wrapper * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            -webkit-tap-highlight-color: transparent;
        }

     
        .itc-h9x-wrapper {
            position: sticky;
            top: 0;
            left: 0;
            width: 100%;
            height: 70px;
            z-index: 999999;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0 5%;
            background: var(--itc-bg);
            backdrop-filter: blur(14px);
            -webkit-backdrop-filter: blur(14px);
            border-bottom: 1px solid var(--itc-border);
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        }

        .itc-h9x-brand-box {
            display: flex;
            align-items: center;
            height: 100%;
        }

        .itc-h9x-brand-link {
            display: flex;
            align-items: center;
            text-decoration: none;
        }

        .itc-h9x-brand-img {
            display: block;
            height: 42px;
            width: auto;
            object-fit: contain;
        }

 
        .itc-h9x-nav-list {
            display: flex;
            align-items: center;
            height: 100%;
            gap: 1.6rem;
            list-style: none !important;
        }

        .itc-h9x-nav-item {
            display: flex;
            align-items: center;
            height: 100%;
            position: relative;
            list-style: none !important;
        }

        .itc-h9x-nav-link {
            text-decoration: none !important;
            font-size: 0.95rem;
            font-weight: 500;
            color: var(--itc-matte-text);
            display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 0.45rem 0.75rem;
            border-radius: 6px;
            transition: all var(--itc-speed) ease;
            cursor: pointer;
        }

        .itc-h9x-nav-link:hover {
            color: var(--itc-matte-black);
            background: var(--itc-matte-hover-bg);
        }

        .itc-h9x-arrow {
            font-size: 0.6rem;
            color: #a18d79;
            transition: transform var(--itc-speed) ease, color var(--itc-speed) ease;
        }

        .itc-h9x-btn-highlight {
            background: var(--itc-btn-matte) !important;
            color: #fffdf9 !important;
            padding: 0.55rem 1.25rem !important;
            border-radius: 6px;
            font-weight: 600;
            transition: all var(--itc-speed) ease;
        }

        .itc-h9x-btn-highlight:hover {
            background: var(--itc-btn-hover) !important;
            color: #fffdf9 !important;
            transform: translateY(-1px);
            box-shadow: 0 4px 12px rgba(24, 24, 27, 0.15);
        }

      
        .itc-h9x-megamenu {
            position: absolute;
            top: 100%;
            left: 50%;
            transform: translateX(-50%) translateY(0);
            width: 880px;
            background: #fffdf9;
            border: 1px solid var(--itc-border);
            border-radius: 12px;
            box-shadow: var(--itc-shadow);
            padding: 1.5rem;
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 1.2rem;

            opacity: 0;
            visibility: hidden;
            pointer-events: none;
            transition: opacity var(--itc-speed) ease, transform var(--itc-speed) ease;
        }

        .itc-h9x-megamenu::before {
            content: '';
            position: absolute;
            top: -20px;
            left: 0;
            width: 100%;
            height: 20px;
            background: transparent;
        }

        .itc-h9x-nav-item.itc-h9x-has-dropdown:hover .itc-h9x-megamenu,
        .itc-h9x-nav-item.itc-h9x-has-dropdown.itc-h9x-desktop-active .itc-h9x-megamenu {
            opacity: 1;
            visibility: visible;
            pointer-events: auto;
        }

        .itc-h9x-nav-item.itc-h9x-has-dropdown:hover .itc-h9x-arrow,
        .itc-h9x-nav-item.itc-h9x-has-dropdown.itc-h9x-desktop-active .itc-h9x-arrow {
            transform: rotate(180deg);
            color: var(--itc-matte-black);
        }

        .itc-h9x-col-title {
            font-size: 0.72rem;
            text-transform: uppercase;
            letter-spacing: 0.9px;
            font-weight: 700;
            color: var(--itc-matte-title);
            margin-bottom: 0.6rem;
            padding-bottom: 0.35rem;
            border-bottom: 1px solid #f4eadc;
        }

        .itc-h9x-sublist {
            list-style: none !important;
            display: flex;
            flex-direction: column;
            gap: 0.2rem;
        }

        .itc-h9x-sublink {
            text-decoration: none !important;
            font-size: 0.86rem;
            color: #655548;
            font-weight: 500;
            padding: 0.45rem 0.6rem;
            border-radius: 6px;
            display: block;
            transition: all var(--itc-speed) ease;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .itc-h9x-sublink:hover {
            color: var(--itc-matte-black);
            background: var(--itc-matte-hover-bg);
            padding-left: 0.85rem; 
        }

      
        .itc-h9x-toggle-btn {
            display: none;
            font-size: 1.6rem;
            cursor: pointer;
            color: var(--itc-matte-black);
            user-select: none;
            padding: 0.3rem 0.5rem;
            border-radius: 6px;
            transition: background var(--itc-speed) ease;
        }

        .itc-h9x-toggle-btn:hover {
            background: var(--itc-matte-hover-bg);
        }

    
        @media screen and (max-width: 1024px) {
            .itc-h9x-toggle-btn {
                display: block;
            }

            .itc-h9x-navbar {
                position: absolute;
                top: 70px;
                left: 0;
                width: 100%;
                background: #fffdf9;
                border-bottom: 1px solid var(--itc-border);
                box-shadow: 0 20px 30px rgba(0,0,0,0.06);
                max-height: calc(100vh - 70px);
                overflow-y: auto;
                -webkit-overflow-scrolling: touch;

                opacity: 0;
                visibility: hidden;
                transform: translateY(-8px);
                transition: all var(--itc-speed) ease;
            }

            .itc-h9x-navbar.itc-h9x-is-open {
                opacity: 1;
                visibility: visible;
                transform: translateY(0);
            }

            .itc-h9x-nav-list {
                flex-direction: column;
                align-items: stretch;
                height: auto;
                padding: 1.2rem;
                gap: 0.4rem;
            }

            .itc-h9x-nav-item {
                flex-direction: column;
                align-items: stretch;
                height: auto;
            }

            .itc-h9x-nav-link {
                justify-content: space-between;
                width: 100%;
                padding: 0.85rem 0.6rem;
                font-size: 1rem;
                border-bottom: 1px solid #f5efe6;
            }

            .itc-h9x-megamenu {
                position: static;
                transform: none !important;
                width: 100%;
                box-shadow: none;
                border: none;
                border-radius: 8px;
                padding: 1rem;
                background: #f5efe6;
                display: none;
                grid-template-columns: repeat(2, 1fr);
                gap: 1.2rem;
                pointer-events: auto;
                opacity: 1;
                visibility: visible;
            }

            .itc-h9x-megamenu::before {
                display: none;
            }

            .itc-h9x-nav-item.itc-h9x-mobile-active .itc-h9x-megamenu {
                display: grid;
            }

            .itc-h9x-nav-item.itc-h9x-mobile-active .itc-h9x-arrow {
                transform: rotate(180deg);
                color: var(--itc-matte-black);
            }

            .itc-h9x-btn-highlight {
                text-align: center;
                justify-content: center;
                margin-top: 0.6rem;
                padding: 0.8rem !important;
            }
        }

        @media screen and (max-width: 600px) {
            .itc-h9x-megamenu {
                grid-template-columns: 1fr;
                gap: 1rem;
                padding: 0.8rem;
            }

            .itc-h9x-brand-img {
                height: 36px;
            }

            .itc-h9x-wrapper {
                padding: 0 4%;
            }
        }
    
/* Beige overrides, applied to the user's original header across shades. */
.itc-h9x-wrapper{--itc-bg:rgba(251,250,247,.97);--itc-border:#e6dfd5;--itc-matte-text:#625347;--itc-matte-black:#33281f;--itc-matte-title:#574738;--itc-matte-hover-bg:#f2eae0;--itc-btn-matte:#342a22;--itc-btn-hover:#584235;background:var(--itc-bg);z-index:1000}
.itc-h9x-megamenu{background:#fffdf9}
.itc-h9x-dropdown-trigger{border:0;background:transparent;font-family:inherit;white-space:nowrap}
.itc-h9x-toggle-btn{border:0;background:transparent;font-family:inherit;line-height:1.2}
.itc-h9x-nav-link:focus-visible,.itc-h9x-sublink:focus-visible,.itc-h9x-toggle-btn:focus-visible{outline:3px solid #a67d5e;outline-offset:3px}
@media(max-width:1024px){.itc-h9x-navbar{background:#fcf9f4}.itc-h9x-megamenu{background:#f6efe6}}
@media(prefers-reduced-motion:reduce){.itc-h9x-wrapper *,#itc_ftr_root *{transition-duration:.01ms!important;animation-duration:.01ms!important}}


    #itc_ftr_root {
        background-color: #f3eee7 !important;
        color: #6b5c4e !important;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
        padding: 4.5rem 5% 2rem !important;
        border-top: 1px solid rgba(91, 65, 44, 0.14) !important;
        box-sizing: border-box !important;
        width: 100% !important;
        position: relative !important;
    }

    #itc_ftr_root, 
    #itc_ftr_root * {
        box-sizing: border-box !important;
        margin: 0;
        padding: 0;
    }

    #itc_ftr_grid {
        display: grid !important;
        grid-template-columns: 1.4fr 1fr 1fr 1fr 1fr !important;
        gap: 2.5rem !important;
        max-width: 1400px !important;
        margin: 0 auto !important;
        padding-bottom: 3.5rem !important;
    }

    .itc_ftr_brand_col {
        display: flex !important;
        flex-direction: column !important;
        gap: 1.2rem !important;
    }

    .itc_ftr_logo_badge {
        display: inline-flex !important;
        align-items: center !important;
        background: #fffdf9 !important;
        padding: 6px 14px !important;
        border-radius: 8px !important;
        width: fit-content !important;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    }

    .itc_ftr_logo_img {
        height: 38px !important;
        width: auto !important;
        display: block !important;
    }

    .itc_ftr_desc {
        font-size: 0.88rem !important;
        line-height: 1.6 !important;
        color: #6b5c4e !important;
        max-width: 320px !important;
    }

    .itc_ftr_title {
        font-size: 0.78rem !important;
        text-transform: uppercase !important;
        letter-spacing: 1px !important;
        font-weight: 700 !important;
        color: #44352a !important;
        margin-bottom: 1.2rem !important;
    }

    .itc_ftr_list {
        list-style: none !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 0.65rem !important;
    }

    .itc_ftr_link {
        text-decoration: none !important;
        color: #6b5c4e !important;
        font-size: 0.88rem !important;
        font-weight: 400 !important;
        transition: all 0.2s ease !important;
        display: inline-block !important;
    }

    .itc_ftr_link:hover {
        color: #fffdf9 !important;
        transform: translateX(4px) !important;
    }

    .itc_ftr_bottom {
        border-top: 1px solid rgba(91, 65, 44, 0.14) !important;
        padding-top: 2rem !important;
        max-width: 1400px !important;
        margin: 0 auto !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        flex-wrap: wrap !important;
        gap: 1rem !important;
    }

    .itc_ftr_copy {
        font-size: 0.82rem !important;
        color: #77685c !important;
    }

    .itc_ftr_legal {
        display: flex !important;
        gap: 1.5rem !important;
        align-items: center !important;
    }

    .itc_ftr_legal a {
        color: #77685c !important;
        text-decoration: none !important;
        font-size: 0.82rem !important;
        transition: color 0.2s ease !important;
    }

    .itc_ftr_legal a:hover {
        color: #44352a !important;
    }

    .itc_ftr_scroll_top {
        background: rgba(255, 253, 249, 0.65) !important;
        color: #584737 !important;
        border: 1px solid rgba(91, 65, 44, 0.18) !important;
        padding: 6px 12px !important;
        border-radius: 6px !important;
        font-size: 0.78rem !important;
        cursor: pointer !important;
        transition: all 0.2s ease !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 4px !important;
    }

    .itc_ftr_scroll_top:hover {
        background: rgba(255, 253, 249, 0.9) !important;
        color: #fffdf9 !important;
        transform: translateY(-2px) !important;
    }

    @media (max-width: 1024px) {
        #itc_ftr_grid {
            grid-template-columns: repeat(3, 1fr) !important;
            gap: 2rem !important;
        }
        .itc_ftr_brand_col {
            grid-column: span 3 !important;
            margin-bottom: 1rem !important;
        }
    }

    @media (max-width: 640px) {
        #itc_ftr_root {
            padding: 3.5rem 5% 1.5rem !important;
        }
        #itc_ftr_grid {
            grid-template-columns: 1fr !important;
            gap: 2rem !important;
        }
        .itc_ftr_brand_col {
            grid-column: span 1 !important;
        }
        .itc_ftr_bottom {
            flex-direction: column !important;
            align-items: flex-start !important;
            gap: 1.2rem !important;
        }
    }

/* Warm beige footer theme; source footer markup and columns are unchanged. */
#itc_ftr_root{background:#f3eee7!important;border-top:1px solid #e4d9ca!important;color:#68594c!important}
#itc_ftr_root .itc_ftr_title{color:#3f3128!important}
#itc_ftr_root .itc_ftr_desc,#itc_ftr_root .itc_ftr_link{color:#665648!important}
#itc_ftr_root .itc_ftr_copy,#itc_ftr_root .itc_ftr_legal a{color:#756557!important}
#itc_ftr_root .itc_ftr_link:hover,#itc_ftr_root .itc_ftr_legal a:hover{color:#281f19!important}
#itc_ftr_root .itc_ftr_logo_badge{background:#fffdf9!important;box-shadow:0 6px 20px rgba(81,58,41,.08)!important}
#itc_ftr_root .itc_ftr_scroll_top{background:#fff9f1!important;color:#493a2e!important;border:1px solid #decfbf!important}
#itc_ftr_root .itc_ftr_scroll_top:hover{background:#f8eadd!important;color:#2e241b!important}
#itc_ftr_root .itc_ftr_legal{flex-wrap:wrap}
#itc_ftr_root a:focus-visible,#itc_ftr_root button:focus-visible{outline:3px solid #a67d5e;outline-offset:3px}

/* Keep the desktop mega menu from masking its own trigger. */
.itc-h9x-megamenu::before{pointer-events:none}
.itc-h9x-dropdown-trigger{position:relative;z-index:2}
/* Brand image remains identical to the supplied header/footer; fallback only on asset failure. */
.itc-shared-logo-fallback{display:none;align-items:baseline;font-size:21px;letter-spacing:-1.15px;font-weight:850;color:#2f251d;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;white-space:nowrap}
.itc-shared-logo-fallback b{font-weight:400;color:#b19a84}
.itc-shared-logo-fallback.is-visible{display:inline-flex}
.itc-h9x-brand-img.is-unavailable,.itc_ftr_logo_img.is-unavailable{display:none!important}
.itc_ftr_logo_badge .itc-shared-logo-fallback{font-size:18px}