/* The Seasonal Edit: sample artboards. Each artboard scales with its own width (container units). */
.ab{container-type:inline-size;position:relative;overflow:hidden;border-radius:6px;box-shadow:0 14px 34px -18px rgba(23,44,38,.45);background:#eee;cursor:zoom-in;display:block;width:100%;border:0;padding:0;text-align:left;font:inherit;color:inherit}
.ab:focus-visible{outline:3px solid #5588e0;outline-offset:3px}
.ab.post{aspect-ratio:4/5}
.ab.story{aspect-ratio:9/16}
.ab.banner{aspect-ratio:4/1}
.ab.poster{aspect-ratio:1/1.414}
.ab img{display:block;width:100%;height:100%;object-fit:cover}
.ab .abs{position:absolute}
.ab *{line-height:1.05}

/* ---------- Halden Living (Black Friday) ---------- */
.hl{--ink:#141414;--cream:#F1ECE4;--signal:#A8401C;font-family:"Archivo",sans-serif;color:var(--ink);background:var(--cream)}
.hl .blk{font-family:"Archivo Black",sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:-.01em}
.hl .logo{position:absolute;left:6cqw;top:5.5cqw;font-family:"Archivo Black",sans-serif;font-size:4.2cqw;letter-spacing:.06em}
.hl .meta{position:absolute;right:6cqw;top:6.2cqw;font-weight:700;font-size:2.8cqw;letter-spacing:.16em}
/* post 1 */
.hl.p1 .t{left:6cqw;right:6cqw;top:15cqw;font-size:15.5cqw;line-height:.88}
.hl.p1 .ph{left:0;right:0;bottom:0;height:52%}
.hl.p1 .st{right:6cqw;bottom:40cqw;width:27cqw;height:27cqw;border-radius:50%;background:var(--ink);color:var(--cream);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2;text-align:center}
.hl.p1 .st b{font-family:"Archivo Black",sans-serif;font-weight:400;font-size:8.5cqw;line-height:.95}
.hl.p1 .st span{font-weight:700;font-size:2.4cqw;letter-spacing:.12em}
.hl.p1 .dt{left:6cqw;bottom:5cqw;z-index:2;background:var(--cream);font-weight:700;font-size:3cqw;letter-spacing:.14em;padding:2cqw 3cqw}
/* post 2 */
.hl.p2{background:#1f1f1f;color:var(--cream)}
.hl.p2 .ph{inset:0}
.hl.p2 .ov{inset:0;background:linear-gradient(180deg,rgba(0,0,0,.0) 45%,rgba(0,0,0,.75))}
.hl.p2 .nm{left:6cqw;bottom:20cqw;font-size:7.5cqw}
.hl.p2 .pr{left:6cqw;bottom:7cqw;display:flex;gap:3cqw;align-items:baseline}
.hl.p2 .pr s{font-size:6cqw;opacity:.6}
.hl.p2 .pr b{font-family:"Archivo Black",sans-serif;font-weight:400;font-size:13cqw;color:#F0A27F}
.hl.p2 .tg{right:6cqw;bottom:8cqw;background:var(--signal);color:#fff;font-weight:700;font-size:3cqw;letter-spacing:.12em;padding:2cqw 3cqw}
/* post 3 */
.hl.p3{background:var(--ink);color:var(--cream)}
.hl.p3 .t{left:6cqw;right:6cqw;top:20cqw;font-size:14.5cqw;line-height:.92}
.hl.p3 .t span{color:#E07A55}
.hl.p3 .ft{left:6cqw;right:6cqw;bottom:6cqw;display:flex;justify-content:space-between;font-weight:700;font-size:3cqw;letter-spacing:.14em;border-top:.5cqw solid var(--cream);padding-top:3cqw}
/* post 4 */
.hl.p4 .ph{left:0;right:0;top:0;height:62%}
.hl.p4 .t{left:6cqw;bottom:14cqw;font-size:15cqw;line-height:.88}
.hl.p4 .s{left:6cqw;bottom:6cqw;font-weight:700;font-size:3.2cqw;letter-spacing:.12em}
.hl.p4 .s em{font-style:normal;color:var(--signal)}
/* stories */
.hl.s1,.hl.s2{background:var(--ink);color:var(--cream)}
.hl.s1 .n{left:0;right:0;top:24%;text-align:center;font-family:"Archivo Black",sans-serif;font-size:62cqw;line-height:.8;color:#E07A55}
.hl.s1 .t{left:0;right:0;top:58%;text-align:center;font-size:12cqw;line-height:.95}
.hl.s1 .f{left:8cqw;right:8cqw;bottom:9cqw;text-align:center;font-weight:700;font-size:4cqw;letter-spacing:.14em;border:.6cqw solid var(--cream);padding:3.5cqw 0}
.hl.s2 .t{left:8cqw;right:8cqw;top:20%;font-size:12.5cqw;line-height:.9}
.hl.s2 .t span{color:#E07A55}
.hl.s2 .ph{left:8cqw;right:8cqw;bottom:19cqw;height:38%;border-radius:2cqw;overflow:hidden}
.hl.s2 .f{left:8cqw;right:8cqw;bottom:8cqw;font-weight:700;font-size:4cqw;letter-spacing:.14em}
.hl.s3 .ph{inset:0}
.hl.s3 .t{left:8cqw;right:8cqw;top:14%;font-size:19cqw;line-height:.86;color:var(--cream);text-shadow:0 1cqw 4cqw rgba(0,0,0,.25)}
.hl.s3 .b{left:8cqw;right:8cqw;bottom:9cqw;background:var(--cream);text-align:center;font-weight:700;font-size:4.4cqw;letter-spacing:.14em;padding:4.5cqw 0;border-radius:99px}
.hl.s4{background:var(--cream)}
.hl.s4 .t{left:8cqw;right:8cqw;top:15%;font-size:15cqw;line-height:.9}
.hl.s4 .clock{left:8cqw;right:8cqw;top:47%;display:grid;grid-template-columns:repeat(3,1fr);gap:3cqw;text-align:center}
.hl.s4 .clock div{background:var(--ink);color:var(--cream);padding:5cqw 0 3.5cqw}
.hl.s4 .clock b{display:block;font-family:"Archivo Black",sans-serif;font-weight:400;font-size:15cqw}
.hl.s4 .clock span{font-weight:700;font-size:3cqw;letter-spacing:.14em}
.hl.s4 .f{left:8cqw;right:8cqw;bottom:9cqw;font-weight:700;font-size:4.2cqw;letter-spacing:.12em;color:var(--signal);text-align:center}
/* banner */
.hl.bn{display:grid;grid-template-columns:62% 38%}
.hl.bn .l{position:relative;padding:4cqw 4cqw 3cqw;display:flex;flex-direction:column;justify-content:flex-start}
.hl.bn .k{font-weight:700;font-size:1.25cqw;letter-spacing:.2em;color:var(--signal)}
.hl.bn .t{font-family:"Archivo Black",sans-serif;text-transform:uppercase;font-size:5.4cqw;line-height:.9;margin:1cqw 0 1.2cqw}
.hl.bn .row{display:flex;gap:2cqw;align-items:center;font-size:1.5cqw}
.hl.bn .bbtn{background:var(--ink);color:var(--cream);font-weight:700;letter-spacing:.12em;font-size:1.25cqw;padding:1.2cqw 2.2cqw}
.hl.bn .r{position:relative}

/* ---------- Kiln & Crumb (Sales Kit) ---------- */
.kc{--red:#9E2B25;--cream:#F6EEE3;--green:#26402F;--gold:#ECD49E;font-family:"Inter",sans-serif;background:var(--cream);color:var(--green)}
.kc .serif{font-family:"Libre Caslon Text",Georgia,serif;font-weight:400}
.kc .mark{position:absolute;left:0;right:0;top:5.5cqw;text-align:center;font-family:"Libre Caslon Text",serif;font-size:3.6cqw;letter-spacing:.04em}
.kc .mark i{color:var(--red)}
.kc.k1 .ph{left:7cqw;right:7cqw;top:13cqw;height:58%;border-radius:50cqw 50cqw 2cqw 2cqw;overflow:hidden}
.kc.k1 .t{left:7cqw;right:7cqw;bottom:9cqw;text-align:center;font-size:8.6cqw;line-height:1}
.kc.k1 .t i{color:var(--red)}
.kc.k1 .s{left:0;right:0;bottom:4.5cqw;text-align:center;font-size:2.7cqw;letter-spacing:.18em;text-transform:uppercase;font-weight:600}
.kc.k2{background:var(--green);color:var(--cream)}
.kc.k2 .ph{right:0;top:0;bottom:0;width:52%}
.kc.k2 .t{left:7cqw;width:40cqw;top:22cqw;font-size:8cqw;line-height:1.02}
.kc.k2 .t i{color:var(--gold)}
.kc.k2 .s{left:7cqw;width:38cqw;top:62cqw;font-size:3cqw;line-height:1.45;opacity:.9}
.kc.k2 .b{left:7cqw;bottom:9cqw;border:.4cqw solid var(--gold);color:var(--gold);font-size:2.6cqw;letter-spacing:.16em;text-transform:uppercase;font-weight:600;padding:2.2cqw 3.4cqw}
.kc.k3{background:var(--red);color:var(--cream)}
.kc.k3 .frame{inset:5cqw;border:.4cqw solid rgba(246,238,227,.6)}
.kc.k3 .t{left:12cqw;right:12cqw;top:25cqw;text-align:center;font-size:11cqw;line-height:1}
.kc.k3 .t i{color:var(--gold)}
.kc.k3 .s{left:14cqw;right:14cqw;top:72cqw;text-align:center;font-size:3.1cqw;line-height:1.5}
.kc.k3 .star{left:0;right:0;top:14cqw;text-align:center;color:var(--gold);font-size:6cqw}
.kc.k4 .t{left:8cqw;right:8cqw;top:16cqw;font-size:8.6cqw;line-height:1}
.kc.k4 .t i{color:var(--red)}
.kc.k4 ul{left:8cqw;right:8cqw;top:44cqw;list-style:none;font-size:3.2cqw}
.kc.k4 li{display:flex;justify-content:space-between;padding:2.6cqw 0;border-bottom:.3cqw solid rgba(38,64,47,.25)}
.kc.k4 li b{font-weight:600}
.kc.k4 li.hl2{color:var(--red)}
.kc.ks1{background:var(--red);color:var(--cream)}
.kc.ks1 .ph{left:8cqw;right:8cqw;top:30%;height:38%;border-radius:3cqw;overflow:hidden}
.kc.ks1 .t{left:8cqw;right:8cqw;top:11%;font-size:12cqw;line-height:1}
.kc.ks1 .t i{color:var(--gold)}
.kc.ks1 .s{left:8cqw;right:8cqw;bottom:13%;font-size:4.4cqw;line-height:1.4}
.kc.ks1 .b{left:8cqw;right:8cqw;bottom:6%;text-align:center;background:var(--cream);color:var(--red);font-weight:600;font-size:4cqw;letter-spacing:.12em;text-transform:uppercase;padding:4cqw 0;border-radius:99px}
.kc.ks2 .t{left:8cqw;right:8cqw;top:12%;font-size:13cqw;line-height:1;text-align:center}
.kc.ks2 .t i{color:var(--red)}
.kc.ks2 .ph{left:14cqw;right:14cqw;top:36%;height:34%;border-radius:50cqw 50cqw 3cqw 3cqw;overflow:hidden}
.kc.ks2 .s{left:8cqw;right:8cqw;bottom:10%;text-align:center;font-size:4.4cqw;line-height:1.4}
/* poster */
.kc.ps{background:var(--cream)}
.kc.ps .band{left:0;right:0;top:0;height:9cqw;background:var(--green)}
.kc.ps .mk{left:0;right:0;top:2.6cqw;text-align:center;color:var(--cream);font-family:"Libre Caslon Text",serif;font-size:3.6cqw}
.kc.ps .t{left:8cqw;right:8cqw;top:17cqw;text-align:center;font-size:11cqw;line-height:1}
.kc.ps .t i{color:var(--red)}
.kc.ps .ph{left:8cqw;right:8cqw;top:46cqw;height:44cqw;border-radius:2cqw;overflow:hidden}
.kc.ps .cols{left:8cqw;right:8cqw;top:94cqw;display:grid;grid-template-columns:1fr 1fr;gap:4cqw 5cqw}
.kc.ps .h4{display:block;font-family:"Libre Caslon Text",serif;font-weight:400;font-size:4.2cqw;color:var(--red);border-bottom:.3cqw solid var(--green);padding-bottom:1.2cqw;margin-bottom:1.2cqw}
.kc.ps .pp{display:block;font-size:2.7cqw;line-height:1.45}
.kc.ps .ft{left:0;right:0;bottom:4cqw;text-align:center;font-size:2.4cqw;letter-spacing:.18em;text-transform:uppercase;font-weight:600}

/* ---------- Slow Burn Candle Co. (Content Visit) ---------- */
.sb{--char:#2A2522;--wax:#F4EDE3;--ember:#C9773A;font-family:"Fraunces",serif;color:var(--wax);background:var(--char)}
.sb .ph{inset:0}
.sb .ov{inset:0;background:linear-gradient(180deg,rgba(20,16,12,.0) 50%,rgba(20,16,12,.78))}
.sb .k{left:7cqw;top:6cqw;font-family:"Inter",sans-serif;font-weight:600;font-size:2.8cqw;letter-spacing:.2em;text-transform:uppercase;color:var(--wax)}
.sb .t{left:7cqw;right:7cqw;bottom:13cqw;font-size:9cqw;line-height:1}
.sb .t i{color:#F0C08F}
.sb .s{left:7cqw;bottom:6cqw;font-family:"Inter",sans-serif;font-size:3cqw;letter-spacing:.06em}
.sb.st .t{bottom:28cqw;font-size:13cqw}
.sb.st .b{left:8cqw;right:8cqw;bottom:10cqw;text-align:center;background:var(--wax);color:var(--char);font-family:"Inter",sans-serif;font-weight:600;font-size:4cqw;letter-spacing:.12em;text-transform:uppercase;padding:4cqw 0;border-radius:99px}

/* ---------- Showcase layout on the page ---------- */
.sc{padding:5.5rem 0;border-top:1px solid var(--border)}
.sc:nth-of-type(even){background:var(--white)}
.sc-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);grid-template-areas:"demo head" "terms head";gap:2rem 3.5rem;align-items:start}
.sc.flip .sc-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.55fr);grid-template-areas:"head demo" "head terms"}
.sc-demo{grid-area:demo;min-width:0}
.sc-side{display:contents}
.sc-headbox{grid-area:head;align-self:start}
.sc-termsbox{grid-area:terms;min-width:0}
@media (min-width:1001px) and (min-height:860px){.sc-headbox{position:sticky;top:var(--se-offset,140px)}}
.sc-label{display:inline-flex;align-items:center;gap:.5rem;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--pine);background:var(--gold-pale);border:1px solid var(--gold-soft);border-radius:99px;padding:5px 12px;margin-bottom:1rem}
.sc-label::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold)}
.sc-fict{font-size:13px;color:var(--muted);margin-top:.9rem;line-height:1.55}
.sc-num{font-family:var(--serif);font-size:15px;font-weight:600;color:var(--gold-ink);margin-bottom:.4rem}
.sc-name{font-family:var(--serif);font-size:clamp(30px,3.4vw,40px);font-weight:600;line-height:1.05;letter-spacing:-.5px;color:var(--pine);margin-bottom:.5rem}
.sc-price{font-family:var(--serif);font-size:40px;font-weight:600;line-height:1;color:var(--ink);margin:.4rem 0 1rem;display:flex;align-items:baseline;gap:.5rem}
.sc-price span{font-family:var(--sans);font-size:13px;font-weight:400;color:var(--muted)}
.sc-for{font-size:13px;color:var(--muted);margin-bottom:.9rem}
.sc-sum{font-size:15.5px;line-height:1.7;margin-bottom:1.1rem}
.sc-inc{border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:1.1rem}
.sc-inc summary{cursor:pointer;list-style:none;padding:.85rem 0;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--pine);display:flex;justify-content:space-between}
.sc-inc summary::-webkit-details-marker{display:none}
.sc-inc summary::after{content:"+";font-size:18px;font-weight:300;color:var(--gold);letter-spacing:0}
.sc-inc[open] summary::after{content:"\2212"}
.sc-inc ul{list-style:none;padding-bottom:.9rem}
.sc-inc li{position:relative;padding-left:1.2rem;font-size:14px;line-height:1.55;margin-bottom:.35rem}
.sc-inc li::before{content:"";position:absolute;left:0;top:.5em;width:7px;height:7px;background:var(--gold);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.sc-notes{background:var(--gold-pale);border-left:2px solid var(--gold);border-radius:0 8px 8px 0;padding:.75rem .9rem;margin-bottom:1.25rem}
.sc-notes p{font-size:13px;line-height:1.55;color:var(--brown-mid)}
.sc-notes p+p{margin-top:.3rem}
.sc-ctas{display:flex;flex-wrap:wrap;gap:10px}
.sc-ctas .btn{padding:13px 20px}
.btn-pine{background:var(--pine);color:var(--cream)}
.btn-pine:hover{background:var(--pine-deep)}
.btn-outline{background:transparent;color:var(--pine);border-color:var(--pine)}
.btn-outline:hover{background:var(--pine);color:var(--cream)}
.demo-cap{font-size:13px;color:var(--muted);margin-top:.75rem}

/* catalogue demo */
.cat-demo{position:relative;background:#1b241f;border-radius:16px;padding:2.25rem 2rem 1.75rem;overflow:hidden}
.cat-stack{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1rem;align-items:start}
.cat-stack .pgimg{display:block;border-radius:3px;overflow:hidden;box-shadow:0 18px 36px -14px rgba(0,0,0,.6);background:#fff;border:0;padding:0;cursor:pointer;transition:transform .25s}
.cat-stack .pgimg:hover{transform:translateY(-4px)}
.cat-stack .pgimg img{display:block;width:100%;height:auto}
.cat-stack .pgimg.lead{grid-column:1/2;grid-row:1/3}
.cat-stack .pgimg:nth-child(n+2){align-self:stretch}
.cat-stack .pgimg:nth-child(n+2) img{height:100%;object-fit:cover}
.cat-bar{display:flex;flex-wrap:wrap;gap:10px;margin-top:1.5rem;align-items:center}
.cat-bar .btn{padding:12px 18px}
.btn-gold{background:var(--gold);color:var(--pine-deep);font-weight:600}
.btn-gold:hover{background:var(--gold-soft)}
.btn-line-light{background:transparent;color:var(--cream);border-color:rgba(228,211,180,.45)}
.btn-line-light:hover{border-color:var(--gold-soft)}
.cat-demo .demo-cap{color:rgba(250,246,240,.6)}

/* website demo */
.web-demo{background:var(--cream-dark);border:1px solid var(--border);border-radius:16px;padding:1rem}
.web-tools{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;margin-bottom:.9rem}
.seg{display:inline-flex;background:var(--white);border:1px solid var(--border);border-radius:99px;padding:3px}
.seg button{font:inherit;font-size:13.5px;font-weight:500;border:0;background:transparent;color:var(--muted);padding:8px 16px;border-radius:99px;cursor:pointer}
.seg button[aria-pressed="true"]{background:var(--pine);color:var(--cream)}
.browser{background:var(--white);border-radius:10px;overflow:hidden;box-shadow:0 18px 40px -22px rgba(23,44,38,.5);margin:0 auto;transition:max-width .3s}
.browser.mobile{max-width:340px}
.chrome{display:flex;align-items:center;gap:6px;padding:9px 12px;background:#f1ede6;border-bottom:1px solid var(--border)}
.chrome i{width:9px;height:9px;border-radius:50%;background:#d8cfc2}
.chrome span{margin-left:8px;font-size:12px;color:var(--muted);background:var(--white);border-radius:99px;padding:3px 12px;flex:1;max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.viewport{position:relative;overflow:hidden;height:520px}
.viewport iframe{border:0;transform-origin:0 0;position:absolute;left:0;top:0;background:#fff}
.changes{list-style:none;margin-top:1rem;display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1.25rem;counter-reset:c}
.changes li{counter-increment:c;display:grid;grid-template-columns:24px 1fr;gap:.6rem;font-size:13.5px;line-height:1.5}
.changes li::before{content:counter(c);width:22px;height:22px;border-radius:50%;background:var(--pine);color:var(--cream);font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center}

/* galleries */
.gal{display:grid;gap:1rem}
.gal.posts{grid-template-columns:repeat(4,1fr)}
.gal.stories{grid-template-columns:repeat(4,1fr);margin-top:1rem}
.gal.two{grid-template-columns:repeat(2,1fr)}
.gal-h{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--pine);margin:1.5rem 0 .75rem;display:flex;justify-content:space-between;gap:1rem}
.gal-h:first-child{margin-top:0}
.gal-h span{font-weight:400;letter-spacing:0;text-transform:none;color:var(--muted)}
.kit-row{display:grid;grid-template-columns:1fr 1.25fr;gap:1rem;align-items:start;margin-top:1rem}
.cal{background:var(--white);border:1px solid var(--border);border-radius:10px;overflow:hidden;font-size:12.5px}
.cal table{width:100%;border:0;border-radius:0;font-size:12.5px}
.cal th,.cal td{padding:.55rem .6rem;border-bottom:1px solid var(--brown-pale);vertical-align:top}
.cal thead th{background:var(--pine);color:var(--cream);font-weight:500;white-space:nowrap}
.cal tbody th{font-weight:600;color:var(--pine);white-space:nowrap}
.cal .tagx{display:inline-block;font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;border-radius:4px;padding:1px 5px;margin-right:4px}
.tagx.p{background:#e8efe9;color:var(--pine)}.tagx.s{background:#f6e5d9;color:#8a4a24}.tagx.e{background:#ece6f3;color:#5a4a7a}
.email-demo{position:relative;background:#ECE8E2;border-radius:16px;padding:1rem;border:1px solid var(--border)}
.email-demo .vp{height:560px;overflow:hidden;border-radius:10px;position:relative;background:#ECE8E2}
.email-demo iframe{border:0;width:100%;height:100%;display:block}
.email-demo .fade{position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(180deg,rgba(236,232,226,0),#ECE8E2);pointer-events:none}
/* compare slider */
.cmp{position:relative;aspect-ratio:4/5;max-width:520px;border-radius:12px;overflow:hidden;box-shadow:0 18px 40px -22px rgba(23,44,38,.5);user-select:none;touch-action:pan-y;--pos:50%}
.cmp img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.cmp .after{clip-path:inset(0 0 0 var(--pos))}
.cmp .line{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;background:#fff;transform:translateX(-1px);pointer-events:none}
.cmp .knob{position:absolute;top:50%;left:var(--pos);width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--pine);pointer-events:none}
.cmp .tg{position:absolute;top:12px;font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;background:rgba(0,0,0,.55);color:#fff;padding:4px 10px;border-radius:99px}
.cmp .tg.l{left:12px}.cmp .tg.r{right:12px}
.cmp input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
.cv-row{display:grid;grid-template-columns:1.25fr 1fr;gap:1rem;align-items:start}
.cv-outs{display:grid;grid-template-columns:1fr .62fr;gap:.75rem;align-items:start}

/* modal */
.se-modal{border:0;padding:0;background:transparent;max-width:none;max-height:none;width:100vw;height:100vh;height:100dvh;margin:0}
.se-modal::backdrop{background:rgba(12,18,15,.86)}
.se-modal .box{position:absolute;inset:3vh 3vw;display:flex;flex-direction:column;background:#141b17;border-radius:12px;overflow:hidden}
.se-modal.art .box{background:transparent;inset:0;align-items:center;justify-content:center;padding:56px 16px 16px}
.se-modal .mhead{display:flex;justify-content:flex-end;padding:8px}
.se-modal.art .mhead{position:absolute;top:8px;right:8px}
.se-modal .close{font:inherit;font-size:14px;font-weight:600;background:#efe7da;color:#141b17;border:0;border-radius:99px;padding:9px 16px;cursor:pointer}
.se-modal iframe{flex:1;border:0;width:100%;background:#fff}
.se-modal .art-slot{width:min(92vw,calc((100dvh - 90px) * var(--r,0.8)));max-width:640px}
.se-modal .art-slot.wide{width:min(94vw,1100px);max-width:none}
.se-modal .art-slot .ab{cursor:default;box-shadow:0 30px 70px -20px rgba(0,0,0,.7)}

@media (max-width:1000px){
  .sc-grid,.sc.flip .sc-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "demo" "terms";gap:1.75rem}
  .gal.posts,.gal.stories{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .sc{padding:4rem 0}
  .cat-demo{padding:1.25rem 1rem 1.1rem}
  .cat-stack{gap:.6rem}
  .viewport{height:460px}
  .changes{grid-template-columns:1fr}
  .gal.posts,.gal.stories{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:.75rem;padding-bottom:.5rem;margin-right:-1.25rem;padding-right:1.25rem}
  .gal.posts>.ab{flex:0 0 72%;scroll-snap-align:start}
  .gal.stories>.ab{flex:0 0 46%;scroll-snap-align:start}
  .kit-row,.cv-row{grid-template-columns:1fr}
  .email-demo .vp{height:480px}
  .se-modal .box{inset:0;border-radius:0}
}

/* package terms */
.sc-terms{margin:0 0 1.1rem;font-size:13.5px;line-height:1.55}
.sc-terms dt{font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--pine);margin-top:.9rem}
.sc-terms dt:first-child{margin-top:0}
.sc-terms dd{margin:.3rem 0 0;color:var(--ink)}
.sc-terms dd ul{list-style:none}
.sc-terms dd li{position:relative;padding-left:1.1rem;margin-bottom:.25rem;color:var(--muted)}
.sc-terms dd li::before{content:"";position:absolute;left:0;top:.62em;width:7px;height:1.5px;background:var(--muted)}
.sc-how{font-size:13px;color:var(--muted);margin-top:.75rem;line-height:1.55}

/* ---------- Wren & Hearth catalogue promo graphics ---------- */
.wh{--forest:#2F4A3A;--paper:#FAF6EF;--clay:#9A5634;--gold:#ECD9B5;font-family:"Fraunces",Georgia,serif;background:var(--forest);color:var(--paper)}
.wh .k{left:7cqw;top:6cqw;font-family:"Inter",sans-serif;font-weight:600;font-size:3cqw;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.wh.wp1 .ph{left:22cqw;right:22cqw;top:17cqw;height:50%;box-shadow:0 3cqw 6cqw rgba(0,0,0,.4);transform:rotate(-3deg)}
.wh.wp1 .t{left:7cqw;right:7cqw;bottom:13cqw;font-size:8.5cqw;line-height:1.02;text-align:center}
.wh .t i{color:var(--gold)}
.wh.wp1 .s{left:0;right:0;bottom:6cqw;text-align:center;font-family:"Inter",sans-serif;font-size:3cqw;opacity:.85}
.wh.ws1{background:var(--paper);color:var(--forest)}
.wh.ws1 .k{color:var(--clay)}
.wh.ws1 .t{left:8cqw;right:8cqw;top:13%;font-size:13cqw;line-height:1}
.wh.ws1 .t i{color:var(--clay)}
.wh.ws1 .ph{left:14cqw;right:14cqw;top:36%;height:40%;box-shadow:0 3cqw 7cqw rgba(0,0,0,.25);transform:rotate(2deg)}
.wh.ws1 .b{left:8cqw;right:8cqw;bottom:8%;text-align:center;background:var(--forest);color:var(--paper);font-family:"Inter",sans-serif;font-weight:600;font-size:4.2cqw;letter-spacing:.1em;text-transform:uppercase;padding:4.5cqw 0;border-radius:99px}
.wh.wp2{background:var(--paper);color:var(--forest)}
.wh.wp2 .k{color:var(--clay)}
.wh.wp2 .t{left:7cqw;right:7cqw;top:17cqw;font-size:9.5cqw;line-height:1.02;text-align:center}
.wh.wp2 .t i{color:var(--clay)}
.wh.wp2 .qr{left:30cqw;right:30cqw;top:48cqw;aspect-ratio:1/1;background:#fff;padding:3cqw;border-radius:2cqw;box-shadow:0 2cqw 5cqw rgba(0,0,0,.12)}
.wh.wp2 .qr img{object-fit:contain}
.wh.wp2 .s{left:0;right:0;bottom:8cqw;text-align:center;font-family:"Inter",sans-serif;font-size:3.2cqw;color:#6E6256}
.gal.wh3{grid-template-columns:1fr .62fr 1fr;align-items:start;margin-top:.25rem}
.gal-h-light{color:var(--gold-soft)!important;margin-top:1.5rem!important}
.gal-h-light span{color:rgba(250,246,240,.6)!important}
/* captions */
.caps{margin-top:1rem;background:var(--white);border:1px solid var(--border);border-radius:10px;padding:1rem 1.1rem}
.cap-h{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--pine);margin-bottom:.6rem;display:flex;justify-content:space-between}
.cap-h span{font-weight:400;letter-spacing:0;text-transform:none;color:var(--muted)}
.caps blockquote{border-left:2px solid var(--gold);padding:.1rem 0 .1rem .85rem;margin:0}
.caps blockquote+blockquote{margin-top:.75rem}
.caps blockquote p{font-size:14px;line-height:1.6;color:var(--ink)}
@media (max-width:640px){.gal.wh3{display:grid;grid-template-columns:1fr .62fr 1fr;gap:.5rem}}

.web-demo .demo-cap{color:#6a5a4a}

/* ============ Send > Create > Receive storytelling ============ */
.se-bizs{margin-top:1.75rem;background:var(--white);border:1px solid var(--border);border-radius:14px;padding:1.1rem 1.25rem}
.se-bizs-h{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--pine);margin-bottom:.8rem}
.se-bizs-h span{font-weight:400;letter-spacing:0;text-transform:none;color:var(--muted);margin-left:.4rem}
.se-bizs ul{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.se-bizs li{display:flex;flex-direction:column;gap:.45rem}
.bz{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;border-radius:6px;padding:7px 12px;font-size:15px;line-height:1;white-space:nowrap}
.bz-wh{background:#2F4A3A;color:#FAF6EF;font-family:"Fraunces",Georgia,serif}
.bz-wh i{color:#ECD9B5}
.bz-hl{background:#141414;color:#F1ECE4;font-family:"Archivo Black",sans-serif;letter-spacing:.08em;font-size:13px}
.bz-kc{background:#F6EEE3;color:#26402F;border:1px solid #d9cbb6;font-family:"Libre Caslon Text",Georgia,serif}
.bz-kc i{color:#9E2B25}
.bz-sb{background:#2A2522;color:#F4EDE3;font-family:"Fraunces",Georgia,serif}
.bz-d{font-size:13px;line-height:1.5;color:var(--muted)}

.flow{display:flex;flex-direction:column;gap:0;counter-reset:none}
.step{position:relative;background:var(--white);border:1px solid var(--border);border-radius:16px;padding:1.25rem 1.25rem 1.35rem}
.step+.step{margin-top:2.4rem}
.step+.step::before{content:"";position:absolute;left:50%;top:-2.4rem;height:2.4rem;width:2px;margin-left:-1px;background:repeating-linear-gradient(180deg,var(--gold) 0 5px,transparent 5px 9px)}
.step+.step::after{content:"";position:absolute;left:50%;top:-11px;width:12px;height:12px;margin-left:-6px;border-right:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(45deg);background:transparent}
.step-top{display:flex;gap:.85rem;align-items:flex-start;margin-bottom:1rem}
.step-n{flex:0 0 34px;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-weight:600;font-size:17px;background:var(--gold-pale);color:var(--gold-ink);border:1px solid var(--gold-soft)}
.st-make .step-n{background:var(--pine);color:var(--cream);border-color:var(--pine)}
.st-get .step-n{background:var(--gold);color:var(--pine-deep);border-color:var(--gold)}
.step-h{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--pine);margin:.15rem 0 .2rem}
.step-sub{font-size:15px;line-height:1.55;color:var(--ink)}
.st-send{background:var(--gold-pale);border-color:var(--gold-soft)}
.st-make{padding-bottom:1.25rem}
.st-get{background:var(--pine);border-color:var(--pine);color:var(--cream)}
.st-get .step-h{color:var(--gold-soft)}
.st-get .step-sub{color:var(--cream)}

/* inputs, shown roughly as a customer would send them */
.in-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:.75rem;align-items:start}
.in-photo,.in-file{margin:0;background:#fff;border-radius:8px;padding:6px 6px 0;box-shadow:0 6px 14px -10px rgba(23,44,38,.5);border:1px solid #e7dfd2}
.in-photo img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:4px;background:#ddd}
.in-photo figcaption,.in-file figcaption{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;color:#5f564c;padding:5px 2px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.in-file .in-logo{display:flex;align-items:center;justify-content:center;aspect-ratio:3/4;border-radius:4px;text-align:center;line-height:1.1;padding:6px}
.lg-wh{background:#FAF6EF;color:#2F4A3A;font-family:"Fraunces",Georgia,serif;font-size:19px;border:1px dashed #cfc3b0}
.lg-wh i{color:#9A5634}
.lg-hl{background:#F1ECE4;color:#141414;font-family:"Archivo Black",sans-serif;font-size:18px;letter-spacing:.06em;flex-direction:column;gap:3px}
.lg-hl small{font-family:"Archivo",sans-serif;font-weight:700;font-size:9px;letter-spacing:.3em}
.lg-kc{background:#F6EEE3;color:#26402F;font-family:"Libre Caslon Text",Georgia,serif;font-size:18px}
.lg-kc i{color:#9E2B25}
.in-note,.in-sheet,.in-brief,.in-msg,.in-roll{grid-column:span 2;background:#fff;border:1px solid #e7dfd2;border-radius:8px;padding:.75rem .85rem;font-size:13.5px;line-height:1.5;color:var(--ink);box-shadow:0 6px 14px -10px rgba(23,44,38,.5)}
.in-note-h{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-ink);margin-bottom:.4rem}
.in-sheet .in-note-h{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:0;text-transform:none;font-size:11.5px;color:#2d6a40}
.in-sheet table{width:100%;border-collapse:collapse;font-size:12.5px;border:1px solid #d9e2d9;border-radius:0}
.in-sheet td{padding:3px 6px;border:1px solid #e1e7e1}
.in-sheet td+td{text-align:right;white-space:nowrap}
.in-sheet td.more{text-align:left;color:var(--muted);font-style:italic}
.in-list{list-style:none;margin:0;padding:0}
.in-list li{position:relative;padding-left:.95rem;margin-bottom:.15rem}
.in-list li::before{content:"";position:absolute;left:0;top:.6em;width:5px;height:5px;border-radius:50%;background:var(--gold)}
.in-small{font-size:12.5px;color:var(--muted);margin-top:.4rem}
.in-key{font-weight:600;color:var(--pine)}
.in-brief dl{display:grid;grid-template-columns:auto 1fr;gap:.2rem .75rem;margin:0}
.in-brief dt{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding-top:.15rem}
.in-brief dd{margin:0}
.in-msg{position:relative;background:#fff}
.in-msg p:last-child{font-style:italic}
.in-roll .roll{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.in-roll .roll img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:3px;background:#ddd}

/* what you receive */
.rx{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.6rem .9rem;margin:0;padding:0}
.rx li{display:flex;gap:.65rem;align-items:flex-start;font-size:14px;line-height:1.45;color:var(--cream)}
.rx-ic{flex:0 0 auto;min-width:34px;height:28px;padding:0 6px;border-radius:6px;background:rgba(228,211,180,.16);border:1px solid rgba(228,211,180,.35);color:var(--gold-soft);font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;font-family:var(--sans)}
.rx-next{margin-top:1rem;padding-top:.85rem;border-top:1px solid rgba(228,211,180,.25);font-size:13.5px;line-height:1.6;color:rgba(250,246,240,.85)}

/* email anatomy */
.anatomy{list-style:none;counter-reset:a;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem .9rem;margin:1rem 0 0;padding:0}
.anatomy li{counter-increment:a;display:grid;grid-template-columns:24px 1fr;gap:.55rem;font-size:13px;line-height:1.45;color:var(--muted)}
.anatomy li::before{content:counter(a);grid-row:span 2;width:22px;height:22px;border-radius:50%;background:#B5462B;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}
.anatomy b{display:block;color:var(--ink);font-weight:600}
.changes li::before{background:#B5462B;color:#fff}
.email-demo .vp{overflow:auto}

/* package header and small print */
.sc-headbox .sc-ctas{margin-top:1.1rem}
.sc-biz{font-size:13px;color:var(--muted);margin:-.2rem 0 .9rem}
.sc-termsbox{background:var(--white);border:1px solid var(--border);border-radius:16px;padding:1.15rem 1.25rem}
.sc:nth-of-type(even) .sc-termsbox{background:var(--cream)}
.sc-small-h{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--pine);margin-bottom:.85rem}
.sc-termsbox .sc-terms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem 1.75rem;margin:0}
.sc-termsbox .sc-terms>div{min-width:0}
.sc-termsbox .sc-terms dt{margin-top:0}
.sc-termsbox .sc-notes{margin:1rem 0 0}
.sc-termsbox .sc-how{margin-top:.9rem}
.sc-termsbox .sc-ctas{display:none;margin-top:1rem}

@media (max-width:1000px){
  .se-bizs ul{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sc-termsbox .sc-ctas{display:flex}
}
@media (max-width:640px){
  .step{padding:1rem .9rem 1.1rem;border-radius:14px}
  .step+.step{margin-top:2rem}
  .step+.step::before{top:-2rem;height:2rem}
  .step-sub{font-size:14.5px}
  .in-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}
  .in-note,.in-sheet,.in-brief,.in-msg,.in-roll{grid-column:1/-1}
  .lg-wh,.lg-kc{font-size:15px}.lg-hl{font-size:14px}
  .in-photo figcaption,.in-file figcaption{font-size:10px}
  .anatomy{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sc-termsbox .sc-terms{grid-template-columns:1fr}
  .rx{grid-template-columns:1fr}
  .se-bizs{padding:1rem}
}
/* refinements */
.step-n{font-family:var(--sans);font-size:15px;font-weight:700}
.in-file .in-logo{flex-wrap:wrap;gap:0 .25em;word-break:normal}
.lg-wh,.lg-kc{font-size:16px}.lg-hl{font-size:15px}
@media (max-width:640px){
  .in-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem}
  .in-photo,.in-file{padding:4px 4px 0}
  .in-photo figcaption,.in-file figcaption{font-size:9.5px;padding:4px 1px 5px}
  .lg-wh,.lg-kc{font-size:12.5px}.lg-hl{font-size:11px}.lg-hl small{font-size:7px}
}

/* ============ Package navigation ============ */
.sc,#enquire,#packages{scroll-margin-top:var(--se-offset,128px)}
.se-pkgnav{background:var(--pine-deep);padding:1.6rem 0 2rem;border-top:1px solid rgba(228,211,180,.18)}
.se-pkgnav-h{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-soft);margin-bottom:.9rem}
.se-pkgnav-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.6rem}
.se-pkgnav-list a{position:relative;display:flex;flex-direction:column;height:100%;padding:.85rem .9rem .8rem;border:1px solid rgba(228,211,180,.28);border-radius:12px;background:rgba(255,255,255,.04);color:var(--cream);text-decoration:none;transition:background .2s,border-color .2s}
.se-pkgnav-list a:hover{background:rgba(255,255,255,.09);border-color:var(--gold)}
.se-pkgnav-list a:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.pn-n{font-size:11px;font-weight:600;letter-spacing:.12em;color:var(--gold-soft)}
.pn-name{font-family:var(--serif);font-size:19px;font-weight:600;line-height:1.1;margin:.3rem 0 .35rem}
.pn-tag{font-size:12.5px;line-height:1.4;color:rgba(250,246,240,.78);flex:1}
.pn-price{font-family:var(--serif);font-size:20px;font-weight:600;color:var(--gold-soft);margin-top:.5rem}
.se-pkgbar{position:fixed;left:0;right:0;top:64px;z-index:90;background:rgba(250,247,242,.97);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);box-shadow:0 8px 20px -16px rgba(23,44,38,.5);transform:translateY(-110%);visibility:hidden;transition:transform .25s,visibility 0s .25s}
.se-pkgbar.on{transform:none;visibility:visible;transition:transform .25s}
.se-pkgbar .container{overflow-x:auto;scrollbar-width:none}
.se-pkgbar .container::-webkit-scrollbar{display:none}
.se-pkgbar ol{list-style:none;margin:0;padding:6px 0;display:flex;gap:4px;align-items:center;min-width:max-content}
.se-pkgbar a{display:inline-flex;align-items:baseline;gap:.35rem;padding:7px 12px;border-radius:99px;font-size:13.5px;font-weight:500;color:var(--pine);text-decoration:none;white-space:nowrap}
.se-pkgbar a b{font-weight:600;color:var(--gold-ink);font-size:12.5px}
.se-pkgbar a:hover{background:var(--gold-pale)}
.se-pkgbar a[aria-current="true"]{background:var(--pine);color:var(--cream)}
.se-pkgbar a[aria-current="true"] b{color:var(--gold-soft)}
.se-pkgbar .pb-enq{margin-left:auto;padding-left:8px}
.se-pkgbar .pb-enq a{border:1px solid var(--pine);font-weight:600}
@media (max-width:1100px){.se-pkgnav-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){
  .se-pkgnav{padding:1.2rem 0 1.4rem}
  .se-pkgnav-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
  .se-pkgnav-list a{padding:.7rem .75rem}
  .pn-name{font-size:16.5px}.pn-tag{font-size:12px}.pn-price{font-size:17px;margin-top:.35rem}
  .se-pkgbar a{font-size:13px;padding:8px 11px}
  .se-pkgbar .pb-enq{margin-left:0}
}
@media (prefers-reduced-motion:reduce){.se-pkgbar,.se-pkgbar.on{transition:none}}

/* businesses note, receive chips, small print toggle */
.bz{display:inline-block}
.se-bizs-note{margin-top:1rem;padding-top:.85rem;border-top:1px solid var(--border);font-size:13.5px;line-height:1.6;color:var(--ink)}
.in-file .in-logo{display:flex;align-items:center;justify-content:center;text-align:center}
.in-file .in-logo>span{display:block;line-height:1.15}
.rx{display:flex;flex-wrap:wrap;gap:.5rem}
.rx li{display:inline-flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.06);border:1px solid rgba(228,211,180,.28);border-radius:99px;padding:4px 12px 4px 4px;font-size:13.5px;line-height:1.3}
.rx-ic{min-width:28px;height:26px;border-radius:99px;font-size:11.5px}
.sc-small summary{cursor:pointer;list-style:none;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.25rem 1rem;padding-right:1.6rem;position:relative}
.sc-small summary::-webkit-details-marker{display:none}
.sc-small summary::after{content:"+";position:absolute;right:0;top:-4px;font-size:20px;font-weight:300;color:var(--gold-ink)}
.sc-small[open] summary::after{content:"\2212"}
.sc-small[open] summary{margin-bottom:.9rem}
.sc-small .sc-small-h{margin:0}
.sc-small-hint{font-size:12.5px;color:var(--muted)}
.sc-small[open] .sc-small-hint{display:none}
@media (max-width:640px){
  .rx{gap:.4rem}
  .rx li{font-size:13px}
  .sc{padding:3rem 0}
  .step-sub{font-size:14px}
}
.cmp{cursor:ew-resize}
.cmp input{pointer-events:none}
.cmp:focus-within .knob{outline:3px solid #5588e0;outline-offset:2px}
.sc-small summary{padding-top:.3rem;padding-bottom:.3rem}
.kc.ks1 .s{bottom:15.5%}
/* fold long tables and captions on phones */
.m-fold{margin-top:1.5rem}
.m-fold>summary{cursor:pointer;list-style:none;margin:0 0 .75rem}
.m-fold>summary::-webkit-details-marker{display:none}
.m-fold>summary{display:grid!important;grid-template-columns:1fr auto auto;align-items:center;gap:.75rem}
.m-fold>summary::after{content:"+";font-size:18px;font-weight:400;line-height:1;color:var(--gold-ink);letter-spacing:0}
.m-fold[open]>summary::after{content:"\2212"}
.caps.m-fold{margin-top:1rem}
.caps.m-fold>summary{margin-bottom:.6rem}
@media (max-width:640px){
  .m-fold>summary{min-height:44px;align-items:center;border:1px solid var(--border);border-radius:10px;padding:.55rem .85rem;background:var(--white);margin-bottom:0}
  .m-fold[open]>summary{margin-bottom:.75rem}
  .caps.m-fold{padding:0;border:0;background:transparent}
  .caps.m-fold[open]{padding:0}
}
.m-fold>summary{min-height:28px}

/* =====================================================================
   TDE colour refinement on The Seasonal Edit (Oct 2026)
   Page chrome moves from pine green to TDE chocolate brown + cornflower.
   Festive gold stays for seasonal accents. Sample brands keep their own colours.
   ===================================================================== */
.se{--pine:#2C1810;--pine-deep:#2C1810;--pine-soft:#4A2818;--blue:#5588e0;--blue-deep:#3D5FA8;--powder:#DCE7FA;--wash:#EEF3FC;--cool:#F8FAFE;--blue-line:rgba(85,136,224,.35)}
.se .nav{background:rgba(248,250,254,.95);border-bottom-color:var(--powder)}
.se .nav-links a{color:var(--pine)}
.se .nav-links a[aria-current="page"]{color:var(--blue-deep);box-shadow:inset 0 -2px 0 var(--blue)}
.se .nav-cta{background:var(--blue);color:var(--pine)!important;font-weight:600}
.se .nav-cta:hover{background:var(--blue-deep);color:#fff!important}
.se a:focus-visible,.se button:focus-visible,.se [tabindex]:focus-visible,.se summary:focus-visible,.se input:focus-visible,.se select:focus-visible,.se textarea:focus-visible{outline:3px solid var(--blue-deep);outline-offset:3px}
.se-eyebrow{color:var(--blue-deep)}
.se-eyebrow::before{background:var(--blue)}
.se-hero{border-bottom:0}

/* package overview: cornflower band */
.se-pkgnav{background:var(--blue);border-top:0}
.se-pkgnav-h{color:var(--pine)}
.se-pkgnav-list a{background:var(--cool);border-color:transparent;color:var(--pine)}
.se-pkgnav-list a:hover{background:#fff;border-color:var(--pine)}
.se-pkgnav-list a:focus-visible{outline-color:var(--pine)}
.pn-n{color:var(--blue-deep)}
.pn-tag{color:#5A4A3E}
.pn-price{color:var(--blue-deep)}
.se-pkgbar{background:rgba(248,250,254,.97);border-bottom-color:var(--powder)}
.se-pkgbar a{color:var(--pine)}
.se-pkgbar a b{color:var(--blue-deep)}
.se-pkgbar a:hover{background:var(--wash)}
.se-pkgbar a[aria-current="true"]{background:var(--blue);color:var(--pine)}
.se-pkgbar a[aria-current="true"] b{color:var(--pine)}
.se-pkgbar .pb-enq a{border-color:var(--pine)}

/* sections: alternate warm cream and cool white */
.sc:nth-of-type(even){background:var(--cool)}
.sc{border-top-color:var(--powder)}
.se-bizs{border-color:var(--powder)}
.se-bizs-h{color:var(--blue-deep)}

/* price beside each demonstration */
.sc-demo-top{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem .8rem;margin-bottom:1rem}
.sc-demo-top .sc-label{margin:0;order:3;flex-basis:100%}
.sc-demo-price{display:inline-flex;align-items:baseline;gap:.4rem;background:var(--blue);color:var(--pine);border-radius:10px;padding:.35rem .8rem;font-size:13px;font-weight:500}
.sc-demo-price b{font-family:var(--serif);font-size:24px;font-weight:700;line-height:1}
.sc-demo-enq{font-size:14px;font-weight:600;color:var(--blue-deep)}
.sc-label{color:var(--blue-deep);background:var(--wash);border-color:var(--blue-line)}
.sc-label::before{background:var(--blue)}

/* package header and small print */
.sc-num{color:var(--blue-deep)}
.sc-name{color:var(--pine)}
.sc-price{color:var(--pine)}
.sc-inc summary{color:var(--pine)}
.sc-inc summary::after{color:var(--blue-deep)}
.sc-inc li::before{background:var(--blue)}
.sc-termsbox{border-color:var(--powder)}
.sc:nth-of-type(even) .sc-termsbox{background:#fff}
.sc-small-h,.sc-terms dt{color:var(--blue-deep)}
.sc-small summary::after{color:var(--blue-deep)}
.sc-notes{background:var(--wash);border-left-color:var(--blue)}
.btn-pine{background:var(--blue);color:var(--pine);font-weight:600}
.btn-pine:hover{background:var(--blue-deep);color:#fff}

/* send, create, receive */
.st-send{background:var(--wash);border-color:var(--powder)}
.st-make{border-color:var(--powder)}
.step-n{background:#fff;color:var(--blue-deep);border-color:var(--blue-line)}
.st-make .step-n{background:var(--blue);color:var(--pine);border-color:var(--blue)}
.st-get .step-n{background:var(--blue);color:var(--pine);border-color:var(--blue)}
.step-h{color:var(--blue-deep)}
.st-get{background:var(--pine);border-color:var(--pine)}
.st-get .step-h{color:#BCD0F5}
.rx-ic{background:rgba(85,136,224,.22);border-color:rgba(85,136,224,.55);color:#DCE7FA}
.rx li{background:rgba(255,255,255,.05);border-color:rgba(188,208,245,.3)}
.step+.step::before{background:repeating-linear-gradient(180deg,var(--blue) 0 5px,transparent 5px 9px)}
.step+.step::after{border-color:var(--blue)}
.in-note-h{color:var(--blue-deep)}
.in-list li::before{background:var(--blue)}
.changes li::before,.anatomy li::before{background:var(--blue-deep);color:#fff}
.gal-h{color:var(--blue-deep)}
.seg button[aria-pressed="true"]{background:var(--blue);color:var(--pine);font-weight:600}
.web-demo,.email-demo{background:var(--wash);border-color:var(--powder)}
.m-fold>summary span::after,.m-fold>summary::after{color:var(--blue-deep)}
.cal thead th{background:var(--pine)}
.caps{border-color:var(--powder)}
.caps blockquote{border-left-color:var(--blue)}

/* content visit flow */
.cv-flow{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin:0 0 1rem;padding:0;position:relative}
.cv-flow li{position:relative;background:#fff;border:1px solid var(--powder);border-top:3px solid var(--blue);border-radius:8px;padding:.6rem .7rem .65rem;font-size:12.5px;line-height:1.4;color:#5A4A3E}
.cv-flow li+li::before{content:"\2192";position:absolute;left:-.55rem;top:50%;transform:translate(-50%,-50%);font-weight:700;color:var(--blue-deep);font-size:15px}
.cv-flow b{display:block;font-size:14px;color:var(--pine)}
.cvn{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--blue);color:var(--pine);font-size:11px;font-weight:700;margin-bottom:.3rem}
.pick{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;max-width:520px}
.pick span{position:relative;border-radius:6px;overflow:hidden;opacity:.55;border:2px solid transparent}
.pick span.on{opacity:1;border-color:var(--blue)}
.pick span.on::after{content:"\2713";position:absolute;right:4px;top:4px;width:20px;height:20px;border-radius:50%;background:var(--blue);color:var(--pine);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}
.pick img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover}
.cv-note{font-size:13px;color:#5A4A3E;margin:.9rem 0 0}

/* how it works, extras, faq, enquiry */
.se-step-n{color:var(--blue-deep)}
.se-steps{border-top-color:var(--blue)}
.se-extras{background:var(--blue);color:var(--pine)}
.se-extras .se-eyebrow{color:var(--pine)}
.se-extras .se-eyebrow::before{background:var(--pine)}
.se-extras .section-title,.se-extras h2{color:var(--pine)}
.se-extras-list{background:rgba(44,24,16,.15)!important;border-color:rgba(44,24,16,.15)!important}
.se-extras-list li{background:var(--cool)}
.se-extras-list h3{color:var(--pine)}
.se-extras-list p{color:#4A3A2E}
.se-extras p{color:var(--pine)}
.se-faq summary::after{color:var(--blue-deep)}
.se-cta{background:var(--powder);color:var(--pine);background-image:none}
.se-cta .se-eyebrow{color:var(--blue-deep)}
.se-cta h2,.se-cta .section-title{color:var(--pine)}
.se-cta p{color:var(--pine)}
.se-cta a{color:var(--blue-deep)}
.se-form-card .form-submit{background:var(--blue);color:var(--pine);font-weight:600}
.se-form-card .form-submit:hover{background:var(--blue-deep);color:#fff}
.se-availability{background:var(--wash);border-color:var(--powder)}
.footer{border-top:5px solid var(--blue)}
@media (max-width:640px){
  .cv-flow{grid-template-columns:1fr;gap:.45rem}
  .cv-flow li+li::before{content:"\2193";left:50%;top:-.42rem;transform:translate(-50%,-50%)}
  .sc-demo-price b{font-size:21px}
}
.se .nav-links a{text-decoration:none}
.sc-num{font-family:var(--sans);font-size:13px;font-weight:700;letter-spacing:.08em}
.se-extras .section-sub{color:var(--pine)}
.se-extras-list h3{line-height:1.15}
.sc-demo-enq{display:inline-block;padding:.35rem .1rem}
.kc.k2 .b{font-size:2.3cqw;letter-spacing:.12em;padding:2cqw 2.8cqw}

/* ===== Photography refresh (Oct 2026): fictional sample brands ===== */
.se-bizs{background:var(--wash);border-color:var(--powder)}
.se-bizs ul{grid-template-columns:repeat(3,minmax(0,1fr))}
.se-bizs li a{display:flex;flex-direction:column;gap:.45rem;text-decoration:none;color:inherit;border-radius:8px;padding:.35rem;margin:-.35rem}
.se-bizs li a:hover .bz-d b,.se-bizs li a:focus-visible .bz-d b{color:var(--blue-deep);text-decoration:underline}
.bz-d b{font-weight:600;color:var(--pine)}
.bz-hh{background:#1E4756;color:#FCF8F0;font-family:"Fraunces",Georgia,serif}
.bz-hh i{color:#F6C66B}
.bz-ll{background:#3A3F33;color:#FAF7F2;font-family:"Fraunces",Georgia,serif}
.bz-ll i{color:#E2C8A6}
.bz-oi{background:#2C1B12;color:#F7F1E8;font-family:"Fraunces",Georgia,serif;letter-spacing:.03em}
.bz-oi i{color:#E6CD92}
.lg-hh{background:#FCF8F0;color:#1E4756;font-family:"Fraunces",Georgia,serif;font-size:18px;border:1px dashed #c9c1b0}
.lg-hh i{color:#B5432B}
.lg-oi{background:#F7F1E8;color:#2C1B12;font-family:"Fraunces",Georgia,serif;font-size:18px;border:1px dashed #d5c7b2}
.lg-oi i{color:#8A6A2E}
@media (max-width:640px){.lg-hh,.lg-oi{font-size:13px}.se-bizs ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
.in-photo img{object-fit:cover}

/* toy shop skin on the catalogue graphics */
.wh.hh{--forest:#1E4756;--paper:#FCF8F0;--clay:#B5432B;--gold:#F6C66B}
.wh.hh.ws1 .ph{border-radius:2cqw;overflow:hidden}

/* jeweller skin on the Black Friday artboards */
.hl.oi{--ink:#2C1B12;--cream:#F7F1E8;--signal:#7A5C24;font-family:"Inter",sans-serif}
.hl.oi .blk{font-family:"Fraunces",Georgia,serif;font-weight:400;text-transform:none;letter-spacing:-.02em}
.hl.oi .blk em{font-style:italic;color:var(--signal)}
.hl.oi .logo{font-family:"Fraunces",Georgia,serif;font-weight:400;letter-spacing:.14em;font-size:3.8cqw}
.hl.oi .meta{font-family:"Inter",sans-serif;font-weight:600;font-size:2.4cqw;letter-spacing:.24em}
.hl.oi.p1{background:var(--cream)}
.hl.oi.p1 .t{font-size:11cqw;line-height:.95;top:15cqw}
.hl.oi.p1 .ph{height:56%}
.hl.oi.p1 .st{background:#2C1B12;bottom:44cqw}
.hl.oi .st b,.hl.oi .n,.hl.oi .clock b,.hl.oi.p2 .pr b{font-family:"Fraunces",Georgia,serif;font-weight:400}
.hl.oi .st span{font-family:"Inter",sans-serif;font-size:2.1cqw}
.hl.oi.p2 .nm{font-size:8cqw}
.hl.oi.p2 .pr b{color:#E6CD92}
.hl.oi.p2 .tg{background:#8A6A2E}
.hl.oi.p3{background:#2C1B12}
.hl.oi.p3 .t{font-size:11.5cqw;line-height:1.02}
.hl.oi.p3 .t span{color:#E6CD92;font-style:italic}
.hl.oi.p4 .t{font-size:14cqw}
.hl.oi.s1,.hl.oi.s2{background:#2C1B12}
.hl.oi.s1 .n,.hl.oi.s2 .t span{color:#E6CD92}
.hl.oi.s2 .t span{font-style:italic}
.hl.oi.s3 .t{font-size:16cqw;text-shadow:0 1cqw 5cqw rgba(0,0,0,.45)}
.hl.oi.s3 .ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(44,27,18,.45),rgba(44,27,18,0) 40%)}
.hl.oi.s3 .ph{position:absolute}
.hl.oi.s3 .b{color:#2C1B12}
.hl.oi.s4 .clock div{background:#2C1B12}
.hl.oi.bn .t{font-family:"Fraunces",Georgia,serif;text-transform:none;font-weight:400;font-size:5cqw}
.hl.oi.bn .t em{font-style:italic;color:var(--signal)}
.hl.oi.bn .bbtn{background:#2C1B12}

/* Wren & Hearth skin on the Sales Kit layouts */
.kc.whs{--red:#9A5634;--cream:#FAF6EF;--green:#2F4A3A;--gold:#ECD9B5}
.kc.whs .serif,.kc.whs .mark,.kc.whs.ps .mk,.kc.whs.ps .h4{font-family:"Fraunces",Georgia,serif}
.kc.whs.k3{background:var(--green)}

/* menu-inspired post (part of the Sales Kit) */
.kc.km{background:var(--cream)}
.kc.km .t{left:7cqw;right:7cqw;top:13cqw;text-align:center;font-size:9cqw;line-height:1}
.kc.km .t i{color:var(--red)}
.kc.km .sub{left:0;right:0;top:24.5cqw;text-align:center;font-size:2.6cqw;letter-spacing:.2em;text-transform:uppercase;font-weight:600}
.kc.km .ph{left:30cqw;right:30cqw;top:32cqw;height:30cqw;border-radius:50%;overflow:hidden;border:.8cqw solid #fff;box-shadow:0 2cqw 5cqw rgba(38,64,47,.2)}
.kc.km .list{left:9cqw;right:9cqw;bottom:7cqw;display:flex;flex-direction:column}
.kc.km .list>span{display:flex;justify-content:space-between;align-items:baseline;gap:2cqw;padding:2cqw 0;border-bottom:.3cqw dotted rgba(38,64,47,.35);font-size:3.5cqw}
.kc.km .list b{font-family:"Libre Caslon Text",Georgia,serif;font-weight:400}
.kc.km .list em{font-style:normal;font-weight:600;color:var(--red)}

/* Sales Kit example switch */
.sk-switch{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:.25rem 0 1rem;background:var(--powder);padding:.35rem;border-radius:12px}
.sk-switch [role="tab"]{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;border:0;background:transparent;border-radius:9px;padding:.6rem .85rem;min-height:48px;font:600 15px/1.25 var(--sans);color:var(--pine);cursor:pointer;text-align:left}
.sk-switch .sk-k{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--blue-deep)}
.sk-switch [role="tab"][aria-selected="true"]{background:var(--blue);color:var(--pine);box-shadow:0 6px 16px -10px rgba(44,24,16,.6)}
.sk-switch [role="tab"][aria-selected="true"] .sk-k{color:var(--pine)}
.sk-switch [role="tab"]:focus-visible{outline:3px solid var(--blue-deep);outline-offset:2px}
.sk-panel[hidden]{display:none}
.sk-panel>.step+.step{margin-top:1.4rem}
.sk-panel{display:flex;flex-direction:column}
.flow>.sk-panel+.step,.flow>.sk-panel:last-of-type{margin-bottom:0}

/* optional full menu (not part of the Sales Kit) */
.menu-extra{display:grid;grid-template-columns:120px 1fr;gap:1rem;align-items:start;margin-top:1.25rem;padding:1rem;border:1.5px dashed var(--blue);border-radius:12px;background:var(--wash)}
.menu-thumb{position:relative;display:block;border:0;padding:0;border-radius:8px;overflow:hidden;cursor:zoom-in;aspect-ratio:3/4;background:#F6EEE3}
.menu-thumb img{width:100%;height:100%;object-fit:cover;display:block;opacity:.9}
.menu-thumb span{position:absolute;left:0;right:0;bottom:0;background:rgba(38,64,47,.88);color:#F6EEE3;font:600 12px/1.2 var(--sans);padding:.45rem;text-align:center}
.menu-extra-k{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blue-deep);margin:0 0 .25rem}
.menu-extra-h{font-family:var(--serif);font-size:20px;line-height:1.2;color:var(--pine);margin:0 0 .4rem}
.menu-extra p{font-size:14px;line-height:1.55;color:#4A3A2E;margin:0 0 .6rem}
.btn-sm{padding:.55rem .9rem;font-size:14px;min-height:44px}
@media (max-width:640px){.menu-extra{grid-template-columns:84px 1fr;gap:.75rem;padding:.8rem}.menu-extra-h{font-size:17px}.sk-switch [role="tab"]{font-size:14px;padding:.5rem .6rem}}
.in-photo img{height:auto}
.se-hero .se-btn-gold{background:var(--blue);color:var(--pine);border-color:var(--blue)}
.se-hero .se-btn-gold:hover{background:#7FA6EC;color:var(--pine)}
.pn-ex{display:block;font-size:12px;line-height:1.35;color:var(--blue-deep);margin-top:.35rem;font-weight:600}

/* ===== Round 12: menu design, content visit, events ===== */
/* package overview: 8 cards */
.se-pkgnav-list{grid-template-columns:repeat(4,minmax(0,1fr))}
.se-pkgnav-list .pn-ev a{background:var(--powder);border:1.5px dashed var(--pine)}
@media (max-width:1100px){.se-pkgnav-list{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:860px){.se-pkgnav-list{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* café sub-selector */
.sk-sub{background:var(--wash);border:1px solid var(--powder);margin-top:0}
.sk-sub [role="tab"]{font-size:14.5px}
.sk-sub [role="tab"][aria-selected="true"]{background:var(--pine);color:#fff}
.sk-sub [role="tab"][aria-selected="true"] .sk-k{color:#BCD0F5}
.opt-badge{display:inline-block;margin:0 0 .9rem;padding:.45rem .8rem;border-radius:8px;background:var(--powder);color:var(--pine);font-size:13px;font-weight:600;line-height:1.4}
.menu-hint{font-size:14px;color:#4A3A2E;margin:1rem 0 .5rem}
.linkish{background:none;border:0;padding:.2rem 0;font:inherit;font-weight:600;color:var(--blue-deep);text-decoration:underline;cursor:pointer;min-height:24px}
.in-sheet.in-wide{grid-column:span 2}
.menu-pages{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;margin:.25rem 0 .9rem}
.menu-page{display:block;border:0;padding:0;background:#fff;border-radius:6px;overflow:hidden;cursor:zoom-in;box-shadow:0 18px 40px -22px rgba(44,24,16,.6)}
.menu-page img{display:block;width:100%;height:auto}
.menu-bar{gap:.6rem;flex-wrap:wrap}
.gal.three{grid-template-columns:1fr .62fr 1fr;align-items:start}
.kc.kms{background:var(--green);color:var(--cream)}
.kc.kms .mark{color:var(--cream)}.kc.kms .mark i{color:var(--gold)}
.kc.kms .t{left:8cqw;right:8cqw;top:13%;font-size:11cqw;line-height:1}
.kc.kms .t i{color:var(--gold)}
.kc.kms .ph{left:8cqw;right:8cqw;top:32%;height:28%;border-radius:2cqw;overflow:hidden}
.kc.kms .list{left:8cqw;right:8cqw;bottom:8%;display:flex;flex-direction:column}
.kc.kms .list>span{display:flex;justify-content:space-between;gap:2cqw;padding:3cqw 0;border-bottom:.4cqw dotted rgba(246,238,227,.4);font-size:4.4cqw}
.kc.kms .list b{font-family:"Libre Caslon Text",Georgia,serif;font-weight:400}
.kc.kms .list em{font-style:normal;color:var(--gold);font-weight:600}
.kc.kmt .ph{inset:0}
.kc.kmt .band{left:6cqw;right:6cqw;bottom:6cqw;background:rgba(246,238,227,.96);border-radius:2cqw;padding:5cqw 6cqw;display:flex;flex-direction:column;gap:2cqw;text-align:center}
.kc.kmt .mark2{font-family:"Libre Caslon Text",serif;font-size:3.4cqw;letter-spacing:.04em}
.kc.kmt .mark2 i{color:var(--red)}
.kc.kmt .t{font-size:8cqw;line-height:1.02}.kc.kmt .t i{color:var(--red)}
.kc.kmt .s{font-size:3cqw;line-height:1.45}
@media (max-width:640px){.menu-pages{gap:.5rem}.gal.three{grid-template-columns:1fr .62fr 1fr;gap:.45rem}.in-sheet.in-wide{grid-column:1/-1}}

/* ===== Content Visit, editorial ===== */
.cv2 .cv-intro{margin:.25rem 0 1.25rem}
.cv-lede{font-family:var(--serif);font-size:clamp(22px,2.4vw,30px);line-height:1.2;color:var(--pine);margin:0;max-width:30ch}
.cv-stage{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--powder)}
.cv-k{display:flex;align-items:center;gap:.6rem;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blue-deep);margin:0 0 .5rem}
.cv-k span{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--blue);color:var(--pine);font-size:14px;letter-spacing:0}
.cv-h{font-family:var(--serif);font-weight:500;font-size:clamp(20px,2vw,25px);line-height:1.2;color:var(--pine);margin:0 0 1rem;max-width:34ch}
.cv-p{font-size:14.5px;line-height:1.6;color:#4A3A2E;margin:.9rem 0 0;max-width:62ch}
.cv-mosaic{display:grid;grid-template-columns:1.25fr 1fr 1fr;grid-template-rows:auto auto;gap:.6rem}
.cvm{position:relative;margin:0;border-radius:8px;overflow:hidden;background:#e9e4dc}
.cvm img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:4/5}
.cvm-big{grid-row:1/3}
.cvm-big img{aspect-ratio:auto;height:100%}
.cvm figcaption{position:absolute;left:.5rem;bottom:.5rem;background:rgba(44,24,16,.82);color:#fff;font-size:12px;font-weight:600;padding:.3rem .55rem;border-radius:99px}
.cvm-note{display:flex;flex-direction:column;justify-content:center;padding:1rem;background:var(--wash);border:1.5px dashed var(--blue);color:var(--pine)}
.cvm-h{font-weight:700;font-size:14px;margin:0 0 .3rem}
.cvm-note p{font-size:13px;line-height:1.5;margin:0}
.cvg{display:flex;gap:.75rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:.25rem 0 .75rem;scrollbar-width:thin}
.cvg:focus-visible{outline:3px solid var(--blue-deep);outline-offset:3px}
.cvg-item{flex:0 0 min(340px,78%);margin:0;scroll-snap-align:start}
.cvg-btn{display:block;width:100%;border:0;padding:0;border-radius:8px;overflow:hidden;cursor:zoom-in;background:#e9e4dc}
.cvg-btn img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;transition:transform .4s}
.cvg-btn:hover img{transform:scale(1.03)}
.cvg-btn:focus-visible{outline:3px solid var(--blue-deep);outline-offset:2px}
.cvg-item figcaption{font-size:12.5px;color:#5A4A3E;margin-top:.4rem}
.cvg-item figcaption b{color:var(--blue-deep);margin-right:.3rem}
.cv-count b{color:var(--pine)}
.cv-receive{display:grid;grid-template-columns:1.1fr 1fr;gap:1.25rem;align-items:start}
.cv-feed{background:#fff;border:1px solid var(--powder);border-radius:12px;padding:.8rem}
.fd-head{display:flex;align-items:center;gap:.6rem;margin-bottom:.6rem}
.fd-av{width:40px;height:40px;border-radius:50%;background:#26402F;color:#F6EEE3;display:flex;align-items:center;justify-content:center;font-family:"Libre Caslon Text",serif;font-size:13px}
.fd-head b{display:block;font-size:14px;color:var(--pine)}.fd-head small{font-size:12px;color:#6a5a4a}
.fd-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:3px}
.fd{position:relative;aspect-ratio:1/1;overflow:hidden;background:#eee}
.fd img{width:100%;height:100%;object-fit:cover;display:block}
.fd-t{position:absolute;left:6%;right:6%;bottom:6%;background:rgba(246,238,227,.94);color:#26402F;font-family:"Libre Caslon Text",Georgia,serif;font-size:clamp(9px,1vw,12px);line-height:1.2;padding:.35rem .4rem;text-align:center;border-radius:3px}
.fd-note{font-size:12.5px;color:#5A4A3E;margin:.6rem 0 0}
.gal.four{grid-template-columns:repeat(2,1fr)}
.cvs .ph{inset:0}
.cvs .ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,14,10,.45),rgba(20,14,10,0) 30%,rgba(20,14,10,0) 55%,rgba(20,14,10,.75))}
.cvs .mk{left:0;right:0;top:7%;text-align:center;font-family:"Libre Caslon Text",serif;font-size:5cqw;color:#F6EEE3;letter-spacing:.04em}
.cvs .t{left:8cqw;right:8cqw;bottom:16%;font-family:"Libre Caslon Text",serif;font-size:11cqw;line-height:1;color:#fff}
.cvs .t i{color:#ECD49E}
.cvs .b{left:8cqw;right:8cqw;bottom:7%;font-size:4.4cqw;font-weight:600;color:#F6EEE3;letter-spacing:.04em}
.cv-caps{margin-top:1.25rem}
.cap-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.cap-card{display:grid;grid-template-columns:56px 1fr;gap:.6rem;align-items:start;background:#fff;border:1px solid var(--powder);border-radius:10px;padding:.6rem}
.cap-ph img{width:56px;height:56px;object-fit:cover;border-radius:6px;display:block}
.cap-card p{font-size:13.5px;line-height:1.5;color:#3A2A20;margin:0}
.cap-card b{color:var(--blue-deep)}
.cv-twenty{margin-top:1.25rem;background:var(--pine);color:#F3EBDD;border-radius:12px;padding:1rem 1.2rem}
.cvt-h{font-family:var(--serif);font-size:20px;color:#fff;margin:0 0 .5rem}
.cv-twenty ul{list-style:none;margin:0 0 .5rem;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}
.cv-twenty li{font-size:13px;line-height:1.35;background:rgba(255,255,255,.07);border-radius:8px;padding:.5rem .6rem}
.cv-twenty li b{display:block;font-family:var(--serif);font-size:24px;color:#BCD0F5}
.cv-twenty p{font-size:13px;margin:0;color:#E8DFD2}
.cv2 .cv-note{margin-top:1.25rem}
.lb-slot{--r:auto!important;width:auto!important;max-width:min(92vw,900px)}
.lb{margin:0;display:flex;flex-direction:column;align-items:center}
.lb img{display:block;max-width:100%;max-height:82vh;width:auto;height:auto;border-radius:6px}
.lb figcaption{color:#F3EBDD;font-size:13px;margin-top:.5rem;text-align:center}
@media (max-width:860px){.cv-receive{grid-template-columns:1fr}}
@media (max-width:640px){
  .cv-mosaic{grid-template-columns:1fr 1fr}
  .cvm-big{grid-column:1/-1;grid-row:auto}.cvm-big img{aspect-ratio:4/3}
  .cap-list{grid-template-columns:1fr}
  .cv-twenty ul{grid-template-columns:1fr 1fr}
  .gal.four{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:.6rem}
  .gal.four>.ab{flex:0 0 46%;scroll-snap-align:start}
}

/* ===== Christmas Events & Workshops ===== */
.ev{background:var(--wash)}
.ev-intro{max-width:760px;margin-bottom:1.5rem}
.ev .sc-grid{margin-top:0}
.ev-pick{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;background:var(--powder);padding:.35rem;border-radius:12px;margin:.25rem 0 .5rem}
.ev-pick button{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;border:0;background:transparent;border-radius:9px;padding:.7rem .9rem;min-height:48px;font:600 15px/1.2 var(--sans);color:var(--pine);cursor:pointer}
.ev-pick button b{font-family:var(--serif);font-size:21px}
.ev-pick button[aria-pressed="true"]{background:var(--blue);box-shadow:0 6px 16px -10px rgba(44,24,16,.6)}
.ev-pick button:focus-visible{outline:3px solid var(--blue-deep);outline-offset:2px}
.ev-count{font-size:13.5px;color:#4A3A2E;margin:0 0 1rem}
.ev.ev-ess .camp{display:none!important}
.ev:not(.ev-ess) .ess-only{display:none!important}
.ev-top{display:grid;grid-template-columns:1.2fr 1fr;gap:1rem;align-items:start;margin-bottom:.5rem}
.ev-dl{margin-top:.7rem}
.ev-qrnote{font-size:12.5px;color:#5A4A3E;margin:.5rem 0 0}
.ev-mail{background:#fff;border:1px solid var(--powder);border-radius:10px;overflow:hidden;max-width:460px}
.evm-meta{font-size:13px;line-height:1.5;color:#3A2A20;margin:0;padding:.6rem .8rem;border-bottom:1px solid var(--powder);background:var(--cool)}
.evm-body{padding:.9rem;background:#F6F1E7;color:#1E3328;text-align:center}
.evm-mk{font-family:"Fraunces",serif;font-size:20px;margin:0 0 .6rem;letter-spacing:.03em}.evm-mk small{font-family:"Inter",sans-serif;font-size:10px;letter-spacing:.3em;text-transform:uppercase;display:block}
.evm-body img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:6px}
.evm-h{font-family:"Fraunces",serif;font-size:24px;margin:.7rem 0 .4rem}.evm-h i{color:#7A2232}
.evm-body p{font-size:14px;line-height:1.55;margin:0 0 .6rem}
.evm-btn{display:inline-block;background:#7A2232;color:#fff;font-weight:600;font-size:14px;padding:.6rem 1rem;border-radius:6px}
.evm-ft{font-size:11.5px!important;color:#56625A;margin:.7rem 0 0!important}
.ev-sched{margin-top:.5rem}
.ev-list{list-style:none;margin:0;padding:0;border-top:2px solid var(--pine)}
.ev-list li{display:grid;grid-template-columns:110px 1fr;gap:.6rem;padding:.6rem 0;border-bottom:1px solid var(--powder);font-size:14px;color:#3A2A20}
.ev-side .ev-side-h{font-family:var(--serif);font-size:26px;line-height:1.1;color:var(--pine);margin:.2rem 0 .8rem}
.ev-pk{border-top:1px solid var(--powder);padding-top:.9rem;margin-top:.9rem}
.ev-pk-name{font-family:var(--serif);font-size:21px;color:var(--pine);margin:0}
.ev-pk .sc-price{margin:.2rem 0 .5rem}
.ev-pk ul{margin:0 0 .8rem;padding-left:1.1rem;font-size:14px;line-height:1.55;color:#3A2A20}
.ev .sc-termsbox{background:#fff}
.bz-cf{background:#1E3328;color:#F6F1E7;font-family:"Fraunces",Georgia,serif;letter-spacing:.04em}
.lg-cf{background:#F6F1E7;color:#1E3328;font-family:"Fraunces",Georgia,serif;font-size:18px;border:1px dashed #c8bfae}
/* florist artboards */
.cf{--g:#1E3328;--berry:#7A2232;--cr:#F6F1E7;--sage:#A9B8A0;font-family:"Inter",sans-serif;background:var(--cr);color:var(--g)}
.cf .mk{font-family:"Fraunces",Georgia,serif;letter-spacing:.06em}
.cf .t{font-family:"Fraunces",Georgia,serif;font-weight:400;line-height:1}
.cf .t i{color:var(--berry)}
.cf .qr{background:#fff;border-radius:2cqw;padding:2cqw;display:flex;flex-direction:column;align-items:center}
.cf .qr img{width:100%;height:auto;object-fit:contain;display:block}
.cf .qr small{font-size:2.4cqw;font-weight:600;letter-spacing:.12em;text-transform:uppercase;margin-top:1cqw}
.cfp .ph{left:0;right:0;top:0;height:46%}
.cfp .mk{left:6cqw;top:5cqw;font-size:5.4cqw;color:#fff;text-shadow:0 .5cqw 2cqw rgba(0,0,0,.35)}
.cfp .mk small{display:block;font-family:"Inter",sans-serif;font-size:2.2cqw;letter-spacing:.32em;text-transform:uppercase}
.cfp .t{left:6cqw;right:6cqw;top:51%;font-size:10.5cqw}
.cfp .s{left:6cqw;right:36cqw;top:76%;font-size:2.9cqw;line-height:1.45}
.cfp .info{left:6cqw;right:36cqw;top:62.5%;display:grid;grid-template-columns:1fr 1fr;gap:1.6cqw 3cqw;font-size:2.8cqw;line-height:1.3}
.cfp .info>span{display:flex;flex-direction:column;border-top:.35cqw solid var(--berry);padding-top:1cqw}
.cfp .info b{font-weight:600}
.cfp .info>span:last-child{grid-column:1/-1}
.cfp .qr{right:6cqw;top:62%;width:24cqw}
.cfp .url{left:6cqw;right:6cqw;bottom:3.5cqw;font-size:2.6cqw;font-weight:600;letter-spacing:.06em;color:var(--berry)}
.cfq{background:var(--g);color:var(--cr)}
.cfq .mk{left:0;right:0;top:7cqw;text-align:center;font-size:5cqw}
.cfq .t{left:8cqw;right:8cqw;top:17cqw;text-align:center;font-size:9cqw}.cfq .t i{color:#E8B4BD}
.cfq .qr{left:28cqw;right:28cqw;top:40cqw}
.cfq .s{left:6cqw;right:6cqw;bottom:7cqw;text-align:center;font-size:3.1cqw}
.cf.c1 .ph,.cf.c3 .ph,.cf.c4 .ph,.cf.c5 .ph{inset:0}
.cf.c1 .ph::after,.cf.c3 .ph::after,.cf.c4 .ph::after,.cf.c5 .ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,32,26,.5),rgba(20,32,26,0) 35%,rgba(20,32,26,0) 50%,rgba(20,32,26,.85))}
.cf.c1 .mk,.cf.c4 .mk{left:0;right:0;top:6cqw;text-align:center;color:#fff;font-size:5cqw}
.cf.c1 .t,.cf.c3 .t,.cf.c4 .t,.cf.c5 .t{left:7cqw;right:7cqw;bottom:15cqw;color:#fff;font-size:9.5cqw}
.cf.c1 .t i,.cf.c3 .t i,.cf.c4 .t i,.cf.c5 .t i{color:#F2C6CD}
.cf.c1 .s,.cf.c3 .s,.cf.c4 .s,.cf.c5 .s{left:7cqw;right:7cqw;bottom:7cqw;color:#F6F1E7;font-size:3.3cqw;font-weight:600}
.cf.c2 .mk{left:7cqw;top:7cqw;font-size:4.6cqw}
.cf.c2 .t{left:7cqw;right:7cqw;top:17cqw;font-size:11cqw}
.cf.c2 ul{left:7cqw;right:7cqw;top:38cqw;list-style:none;margin:0;padding:0;font-size:3.6cqw;line-height:1.35}
.cf.c2 li{padding:2.3cqw 0 2.3cqw 5cqw;border-bottom:.3cqw solid rgba(30,51,40,.2);position:relative}
.cf.c2 li::before{content:"";position:absolute;left:0;top:3.4cqw;width:2cqw;height:2cqw;border-radius:50%;background:var(--berry)}
.cf.c2 .s{left:7cqw;right:7cqw;bottom:7cqw;font-size:3.4cqw;font-weight:600;color:var(--berry)}
.cf.t1 .ph,.cf.t3 .ph{inset:0}
.cf.t1 .ph::after,.cf.t3 .ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,32,26,.55),rgba(20,32,26,0) 30%,rgba(20,32,26,0) 55%,rgba(20,32,26,.85))}
.cf.t1 .mk{left:0;right:0;top:7%;text-align:center;color:#fff;font-size:6cqw}
.cf.t1 .t,.cf.t3 .t{left:8cqw;right:8cqw;bottom:16%;color:#fff;font-size:15cqw}
.cf.t1 .t i,.cf.t3 .t i{color:#F2C6CD}
.cf.t1 .s,.cf.t3 .s{left:8cqw;right:8cqw;bottom:8%;color:#F6F1E7;font-size:5cqw;font-weight:600}
.cf.t2{background:var(--berry);color:var(--cr)}
.cf.t2 .mk{left:0;right:0;top:7%;text-align:center;font-size:6cqw}
.cf.t2 .t{left:8cqw;right:8cqw;top:16%;text-align:center;font-size:15cqw}.cf.t2 .t i{color:#F2C6CD}
.cf.t2 .qr{left:20cqw;right:20cqw;top:42%}
.cf.t2 .s{left:6cqw;right:6cqw;bottom:8%;text-align:center;font-size:4.8cqw;font-weight:600}
.cf.t4{background:var(--g);color:var(--cr)}
.cf.t4 .mk{left:0;right:0;top:7%;text-align:center;font-size:6cqw}
.cf.t4 .n{left:0;right:0;top:20%;text-align:center;font-family:"Fraunces",serif;font-size:62cqw;line-height:.8;color:#F2C6CD}
.cf.t4 .t{left:8cqw;right:8cqw;top:58%;text-align:center;font-size:12cqw}.cf.t4 .t i{color:#F2C6CD}
.cf.t4 .s{left:6cqw;right:6cqw;bottom:8%;text-align:center;font-size:4.6cqw;font-weight:600}
@media (max-width:860px){.ev-top{grid-template-columns:1fr}.ev-top>div:last-child{max-width:320px}}
@media (max-width:640px){.ev-pick button{font-size:14px;padding:.55rem .65rem;flex-direction:column;align-items:flex-start}.ev-pick button b{font-size:18px}.ev-list li{grid-template-columns:90px 1fr;font-size:13.5px}}
.cfp .ph{height:43%}
.cfp .t{top:46.5%;font-size:8.8cqw;line-height:1.02}
.cfp .info{top:63%;font-size:2.7cqw}
.cfp .s{top:79%;font-size:2.8cqw}
.cfp .qr{top:63.5%;width:23cqw}
/* Content Visit: photography gets the full width */
#pkg-content-visit .sc-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"head terms" "demo demo";gap:1.5rem 3rem}
#pkg-content-visit .sc-headbox{position:static}
#pkg-content-visit .sc-inc ul{columns:2;column-gap:1.5rem}
@media (max-width:1000px){#pkg-content-visit .sc-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "demo" "terms"}#pkg-content-visit .sc-inc ul{columns:1}}
.cvg-btn img,.cvm img,.fd img,.cap-ph img,.cvs img,.menu-page img{height:auto}
.cvg-btn img{aspect-ratio:4/5;height:auto}
.cvm img{height:100%}
.cvm-big img{height:100%;min-height:100%}
.fd img{height:100%}
.cap-ph img{height:56px}
.cvg-item{flex:0 0 min(360px,78%)}
.cv-mosaic{grid-template-columns:1.3fr 1fr 1fr}
.ev-gal.posts{grid-template-columns:repeat(3,1fr)}
.ev.ev-ess .ev-gal.posts{grid-template-columns:repeat(3,1fr)}
@media (max-width:640px){.ev-gal.posts{display:flex}}
.cvs{background:#2C1810}
@media (max-width:640px){
  .cv-mosaic{grid-template-columns:1fr 1fr}
  .cvm-note{grid-column:auto}
  .cvg-item{flex:0 0 80%}
  .ev-gal.posts{display:flex}
}

/* ===== Layout pass (round 13) ===== */
/* 1. optional extras: five equal boxes in one row on desktop */
.se-extras-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem;background:none!important;border:0!important;align-items:stretch}
.se-extras-list li{border-radius:12px;padding:1.4rem 1.25rem;border:1px solid rgba(44,24,16,.12)}
.se-extras-list h3{font-size:20px}
@media (max-width:1100px){.se-extras-list{grid-template-columns:repeat(2,minmax(0,1fr))}.se-extras-list li:last-child{grid-column:1/-1}}
@media (max-width:600px){.se-extras-list{grid-template-columns:1fr}.se-extras-list li:last-child{grid-column:auto}}
/* 2. spacing between the date notice and How it works */
.se-avail-wrap{padding-bottom:0}
.se-avail-wrap+.se-modal+.se-how,.se-avail-wrap~.se-how{padding-top:3.5rem}
.se-how{padding-bottom:4.5rem}
.se-extras{padding-top:4.5rem;padding-bottom:4.5rem}
@media (max-width:640px){.se-avail-wrap~.se-how{padding-top:2.5rem}.se-how,.se-extras{padding-bottom:3rem}.se-extras{padding-top:3rem}}
/* 3. events: the package shown on the left leads the price column */
.ev-side{display:flex;flex-direction:column}
.ev-pk{order:2;border:1px solid var(--powder);border-radius:12px;padding:.85rem 1rem;margin-top:.75rem;background:transparent;transition:background .2s}
.ev-pk.is-on{order:1;background:#fff;border:2px solid var(--blue);box-shadow:0 14px 30px -22px rgba(44,24,16,.6);padding:1.05rem 1.15rem}
.ev-pk-sel{display:none;margin-left:.4rem;vertical-align:middle;font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:var(--blue);color:var(--pine);border-radius:99px;padding:.2rem .55rem}
.ev-pk.is-on .ev-pk-sel{display:inline-block}
.ev-pk-sum{font-size:13.5px;color:#5A4A3E;margin:.15rem 0 .35rem}
.ev-pk:not(.is-on) .ev-pk-name{font-size:18px}
.ev-pk:not(.is-on) .sc-price{font-size:22px}
.ev-pk:not(.is-on) ul{display:none}
.ev-pk.is-on .ev-pk-sum{display:none}
.ev-pk-acts{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.ev-pk:not(.is-on) .btn-pine{background:transparent;border:1.5px solid var(--pine);color:var(--pine)}
.ev-pk-view{border:0;background:none;padding:.5rem .2rem;min-height:44px;font:600 14px var(--sans);color:var(--blue-deep);text-decoration:underline;cursor:pointer}
.ev-pk.is-on .ev-pk-view{display:none}
.ev-pk-view:focus-visible{outline:3px solid var(--blue-deep);outline-offset:2px}
/* 5. sticky package bar: full width, nothing clipped, scrolls when it has to */
.se-pkgbar .container{max-width:none;padding-left:16px;padding-right:16px;scroll-padding-inline:16px}
.se-pkgbar ol{gap:2px;justify-content:center;min-width:max-content;margin:0 auto}
.se-pkgbar a{padding:7px 10px;font-size:13px}
@media (max-width:1180px){.se-pkgbar ol{justify-content:flex-start}}
.se-pkgbar .container{-webkit-mask-image:none;mask-image:none}
.se-pkgbar.scrolls .container{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 28px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 28px),transparent 100%)}