/* Original stationery compositions, shared by full cards and miniatures. */
.collection-page .os-cover{container-type:inline-size;position:relative;display:block;min-height:760px;padding:70px max(28px,calc((100% - 1020px)/2));text-align:center;background:var(--c-bg);color:var(--c-ink);overflow:hidden}
.collection-page .os-cover:before,.collection-page .os-cover:after{display:none}
.os-cover *{min-width:0}
.os-cover .os-title{font:400 calc(clamp(38px,7cqw,78px)*var(--c-scale))/1.15 var(--c-heading);letter-spacing:-.025em;white-space:pre-line;overflow-wrap:break-word;text-wrap:balance;margin:22px auto;max-width:18ch;color:var(--c-ink)}
.os-cover .os-eyebrow{letter-spacing:.15em;font-size:10px;line-height:1.9;margin:0 0 28px}
.os-cover .os-art{width:240px;max-width:100%;color:var(--c-accent);margin:28px auto}
.os-art svg{display:block;width:100%;height:auto}
.os-cover .os-intro{font-size:14px;line-height:1.9;max-width:39ch;margin:24px auto;white-space:pre-line}
.os-cover .os-recipient{font:400 22px/1.6 var(--c-heading);letter-spacing:0;margin:18px auto 6px;max-width:35ch}
.os-cover .os-date{display:block;font-size:10px;line-height:1.8;letter-spacing:.12em;margin:14px 0}
.os-cover .os-cover-foot{margin:24px auto 0}
.os-cover .c-link{font-size:10px;min-height:44px;letter-spacing:.08em;gap:18px}
.os-cover .os-cover-foot .c-link{margin-top:10px}
/* Anniversary: ticket, record sleeve, map, seasonal windows, stitched journal. */
.os-journey{background-image:repeating-linear-gradient(0deg,transparent 0 5px,#65795908 6px)!important}
.os-ticket{display:grid;grid-template-columns:minmax(0,1fr) 130px;border:1px solid var(--c-accent);padding:24px;background:color-mix(in srgb,var(--c-bg),white 24%);text-align:left;box-shadow:6px 7px 0 color-mix(in srgb,var(--c-accent) 15%,transparent)}
.os-ticket>div{padding:0 26px}.os-ticket .os-title{margin-left:0}.os-ticket .os-art{width:150px;margin:0}.os-ticket .os-intro{margin-left:0}.os-ticket aside{border-left:1px dashed var(--c-accent);display:flex;align-items:center;justify-content:center;flex-direction:column;padding-left:20px;gap:25px}.os-ticket aside>span{font-size:32px}.os-ticket aside>p{font-size:9px;letter-spacing:.2em;writing-mode:vertical-rl}
.os-record-sleeve{display:grid;grid-template-columns:1fr 1fr;align-items:center;text-align:left;gap:25px;padding-block:30px;border-block:1px solid var(--c-accent)}.os-record-sleeve .os-art{width:100%;margin:0}.os-record-sleeve .os-title{font-style:italic;font-size:calc(clamp(34px,6cqw,64px)*var(--c-scale))}.os-vinyl .os-cover-foot{max-width:620px;display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:15px}.os-vinyl .os-recipient{margin:0}
.os-map-grid{padding:32px 20px;background-image:linear-gradient(#396d7612 1px,transparent 1px),linear-gradient(90deg,#396d7612 1px,transparent 1px);background-size:28px 28px}.os-map-label{border:1px solid var(--c-accent);padding:4px 20px;background:var(--c-bg);max-width:650px;margin:0 auto;rotate:-2deg}.os-atlas .os-art{width:210px}
.os-seasons .os-seasons-window .os-art{width:370px;margin-block:15px}.os-seasons-window{max-width:520px;margin:auto}.os-seasons .os-title{font-style:italic}
.os-notebook{position:relative;padding:35px 40px 35px 70px;max-width:720px;margin:auto;border:1px solid var(--c-accent);box-shadow:8px 8px 0 color-mix(in srgb,var(--c-accent) 14%,var(--c-bg));background:repeating-linear-gradient(transparent 0 31px,color-mix(in srgb,var(--c-accent) 10%,transparent) 31px 32px)}.os-binding{position:absolute;left:20px;top:0;bottom:0;width:18px;border-right:1px solid var(--c-accent);background:repeating-linear-gradient(0deg,transparent 0 24px,var(--c-accent) 24px 25px,transparent 25px 32px)}.os-notebook .os-art{width:130px}
/* Valentine: airmail, chocolate gift, candlelight menu, planets, word puzzle. */
.os-airmail{position:relative;max-width:690px;margin:auto;border:9px solid transparent;border-image:repeating-linear-gradient(45deg,var(--c-accent) 0 12px,var(--c-bg) 12px 24px,#849ba0 24px 36px,var(--c-bg) 36px 48px) 9;padding:85px 35px 25px}.os-stamp{position:absolute;right:20px;top:20px;width:62px;height:66px;border:2px dotted var(--c-accent);display:grid;place-content:center;font-size:27px;rotate:8deg}.os-stamp small{font:8px/2 var(--c-body)}.os-cupid .os-art{width:185px}
.os-box-lid{padding:22px;max-width:680px;margin:auto;border:1px solid var(--c-accent);outline:1px solid var(--c-accent);outline-offset:-10px}.os-ribbon{display:block;width:80px;height:14px;margin:16px auto;background:var(--c-accent);clip-path:polygon(0 0,100% 0,88% 50%,100% 100%,0 100%,12% 50%)}.os-sweetbox .os-art{width:300px;margin-block:28px 0}
.os-menu{max-width:660px;margin:auto;padding:34px;border:1px solid var(--c-accent);border-radius:240px 240px 0 0;outline:1px solid color-mix(in srgb,var(--c-accent) 40%,transparent);outline-offset:10px}.os-menu-top{margin-top:28px}.os-menu-top .os-date{margin:0}.os-menu .os-art{width:160px}.os-menu-rule{font-size:28px}.os-menu .os-title{font-style:italic}
.os-orbit{background-image:radial-gradient(circle at 13% 22%,#fff5 0 1px,transparent 2px),radial-gradient(circle at 82% 66%,#fff5 0 1px,transparent 2px),radial-gradient(circle at 64% 10%,#fff8 0 1px,transparent 2px)!important;background-size:110px 140px,200px 130px,170px 180px!important}.os-planet-scene .os-art{width:390px}.os-orbit .os-title{font-size:calc(clamp(32px,5.5cqw,61px)*var(--c-scale));font-weight:500}.os-orbit .os-cover-foot{border-top:1px solid #ffffff30;max-width:500px;padding-top:18px}
.os-puzzle{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;text-align:left;gap:28px}.os-puzzle .os-title{font-size:calc(clamp(30px,5.5cqw,60px)*var(--c-scale));font-weight:700}.os-puzzle .os-art{width:100%}.os-code{font-size:12px;letter-spacing:.2em;border-block:2px solid var(--c-accent);padding:18px;margin-top:20px}
/* March: botanical specimen, editorial voice, florist wrap, sunrise steps, tea. */
.os-herbarium{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:28px;text-align:left}.os-herbarium>.os-art{width:100%;align-self:stretch;display:flex;align-items:center;border-right:1px solid var(--c-accent);padding-right:26px}.os-herbarium .os-title{font-style:italic}.os-herbarium .os-intro{margin-left:0}.os-herbarium .os-cover-foot{text-align:left}
.os-voices{text-align:left!important}.os-issue{display:flex;justify-content:space-between;align-items:center;gap:20px;border-block:2px solid var(--c-accent);padding:14px 0}.os-issue .os-eyebrow{margin:0}.os-issue>span{font:700 30px/1.1 var(--c-heading);white-space:nowrap}.os-voices .os-title{font-weight:700;margin:45px 0;font-size:calc(clamp(34px,6.5cqw,72px)*var(--c-scale));max-width:15ch}.os-voices-line{display:flex;align-items:center;gap:30px;border-top:1px solid var(--c-accent)}.os-voices-line .os-art{width:170px;flex-shrink:0}.os-voices .os-cover-foot{border-top:1px solid var(--c-accent);text-align:right}
.os-florist{position:relative;max-width:680px;margin:auto;padding:10px 25px 24px;background:color-mix(in srgb,var(--c-accent) 9%,var(--c-bg));border-radius:48% 48% 0 0}.os-florist .os-art{width:300px}.os-florist-tag{background:var(--c-bg);border:1px solid var(--c-accent);padding:15px;rotate:-3deg;box-shadow:4px 5px 0 color-mix(in srgb,var(--c-accent) 15%,transparent)}.os-florist-tag .os-title{font-size:calc(clamp(34px,5cqw,60px)*var(--c-scale))}
.os-rise .os-title{font-weight:700;font-size:calc(clamp(32px,6cqw,64px)*var(--c-scale));text-align:left;margin-left:0}.os-sun-steps{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:20px}.os-sun-steps .os-art{width:100%;margin:0}.os-sun-steps .os-intro{padding-bottom:24px;text-align:left}.os-rise .os-cover-foot{border-top:2px solid var(--c-accent);padding-top:12px}
.os-tea-card{max-width:670px;margin:auto;padding:34px;background:color-mix(in srgb,var(--c-bg) 80%,white);border-radius:150px 150px 20px 20px;border:1px solid var(--c-accent)}.os-tea-card .os-art{width:190px}.os-tea-footer{border-top:1px dashed var(--c-accent);margin-top:30px}
/* October: lotus plaque, áo dài silk folds, autumn window, weaving, porch. */
.os-lotus-plaque{max-width:680px;margin:auto;padding:25px;border-inline:1px solid var(--c-accent)}.os-lotus-plaque .os-art{width:220px}.os-lotusgift .os-title{font-style:italic}.os-lotusgift .os-cover-foot{border-top:4px double var(--c-accent);padding-top:20px;max-width:500px}
.os-silk-fold{border-block:1px solid var(--c-accent);padding:30px 0;background:linear-gradient(100deg,transparent 2%,#ffffff60 25%,transparent 27%,#3261670a 55%,transparent 80%)}.os-silk-spread{display:grid;grid-template-columns:.8fr 1.2fr;gap:35px;align-items:center;text-align:left}.os-silk-spread .os-art{width:100%}.os-silk-spread .os-title{font-style:italic}
.os-autumn-window{border:1px solid var(--c-accent);border-radius:160px 160px 0 0;max-width:360px;padding:35px 20px 0;margin:auto;background:color-mix(in srgb,var(--c-bg),white 20%)}.os-autumn-window .os-art{width:100%;margin-bottom:0}.os-hanoi .os-title{margin-top:30px}.os-postcard-caption{border-top:1px dashed var(--c-accent);margin-top:25px}
.os-weave{display:grid!important;grid-template-columns:150px 1fr;gap:45px;align-items:stretch;text-align:left!important}.os-woven-border{border-inline:1px solid var(--c-accent);display:flex;align-items:center}.os-woven-border .os-art{width:100%;margin:0}.os-woven-copy{padding-block:20px}.os-woven-copy .os-title{font-size:calc(clamp(30px,5.5cqw,60px)*var(--c-scale));font-weight:600}.os-woven-copy .os-intro{margin-left:0}.os-woven-copy .os-cover-foot{border-top:1px solid var(--c-accent)}
.os-home .os-art{width:260px}.os-home-note{max-width:680px;margin:auto;padding:20px 35px;border-top:3px double var(--c-accent);background:color-mix(in srgb,var(--c-bg),white 25%)}.os-home .os-title{font-style:italic}
/* Each keepsake continues its visual language through the letter and memories. */
body.os-page .c-nav{padding:20px 24px;gap:20px;flex-wrap:wrap;border-block:1px solid color-mix(in srgb,var(--c-accent) 25%,transparent)}
body.os-page .c-nav>a{font-size:20px;max-width:100%;overflow-wrap:break-word}body.os-page .c-nav>div{gap:24px;flex-wrap:wrap}body.os-page .c-nav a{min-height:44px;display:inline-flex;align-items:center}
body.os-page .c-section{padding:80px max(24px,calc((100% - 940px)/2))}
body.os-page .c-section-heading h2,body.os-page .c-closing h2{font:400 clamp(30px,4.5vw,50px)/1.25 var(--c-heading);letter-spacing:-.02em;white-space:pre-line;text-wrap:balance}
.os-moments{display:grid;gap:22px;margin-top:36px}.os-moment{display:flex;align-items:baseline;gap:24px;padding:24px 0;border-top:1px solid color-mix(in srgb,var(--c-accent) 30%,transparent)}.os-number{font:italic 34px/1 var(--c-heading);color:var(--c-accent);flex-shrink:0}.os-moment h3{font:400 26px/1.4 var(--c-heading);margin:8px 0}.os-moment p{font-size:14px;line-height:1.9;white-space:pre-line;overflow-wrap:break-word}
.os-letter{max-width:740px;margin:auto;padding:40px;border:1px solid color-mix(in srgb,var(--c-accent) 40%,transparent);background:color-mix(in srgb,var(--c-bg) 85%,var(--c-accent));text-align:left}.os-letter .c-message{font:400 15px/2 var(--c-body);white-space:pre-line}.os-letter .c-signature{font:400 25px/1.6 var(--c-heading);margin-top:30px}
.os-closing-art{width:95px;margin:0 auto 30px;color:var(--c-accent)}.os-closing-art svg{width:100%;display:block}body.os-page .c-closing{background:var(--c-bg);color:var(--c-ink);text-align:center}body.os-page .c-closing>p{font-size:14px;max-width:45ch;margin:25px auto}body.os-page .c-closing .c-link{margin-top:20px}
.os-section-journey .os-moment{border:1px dashed var(--c-accent);padding:24px}.os-section-vinyl .os-number{border:1px solid currentColor;border-radius:50%;padding:18px;font-size:25px}.os-section-atlas .os-moments{border-left:1px dashed var(--c-accent);padding-left:24px}.os-section-seasons .os-moments{grid-template-columns:repeat(3,minmax(0,1fr))}.os-section-seasons .os-moment{display:block;border:1px solid var(--c-accent);padding:24px}.os-section-journal .os-letter{border-left:4px double var(--c-accent);background:repeating-linear-gradient(transparent 0 29px,color-mix(in srgb,var(--c-accent) 12%,transparent) 30px 31px)}
.os-section-cupid .os-letter{border:2px dashed var(--c-accent);rotate:-1deg}.os-section-sweetbox .os-moment{padding:26px;border:1px solid var(--c-accent);border-radius:16px}.os-section-dinnerdate .os-letter{border-radius:160px 160px 0 0;padding-top:85px;text-align:center}.os-section-orbit .os-moment{border-left:1px solid var(--c-accent);border-top:0;padding-left:24px}.os-section-lovecode .os-number{padding:10px;border:2px solid var(--c-accent);font-family:var(--c-body)}
.os-section-mimosa .os-moment{border-left:3px solid var(--c-accent);border-top:0;padding-left:25px}.os-section-voices .os-letter{border:0;border-block:4px solid var(--c-accent)}.os-section-tulip .os-letter{box-shadow:8px 8px 0 color-mix(in srgb,var(--c-accent) 20%,transparent)}.os-section-rise .os-moment:nth-child(2){margin-left:30px}.os-section-rise .os-moment:nth-child(3){margin-left:60px}.os-section-teabreak .os-moment{padding:24px;border:1px dashed var(--c-accent);border-radius:30px}
.os-section-lotusgift .os-letter{border:4px double var(--c-accent)}.os-section-silk .os-letter{border:0;border-inline:1px solid var(--c-accent);background:linear-gradient(110deg,transparent,#fff3,transparent)}.os-section-hanoi .os-number{font-family:var(--c-heading);rotate:-8deg}.os-section-weave .os-moment{border-block:3px double var(--c-accent);padding-inline:15px}.os-section-home .os-letter{border-width:5px 1px 1px;box-shadow:8px 8px 0 color-mix(in srgb,var(--c-accent) 12%,transparent)}
@media(max-width:600px){
 .collection-page .os-cover{min-height:0;padding:42px 24px 34px}.os-cover .os-title{font-size:calc(clamp(28px,8.2vw,42px)*var(--c-scale));line-height:1.2}.os-cover .os-eyebrow{font-size:9px;letter-spacing:.1em}.os-cover .os-intro{font-size:13px}.os-cover .os-recipient{font-size:20px}
 .os-ticket{grid-template-columns:minmax(0,1fr) 58px;padding:16px 10px}.os-ticket>div{padding:0 10px}.os-ticket .os-title{font-size:calc(26px*var(--c-scale))}.os-ticket aside{padding-left:10px}.os-ticket aside .os-date{writing-mode:vertical-rl;font-size:9px}.os-ticket aside>span{font-size:17px}.os-ticket .os-art{width:105px}
 .os-record-sleeve{grid-template-columns:1fr;text-align:center;gap:10px}.os-record-sleeve .os-art{width:210px;margin:auto}.os-vinyl .os-cover-foot{display:block}.os-map-grid{padding:24px 12px}.os-map-label{padding-inline:12px}.os-map-label .os-title{font-size:calc(27px*var(--c-scale))}.os-seasons .os-seasons-window .os-art{width:260px}
 .os-notebook{padding:30px 18px 30px 44px}.os-binding{left:10px;width:14px}.os-airmail{padding:85px 18px 20px;border-width:6px}.os-airmail .os-title{font-size:calc(28px*var(--c-scale))}.os-box-lid{padding:15px}.os-menu{padding:24px 18px}.os-menu-top .os-eyebrow{font-size:8px}.os-menu .os-title{font-size:calc(30px*var(--c-scale))}
 .os-puzzle{grid-template-columns:1fr;text-align:center;gap:0}.os-puzzle .os-art{width:230px;margin:8px auto}.os-code{font-size:10px;letter-spacing:.07em}
 .os-herbarium{grid-template-columns:75px minmax(0,1fr);gap:17px}.os-herbarium>.os-art{padding-right:8px;overflow:visible}.os-herbarium>.os-art svg{height:300px;object-fit:cover}.os-herbarium .os-title{font-size:calc(29px*var(--c-scale))}.os-herbarium .os-eyebrow{font-size:8px}.os-herbarium .os-recipient{font-size:19px}.os-issue{gap:12px}.os-issue>span{font-size:20px}.os-issue .os-eyebrow{font-size:8px}.os-voices-line{gap:16px}.os-voices-line .os-art{width:95px}.os-florist{padding-inline:15px}.os-florist .os-art{width:230px}.os-florist-tag .os-title{font-size:calc(29px*var(--c-scale))}
 .os-sun-steps{grid-template-columns:1fr}.os-sun-steps .os-art{max-width:280px;margin:auto}.os-sun-steps .os-intro{text-align:center;padding:0}.os-tea-card{padding:32px 18px}.os-tea-card .os-title{font-size:calc(30px*var(--c-scale))}.os-lotus-plaque{padding:10px 15px}.os-lotus-plaque .os-art{width:180px}
 .os-silk-spread{grid-template-columns:90px minmax(0,1fr);gap:18px}.os-silk-spread .os-title{font-size:calc(28px*var(--c-scale))}.os-silk-spread .os-intro{font-size:12px}.os-silk-spread .os-art svg{height:250px}.os-weave{grid-template-columns:45px minmax(0,1fr);gap:20px}.os-woven-border{background:repeating-linear-gradient(45deg,transparent 0 12px,#edc27d40 12px 14px,transparent 14px 22px)}.os-woven-copy .os-title{font-size:calc(28px*var(--c-scale))}.os-home-note{padding-inline:15px}
 body.os-page .c-section{padding:52px 24px}.os-moments{gap:15px}.os-moment{gap:16px}.os-moment h3{font-size:23px}.os-moment p{font-size:13px}.os-number{font-size:28px}.os-letter{padding:26px 20px}.os-letter .c-message{font-size:14px}.os-letter .c-signature{font-size:23px}.os-section-seasons .os-moments{grid-template-columns:1fr}.os-section-dinnerdate .os-letter{padding-top:62px}.os-section-rise .os-moment:nth-child(3){margin-left:30px}
}
/* The catalog canvas is fixed at 800px, independent of the host viewport. */
.collection-thumb .c-miniature .os-cover{width:800px;min-height:1100px;height:1100px;padding:65px 55px;display:flex;flex-direction:column;justify-content:center}
.collection-thumb .c-miniature .os-cover .os-title{font-size:60px;line-height:1.2;margin:22px auto;letter-spacing:-.025em}.collection-thumb .c-miniature .os-cover .os-eyebrow{font-size:13px}.collection-thumb .c-miniature .os-cover .os-recipient{font-size:27px}.collection-thumb .c-miniature .os-cover .os-date{font-size:13px}.collection-thumb .c-miniature .os-cover .c-link{font-size:13px}.collection-thumb .c-miniature .os-cover .os-art{width:270px;max-width:100%}
.collection-thumb .c-miniature .os-cover .os-ticket{grid-template-columns:minmax(0,1fr) 95px}.collection-thumb .c-miniature .os-cover .os-ticket .os-title{font-size:49px}.collection-thumb .c-miniature .os-cover .os-ticket .os-art{width:150px}.collection-thumb .c-miniature .os-cover .os-ticket .os-date{writing-mode:horizontal-tb}
.collection-thumb .c-miniature .os-cover .os-record-sleeve{grid-template-columns:1fr 1fr;text-align:left}.collection-thumb .c-miniature .os-cover .os-record-sleeve .os-title{font-size:52px}.collection-thumb .c-miniature .os-cover .os-puzzle{grid-template-columns:1fr 1fr}.collection-thumb .c-miniature .os-cover .os-puzzle .os-title{font-size:49px}
.collection-thumb .c-miniature .os-cover .os-herbarium{grid-template-columns:200px minmax(0,1fr)}.collection-thumb .c-miniature .os-cover .os-herbarium .os-art svg{height:auto}.collection-thumb .c-miniature .os-cover .os-issue>span{font-size:40px}.collection-thumb .c-miniature .os-cover .os-silk-spread{grid-template-columns:210px 1fr}.collection-thumb .c-miniature .os-cover .os-silk-spread .os-art svg{height:auto}.collection-thumb .c-miniature .os-cover.os-weave{display:grid;grid-template-columns:115px minmax(0,1fr);gap:40px}.collection-thumb .c-miniature .os-cover .os-woven-copy{align-self:center}
.os-cover .os-subtitle{font:400 10px/1.8 var(--c-body);letter-spacing:.04em;max-width:42ch;margin:10px auto;white-space:pre-line;overflow-wrap:break-word}
.collection-thumb .c-miniature .os-cover .os-subtitle{font-size:12px}

/* Colorful stationery. Keep text on a readable paper and use color for the scene. */
.collection-page .os-cover{isolation:isolate}
.os-cover .os-art{width:300px}
.os-trim{position:absolute;pointer-events:none;width:160px;right:18px;top:22px;opacity:.8;z-index:-1}
.os-trim svg,.os-section-art svg{display:block;width:100%;height:auto}
.os-cover>.os-trim{width:clamp(100px,18%,220px);right:1%;top:4%}
.os-cover .os-edition-note{font:500 9px/1.8 var(--c-body);letter-spacing:.18em;margin:36px auto 0;max-width:42ch;grid-column:1/-1}
.os-cover .os-eyebrow{position:relative;z-index:1}
.os-cover .os-cover-foot .c-link{border:1px solid currentColor;border-radius:99px;padding:8px 22px}
.os-cover .os-art svg{overflow:visible}
.os-cover .os-title{position:relative}
.os-cover :is(.os-ticket,.os-notebook,.os-airmail,.os-menu,.os-florist-tag,.os-tea-card,.os-home-note){color:var(--os-paper-ink);--c-ink:var(--os-paper-ink);background-color:var(--os-paper)}
.os-cover .os-subtitle{color:inherit}
/* Anniversary: travel ticket, record shop, folded map, four seasons, journal. */
.collection-page .os-journey{background:var(--c-bg)!important}
.os-journey>.os-cover-foot{background:var(--os-b);color:#fff;padding:20px;border-radius:4px}
.os-journey>.os-cover-foot .os-recipient{color:inherit}
.os-journey .os-ticket{border:0;border-radius:12px;outline:1px solid var(--c-accent);outline-offset:-12px;padding:36px 26px;box-shadow:8px 10px 0 #28473e20}
.os-journey .os-ticket .os-art{width:220px;float:right;margin:0 0 12px 10px}
.os-journey .os-ticket .os-title{clear:both}
.os-journey .os-ticket aside{border-left:2px dashed var(--os-b)}
.os-journey .os-ticket aside>span{color:var(--c-accent)}
.collection-page .os-vinyl{background:linear-gradient(145deg,var(--c-bg) 58%,var(--os-c) 58%)}
.os-vinyl .os-record-sleeve{border:0;gap:30px;position:relative;padding:45px 0}
.os-vinyl .os-record-sleeve .os-art{width:100%;filter:drop-shadow(4px 8px 0 #40303b13)}
.os-vinyl .os-title{font-weight:500}
.os-vinyl>.os-eyebrow{border-block:1px solid currentColor;padding:14px}
.os-vinyl .os-cover-foot{border-top:2px solid currentColor;padding-top:20px}
.os-atlas .os-map-grid{background-color:var(--os-paper);border:1px solid var(--os-b);box-shadow:12px 12px 0 var(--os-b);transform:rotate(-1deg)}
.os-atlas .os-map-grid .os-art{width:310px}
.os-atlas .os-map-label{background:var(--os-c);color:var(--os-paper-ink);--c-ink:var(--os-paper-ink);rotate:2deg;border:0;box-shadow:4px 4px 0 #26484f26}
.os-atlas .os-title{font-weight:800;letter-spacing:-.06em}
.os-seasons .os-seasons-window .os-art{width:470px}
.os-seasons .os-title{font-size:calc(clamp(40px,7cqw,84px)*var(--c-scale))}
.os-seasons>.os-trim{right:auto;left:0;top:56%;width:170px;rotate:-20deg}
.os-journal .os-notebook{border:0;border-radius:6px;box-shadow:12px 12px 0 var(--os-b);background-color:var(--os-paper)}
.os-journal .os-notebook:before{content:'';position:absolute;left:42%;top:-14px;width:100px;height:30px;background:var(--os-a);opacity:.65;rotate:-6deg}
.os-journal .os-art{width:200px;rotate:8deg;margin:0 auto}
.os-journal .os-title{rotate:-2deg}
/* Valentine: airmail, confectionery, candlelight, cosmic collage, puzzle. */
.os-cupid{background-image:radial-gradient(var(--os-a) 1px,transparent 1px)!important;background-size:19px 19px!important}
.os-cupid .os-airmail{border-image:repeating-linear-gradient(45deg,var(--os-a) 0 12px,var(--os-paper) 12px 24px,var(--os-b) 24px 36px,var(--os-paper) 36px 48px) 9;box-shadow:8px 10px 0 #af39541a;rotate:-2deg}
.os-cupid .os-airmail .os-art{width:290px}
.os-cupid .os-stamp{background:var(--os-c);color:var(--os-paper-ink);border:3px dotted var(--os-paper);outline:1px solid var(--os-c)}
.os-cupid .os-title{font-size:calc(clamp(42px,7cqw,80px)*var(--c-scale))}
.os-sweetbox{background-image:repeating-linear-gradient(90deg,transparent 0 32px,#ffffff25 32px 64px)!important}
.os-sweetbox .os-box-lid{background:var(--os-paper);--c-ink:var(--os-paper-ink);color:var(--os-paper-ink);border:2px solid var(--os-a);outline:1px solid var(--os-a);outline-offset:-12px;border-radius:35% 35% 6px 6px;padding:46px 30px 24px}
.os-sweetbox .os-title{font-style:italic}
.os-sweetbox .os-art{width:370px;margin-top:-5px;rotate:-5deg}
.os-sweetbox .os-ribbon{width:120px;background:var(--os-b)}
.os-dinnerdate{background-image:repeating-linear-gradient(90deg,transparent 0 50px,#a4493820 50px 51px),repeating-linear-gradient(0deg,transparent 0 50px,#a4493820 50px 51px)!important}
.os-dinnerdate .os-menu{box-shadow:0 14px 35px #7b48321a;outline:2px solid var(--os-a);border:0}
.os-dinnerdate .os-menu .os-art{width:270px;margin-block:0}
.os-dinnerdate .os-title{max-width:14ch}
.os-orbit .os-planet-scene .os-art{width:430px}
.os-orbit .os-title{font-weight:800;letter-spacing:-.05em}
.os-orbit>.os-trim{opacity:1}
.os-orbit .os-cover-foot .c-link{background:var(--os-a);color:#342848;border:0}
.os-lovecode .os-puzzle{gap:16px}
.os-lovecode .os-title{font-weight:800;letter-spacing:-.05em}
.os-lovecode .os-code{background:var(--os-c);border:2px solid var(--os-paper-ink);box-shadow:5px 5px 0 var(--os-paper-ink);rotate:-3deg;max-width:490px;margin:30px auto;color:var(--os-paper-ink);padding:22px;font-weight:700}
/* Women's Day: botanical press, bold magazine, florist, sunrise and tea table. */
.os-mimosa .os-herbarium{gap:35px}
.os-mimosa .os-herbarium>.os-art{border:0;background:var(--os-wash);border-radius:200px 200px 0 0;padding:8px;min-height:420px;rotate:-4deg}
.os-mimosa .os-title{font-size:calc(clamp(42px,7cqw,80px)*var(--c-scale))}
.os-voices .os-issue{border-block:3px solid currentColor}
.os-voices .os-title{font-weight:800;letter-spacing:-.06em;max-width:16ch}
.os-voices .os-voices-line{border:0;background:var(--os-c);color:var(--os-paper-ink);padding:0 25px;rotate:-2deg}
.os-voices .os-voices-line .os-art{width:230px}
.os-tulip .os-florist{background:var(--os-b);padding-top:24px}
.os-tulip .os-florist-tag{border:0;box-shadow:5px 6px 0 #3e664c44;max-width:90%;margin:0 auto}
.os-tulip .os-florist .os-art{width:340px}
.os-rise .os-title{font-weight:800;font-size:calc(clamp(38px,7cqw,76px)*var(--c-scale));letter-spacing:-.06em}
.os-rise .os-sun-steps .os-art{max-width:500px}
.os-rise .os-cover-foot{background:var(--os-paper);color:var(--os-paper-ink);border:0;border-radius:4px;padding:20px 32px;max-width:670px;box-shadow:7px 7px 0 var(--os-b)}
.os-teabreak{background-image:linear-gradient(90deg,#ffffff35 50%,transparent 50%),linear-gradient(#ffffff35 50%,transparent 50%)!important;background-size:50px 50px!important}
.os-teabreak .os-tea-card{border:0;box-shadow:9px 10px 0 var(--os-b);padding-top:45px}
.os-teabreak .os-tea-card .os-art{width:270px}
.os-teabreak .os-title{font-size:calc(clamp(40px,6cqw,74px)*var(--c-scale))}
/* October: lotus pond, silk salon, autumn postcard, woven cloth, porch. */
.os-lotusgift .os-lotus-plaque{border:0;border-radius:45% 45% 8px 8px;background:var(--os-paper);color:var(--os-paper-ink);--c-ink:var(--os-paper-ink);padding:30px 35px;box-shadow:0 0 0 10px #ffffff50}
.os-lotusgift .os-lotus-plaque .os-art{width:300px}
.os-lotusgift .os-title{font-style:italic}
.os-silk .os-silk-fold{background:linear-gradient(105deg,#fff4,transparent 35%,#fff6 65%,transparent);border-color:var(--os-b)}
.os-silk .os-silk-spread .os-art{width:330px}
.os-silk .os-title{font-style:italic}
.os-hanoi .os-autumn-window{border:0;background:var(--os-paper);border-radius:180px 180px 0 0;padding:20px 35px;box-shadow:10px 8px 0 var(--os-b);max-width:420px}
.os-hanoi .os-autumn-window .os-art{width:310px;margin:0 auto}
.os-hanoi .os-title{font-style:italic}
.collection-page .os-weave{gap:40px}
.os-weave .os-woven-border{border:0;background:var(--os-b);padding:15px 0}
.os-weave .os-woven-border{background-image:repeating-linear-gradient(45deg,transparent 0 10px,var(--os-c) 10px 15px,transparent 15px 25px);background-size:35px 35px}
.os-weave .os-woven-border .os-art{width:100%;margin:0}
.os-weave .os-title{font-weight:800;letter-spacing:-.05em}
.os-home .os-art{width:370px;margin-bottom:-10px}
.os-home .os-home-note{border:0;rotate:-1deg;box-shadow:8px 8px 0 var(--os-b);padding:25px 35px}
.os-home .os-title{font-style:normal}

/* The full invitation alternates colored scenes and readable stationery. */
body.os-page .c-nav{background:var(--os-paper);color:var(--os-paper-ink);border:0}
body.os-page .c-nav a{color:inherit}
body.os-page .c-section{position:relative;isolation:isolate;--c-bg:var(--os-paper);--c-ink:var(--os-paper-ink);color:var(--c-ink);background:var(--c-bg)}
body.os-page .c-section :is(.c-kicker,.c-section-intro,.c-message,.os-moment p){color:inherit}
body.os-page .c-section :is(h2,h3){color:inherit;overflow-wrap:anywhere}
body.os-page .c-letter{background:var(--os-wash);--c-ink:var(--os-wash-ink)}
body.os-page .c-gallery-section{--c-bg:var(--os-wash);--c-ink:var(--os-wash-ink);border:0}
body.os-page .c-closing{--c-bg:var(--os-cover-bg);--c-ink:var(--os-cover-ink);background:var(--c-bg);color:var(--c-ink);overflow:hidden}
body.os-page .c-footer{background:var(--os-paper);color:var(--os-paper-ink)}
body.os-page .c-section .c-link{color:inherit;border-color:currentColor}
.os-story-heading{display:grid;grid-template-columns:160px minmax(0,1fr);align-items:center;gap:36px;max-width:900px;margin:0 auto 45px}
.os-story-heading .c-section-heading{text-align:left}
.os-section-art{width:100%;max-width:190px;rotate:-7deg}
.os-moments{position:relative;gap:24px}
.os-moment{min-width:0;position:relative}
.os-moment .os-number{color:inherit}
.os-moment>div{min-width:0}
.os-letter-scene{position:relative;isolation:isolate;padding:25px 0}
.os-letter-scene>.os-trim{right:-20px;top:-38px;width:175px;z-index:1}
.os-letter{position:relative;color:var(--os-paper-ink);--c-ink:var(--os-paper-ink);background:var(--os-paper);border:0;padding:clamp(32px,5vw,60px);box-shadow:0 12px 30px #423b3b10}
.os-letter .c-section-heading{margin-top:30px}
.os-letter .c-message{max-width:none}
.os-letter .c-signature{font-family:'Patrick Hand',cursive}
.os-stationery-caption{font:500 9px/1.8 var(--c-body);letter-spacing:.16em;max-width:48ch;margin:0 auto 24px;text-align:center}
.os-letter-seal{display:grid;place-content:center;width:58px;height:58px;border-radius:50%;background:var(--os-a);color:#302d36;font:32px/1 Georgia,serif;margin:28px 0 0 auto;rotate:12deg;box-shadow:inset 0 0 0 5px #ffffff45}
.os-closing-art{width:170px}
body.os-page .c-closing>.os-trim{width:260px;right:-55px;top:auto;bottom:-60px;opacity:.45}
body.os-page .c-gallery .c-photo{color:var(--os-paper-ink);background:var(--os-paper);padding:12px;border:0;box-shadow:0 7px 20px #423b3b16}
body.os-page .c-gallery .c-photo-empty{background:linear-gradient(135deg,var(--os-paper),color-mix(in srgb,var(--os-b) 23%,var(--os-paper)));color:var(--os-paper-ink)}
body.os-page .c-gallery .c-photo-empty small{color:inherit;opacity:.7}
body.os-page .c-gallery figcaption{color:var(--os-paper-ink);font-family:'Patrick Hand',cursive;font-size:18px}

/* Twenty ways to tell the story: layouts extend the object on each cover. */
.os-moments-stops{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.os-section-journey .os-moment{display:block;border:0;border-top:2px dashed var(--os-b);padding:30px 22px;background:var(--os-wash)}
.os-section-journey .os-moment:nth-child(2){background:var(--os-paper)}
.os-section-journey .os-number{display:inline-grid;place-content:center;background:var(--os-c);border-radius:50%;width:48px;height:48px;margin-bottom:18px}
.os-section-journey .os-letter{border:1px dashed var(--os-b);outline:8px solid var(--os-paper)}
body.c-design-journey .c-gallery .c-photo{border-block:10px dotted var(--os-b)}
.os-section-vinyl .os-moments{background:var(--os-cover-bg);padding:12px 32px;border-radius:8px;box-shadow:9px 9px 0 var(--os-b)}
.os-section-vinyl .os-moment{border-color:#39304b30;align-items:center}
.os-section-vinyl .os-number{background:#30343f;color:var(--os-c);border:8px double #60616a;font:500 22px/1 var(--c-body);padding:22px}
.os-section-vinyl .os-letter{border:2px solid var(--os-b);box-shadow:12px 12px 0 var(--os-a)}
.os-section-vinyl .os-letter .c-section-heading h2{font-style:italic}
.os-section-atlas .os-moments{border-left:3px dashed var(--os-b);margin-left:25px;padding-left:35px}
.os-section-atlas .os-moment{border:0;border-radius:4px;padding:25px;background:var(--os-wash);margin-right:15%}
.os-section-atlas .os-moment:nth-child(2){margin-left:10%;margin-right:0}
.os-section-atlas .os-number{position:absolute;left:-59px;top:24px;background:var(--os-a);color:#302d36;border:5px solid var(--os-paper);width:46px;height:46px;display:grid;place-content:center;border-radius:50%;font:700 13px/1 var(--c-body)}
.os-section-atlas .os-letter{border:1px solid var(--os-b);background-image:linear-gradient(#548f8d12 1px,transparent 1px),linear-gradient(90deg,#548f8d12 1px,transparent 1px);background-size:28px 28px}
.os-section-seasons .os-moment{padding:46px 24px 30px;border:0;border-radius:130px 130px 0 0;text-align:center;background:var(--os-wash)}
.os-section-seasons .os-moment:nth-child(2){background:#fae9ba;margin-top:35px}
.os-section-seasons .os-moment:nth-child(3){background:#f5dedc}
.os-section-seasons .os-letter{outline:1px solid var(--os-b);outline-offset:-12px;border-radius:160px 160px 4px 4px;padding-top:95px;text-align:center}
.os-section-journal .os-moments{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.os-section-journal .os-moment{display:block;border:0;background:#f4e3af;padding:28px 22px;rotate:-3deg;box-shadow:4px 5px 0 #48382715}
.os-section-journal .os-moment:nth-child(2){background:#e2ead6;rotate:3deg}
.os-section-journal .os-moment:nth-child(3){background:#f3d9ce;rotate:-2deg}
.os-section-journal .os-moment:before,.os-section-journal .os-letter:before{content:'';position:absolute;width:75px;height:22px;left:calc(50% - 38px);top:-11px;background:var(--os-b);opacity:.5;rotate:-5deg}
.os-section-journal .os-letter{background-color:var(--os-paper);border-left:3px solid var(--os-a);background-size:auto;rotate:-1deg}
.os-section-journal .os-letter .c-message{font:400 22px/1.9 'Patrick Hand',cursive}
.os-section-cupid .os-moments{grid-template-columns:repeat(3,minmax(0,1fr))}
.os-section-cupid .os-moment{display:block;background:var(--os-wash);border:2px dashed var(--os-a);padding:25px;rotate:-2deg}
.os-section-cupid .os-moment:nth-child(2){rotate:3deg;background:#e1edf3}
.os-section-cupid .os-moment .os-number{display:inline-block;border:2px dotted currentColor;padding:8px;margin:0 0 10px auto;float:right;font-size:20px}
.os-section-cupid .os-moment>div{clear:both}
.os-section-cupid .os-letter{border:8px solid transparent;border-image:repeating-linear-gradient(45deg,var(--os-a) 0 10px,var(--os-paper) 10px 20px,var(--os-b) 20px 30px,var(--os-paper) 30px 40px) 8}
.os-section-sweetbox .os-moments{grid-template-columns:repeat(3,minmax(0,1fr));padding:24px;background:#724d43;border:10px solid var(--os-a);border-radius:20px;gap:16px}
.os-section-sweetbox .os-moment{display:block;background:var(--os-paper);border:6px double #ccab96;border-radius:16px;text-align:center;padding:24px 16px}
.os-section-sweetbox .os-number{display:inline-block;color:var(--os-paper-ink);background:var(--os-a);border-radius:50%;padding:12px;margin-bottom:12px}
.os-section-sweetbox .os-letter{border-radius:6px;outline:2px solid var(--os-a);outline-offset:-12px;border-top:16px solid var(--os-b)}
.os-section-dinnerdate .os-story-heading{display:block;text-align:center;max-width:600px}
.os-section-dinnerdate .os-story-heading .c-section-heading{text-align:center}
.os-section-dinnerdate .os-section-art{width:150px;margin:auto}
.os-section-dinnerdate .os-moments{max-width:660px;margin:auto;border-block:4px double var(--os-a);padding-block:12px}
.os-section-dinnerdate .os-moment{text-align:center;display:block;border-top:1px solid var(--os-line)}
.os-section-dinnerdate .os-moment:first-child{border:0}
.os-section-dinnerdate .os-letter{border:1px solid var(--os-a);outline:1px solid var(--os-a);outline-offset:8px;padding-top:85px}
body.c-design-dinnerdate .c-letter{background-image:repeating-linear-gradient(90deg,transparent 0 40px,#b9504810 40px 80px),repeating-linear-gradient(0deg,transparent 0 40px,#b9504810 40px 80px)}
.os-section-orbit .os-moments{grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;padding-block:15px}
.os-section-orbit .os-moment{border:0;display:block;padding:25px;background:var(--os-wash);border-radius:45px 8px 45px 8px}
.os-section-orbit .os-moment:nth-child(2){margin-top:60px;background:#f6dce5}
.os-section-orbit .os-number{display:grid;place-content:center;width:64px;height:64px;background:var(--os-b);border:1px solid #302d36;border-radius:50%;margin:-48px auto 24px;color:#302d36}
.os-section-orbit .os-letter{background:var(--os-paper);border-radius:40px;border:1px solid var(--os-b);box-shadow:10px 10px 0 var(--os-a)}
.os-section-lovecode .os-moments{grid-template-columns:repeat(3,minmax(0,1fr))}
.os-section-lovecode .os-moment{display:block;border:2px solid #493367;background:var(--os-wash);box-shadow:6px 6px 0 #493367;padding:25px}
.os-section-lovecode .os-number{display:inline-block;background:var(--os-c);color:#493367;rotate:-8deg;font-weight:800;margin-bottom:15px}
.os-section-lovecode .os-letter{border:2px solid #493367;box-shadow:10px 10px 0 #493367}
.os-section-lovecode .os-letter-seal{border-radius:8px;background:var(--os-c)}
.os-section-mimosa .os-moments{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.os-section-mimosa .os-moment{display:block;border:0;padding:30px;background:var(--os-wash);border-radius:0 70px 0 0}
.os-section-mimosa .os-number{display:grid;place-content:center;width:55px;height:55px;background:var(--os-c);color:#302d36;border-radius:50%;margin-bottom:20px}
.os-section-mimosa .os-letter{border-block:3px double var(--os-b);box-shadow:none}
.os-section-mimosa .os-letter-scene>.os-trim{width:220px}
.os-section-voices .os-moments{gap:0}
.os-section-voices .os-moment{padding:30px;border-top:3px solid #493161;gap:35px}
.os-section-voices .os-moment:nth-child(2){background:var(--os-c)}
.os-section-voices .os-number{font:800 65px/1 var(--c-heading)}
.os-section-voices .os-moment h3{font-weight:800;font-size:32px;letter-spacing:-.04em}
.os-section-voices .os-letter{border-block:6px solid #493161;background:var(--os-paper);box-shadow:12px 12px 0 var(--os-a)}
.os-section-voices .os-letter h2{font-weight:800}
.os-section-tulip .os-moments{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.os-section-tulip .os-moment{display:block;position:relative;background:var(--os-wash);border:0;border-radius:50% 50% 4px 4px;padding:55px 25px 25px;text-align:center}
.os-section-tulip .os-moment:before{content:'';position:absolute;top:18px;left:calc(50% - 4px);width:8px;height:8px;background:var(--os-b);border-radius:50%}
.os-section-tulip .os-letter{border:1px solid var(--os-b);box-shadow:12px 12px 0 var(--os-b);rotate:-1deg}
.os-section-tulip .os-letter-scene>.os-trim{width:140px;height:240px;background:url('/assets/atelier/tulips.webp') center/contain no-repeat;right:-15px;top:-45px}
.os-section-tulip .os-letter-scene>.os-trim svg{display:none}
.os-section-rise .os-moments{gap:18px}
.os-section-rise .os-moment{align-items:center;border:0;background:var(--os-wash);padding:28px;border-left:12px solid var(--os-b)}
.os-section-rise .os-moment:nth-child(2){margin-left:60px;background:#f8e8bb;border-color:var(--os-c)}
.os-section-rise .os-moment:nth-child(3){margin-left:120px;background:#f5dcc6;border-color:var(--os-a)}
.os-section-rise .os-number{font:800 42px/1 var(--c-heading)}
.os-section-rise .os-letter{box-shadow:14px 14px 0 var(--os-b);border-radius:4px}
.os-section-teabreak .os-moments{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.os-section-teabreak .os-moment{display:block;border:3px double var(--os-b);background:var(--os-wash);border-radius:70px;padding:35px 25px;text-align:center}
.os-section-teabreak .os-moment:nth-child(2){background:#deece5}
.os-section-teabreak .os-letter{border-radius:50px;outline:2px dashed var(--os-b);outline-offset:-12px}
.os-section-teabreak .os-letter .c-message{font:400 21px/1.9 'Patrick Hand',cursive}
.os-section-lotusgift .os-moments{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.os-section-lotusgift .os-moment{display:block;background:#f4dce2;border:0;padding:35px 25px;border-radius:60px 8px 60px 8px;text-align:center}
.os-section-lotusgift .os-moment:nth-child(2){background:var(--os-wash);border-radius:8px 60px 8px 60px}
.os-section-lotusgift .os-letter{border:4px double var(--os-b);outline:10px solid var(--os-paper)}
.os-section-silk .os-moments{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.os-section-silk .os-moment{display:block;border:0;border-left:1px solid var(--os-b);padding:32px;background:linear-gradient(100deg,var(--os-wash),var(--os-paper))}
.os-section-silk .os-moment:nth-child(2){padding-top:80px}
.os-section-silk .os-letter{background:var(--os-paper);border:0;border-inline:8px solid var(--os-b);box-shadow:12px 12px 0 #7caaa34a}
.os-section-silk .os-letter h2{font-style:italic}
.os-section-hanoi .os-moments{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.os-section-hanoi .os-moment{display:block;padding:20px;background:var(--os-wash);border:8px solid var(--os-paper);box-shadow:0 4px 18px #614b3820;rotate:-4deg}
.os-section-hanoi .os-moment:nth-child(2){rotate:3deg;background:#f3e3bd}
.os-section-hanoi .os-number{display:block;font:italic 48px/1 var(--c-heading);padding:15px 0}
.os-section-hanoi .os-letter{border:1px solid var(--os-a);outline:1px solid var(--os-a);outline-offset:-12px;background:var(--os-paper)}
.os-section-weave .os-moments{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-block:8px solid var(--os-b)}
.os-section-weave .os-moment{display:block;border:0;border-right:2px dashed var(--os-b);padding:28px;background:var(--os-wash)}
.os-section-weave .os-moment:nth-child(2){background:#f6e4bb}
.os-section-weave .os-moment:last-child{border:0}
.os-section-weave .os-number{display:inline-block;background:var(--os-c);padding:12px;font-family:var(--c-body);font-weight:800;margin-bottom:18px}
.os-section-weave .os-letter{border-inline:12px solid var(--os-b);outline:2px dashed var(--os-a);outline-offset:-20px}
.os-section-home .os-moments{gap:0;border-left:3px solid var(--os-b);margin-left:25px;padding-left:30px}
.os-section-home .os-moment{border:0;padding:28px 15px}
.os-section-home .os-number{background:var(--os-c);padding:12px;border-radius:40% 40% 5px 5px}
.os-section-home .os-letter{border:0;border-top:12px solid var(--os-a);background:var(--os-paper);box-shadow:10px 10px 0 var(--os-b);border-radius:6px}
.os-section-home .os-letter .c-message{font:400 22px/1.9 'Patrick Hand',cursive}
body:is(.c-design-voices,.c-design-rise,.c-design-lovecode,.c-design-weave) .c-section-heading h2{font-weight:800;letter-spacing:-.04em}

/* Small screens retain the composition and allow long edited text to grow. */
@media(max-width:700px){
 .os-cover>.os-trim{width:100px;right:-18px;top:5px;opacity:.55}
 .os-journey .os-ticket{padding:22px 10px;outline-offset:-7px}
 .os-journey .os-ticket .os-art{width:150px;float:none;margin:0 auto}
 .os-atlas .os-map-grid{box-shadow:6px 6px 0 var(--os-b)}
 .os-atlas .os-map-grid .os-art{width:240px}
 .os-vinyl .os-record-sleeve .os-art{max-width:300px}
 .os-mimosa .os-herbarium{grid-template-columns:1fr;gap:0;text-align:center}
 .os-mimosa .os-herbarium>.os-art{min-height:0;width:210px;margin:0 auto 15px;padding:0}
 .os-mimosa .os-herbarium>.os-art svg{height:auto}
 .os-mimosa .os-herbarium .os-title{font-size:calc(38px*var(--c-scale))}
 .os-mimosa .os-herbarium :is(.os-intro,.os-cover-foot){margin-inline:auto;text-align:center}
 .os-voices .os-voices-line{padding:10px 15px;gap:12px}
 .os-voices .os-voices-line .os-art{width:110px}
 .os-cover.os-weave{gap:18px}
 .os-silk .os-silk-spread{grid-template-columns:85px minmax(0,1fr)}
 .os-silk .os-silk-spread .os-art{width:100%}
 .os-silk .os-silk-spread .os-art svg{height:auto}
 .os-home .os-art{width:270px}
 .os-hanoi .os-autumn-window{padding:12px 22px;max-width:260px}
 .os-cover .os-art{max-width:100%}
 .os-story-heading{grid-template-columns:90px minmax(0,1fr);gap:18px;margin-bottom:30px}
 body.os-page .c-section-heading h2{font-size:30px}
 .os-story-heading .c-section-intro{font-size:13px}
 body.os-page .os-moments{grid-template-columns:minmax(0,1fr);gap:20px}
 .os-cover :is(.os-puzzle,.os-sun-steps,.os-record-sleeve){grid-template-columns:minmax(0,1fr)}
 .os-moment{margin:0!important}
 .os-letter-scene{padding-top:36px}
 .os-letter-scene>.os-trim{width:95px;right:-12px;top:-18px}
 .os-letter{padding:32px 22px}
 .os-letter .c-section-heading h2{font-size:30px}
 .os-letter .c-signature{font-size:23px}
 .os-letter .c-message{font-size:14px}
 .os-letter-seal{width:45px;height:45px;font-size:25px}
 .os-stationery-caption{font-size:8px;letter-spacing:.1em}
 .os-section-seasons .os-moments{grid-template-columns:1fr}
 .os-section-seasons .os-moment{border-radius:55px 55px 0 0;padding-top:30px}
 .os-section-seasons .os-letter{padding-top:70px;border-radius:90px 90px 4px 4px}
 .os-section-vinyl .os-moments{padding:10px 18px}
 .os-section-vinyl .os-number{padding:14px;font-size:19px}
 .os-section-atlas .os-moments{margin-left:12px;padding-left:25px}
 .os-section-atlas .os-number{left:-47px;width:38px;height:38px}
 .os-section-atlas .os-moment{padding:20px}
 .os-section-sweetbox .os-moments{padding:12px;border-width:6px;gap:15px}
 .os-section-dinnerdate .os-letter{padding-top:60px;border-radius:100px 100px 0 0}
 .os-section-orbit .os-moments{gap:38px}
 .os-section-orbit .os-moment{padding:28px 24px}
 .os-section-orbit .os-number{width:48px;height:48px;margin-top:-45px}
 .os-section-voices .os-moment{gap:18px;padding:25px 12px}
 .os-section-voices .os-number{font-size:42px}
 .os-section-voices .os-moment h3{font-size:26px}
 .os-section-mimosa .os-letter-scene>.os-trim{width:130px}
 .os-section-tulip .os-letter-scene>.os-trim{width:75px;height:140px;top:-15px}
 .os-section-rise .os-moment{padding:24px 18px;border-left-width:8px;gap:18px}
 .os-section-rise .os-number{font-size:30px}
 .os-section-silk .os-moment:nth-child(2){padding-top:32px}
 .os-section-weave .os-moment{border-right:0;border-bottom:2px dashed var(--os-b)}
 .os-section-home .os-moments{margin-left:5px;padding-left:12px}
 body.os-page .c-gallery figcaption{font-size:16px}
 body.os-page .c-closing>.os-trim{width:160px;opacity:.3}
 body.os-page .c-section{overflow-x:clip}
}
/* Catalog miniatures always use the desktop cover composition. */
.collection-thumb .c-miniature .os-cover>.os-trim{width:180px;opacity:.7;top:3%;right:0}
.collection-thumb .c-miniature .os-cover .os-edition-note{font-size:11px;margin-top:28px}
.collection-thumb .c-miniature .os-cover .os-herbarium{grid-template-columns:240px minmax(0,1fr);gap:30px;text-align:left}
.collection-thumb .c-miniature .os-cover .os-herbarium>.os-art{min-height:390px;width:100%}
.collection-thumb .c-miniature .os-cover .os-herbarium .os-cover-foot{text-align:left}
.collection-thumb .c-miniature .os-cover .os-silk-spread{grid-template-columns:210px minmax(0,1fr)}
.collection-thumb .c-miniature .os-cover .os-airmail .os-art{width:240px}
.collection-thumb .c-miniature .os-cover .os-record-sleeve .os-art{max-width:none;width:100%}
.collection-thumb .c-miniature .os-cover .os-voices-line .os-art{width:220px}
.collection-thumb .c-miniature .os-cover .os-autumn-window{max-width:390px}
.collection-thumb .c-miniature .os-cover .os-ticket .os-art{width:210px;float:right}
.collection-thumb .c-miniature .os-cover .os-menu .os-art{width:240px;margin:5px auto}
.collection-thumb .c-miniature .os-cover .os-seasons-window .os-art{width:420px}
.collection-thumb .c-miniature .os-cover .os-notebook .os-art{width:200px}
.collection-thumb .c-miniature .os-cover .os-tea-card .os-art{width:260px}
.collection-thumb .c-miniature .os-cover .os-title{display:block;font-family:var(--c-heading)}
.collection-thumb .c-miniature :is(.os-atlas,.os-orbit,.os-lovecode,.os-voices,.os-rise,.os-weave) .os-title{font-weight:800;letter-spacing:-.05em}
