:root{--cm-paper:#f6f1e7;--cm-white:#fffdf9;--cm-ink:#241e17;--cm-muted:#6b6257;--cm-line:#ded5c7;--cm-rust:#a3472e;--cm-green:#2f6f5f;--grigri-ink:var(--cm-ink);--grigri-paper:var(--cm-paper);--grigri-accent:var(--cm-rust);--grigri-accent-dark:#7e3421}
html{scroll-behavior:smooth;scroll-padding-top:2rem}.colorimode{background:var(--cm-paper);color:var(--cm-ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.65}.colorimode h1,.colorimode h2,.colorimode h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.035em;color:var(--cm-ink)}.colorimode a{text-underline-offset:4px}.colorimode a:hover{color:var(--cm-rust)}.colorimode :focus-visible{outline:3px solid var(--cm-green);outline-offset:5px}.cm-wrap{width:min(1180px,calc(100% - 80px));margin-inline:auto}.cm-skip{position:fixed;top:-100px;left:20px;z-index:99999;padding:12px 20px;background:var(--cm-ink);color:white}.cm-skip:focus{top:15px;color:white}.cm-preview{background:#2f4139;color:#fffaf0;font-size:12px;text-align:center;padding:6px 15px;letter-spacing:.025em}.cm-preview a{color:inherit;margin-left:14px}.cm-header{background:var(--cm-white);border-bottom:1px solid var(--cm-line)}.cm-header-inner{width:min(1280px,calc(100% - 80px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:105px}.cm-brand{display:flex;align-items:center;gap:8px;text-decoration:none}.cm-brand img{width:66px;height:47px;object-fit:contain;background:none}.cm-brand>span{font:30px/1.1 Georgia,serif;letter-spacing:-1px}.cm-brand small{display:block;font:10px/1.5 system-ui,sans-serif;letter-spacing:.12em;margin-top:5px;text-transform:uppercase}.cm-menu{list-style:none;display:flex;gap:32px;align-items:center;padding:0;margin:0}.cm-menu li{margin:0}.cm-menu a{text-decoration:none;font-size:14px;padding-block:12px;display:block}.cm-menu .current-menu-item>a,.cm-menu .current-page-ancestor>a{border-bottom:2px solid var(--cm-rust)}.cm-mobile-nav{display:none}.cm-hero{padding:78px 0 72px;display:grid;grid-template-columns:1.12fr 1fr;gap:60px;align-items:center}.cm-eyebrow{font:600 11px/1.6 system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--cm-rust);margin:0 0 20px}.cm-hero h1{font-size:clamp(40px,4.8vw,68px);line-height:1.08;max-width:630px;margin:0 0 24px}.cm-hero h1 em{font-weight:400;color:var(--cm-rust)}.cm-lead{font-size:17px;line-height:1.8;color:var(--cm-muted);max-width:540px;margin:0 0 28px}.cm-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.cm-button,.colorimode .cm-button{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:var(--cm-rust);color:#fffdf9;padding:14px 24px;text-decoration:none;border:1px solid var(--cm-rust);border-radius:3px;font-size:13px;font-weight:600;min-height:48px}.colorimode .cm-button:hover{color:#fff;background:#7e3421;border-color:#7e3421}.cm-text-link{font-size:13px;font-weight:600}.cm-micro{font-size:12px;color:var(--cm-muted);margin:21px 0 0}.cm-art{min-height:430px;position:relative;display:flex;align-items:center;justify-content:center;border-radius:180px 180px 6px 6px;background:#e9e0d0;overflow:hidden}.cm-art:before{content:"";width:275px;height:275px;border:1px solid #cbbb9f;border-radius:50%;position:absolute;left:-85px;bottom:-85px}.cm-art:after{content:"";width:170px;height:170px;background:#b4bca4;border-radius:50%;position:absolute;right:-75px;top:25px;opacity:.65}.cm-sample{position:absolute;width:174px;height:238px;background:#fffdf9;padding:10px 10px 14px;box-shadow:0 8px 20px #42331f18;display:flex;flex-direction:column;justify-content:space-between;z-index:1}.cm-sample i{display:block;height:169px}.cm-sample span{font:12px Georgia,serif;letter-spacing:.025em}.cm-sample:first-child{transform:rotate(-19deg) translate(-79px,-6px)}.cm-sample:nth-child(2){transform:rotate(6deg) translate(20px,9px)}.cm-sample:nth-child(3){transform:rotate(21deg) translate(78px,40px)}.cm-art-caption{position:absolute;bottom:23px;left:20px;right:20px;text-align:center;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#554b3e}.cm-divider{border-top:1px solid var(--cm-line);border-bottom:1px solid var(--cm-line);padding:17px 0}.cm-divider-inner{display:flex;justify-content:space-between;gap:20px;font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:var(--cm-muted)}.cm-divider-inner span:before{content:"✳";color:var(--cm-rust);margin-right:12px}.cm-section{padding-block:72px}.cm-section-heading{display:flex;justify-content:space-between;gap:32px;align-items:end;margin-bottom:32px}.cm-section-heading h2{font-size:clamp(29px,3vw,42px);line-height:1.2;margin:0}.cm-section-heading .cm-eyebrow{margin-bottom:10px}.cm-section-intro{color:var(--cm-muted);font-size:14px;max-width:365px;margin:0}.cm-seasons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.cm-season{text-decoration:none;display:block}.cm-season-art{display:flex;height:180px;padding:26px 19px;align-items:center;justify-content:center;gap:4px;background:#eee5d7;border-radius:100px 100px 0 0;overflow:hidden}.cm-season-art i{display:block;flex:1;height:96px;max-width:49px;transform:rotate(-9deg);transition:transform .2s}.cm-season:hover .cm-season-art i{transform:rotate(0)}.cm-season:nth-child(2) .cm-season-art{background:#e6e9e9}.cm-season:nth-child(3) .cm-season-art{background:#e8d7be}.cm-season:nth-child(4) .cm-season-art{background:#dce1e6}.cm-season h3{font-size:26px;margin:16px 0 4px;display:flex;justify-content:space-between;align-items:center}.cm-season h3 span{font:20px system-ui;font-weight:300}.cm-season p{font-size:12px;color:var(--cm-muted);margin:0}.cm-editorial{background:#e9e9df;border-block:1px solid #d7dacd}.cm-editorial-inner{display:grid;grid-template-columns:.7fr 1fr;gap:70px;align-items:center;padding-block:55px}.cm-editorial-art{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:22px;max-width:340px;transform:rotate(-3deg);background:var(--cm-white);box-shadow:0 6px 22px #42331f12}.cm-editorial-art i{display:block;aspect-ratio:1}.cm-editorial-art p{grid-column:1/-1;text-align:center;font:italic 14px Georgia,serif;margin:8px 0}.cm-editorial h2{font-size:clamp(29px,3vw,43px);line-height:1.2;margin:0 0 18px}.cm-editorial .cm-lead{font-size:15px}.cm-guides{display:grid;grid-template-columns:1fr 1fr;gap:28px}.cm-guide{display:block;text-decoration:none;border-top:1px solid var(--cm-line);padding-top:24px}.cm-guide-visual{height:150px;display:flex;gap:0;margin-bottom:22px;overflow:hidden}.cm-guide-visual i{flex:1;display:block}.cm-guide .cm-eyebrow{font-size:10px;margin-bottom:10px}.cm-guide h3{font-size:27px;line-height:1.3;margin:0 0 13px;max-width:440px}.cm-guide p{font-size:14px;color:var(--cm-muted);margin:0 0 14px}.cm-guide .cm-text-link{color:var(--cm-ink)}.cm-note{background:var(--cm-white);border:1px solid var(--cm-line);padding:28px 32px;border-radius:3px}.cm-note p{margin:0;color:var(--cm-muted);font-size:14px}.cm-note h2,.cm-note h3{margin:0 0 12px}.cm-section:last-child{padding-top:0}.cm-footer{background:#292b25;color:#f6f1e7;padding:48px 0 20px}.cm-footer-grid{display:grid;grid-template-columns:1fr .7fr 1fr;gap:45px}.cm-footer-brand{font:32px Georgia,serif;text-decoration:none;color:inherit}.cm-footer-brand span{color:#d19c6a}.cm-footer p{font-size:12px;color:#ddd8cb;line-height:1.9;margin:14px 0 0}.cm-footer-menu{list-style:none;margin:0;padding:0;display:grid;gap:9px}.cm-footer-menu a{color:#f6f1e7;text-decoration:none;font-size:13px}.cm-footer a:hover{color:#fff}.cm-footer-note{justify-self:end}.cm-footer-bottom{border-top:1px solid #515248;margin-top:32px;padding-top:18px;display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.06em;color:#c7c4b9}.cm-page{padding-block:30px 75px;min-height:60vh}.cm-breadcrumb{font-size:11px;color:var(--cm-muted);margin-bottom:42px;display:flex;flex-wrap:wrap;gap:8px}.cm-page-heading{max-width:820px;margin-bottom:35px}.cm-page h1{font-size:clamp(34px,4vw,56px);line-height:1.15;margin:0}.cm-content>p,.cm-content>ul,.cm-content>ol,.cm-content>h2,.cm-content>h3,.cm-content>.wp-block-table{max-width:790px}.cm-content>p{color:#50483e}.cm-content h2{font-size:32px;margin:38px 0 18px}.cm-content h3{font-size:24px}.cm-content li{margin-bottom:10px}.cm-content table{width:100%;border-collapse:collapse;font-size:14px}.cm-content td,.cm-content th{padding:12px;text-align:left;border:1px solid var(--cm-line)}.cm-content th{background:#e9e0d0}.cm-content .wp-block-table{overflow-x:auto}.cm-family{margin-block:38px 50px;scroll-margin-top:25px;border-top:1px solid var(--cm-line);padding-top:15px}.cm-family>p{max-width:700px;color:var(--cm-muted)}.cm-palettes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.cm-palette{background:var(--cm-white);padding:23px;border:1px solid var(--cm-line)}.cm-palette h3{font-size:22px;margin:0 0 12px}.cm-palette p{font-size:13px;color:var(--cm-muted)}.cm-swatches{display:flex;gap:5px;margin-top:20px}.cm-swatches i{flex:1;min-width:0;height:48px;display:block}.cm-palette-names{font-size:11px!important;line-height:1.6}.cm-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-block:32px}.cm-step{padding:25px;border:1px solid var(--cm-line);background:var(--cm-white)}.cm-step>span{font:italic 26px Georgia,serif;color:var(--cm-rust)}.cm-step h2{font-size:25px;margin:12px 0}.cm-step p{font-size:14px;color:var(--cm-muted)}
@media(min-width:1500px){.cm-hero{padding-block:95px}.cm-art{min-height:460px}}
@media(max-width:960px){.cm-wrap,.cm-header-inner{width:calc(100% - 48px)}.cm-menu{gap:20px}.cm-hero{gap:35px;padding-block:48px}.cm-art{min-height:350px}.cm-sample{width:140px;height:204px}.cm-sample i{height:138px}.cm-sample:first-child{transform:rotate(-19deg) translate(-58px,-6px)}.cm-sample:nth-child(3){transform:rotate(21deg) translate(58px,32px)}.cm-seasons{gap:15px}.cm-season-art{height:150px;padding:20px 13px}.cm-editorial-inner{gap:38px}.cm-palettes{grid-template-columns:1fr 1fr}.cm-footer-grid{gap:25px}.cm-footer-note{justify-self:start}}
@media(max-width:700px){.cm-wrap,.cm-header-inner{width:calc(100% - 36px)}.cm-header-inner{min-height:83px;gap:12px}.cm-brand>span{font-size:26px}.cm-brand small{font-size:8px}.cm-brand img{width:53px;height:39px}.cm-desktop-nav{display:none}.cm-mobile-nav{display:block;position:relative}.cm-mobile-nav summary{font-size:13px;cursor:pointer;min-height:44px;display:flex;gap:12px;align-items:center;padding:8px}.cm-mobile-nav nav{position:absolute;right:0;top:48px;z-index:20;background:var(--cm-white);border:1px solid var(--cm-line);min-width:210px;padding:15px 22px;box-shadow:0 10px 20px #42331f12}.cm-mobile-nav .cm-menu{display:block}.cm-mobile-nav .cm-menu a{padding-block:12px}.cm-preview{font-size:10px}.cm-preview a{margin-left:8px}.cm-hero{grid-template-columns:1fr;padding:38px 0 40px;gap:32px}.cm-hero h1{font-size:43px;max-width:430px}.cm-lead{font-size:15px;margin-bottom:24px}.cm-eyebrow{font-size:10px;margin-bottom:16px}.cm-art{min-height:300px;max-width:430px;width:100%;justify-self:center;border-radius:160px 160px 4px 4px}.cm-sample{width:128px;height:176px}.cm-sample i{height:117px}.cm-art-caption{font-size:9px;bottom:17px}.cm-divider-inner{justify-content:center;flex-wrap:wrap;gap:8px 18px;font-size:9px}.cm-divider-inner span:before{margin-right:7px}.cm-section{padding-block:45px}.cm-section-heading{display:block;margin-bottom:25px}.cm-section-intro{margin-top:17px;max-width:none;font-size:13px}.cm-seasons{grid-template-columns:1fr 1fr;gap:28px 18px}.cm-season-art{height:155px;padding:22px 12px}.cm-season-art i{height:82px}.cm-season h3{font-size:25px;margin-top:12px}.cm-season p{font-size:11px}.cm-editorial-inner{grid-template-columns:1fr;padding-block:36px;gap:36px}.cm-editorial-art{max-width:230px;margin:auto}.cm-editorial h2{font-size:32px}.cm-guides{grid-template-columns:1fr;gap:34px}.cm-guide h3{font-size:26px}.cm-guide-visual{height:135px}.cm-note{padding:23px}.cm-footer{padding-top:35px}.cm-footer-grid{grid-template-columns:1fr 1fr;gap:28px}.cm-footer-note{grid-column:1/-1}.cm-footer-bottom{font-size:9px}.cm-breadcrumb{margin-bottom:30px;font-size:10px}.cm-page-heading{margin-bottom:27px}.cm-page h1{font-size:36px}.cm-content h2{font-size:29px}.cm-palettes,.cm-steps{grid-template-columns:1fr}.cm-palette{padding:22px}.cm-swatches i{height:45px}.cm-content td,.cm-content th{padding:9px;font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.colorimode *{transition:none!important}}
