/* One assembled magazine spread: typography, notes, ticket and real inventory. */
.page-home .used-feature.used-editorial{display:block;background:radial-gradient(#74836a15 .7px,transparent .8px) 0 0/4px 5px,repeating-linear-gradient(12deg,#ffffff05 0 1px,transparent 1px 4px),#d5dfcc;padding:44px var(--gutter) 40px;overflow:clip}
.used-editorial-layout{height:690px;position:relative;isolation:isolate;max-width:1420px;margin-inline:auto}
.used-editorial-copy{position:absolute;left:1%;top:8px;width:43%;height:434px;z-index:6;pointer-events:none}
.used-heading-piece,.used-note-piece,.used-cta-piece{position:absolute;pointer-events:none}
.used-heading-piece{left:0;top:0;width:100%;height:176px;z-index:1;--cut-angle:-2.2deg}
.used-copy-layer{display:block;position:relative;width:100%;height:100%;transform:translate3d(var(--used-x,0px),var(--used-y,0px),0) rotate(var(--used-turn,0deg));rotate:var(--cut-angle,0deg);opacity:var(--used-opacity,1);pointer-events:none}
.used-copy-paper{display:block;position:absolute;inset:0;z-index:-1;background:#fbf8ed;box-shadow:1px 4px 5px #39462d1a;pointer-events:none}
.used-copy-paper::before,.used-paper::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,#77674904 0 1px,transparent 1px 3px),radial-gradient(#6251380c .65px,transparent .75px);background-size:auto,4px 5px;pointer-events:none}
.used-heading-piece .used-copy-paper{inset:-8px -9px -2px -12px;clip-path:polygon(0 0,100% 1%,99% 96%,94% 99%,88% 97%,81% 100%,75% 98%,68% 100%,61% 97%,53% 100%,45% 98%,36% 100%,28% 98%,20% 100%,12% 98%,4% 100%,0 96%)}
.used-heading-piece .used-copy-layer::after{content:'';position:absolute;top:-18px;left:18%;width:98px;height:29px;background:#d8c79b91;rotate:-7deg;clip-path:polygon(0 0,98% 4%,100% 89%,0 100%,2% 69%);pointer-events:none}
.used-editorial-copy h2{font-family:Newsreader,Georgia,serif;font-size:clamp(51px,4.65vw,68px);font-weight:540;line-height:1.01;letter-spacing:-.045em;padding:14px 16px 0 12px;color:#253a2c;pointer-events:auto}
.used-editorial-copy h2 span{display:block;white-space:nowrap}
.used-note-piece{left:4%;top:199px;width:80%;height:112px;z-index:2;--cut-angle:1.5deg}
.used-note-piece .used-copy-paper{background:repeating-linear-gradient(0deg,transparent 0 23px,#97a38e22 23px 24px),#f3f1e4;clip-path:polygon(1% 0,100% 0,99% 97%,1% 100%,0 82%,1% 65%,0 48%,1% 32%)}
.used-note-piece .used-copy-layer::after{content:'';position:absolute;right:18px;top:-6px;width:26px;height:15px;border:1px solid #8d958975;border-radius:9px;rotate:-11deg}
.used-editorial-copy p{font-size:14px;line-height:1.62;padding:22px 24px;margin:0;color:#455544;max-width:none;pointer-events:auto}
/* The whole cream scrap is the native link. The ink is original SVG lettering. */
.used-cta-piece{left:84%;top:358px;z-index:8;width:303px;height:82px;--cut-angle:-3deg}
.used-shop-link{position:absolute;inset:-10px -6px;width:calc(100% + 12px);height:calc(100% + 20px);min-height:52px;display:block;padding:0;background:none;border:0;border-radius:0;transform:none;pointer-events:auto;z-index:1;text-decoration:none;color:#334f3b;-webkit-tap-highlight-color:#48624420}
.used-ticket-layer{width:calc(100% - 12px);height:calc(100% - 20px);left:6px;top:10px;display:flex;align-items:center;justify-content:center;background:#faf5de;box-shadow:1px 4px 5px #31452b22;clip-path:polygon(0 2%,16% 0,38% 2%,65% 0,100% 1%,99% 20%,100% 36%,99% 53%,100% 81%,99% 100%,73% 99%,44% 100%,18% 98%,0 100%,1% 72%,0 43%);color:inherit;transition:color .16s ease,background-color .16s ease,box-shadow .16s ease}
.used-ticket-layer::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,#75684f05 0 1px,transparent 1px 3px),radial-gradient(#6251380d .65px,transparent .75px);background-size:auto,4px 5px;pointer-events:none}
.used-shop-ink{position:relative;width:calc(100% - 30px);height:auto;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.used-shop-underline{stroke-width:1.3;opacity:.85}
.used-shop-label{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.used-shop-link:hover .used-ticket-layer,.used-shop-link:focus-visible .used-ticket-layer{background:#fff9e1;color:#1e3928;box-shadow:2px 6px 7px #31452b2e}
.used-shop-link:is(:hover,:focus-visible) .used-shop-underline{stroke-width:2}
.used-shop-link:active .used-ticket-layer{background:#eee6cb;box-shadow:0 1px 2px #31452b22}
.used-object{display:block;position:absolute;min-width:0;color:var(--ink);border:0;background:none;text-decoration:none;cursor:pointer;pointer-events:auto}
.used-object-photo{display:block;position:absolute;inset:0 0 56px;pointer-events:none}
.used-photo-move{display:block;position:absolute;inset:0;transform:translate3d(var(--used-x,0px),var(--used-y,0px),0) rotate(var(--used-turn,0deg));opacity:var(--used-opacity,1);pointer-events:none}
.used-paper{position:absolute;inset:0;display:block;background:var(--piece-paper,#fcf9ee);transform:rotate(var(--piece-angle,0deg));filter:drop-shadow(1px 4px 3px #263d2d20);pointer-events:none}
.used-paper::after{content:'';position:absolute;width:76px;height:25px;background:#c8bb8b70;top:-9px;left:44%;transform:rotate(-9deg);clip-path:polygon(2% 0,98% 3%,100% 92%,1% 100%,3% 71%,0 57%)}
.used-object img{position:absolute;display:block;aspect-ratio:4/3;max-width:none;object-fit:contain;left:0;top:50%;height:auto;translate:0 -50%;rotate:var(--image-angle,0deg);mask-image:var(--used-mask);mask-size:var(--used-mask-size,100% 100%);mask-position:var(--used-mask-position,center);mask-repeat:no-repeat;filter:drop-shadow(1px 4px 2px #20372d15);pointer-events:none}
.used-object-name{display:table;position:absolute;bottom:0;left:50%;translate:-50% 0;z-index:10;max-width:100%;padding:8px 16px 10px;background:#fffdf3;box-shadow:1px 3px 3px #20372d14;text-align:center;white-space:nowrap;text-decoration:none;pointer-events:auto;rotate:var(--label-angle,0deg)}
.used-object-name strong{display:block;font-family:Manrope,Arial,sans-serif;font-size:32px;font-weight:750;line-height:1.05;letter-spacing:-.05em}
.used-object-name>span{display:block;margin-top:3px;font-family:Manrope,Arial,sans-serif;font-size:13px;font-weight:450;letter-spacing:-.015em;line-height:1.4;color:#51614f}
.used-object--desk{left:47%;top:18px;width:50%;height:327px;--used-mask:url('/assets/used-white-masks/poppin-alpha.png');--piece-paper:#ecebdd;--piece-angle:3deg;--image-angle:-2deg;--label-angle:1deg}
.used-object--desk .used-object-photo{z-index:1}
.used-object--desk .used-paper{inset:9px -2% -8px -5%;clip-path:polygon(0 1%,99% 0,100% 97%,94% 98%,88% 100%,82% 98%,76% 100%,69% 98%,62% 100%,55% 98%,47% 100%,39% 98%,32% 100%,25% 98%,18% 99%,10% 97%,3% 98%,0 96%)}
.used-object--desk img{width:87%;left:7%;top:49%}
.used-object--desk .used-object-name{left:9%;bottom:-2px;translate:0 0;text-align:left;--label-angle:-1deg}
.used-object--desk .used-object-name strong{font-weight:800;font-size:35px}
.used-object--chair{left:4%;top:372px;width:34%;height:298px;--used-mask:url('/assets/used-white-masks/gunlocke-alpha.png');--piece-angle:-5deg;--image-angle:-4deg;--label-angle:-2deg}
.used-object--chair .used-object-photo{z-index:2}
.used-object--chair .used-paper{inset:0 5% -8px 7%;background:linear-gradient(116deg,#dac6b2,#c4b095);clip-path:polygon(0 0,100% 0,99% 100%,2% 98%,0 94%)}
.used-object--chair .used-paper::after{left:14%;width:67px;background:#f7eedba6;transform:rotate(15deg)}
.used-object--chair img{width:86%;left:0%;top:51%}
.used-object--chair .used-object-name{left:37%;bottom:-2px;padding-top:5px}
.used-object--chair .used-object-name strong{font-family:Newsreader,Georgia,serif;font-weight:550;font-size:38px;letter-spacing:-.025em}
.used-object--arm{left:40%;top:484px;width:30%;height:203px;--used-mask:url('/assets/used-white-masks/humanscale-alpha.png');--piece-angle:4deg;--image-angle:4deg;--label-angle:1deg}
.used-object--arm .used-object-photo{z-index:3}
.used-object--arm .used-paper{inset:-9px -4% 2px -8%;background:repeating-linear-gradient(0deg,transparent 0 19px,#9eaba533 19px 20px),#f9f7ec;clip-path:polygon(2% 0,100% 0,99% 100%,0 100%,1% 84%,0 80%,2% 72%,0 63%,2% 55%,0 48%,1% 38%,0 30%,2% 23%,0 15%)}
.used-object--arm .used-paper::after{left:64%;top:-9px;width:63px;transform:rotate(6deg)}
.used-object--arm img{width:74%;left:14%;top:38%}
.used-object--arm .used-object-name{left:62%;bottom:-1px}
.used-object--arm .used-object-name strong{font-size:27px;font-weight:550;letter-spacing:-.055em}
.used-object--stack{left:77%;top:358px;width:21%;height:291px;--used-mask:url('/assets/used-white-masks/white-chair-alpha.png');--used-mask-size:83.72661122661123% 83.01338199513381%;--used-mask-position:44.846694346854036% 51.63408054620544%;--piece-paper:#e4d582;--piece-angle:-3deg;--image-angle:3deg;--label-angle:-2deg}
.used-object--stack .used-object-photo{z-index:4}
.used-object--stack .used-paper{inset:7px 4% -9px -10%;clip-path:polygon(0 0,100% 2%,100% 96%,96% 100%,0 98%)}
.used-object--stack .used-paper::after{left:62%;transform:rotate(16deg);background:#fbf0c28c}
.used-object--stack img{width:127%;left:-14%;top:45%}
.used-object--stack .used-object-name{left:44%;bottom:-1px;padding-top:5px}
.used-object--stack .used-object-name strong{font-family:Newsreader,Georgia,serif;font-size:39px;font-weight:450;letter-spacing:-.025em}
.used-object:focus-visible,.used-shop-link:focus-visible{outline:2px solid var(--accent-ink);outline-offset:7px}
.used-object:focus-visible .used-photo-move,.used-shop-link:focus-visible .used-copy-layer{transform:none!important;opacity:1!important}
.used-object:is(:focus-visible,:active,[data-used-pressed]) .used-object-name{color:var(--accent-ink);box-shadow:1px 3px 3px #20372d24}
@media(hover:hover) and (pointer:fine){.used-object:hover .used-object-name{color:var(--accent-ink)}}
/* Feedback lifts only the cutout; caption and native target remain stationary. */
@media(prefers-reduced-motion:no-preference){
 .used-object img{transition:translate .2s cubic-bezier(.22,1,.36,1),scale .2s cubic-bezier(.22,1,.36,1)}
 .used-object-name{transition:color .16s ease,box-shadow .16s ease}
 .used-object:focus-visible img{translate:0 calc(-50% - 5px);scale:1.025}
 .used-object:is(:active,[data-used-pressed]) img{translate:0 calc(-50% + 2px);scale:.985;transition-duration:.09s}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.used-object:hover img{translate:0 calc(-50% - 5px);scale:1.025}}
@media(max-width:1100px) and (min-width:761px){
 .used-editorial-copy{width:47%}
 .used-editorial-copy h2{font-size:clamp(38px,4.7vw,51px);padding-top:26px}
 .used-heading-piece{height:166px}
 .used-note-piece{top:187px;width:86%;height:135px;left:1%}
 .used-editorial-copy p{font-size:13px;padding:19px 20px}
 .used-cta-piece{left:78%;top:359px;width:267px;height:80px}
 .used-object--desk{left:49%;width:47%;top:42px;height:288px}
 .used-object-name strong{font-size:29px}
 .used-object--chair .used-object-name strong{font-size:35px}
 .used-object--stack .used-object-name strong{font-size:35px}
 .used-object--arm .used-object-name strong{font-size:25px}
}
@media(max-width:760px){
 /* A compact cut-paper spread: keep the desktop relationships, not its type scale. */
 .page-home .used-feature.used-editorial{padding:32px 20px 36px}
 .used-editorial-layout{height:clamp(632px,calc(100vw + 292px),812px);max-width:520px}
 .used-editorial-copy{left:1%;top:0;width:53%;height:300px}
 .used-heading-piece{height:clamp(87px,23vw,117px)}
 .used-editorial-copy h2{font-size:clamp(22px,6.15vw,34px);line-height:1.045;letter-spacing:-.045em;padding:17px 5px 0}
 .used-heading-piece .used-copy-paper{inset:-5px -4px 1px -5px}
 .used-heading-piece .used-copy-layer::after{left:28%;width:57px;height:19px;top:-12px}
 .used-note-piece{left:0;top:clamp(105px,27vw,140px);width:96%;height:146px}
 .used-editorial-copy p{font-size:13px;padding:14px 11px;line-height:1.5}
 .used-note-piece .used-copy-layer::after{right:13px;top:-5px;width:20px;height:12px}
 .used-cta-piece{left:43%;top:clamp(267px,calc(24vw + 190px),320px);width:clamp(208px,55vw,270px);height:62px}
 .used-shop-ink{width:calc(100% - 24px)}
 .used-object-photo{bottom:54px}
 .used-paper::after{width:47px;height:18px;top:-6px}
 .used-object-name{padding:7px 10px 8px;min-height:52px}
 .used-object-name strong{font-size:24px}
 .used-object-name>span{font-size:12px;margin-top:2px;line-height:1.35}
 .used-object--desk{left:56%;top:32px;width:43%;height:clamp(198px,54vw,276px)}
 .used-object--desk .used-paper{inset:8px -3% -7px -1%}
 .used-object--desk img{width:111%;left:-5%;top:48%}
 .used-object--desk .used-object-name{left:2%;bottom:0}
 .used-object--desk .used-object-name strong{font-size:25px}
 .used-object--chair{left:0;top:clamp(354px,calc(30vw + 258px),414px);width:47%;height:clamp(198px,51vw,260px)}
 .used-object--chair .used-paper{inset:0 0 -6px 2%}
 .used-object--chair .used-paper::after{left:14%;width:45px}
 .used-object--chair img{width:139%;left:-28%;top:45%}
 .used-object--chair .used-object-name{left:47%;bottom:0}
 .used-object--chair .used-object-name strong{font-size:28px}
 .used-object--arm{left:42%;top:clamp(502px,calc(65vw + 294px),632px);width:54%;height:clamp(138px,36vw,172px)}
 .used-object--arm img{height:100%;width:auto;left:50%;top:50%;transform:translateX(-50%)}
 .used-object--arm .used-paper{inset:-5px -1% -1px -3%}
 .used-object--arm .used-paper::after{width:42px;height:16px}
 .used-object--arm .used-object-name{left:51%;bottom:0}
 .used-object--arm .used-object-name strong{font-size:23px}
 .used-object--stack{left:64%;top:clamp(337px,calc(28vw + 248px),394px);width:34%;height:clamp(160px,43vw,221px)}
 .used-object--stack img{width:160%;left:-30%;top:46%}
 .used-object--stack .used-paper{inset:0 0 -5px -4%}
 .used-object--stack .used-object-name{left:49%;bottom:0;padding-inline:9px}
 .used-object--stack .used-object-name strong{font-size:28px}
}
@media(prefers-reduced-motion:reduce),(scripting:none){.used-photo-move,.used-copy-layer{transform:none!important;opacity:1!important}.used-object img{transition:none!important}}

/* V9 phone spread: all four items and the central handwritten ticket together. */
@media(max-width:760px){
 .page-home .used-feature.used-editorial{padding:28px 18px 26px}
 .used-editorial-layout{height:clamp(500px,calc(100svh - 110px),620px);max-width:480px}
 .used-editorial-copy{inset:0;width:100%;height:100%;pointer-events:none}
 .used-heading-piece{left:0;top:0;width:76%;height:104px;z-index:5}
 .used-editorial-copy h2{font-size:clamp(30px,8.4vw,42px);padding:12px 9px 0;line-height:1.02}
 .used-note-piece{left:1%;top:116px;width:44%;height:116px;--cut-angle:-3deg}
 .used-editorial-copy p{font-size:11px;line-height:1.45;padding:13px 12px}
 .used-cta-piece{left:50%;top:47%;translate:-50% -50%;width:72%;max-width:280px;height:58px;z-index:12;--cut-angle:-3deg}
 .used-object--desk{left:47%;top:75px;width:52%;height:170px;z-index:4}
 .used-object--desk .used-object-name{left:15%;bottom:5px}
 .used-object--desk .used-object-name strong{font-size:24px}
 .used-object--chair{left:0;top:52%;width:47%;height:40%;z-index:3}
 .used-object--chair img{width:130%;left:-23%}
 .used-object--stack{left:64%;top:52%;width:35%;height:29%;z-index:4}
 .used-object--arm{left:43%;top:79%;width:54%;height:21%;z-index:5}
 .used-object-photo{bottom:48px}
 .used-object-name{padding:6px 8px;min-height:44px}
 .used-object-name>span{font-size:10px}
 .used-object--chair .used-object-name strong,.used-object--stack .used-object-name strong{font-size:25px}
 .used-object--arm .used-object-name strong{font-size:20px}
}
@media(max-width:359px){
 .used-heading-piece{height:91px;width:79%}
 .used-note-piece{top:107px;height:121px}
 .used-editorial-copy p{font-size:10px;padding:11px 9px}
 .used-object--desk{top:90px;height:150px}
 .used-object--desk .used-object-name{left:9%}
 .used-object--desk .used-object-name strong{font-size:21px}
}
@media(max-width:760px){.used-editorial-layout{height:clamp(440px,calc(100svh - 110px),620px)}.used-object--stack{top:51%;height:26%}}
/* Explicit desktop label-only adjustment; the Poppin photograph stays put. */
@media(min-width:761px){.used-object--desk .used-object-name{left:calc(9% + 75px)}}
@media(max-width:760px){.used-editorial-layout{height:clamp(440px,calc(100svh - 145px),620px)}.used-cta-piece{top:max(245px,47%)}}
@media(max-width:359px){.used-object--chair{top:59%;height:36%}.used-object--stack{top:59%;height:23%}.used-object--arm{top:82%;height:18%}}
@media(max-width:359px){.used-editorial-layout{min-height:0;height:438px}.used-object--desk{top:65px;height:140px}}
@media(max-width:760px){.used-object--desk{height:clamp(130px,calc(47% - 112px),170px)}}

/* Give the Used headline scrap more prominence while keeping its note secondary. */
@media(min-width:1101px){
 .used-editorial-copy h2{font-size:clamp(59px,5.4vw,79px)}
 .used-heading-piece{height:205px}
 .used-note-piece{top:232px;width:85%;height:126px}
 .used-editorial-copy p{font-size:15px}
}
@media(min-width:761px) and (max-width:1100px){
 .used-editorial-copy h2{font-size:clamp(44px,5.4vw,59px)}
 .used-heading-piece{height:192px}
 .used-note-piece{top:214px;height:135px}
 .used-editorial-copy p{font-size:14px}
}
@media(max-width:760px){
 .used-heading-piece{width:86%;height:116px}
 .used-editorial-copy h2{font-size:clamp(34px,9.4vw,47px)}
 .used-note-piece{top:129px;width:50%;height:104px}
}
@media(max-width:359px){
 .used-heading-piece{width:94%;height:104px}
 .used-note-piece{top:117px;height:111px}
}