/* One product index, printed on one continuous paper web. */
.label-unroll{position:relative;background:#e6e8de;color:#143b31;scroll-margin-top:88px}
.label-unroll-anchor{position:absolute;top:0;scroll-margin-top:88px}
.label-unroll-stage{position:relative;isolation:isolate;min-height:840px;overflow:hidden;display:grid;grid-template-columns:42% 58%;grid-template-rows:auto 1fr;padding:64px 5.5% 76px;background:radial-gradient(ellipse at 69% 22%,#f7f5ec 0,transparent 54%),linear-gradient(125deg,#e4e7dc,#eeede4 63%,#dce1d4)}
.label-unroll-heading{position:relative;z-index:2;grid-column:1;grid-row:1}
.label-unroll-heading .eyebrow{font-size:9px;letter-spacing:.14em;margin:0 0 28px}
.atelier-site .label-unroll-heading h2{font-size:clamp(74px,8.7vw,138px);font-weight:430;line-height:.88;letter-spacing:var(--tracking-display);margin:0;color:#143b31}
.label-unroll-instruction{font-size:11px;line-height:1.6;margin:22px 0 0;color:#5b6659}
.roll-instruction-desktop{display:none}
.label-unroll-details{position:relative;z-index:2;grid-column:1;grid-row:2;max-width:430px;align-self:end;padding-top:42px}
.roll-detail[hidden]{display:none!important}
.roll-detail{animation:roll-detail-in 220ms ease-out both}
.roll-detail .eyebrow{font-size:9px;letter-spacing:.11em;margin:0 0 12px;color:#97513b}
.atelier-site .roll-detail h3{font-size:clamp(27px,2.55vw,39px);line-height:1.08;letter-spacing:var(--tracking-heading);margin:0 0 17px;max-width:420px;color:#143b31}
.roll-detail-description{font-size:13px;line-height:1.75;max-width:39ch;margin:0 0 18px}
.roll-detail-spec{font-size:10px;line-height:1.7;max-width:43ch;margin:0 0 22px;padding-top:14px;border-top:1px solid #143b3126;color:#526051}
.label-unroll .roll-detail-link{font-size:12px;font-weight:550;padding-bottom:6px;display:inline-block;color:#143b31}
.roll-selector{display:flex;gap:5px;margin-top:32px;align-items:center}
.label-unroll .roll-choice{appearance:none;border:1px solid #143b3126;border-radius:0;background:transparent;color:#143b31;min-width:44px;min-height:44px;padding:0;font:inherit;font-size:11px;font-variant-numeric:tabular-nums;cursor:pointer;position:relative;overflow:hidden;transition:background-color 180ms ease-out,color 180ms ease-out,border-color 180ms ease-out;isolation:isolate}
.label-unroll .roll-choice[aria-pressed=true]{background:#143b31;border-color:#143b31;color:#fffdf5}
.label-unroll .roll-choice:focus-visible{outline:2px solid #a74629;outline-offset:4px}
.roll-all{display:inline-block;font-size:11px;color:#526051;margin-top:16px;border-bottom:1px solid transparent;transition:border-color 180ms ease-out}
.roll-all:hover,.roll-all:focus-visible{border-color:currentColor;color:#143b31}
.label-unroll-figure{position:absolute;inset:0 0 30px 40%;margin:0;z-index:1}
.label-unroll-art{height:100%;width:100%;max-width:none;display:block;overflow:visible}
.roll-product-label{cursor:pointer;outline:none}
.roll-label-outline{fill:transparent;stroke:#aa4a2e;stroke-width:1.8;opacity:0;pointer-events:all;transition:opacity 170ms ease-out}
[data-label-card].is-selected .roll-label-outline{opacity:.45}
.roll-product-label:hover .roll-label-outline,.roll-product-label:focus-visible .roll-label-outline{opacity:1;stroke-width:2.6}
.label-unroll-figure figcaption{position:absolute;right:7%;bottom:22px;font-size:8px;letter-spacing:.02em;color:#5b6659;margin:0;padding:5px 8px;background:#eeefe5c9;pointer-events:none}
.roll-no-script{position:relative;z-index:3;display:flex;gap:15px;flex-wrap:wrap;padding-top:24px}
.roll-no-script a{font-size:12px;text-decoration:underline}
@keyframes roll-detail-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover){.label-unroll .roll-choice:hover{background:#d4d9ca;border-color:#a3af9d;color:#143b31}.label-unroll .roll-choice[aria-pressed=true]:hover{background:#234f40;color:white}}
@media(min-width:1100px) and (min-height:700px) and (prefers-reduced-motion:no-preference){
 /* The roll floats across the section edges; only its printed web is clipped. */
 .label-unroll[data-label-ready=true]{height:300svh;z-index:2;--label-bleed-top:clamp(112px,14vh,150px);--label-bleed-bottom:clamp(132px,17vh,180px)}
 [data-label-ready=true] .label-unroll-stage{position:sticky;top:var(--label-sticky-top,88px);height:calc(100svh - var(--label-sticky-top,88px));min-height:0;padding-top:clamp(24px,4vh,48px);padding-bottom:32px;overflow:visible}
 /* Keep the complete product index inside the surface while the roll floats. */
 .atelier-site .label-unroll[data-label-ready=true] .label-unroll-heading h2{font-size:min(clamp(64px,7.3vw,112px),clamp(60px,calc(20svh - 80px),112px))}
 [data-label-ready=true] .label-unroll-heading .eyebrow{margin-bottom:20px}
 [data-label-ready=true] .label-unroll-instruction{margin-top:16px}
 [data-label-ready=true] .label-unroll-details{padding-top:20px}
 [data-label-ready=true] .roll-detail-description{max-width:none}
 [data-label-ready=true] .roll-selector{margin-top:18px}
 [data-label-ready=true] .roll-all{margin-top:12px}
 [data-label-ready=true] .label-unroll-figure{top:calc(-1 * var(--label-bleed-top));bottom:calc(-1 * var(--label-bleed-bottom));z-index:4;pointer-events:none}
 [data-label-ready=true] .label-unroll-art{filter:drop-shadow(12px 20px 16px #283b281a)}
 [data-label-ready=true] .roll-product-label{pointer-events:auto}
 [data-label-ready=true] .label-unroll-figure figcaption{left:3%;right:auto;bottom:calc(var(--label-bleed-bottom) + 68px)}
 /* Keep the production credit clear of the roll as it crosses the hero edge. */
 .atelier-hero-foot>span{position:absolute;left:0;bottom:-17px;font-size:8px}
 .roll-instruction-desktop{display:inline}.roll-instruction-touch{display:none}
}
@media(min-width:1100px) and (max-height:870px){
 .label-unroll-stage{padding-top:35px;padding-bottom:36px;min-height:730px}
 .label-unroll-heading .eyebrow{margin-bottom:20px;font-size:8px}
 .atelier-site .label-unroll-heading h2{font-size:clamp(70px,7.3vw,108px)}
 .label-unroll-instruction{margin-top:16px;font-size:10px}
 .label-unroll-details{padding-top:24px;max-width:420px}
 .atelier-site .roll-detail h3{font-size:29px;margin-bottom:12px}
 .roll-detail-description{font-size:12px;line-height:1.6;max-width:45ch;margin-bottom:12px}
 .roll-detail-spec{font-size:9px;margin-bottom:12px;padding-top:10px}
 .roll-selector{margin-top:20px}.roll-all{margin-top:11px}
 .label-unroll-figure figcaption{bottom:20px}
 [data-label-ready=true] .label-unroll-stage{padding-top:24px;padding-bottom:28px}
 [data-label-ready=true] .label-unroll-heading .eyebrow{margin-bottom:12px}
 [data-label-ready=true] .label-unroll-instruction{margin-top:12px}
 [data-label-ready=true] .label-unroll-details{padding-top:18px}
 [data-label-ready=true] .roll-detail .eyebrow{margin-bottom:8px}
 .atelier-site .label-unroll[data-label-ready=true] .roll-detail h3{font-size:28px;line-height:1.14;margin-bottom:10px}
 [data-label-ready=true] .roll-detail-description{font-size:13px;line-height:1.6;max-width:none}
 [data-label-ready=true] .roll-selector{margin-top:16px}
 [data-label-ready=true] .roll-all{margin-top:10px}
}
@media(max-width:1099px){
 .label-unroll-stage{min-height:800px;padding:55px 5% 70px;grid-template-columns:48% 52%}
 .atelier-site .label-unroll-heading h2{font-size:clamp(65px,8.7vw,100px)}
 .label-unroll-heading .eyebrow{font-size:8px;margin-bottom:25px}
 .label-unroll-details{max-width:360px;padding-top:35px}
 .label-unroll-figure{left:43%;right:-6%;bottom:60px;top:60px}
 .label-unroll-figure figcaption{right:15%;bottom:12px;max-width:220px;text-align:right}
 .roll-detail-description{font-size:12px;max-width:34ch}
 .atelier-site .roll-detail h3{font-size:31px}
}
@media(max-width:680px){
 .label-unroll-stage{min-height:0;display:flex;flex-direction:column;padding:47px 24px 66px}
 .label-unroll-heading{order:0}
 .label-unroll-heading .eyebrow{font-size:7px;letter-spacing:.12em;margin-bottom:23px}
 .atelier-site .label-unroll-heading h2{font-size:clamp(68px,16vw,100px);line-height:.89}
 .label-unroll-instruction{font-size:10px;max-width:32ch;margin-top:18px}
 .label-unroll-figure{position:relative;inset:auto;width:calc(100% + 48px);height:470px;margin:8px -24px 0;order:1}
 .label-unroll-figure figcaption{right:24px;bottom:10px;font-size:7px;max-width:none}
 .label-unroll-details{order:2;display:flex;flex-direction:column;max-width:none;padding-top:0}
 .roll-selector{order:-1;gap:8px;justify-content:space-between;margin:4px 0 28px;border-top:1px solid #143b3126;padding-top:21px}
 .label-unroll .roll-choice{flex:1;max-width:56px}
 .atelier-site .roll-detail h3{font-size:34px;max-width:310px}
 .roll-detail-description{font-size:13px;line-height:1.75;max-width:none}
 .roll-detail-spec{font-size:10px;max-width:none;margin-bottom:20px}
 .roll-detail .eyebrow{font-size:8px;margin-bottom:12px}
 .roll-all{margin-top:20px;align-self:start}
}
@media(prefers-reduced-motion:reduce){
 .label-unroll[data-label-ready=true]{height:auto}
 [data-label-ready=true] .label-unroll-stage{position:relative;height:auto}
 .roll-detail,.roll-label-outline,.label-unroll .roll-choice,.roll-all{animation:none;transition:none}
}
@media print{
 .label-unroll[data-label-ready=true]{height:auto}
 [data-label-ready=true] .label-unroll-stage{position:relative;height:auto;min-height:760px}
 .roll-selector,.roll-all,.label-unroll-instruction{display:none}
}