.cs-main{background:#f8f6ef;color:#2b5039}.cs-main [hidden]{display:none!important}.cs-section{padding:45px max(22px,4vw) 60px}.cs-heading{display:flex;justify-content:space-between;align-items:center;gap:40px;margin:0 auto 35px;max-width:1600px}.cs-eyebrow{font:9px Arial,sans-serif;letter-spacing:1.8px;color:#87977b;margin:0 0 17px}.cs-heading h1{font-size:clamp(42px,4vw,62px);line-height:1.03;letter-spacing:-2px;margin:0}.cs-heading h1 em{font-style:normal;color:#ed8738}.cs-heading>div:last-child{max-width:420px}.cs-heading p:not(.cs-eyebrow){font-size:14px;line-height:1.9;color:#839078}.cs-heading a,.cs-service a{color:#3c6447;text-decoration:none;font-size:12px;border-bottom:1px solid #b5c6a6;padding-bottom:8px;display:inline-block}.cs-workspace{max-width:1600px;margin:auto;display:grid;grid-template-columns:240px minmax(0,1fr);border:1px solid #dce5d1;border-radius:14px;background:#edf2e5;overflow:hidden}.cs-tools{background:#fffdf8;border-right:1px solid #dce5d1;padding:23px}.cs-tools h2{font-size:21px;line-height:1.2;letter-spacing:-.5px;margin:0 0 13px}.cs-help{font-size:10px;line-height:1.8;color:#8c9b7e;margin:0 0 18px}.cs-palette{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cs-palette button{font:inherit;padding:0;border:1px solid #dbe5cd;border-radius:6px;overflow:hidden;background:#f6f8f0;color:#5d7a4e;text-align:left;cursor:grab}.cs-palette button:hover{border-color:#9fb887}.cs-palette img{width:100%;height:70px;object-fit:cover;display:block;pointer-events:none}.cs-palette b{height:57px;display:grid;place-content:center;font-size:14px;line-height:1.1;text-align:center;pointer-events:none}.cs-palette b.cs-orange{color:#ed8738}.cs-palette b.cs-aa{font-size:25px}.cs-palette small{display:block;font-size:7px;padding:9px 5px;pointer-events:none}.cs-style{display:grid;gap:12px;margin-top:18px}.cs-style fieldset{border:0;padding:0;margin:0}.cs-style legend,.cs-style label{font-size:9px;color:#7e9170;margin-bottom:9px}.cs-style fieldset button{height:23px;width:23px;border-radius:50%;background:var(--tone);border:3px solid #fffdf8;outline:1px solid transparent;margin-right:5px;cursor:pointer}.cs-style fieldset button[aria-pressed=true]{outline-color:var(--tone)}.cs-style label{display:flex;align-items:center;justify-content:space-between}.cs-style select{font:inherit;padding:7px;border:1px solid #d5e1c7;border-radius:4px;color:#637e55;background:#f8faf3}.cs-actions{display:grid;gap:9px;margin-top:16px}.cs-actions button{font:inherit;font-size:10px;border:0;background:transparent;color:#80966e;cursor:pointer;padding:9px}.cs-actions #cs-example{background:#315a40;color:#fff;padding:13px 10px;border-radius:6px}.cs-note{font-size:8px;line-height:1.8;color:#a0ac94;margin:16px 0 0}.cs-workarea{min-width:0;padding:20px 26px;background:radial-gradient(ellipse at 60% 20%,#dce8d1,transparent 70%)}.cs-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:25px}.cs-modes,.cs-devices{display:flex;gap:3px;background:#f8fbf1;border:1px solid #d3dfc5;border-radius:6px;padding:3px}.cs-toolbar button{font:10px Arial,sans-serif;background:transparent;border:0;border-radius:4px;padding:8px 13px;color:#81966f;cursor:pointer}.cs-modes button[aria-pressed=true]{background:#315a40;color:#fff}.cs-devices button[aria-pressed=true]{background:#fffdf8;color:#355c3d;box-shadow:0 1px 4px #29492710}.cs-toolbar #cs-sound{border:1px solid #cbdabd;border-radius:20px;font-size:9px}.cs-reader-frame{width:100%;max-width:1000px;margin:auto;min-height:500px;position:relative}.cs-reader.is-mobile .cs-reader-frame{max-width:310px;min-height:420px}.cs-book{position:relative;display:block;box-sizing:border-box;transform:translateZ(0);touch-action:pan-y}.cs-book .stf__wrapper{position:relative;width:100%;box-sizing:border-box}.cs-book .stf__block{position:absolute;width:100%;height:100%;box-sizing:border-box;perspective:2000px}.cs-book .stf__item{display:none;position:absolute;transform-style:preserve-3d;background:#fffaf0;box-sizing:border-box;overflow:hidden}.cs-book .stf__outerShadow,.cs-book .stf__innerShadow,.cs-book .stf__hardShadow,.cs-book .stf__hardInnerShadow{position:absolute;left:0;top:0;pointer-events:none}.cs-sheet{--cs-ink:#28543e;--cs-paper:#fffaf0;position:relative;width:100%;height:100%;background:var(--cs-paper);color:var(--cs-ink);container-type:inline-size;overflow:hidden;box-sizing:border-box;font-family:Georgia,serif}.cs-sheet[data-color=rose]{--cs-ink:#8a4e63;--cs-paper:#fff8fa}.cs-sheet[data-color=sand]{--cs-ink:#7e5d3c;--cs-paper:#fffaf2}.cs-sheet[data-font=modern]{font-family:Arial,sans-serif}.cs-object{position:absolute;box-sizing:border-box;line-height:1.15;overflow:hidden;user-select:none}.cs-object>img{height:100%;width:100%;object-fit:cover;display:block;pointer-events:none}.cs-object.cs-text{white-space:pre-wrap;font-size:calc(var(--cs-size)*1cqw);color:var(--cs-ink);overflow-wrap:anywhere}.cs-object.cs-logo{font-family:Arial,sans-serif;font-weight:700;letter-spacing:-.04em}.cs-object.cs-small{font-family:Arial,sans-serif;letter-spacing:.1em}.cs-object.cs-rule{background:currentColor;opacity:.2}.cs-sheet.cs-dark{background:var(--cs-ink);color:var(--cs-paper)}.cs-sheet.cs-dark .cs-text{color:var(--cs-paper)}.cs-navigation{display:flex;align-items:center;justify-content:center;gap:25px;margin-top:25px}.cs-navigation button{height:34px;width:34px;border-radius:50%;background:#fffdf6;border:1px solid #cbdabc;color:#5a784e;font-size:18px;cursor:pointer}.cs-navigation button:disabled{opacity:.3;cursor:default}.cs-navigation span{font:10px Arial,sans-serif;min-width:130px;text-align:center;color:#6f8860}.cs-reader-hint{font-size:10px;text-align:center;color:#8b9c7b;margin:15px auto;max-width:500px;line-height:1.8}.cs-status{font-size:10px;color:#718a62;text-align:center;min-height:34px;line-height:1.8;margin:15px 0 0}.cs-editor-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.cs-editor-top label{font-size:10px;color:#6c845c;display:flex;gap:10px;align-items:center}.cs-editor-top select{font:inherit;background:#fffdf8;border:1px solid #cddcbe;border-radius:5px;padding:8px;color:#466c3b}.cs-editor-top>span{font-size:8px;line-height:1.8;color:#8b9f7a;max-width:200px}.cs-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 145px;gap:22px;align-items:start}.cs-canvas-wrap{min-width:0}.cs-edit-sheet{width:min(100%,400px);height:auto;aspect-ratio:400/540;margin:auto;box-shadow:0 15px 30px #32552f1a,0 0 0 1px #c7d3ba;touch-action:pan-y}.cs-edit-sheet .cs-object{cursor:move;touch-action:none}.cs-edit-sheet .cs-object.is-selected{outline:2px solid #ed9448;outline-offset:-1px;overflow:visible}.cs-resize{position:absolute;right:-5px;bottom:-5px;width:12px;height:12px;border:2px solid #fff;background:#e98f44;cursor:nwse-resize;z-index:100;touch-action:none}.cs-edit-sheet.has-guide-x:before,.cs-edit-sheet.has-guide-y:after{content:'';position:absolute;z-index:500;pointer-events:none;background:#e9904c88}.cs-edit-sheet.has-guide-x:before{height:100%;width:1px;left:50%;top:0}.cs-edit-sheet.has-guide-y:after{width:100%;height:1px;top:50%;left:0}.cs-canvas-note{font-size:8px;text-align:center;line-height:1.8;color:#91a27f;margin:15px 0}.cs-properties{padding:12px;background:#fffdf78c;border:1px solid #d9e3ce;border-radius:6px;min-width:0}.cs-properties>p{font-size:10px;color:#6f875e;line-height:1.7;margin:0 0 13px}.cs-properties label{display:block;font-size:8px;color:#81956f;margin-bottom:10px}.cs-properties input,.cs-properties textarea{font:10px Arial,sans-serif;width:100%;padding:7px;border:1px solid #ccdcbf;background:#fffef9;color:#4d6d40;border-radius:4px;box-sizing:border-box;margin-top:5px;min-width:0}.cs-properties textarea{resize:vertical;min-height:65px}.cs-numbers{display:grid;grid-template-columns:1fr 1fr;gap:0 8px}.cs-properties button{width:100%;font:9px Arial,sans-serif;padding:9px 5px;border:1px solid #cbdcbb;background:#f7faf0;color:#789166;border-radius:4px;cursor:pointer;margin-top:8px}.cs-properties button:disabled{opacity:.4;cursor:default}.cs-properties #cs-delete{color:#a06651;border-color:#e6d1bd}.cs-properties p{font-size:7px;line-height:1.7;color:#9bab8c}.cs-service{padding:60px max(22px,8vw);background:#e8efdf;display:grid;grid-template-columns:1fr 1fr;gap:16px 70px}.cs-service>.cs-eyebrow{grid-column:1/3}.cs-service h2{font-size:36px;line-height:1.15;letter-spacing:-1px;margin:0}.cs-service>p:not(.cs-eyebrow){font-size:13px;line-height:1.9;color:#7f9273;margin:0}.cs-service>a{justify-self:start}.cs-main button:focus-visible,.cs-main input:focus-visible,.cs-main textarea:focus-visible,.cs-main select:focus-visible{outline:2px solid #e99a58;outline-offset:3px}
@media(max-width:1100px){.cs-workspace{grid-template-columns:205px minmax(0,1fr)}.cs-tools{padding:16px}.cs-workarea{padding:16px}.cs-editor-layout{grid-template-columns:minmax(0,1fr) 125px;gap:14px}.cs-toolbar{gap:8px}.cs-toolbar button{font-size:9px;padding:8px 9px}}
@media(max-width:760px){.cs-section{padding:30px 16px}.cs-heading{display:block;margin-bottom:25px}.cs-heading h1{font-size:44px}.cs-heading>div:last-child{max-width:none;margin-top:20px}.cs-heading p:not(.cs-eyebrow){font-size:13px}.cs-workspace{display:flex;flex-direction:column}.cs-tools{border-right:0;border-bottom:1px solid #dce5d1;padding:16px}.cs-tools h2{font-size:18px;margin-bottom:8px}.cs-tools h2 br{display:none}.cs-tools .cs-eyebrow{font-size:7px;margin-bottom:9px}.cs-help{font-size:9px;margin-bottom:12px}.cs-palette{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.cs-palette b{height:47px;font-size:9px}.cs-palette img{height:47px}.cs-palette b.cs-aa{font-size:21px}.cs-palette small{font-size:5px;padding:7px 3px}.cs-style{display:flex;justify-content:space-between;align-items:center;margin-top:14px;gap:15px}.cs-style legend{font-size:8px}.cs-style label{font-size:8px;gap:12px}.cs-actions{display:flex;align-items:center;gap:12px;margin-top:8px}.cs-actions button{font-size:9px}.cs-actions #cs-example{padding:10px}.cs-note{font-size:7px;margin-top:10px}.cs-workarea{padding:14px 12px}.cs-toolbar{justify-content:center;gap:10px}.cs-toolbar #cs-sound{font-size:8px}.cs-reader-frame{min-height:0}.cs-reader.is-mobile .cs-reader-frame{min-height:0;max-width:310px}.cs-reader-hint,.cs-status{font-size:9px}.cs-editor-layout{display:block}.cs-editor-top{display:block}.cs-editor-top>span{display:block;font-size:8px;margin-top:10px;max-width:none}.cs-properties{margin-top:15px}.cs-numbers{grid-template-columns:repeat(4,1fr)}.cs-properties #cs-object-controls{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.cs-properties #cs-text-label{grid-column:1/3}.cs-properties .cs-numbers{grid-column:1/3}.cs-properties #cs-object-controls p{grid-column:1/3}.cs-service{display:block;padding:40px 22px}.cs-service h2{font-size:29px;margin-bottom:20px}.cs-service>p:not(.cs-eyebrow){font-size:12px}.cs-service a{margin-top:20px}.cs-canvas-note{font-size:7px}}

/* A distinct product presentation for mobile: no paper renderer or page folds. */
.cs-reader.is-mobile .cs-reader-frame.cs-mobile-view{width:100%;max-width:390px;min-height:0}
.cs-mobile-card{--cm-ink:#28543e;--cm-accent:#315a40;--cm-tint:#e8efdf;position:relative;background:#fffdf9;border:1px solid #d4dfc8;border-radius:18px;overflow:hidden;box-shadow:0 18px 42px #2e4e3217;touch-action:pan-y;outline-offset:4px}
.cs-mobile-card[data-color=rose]{--cm-ink:#854c61;--cm-accent:#935e72;--cm-tint:#f3e6ed}
.cs-mobile-card[data-color=sand]{--cm-ink:#775936;--cm-accent:#8d6d47;--cm-tint:#eee5d8}
.cs-mobile-photo{position:relative;width:100%;aspect-ratio:4/5;overflow:hidden;background:var(--cm-tint)}
.cs-mobile-photo>img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 52%;user-select:none;pointer-events:none;transition:transform .35s,object-position .35s}
.cs-show-detail .cs-mobile-photo>img{transform:scale(1.5);object-position:center 60%}
.cs-mobile-badge{position:absolute;left:14px;top:16px;color:#fffaf3;background:#244632bc;backdrop-filter:blur(8px);border:1px solid #f8fff128;padding:7px 9px;border-radius:20px;font:7px Arial,sans-serif;letter-spacing:1px}
.cs-mobile-count{position:absolute;right:14px;top:16px;background:#fffdf3d9;backdrop-filter:blur(8px);border-radius:20px;color:var(--cm-ink);padding:7px 10px;font:10px Arial,sans-serif}
.cs-mobile-info{padding:21px 21px 12px}
.cs-mobile-overline{font:7px Arial,sans-serif;letter-spacing:1.6px;color:#9aa68c;margin:0 0 12px}
.cs-main .cs-mobile-card #cs-product-name{font:29px/1.12 Georgia,serif;letter-spacing:-.7px;color:var(--cm-ink);margin:0 0 13px;overflow-wrap:anywhere}
.cs-mobile-card[data-font=modern] #cs-product-name{font-family:Arial,sans-serif;font-size:26px;font-weight:550}
.cs-mobile-info #cs-product-description{font:12px/1.9 Arial,sans-serif;color:#7c8874;margin:0 0 16px}
.cs-mobile-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:7px 11px;margin-bottom:19px}
.cs-mobile-price>strong{font:23px Arial,sans-serif;color:var(--cm-ink)}
.cs-mobile-price>small{font:8px/1.6 Arial,sans-serif;color:#a2aa97}
.cs-mobile-thumbnails{display:flex;gap:10px;margin-bottom:19px}
.cs-mobile-thumbnails button{width:85px;padding:4px 4px 7px;border:1px solid #e0e7d7;border-radius:10px;background:#f7f9f2;color:#829370;cursor:pointer;overflow:hidden}
.cs-mobile-thumbnails button[aria-pressed=true]{border-color:var(--cm-accent);box-shadow:0 0 0 1px var(--cm-accent)}
.cs-mobile-thumbnails img{width:75px;height:67px;object-fit:cover;object-position:center;display:block;border-radius:6px;pointer-events:none}
.cs-mobile-thumbnails [data-cs-photo-view=detail] img{object-fit:none;object-position:center 58%;width:75px;height:67px}
.cs-mobile-thumbnails span{font:7px Arial,sans-serif;display:block;margin-top:7px}
.cs-mobile-pager{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-top:1px solid #e1e7d7;border-bottom:1px solid #e1e7d7;gap:12px}
.cs-mobile-pager button{border:1px solid #d4dfc8;border-radius:50%;width:34px;height:34px;color:var(--cm-ink);font:17px Arial,sans-serif;background:#fffdf8;cursor:pointer}
.cs-mobile-pager button:disabled{opacity:.28;cursor:default}
.cs-mobile-pager span{font:10px Arial,sans-serif;color:#849775}
.cs-mobile-disclaimer{font:8px/1.8 Arial,sans-serif;color:#a3ad98;margin:14px 0 0}
.cs-mobile-cta{position:sticky;bottom:0;background:#fffdf9;padding:12px 17px 16px;border-top:1px solid #f1f3eb;z-index:2}
.cs-mobile-cta a{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 17px;border-radius:9px;background:var(--cm-accent);color:#fff;text-decoration:none;font:11px Arial,sans-serif}
.cs-mobile-cta a:hover{filter:brightness(1.08)}
.cs-mobile-empty{background:#fffdf6;border:1px dashed #c9d9b8;border-radius:14px;padding:50px 25px;text-align:center;color:#879b75;font-size:13px;line-height:1.9}
.cs-product-enter .cs-mobile-photo>img{animation:cs-product-in .24s ease both}
@keyframes cs-product-in{from{opacity:.6;translate:10px 0}to{opacity:1;translate:0 0}}
@media(max-width:760px){.cs-reader.is-mobile .cs-reader-frame.cs-mobile-view{max-width:100%}.cs-workarea:has(.cs-reader.is-mobile:not([hidden])){padding:14px 10px}.cs-mobile-info{padding:20px 18px 12px}.cs-main .cs-mobile-card #cs-product-name{font-size:28px}.cs-mobile-thumbnails button{width:82px}.cs-mobile-thumbnails img{width:72px}.cs-mobile-thumbnails [data-cs-photo-view=detail] img{width:72px}}
@media(prefers-reduced-motion:reduce){.cs-mobile-card *{animation:none!important;transition:none!important}}

.cs-mobile-card{display:flex;flex-direction:column;max-height:min(900px,calc(100svh - 150px))}
.cs-mobile-scroll{min-height:0;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#bbccb0 transparent}
.cs-mobile-photo{flex-shrink:0}.cs-mobile-cta{position:relative;bottom:auto;flex-shrink:0}

.cs-mobile-scroll{overscroll-behavior-y:auto}
@media(max-width:760px){.cs-mobile-card{max-height:clamp(360px,calc(100svh - 250px),750px)}}

/* Readable labels and supporting copy around the catalog demo. */
.cs-heading h1{font-size:clamp(38px,3.6vw,58px);line-height:1.1;max-width:880px}
.cs-heading>div:first-child{flex:1.6}.cs-heading>div:last-child{flex:1}
.cs-heading p:not(.cs-eyebrow){font-size:16px;color:#5d7158}
.cs-main .cs-eyebrow{font-size:12px;line-height:1.7;color:#657a59}
.cs-main .cs-help,.cs-main .cs-note,.cs-main .cs-reader-hint,.cs-main .cs-status,.cs-main .cs-canvas-note{font-size:13px;line-height:1.8;color:#5f7355}
.cs-main .cs-reader-hint{max-width:720px}
.cs-main .cs-navigation span{font-size:14px;color:#4e693f}
.cs-main .cs-palette small{font-size:11px;line-height:1.4;padding:9px 6px}
.cs-main .cs-style legend,.cs-main .cs-style label,.cs-main .cs-actions button,.cs-main .cs-toolbar button,.cs-main .cs-toolbar #cs-sound{font-size:12px}
.cs-main .cs-editor-top label,.cs-main .cs-editor-top>span,.cs-main .cs-properties label,.cs-main .cs-properties p,.cs-main .cs-properties input,.cs-main .cs-properties textarea,.cs-main .cs-properties button{font-size:12px;line-height:1.6}
.cs-main .cs-service>p:not(.cs-eyebrow){font-size:16px;line-height:1.9;color:#5c7251}
.cs-main .cs-heading a,.cs-main .cs-service a{font-size:14px}
.cs-main .oh-contact h2{color:#fff9ef!important}
.cs-main .oh-contact .oh-kicker{font-size:13px;line-height:1.8}
.cs-main .oh-contact-signature{font-size:11px;line-height:1.8}
@media(max-width:760px){
 .cs-main .cs-heading h1{font-size:clamp(34px,8vw,46px);letter-spacing:-1.3px}
 .cs-main .cs-palette{grid-template-columns:repeat(3,minmax(0,1fr))}
 .cs-main .cs-palette img{height:70px}.cs-main .cs-palette b{height:70px}
 .cs-main .cs-style{flex-wrap:wrap}.cs-main .cs-toolbar button{padding:9px}
 .cs-main .cs-service>p:not(.cs-eyebrow){font-size:15px}
 .cs-main .oh-contact .oh-kicker{font-size:12px;max-width:330px}
 .cs-main .oh-contact-signature{font-size:10px}
}