
/* A continuous editorial canvas, with every illustration on the left. */
.warm-content{background:radial-gradient(ellipse 85% 1600px at 90% 1100px,#a2601820,transparent 85%),radial-gradient(ellipse 85% 2200px at 12% 3000px,#a6632120,transparent 80%),linear-gradient(180deg,#0b0f11 0px,#21170f 650px,#251a10 1450px,#171510 2900px,#0d1111 100%)}
.pattern-guide{padding:54px clamp(22px,3vw,64px) 70px;max-width:2300px;margin:auto;position:relative}
.pattern-guide-header{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;padding-top:18px;border-top:1px solid #ca9c582d}
.pattern-guide-header .eyebrow{color:#bc9b6c;letter-spacing:2.6px;margin:14px 0 18px;font-size:9px}
.pattern-guide-header h2{font-size:clamp(35px,3.1vw,55px);line-height:1.08;letter-spacing:-1.5px;font-weight:750;color:#f0ece4}
.pattern-guide-header h2 span{color:#ffad3d}
.pattern-guide-header p:not(.eyebrow){font-size:14px;line-height:1.65;color:#b8a995;margin-top:21px;max-width:660px}
.guide-edition{font-size:9px;line-height:2;letter-spacing:2px;color:#ad906a;text-align:right;flex-shrink:0;padding-bottom:5px}
.guide-contents{display:flex;gap:10px;flex-wrap:wrap;padding:30px 0 38px}
.guide-contents a{display:inline-flex;gap:10px;align-items:center;border:1px solid #c09a6630;border-radius:5px;background:#241e153d;padding:9px 12px;color:#c8bca9;font-size:11px;line-height:1.4;transition:border-color .2s,color .2s}
.guide-contents a span{color:#bc8e4d;font-size:9px;font-variant-numeric:tabular-nums}.guide-contents a:hover{border-color:#d8a14e9c;color:#ffbf60}
.pattern-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(28px,4vw,88px);align-items:center;padding:36px 0;scroll-margin-top:30px;position:relative}
.pattern-row+.pattern-row:before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#b58b4f2e 20%,#b58b4f16 80%,transparent)}
.pattern-visual{min-width:0;position:relative;border:1px solid #b38d5436;border-radius:10px;overflow:hidden;background:radial-gradient(ellipse at 40% 35%,#a76b2520,transparent 75%),#12181885;box-shadow:0 12px 35px #00000014}
.pattern-copy{min-width:0;padding:10px 0}.pattern-copy>.eyebrow{font-size:9px;letter-spacing:2px;color:#ba9765;margin-bottom:14px}.pattern-copy h3{font-size:clamp(24px,1.85vw,34px);line-height:1.15;letter-spacing:-.7px;font-weight:700;color:#f1eade;margin-bottom:20px}.pattern-copy>p:not(.eyebrow){font-size:14px;line-height:1.85;color:#c1b6a7;max-width:760px}.pattern-copy>p+p:not(.eyebrow){margin-top:14px}
.guide-item-photo{aspect-ratio:1.95;overflow:hidden}.guide-item-photo img{width:100%;height:100%;object-fit:cover;display:block}.guide-data-strip{display:flex;gap:15px;justify-content:space-between;padding:16px 20px;font-size:10px;color:#ad9b81;background:#111717}.guide-data-strip b{color:#ebd5b1;font-size:12px;margin-left:9px;font-weight:600}
.guide-diagram{display:block;width:100%;height:auto;max-height:420px;object-fit:contain}
.guide-wear-panel{padding:35px clamp(20px,3vw,45px)}.guide-visual-label{font-size:9px;letter-spacing:2px;color:#ba9b6d;line-height:1.6}.guide-number-pair{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:36px 0}.guide-number-pair>div+div{border-left:1px solid #d0a3632c;padding-left:25px}.guide-number-pair span{font-size:10px;letter-spacing:1.5px;color:#a69884;display:block}.guide-number-pair b{font-size:clamp(28px,2.8vw,48px);letter-spacing:-1.5px;font-weight:650;display:block;color:#f4d5a1;margin:8px 0}.guide-number-pair small{font-size:11px;color:#a89a85;line-height:1.5}.guide-wear-scale{height:7px;border-radius:5px;background:linear-gradient(90deg,#57c4c2 0 7%,#81baa0 7% 15%,#dbcd73 15% 37%,#e69a55 37% 44%,#a44b3e 44%);position:relative}.guide-wear-scale i{position:absolute;left:1.75%;top:-4px;height:15px;width:3px;background:#fff5d9;border-radius:3px}.guide-wear-labels{display:flex;justify-content:space-between;font-size:10px;color:#a99982;margin-top:12px}.guide-visual-note{font-size:10px;color:#988c79;line-height:1.6;margin-top:24px}
.guide-finish-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:30px 10px}.guide-finish-examples figure{min-width:0;margin:0;text-align:center}.guide-finish-examples img{width:100%;height:auto;aspect-ratio:1.1;object-fit:contain;filter:drop-shadow(0 6px 9px #0005)}.guide-finish-examples figcaption{font-size:12px;line-height:1.5;color:#e8d4b6;margin-top:14px}.guide-finish-examples figcaption span{display:block;font-size:10px;color:#ac9a7e;margin-top:5px}
.guide-compare-art{padding:20px 20px 30px;text-align:center}.guide-compare-art>img{width:min(512px,100%);height:auto;max-height:250px;object-fit:contain;filter:drop-shadow(0 12px 15px #0006)}.guide-compare-caption b{font-size:22px;letter-spacing:-.4px;color:#efd4a8;display:block}.guide-compare-caption span{font-size:12px;color:#ac9c83;display:block;margin-top:9px}
.guide-charm-art{padding:28px}.guide-charms{display:flex;justify-content:center;gap:clamp(22px,4vw,65px);padding:55px 12px 35px}.guide-charm{position:relative;display:block;width:72px;height:95px;border-radius:30px 30px 26px 26px;box-shadow:inset 2px 3px 6px #fff5,inset -6px -8px 14px #0007,0 14px 18px #0004;border:1px solid #e9b36d99;transform:rotate(-8deg)}.guide-charm:before{content:'';position:absolute;width:19px;height:26px;top:-23px;left:25px;border:4px solid #ad9877;border-radius:10px}.guide-charm:after{content:'';position:absolute;inset:24px 20px;border:2px solid #ffe5a369;border-radius:50%}.guide-charm.one{background:linear-gradient(130deg,#eab85c,#8a3d2d)}.guide-charm.two{background:linear-gradient(130deg,#8bafb1,#6f815b 45%,#db9f40);transform:rotate(6deg)}.guide-charm.three{background:linear-gradient(130deg,#ac6b4e,#e1b156 65%,#753a2e);transform:rotate(-4deg)}
.guide-inspect-card{padding:25px 28px}.guide-inspect-top{display:flex;justify-content:space-between;gap:15px;font-size:8px;letter-spacing:1.8px;color:#bda174}.guide-inspect-top>b{font-weight:400;color:#938671}.guide-inspect-card>img{display:block;width:min(350px,100%);height:160px;object-fit:contain;margin:4px auto;filter:drop-shadow(0 9px 14px #0005)}.guide-inspect-card dl{margin:0}.guide-inspect-card dl>div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #b2926424;font-size:11px}.guide-inspect-card dt{color:#ab9c85}.guide-inspect-card dd{margin:0;color:#ead1aa;text-align:right}.guide-inspect-card .guide-visual-note{margin-top:14px}
.guide-checklist{padding:30px}.guide-checklist ol{list-style:none;padding:0;margin:22px 0}.guide-checklist li{display:flex;gap:17px;align-items:center;border-bottom:1px solid #b2926424;padding:14px 0;font-size:13px;color:#e2cfb2}.guide-checklist li>span{font-size:9px;color:#b88d50;letter-spacing:1px}.guide-checklist>a{display:flex;justify-content:space-between;color:#ffb947;font-size:12px;padding-top:6px}
.guide-contents a:focus-visible,.guide-checklist a:focus-visible{outline:2px solid #ffae43;outline-offset:4px}
@media(prefers-reduced-motion:no-preference){.pattern-row.guide-pending .pattern-visual,.pattern-row.guide-pending .pattern-copy{opacity:0;transform:translateY(16px)}.pattern-row .pattern-visual,.pattern-row .pattern-copy{transition:opacity .65s ease,transform .65s ease}.pattern-row .pattern-copy{transition-delay:.08s}}
@media(min-width:1900px){.pattern-copy>p:not(.eyebrow){font-size:15px}.pattern-row{padding:45px 0}.guide-finish-examples{padding-block:45px}}
@media(max-width:1000px){.pattern-row{gap:30px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.guide-edition{display:none}.guide-data-strip{flex-wrap:wrap;gap:10px;padding:14px}.guide-number-pair{gap:15px}.guide-number-pair>div+div{padding-left:15px}.guide-charm{width:57px;height:80px}.guide-charm:before{left:18px}.guide-charms{gap:28px}.guide-finish-examples figcaption{font-size:11px}.guide-finish-examples figcaption span{font-size:9px}}
@media(max-width:760px){.pattern-guide{padding:30px 22px 40px}.pattern-guide-header h2{font-size:36px;letter-spacing:-1px}.pattern-guide-header p:not(.eyebrow){font-size:13px}.pattern-guide-header .eyebrow{font-size:8px;letter-spacing:1.8px}.guide-contents{padding:24px 0 12px;gap:8px}.guide-contents a{font-size:10px;padding:8px 10px;gap:7px}.pattern-row{grid-template-columns:1fr;gap:23px;padding:29px 0}.pattern-copy{padding:0}.pattern-copy h3{font-size:27px;margin-bottom:15px}.pattern-copy>.eyebrow{font-size:8px;margin-bottom:11px}.pattern-copy>p:not(.eyebrow){font-size:13px;line-height:1.8;max-width:none}.guide-item-photo{aspect-ratio:2.05}.guide-wear-panel{padding:28px}.guide-diagram{max-height:360px}.guide-number-pair b{font-size:38px}.guide-finish-examples{padding:20px 10px 25px}.guide-finish-examples img{max-height:170px}.guide-charms{padding-block:45px 25px}.guide-compare-art>img{max-height:220px}.guide-inspect-card{padding:24px}.guide-checklist{padding:25px}.guide-finish-examples figcaption{font-size:12px}.guide-finish-examples figcaption span{font-size:10px}}
@media(max-width:400px){.pattern-guide{padding-inline:16px}.guide-finish-examples{grid-template-columns:1fr}.guide-finish-examples figure{display:flex;align-items:center;text-align:left}.guide-finish-examples img{width:52%;height:100px}.guide-finish-examples figcaption{margin:0}.guide-data-strip b{margin-left:5px}.guide-charm-art{padding:24px}.guide-charms{gap:25px}}

/* Replacement editorial visuals use real item renders at native size. */
.guide-real-render{margin:0;position:relative;isolation:isolate;padding:22px 26px 26px;min-height:340px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 48%,#aa692c25,transparent 66%),linear-gradient(145deg,#21201b,#101719 80%)}
.guide-real-render-classic{background:radial-gradient(ellipse at 45% 40%,#728d8f16,transparent 65%),radial-gradient(ellipse at 70% 70%,#b7833020,transparent 65%),#111819}
.guide-render-label{width:100%;display:flex;justify-content:space-between;align-items:center;color:#b99b6d;font-size:8px;letter-spacing:2px;line-height:1.5}.guide-render-label>b{font-size:10px;font-weight:400;color:#8f826e}
.guide-real-render>img{display:block;width:min(512px,100%);height:auto;max-height:300px;object-fit:contain;filter:drop-shadow(0 16px 20px #0006);margin:4px auto}
.guide-real-render figcaption{position:static;background:none;display:block;width:100%;text-align:left;border-top:1px solid #c4a37626;padding-top:17px;color:#eee5d7}
.guide-real-render figcaption strong{display:block;font-size:18px;font-weight:650;line-height:1.4;letter-spacing:-.25px}.guide-real-render figcaption strong>span{color:#efba69;margin-left:10px;font-weight:500}.guide-real-render figcaption small{display:block;margin-top:8px;color:#9d8c73;font-size:8px;letter-spacing:1.8px;line-height:1.6}
@media(max-width:760px){.guide-real-render{padding:20px;min-height:0}.guide-real-render>img{max-height:260px}.guide-real-render figcaption strong{font-size:16px}.guide-real-render figcaption strong>span{margin-left:7px}.guide-render-label{letter-spacing:1.5px}}

/* Open editorial guide: artwork sits directly on the shared page background. */
.pattern-guide{padding-top:48px}.pattern-row{grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);gap:clamp(35px,5vw,105px);padding-block:40px;min-height:360px}
.pattern-visual{background:none;border:0;border-radius:0;box-shadow:none;overflow:visible;min-height:0}
.pattern-row+.pattern-row:before{background:linear-gradient(90deg,transparent,#c7984b16 35%,transparent)}
.pattern-copy h3{font-size:clamp(25px,1.9vw,35px)}.pattern-copy>p:not(.eyebrow){color:#c5bcaf;line-height:1.8}
.editorial-weapon{margin:0;position:relative;min-height:280px;display:flex;flex-direction:column;justify-content:center}
.editorial-weapon>img{display:block;width:100%;height:auto;max-width:1741px;filter:drop-shadow(0 18px 18px #0005)}
.editorial-awp>img{transform:rotate(-6deg);margin-block:24px 40px}
.editorial-weapon figcaption{position:static;background:none;border:0;display:flex;align-items:center;justify-content:center;gap:15px;padding:0;margin-top:22px;font-size:12px;color:#ad9c83;line-height:1.6}
.editorial-weapon figcaption>span{color:#dfb16e;font-size:9px;letter-spacing:1.8px}
.editorial-blade-crop{position:relative;overflow:hidden;min-height:220px;aspect-ratio:2.9;display:flex;align-items:center;mask-image:linear-gradient(90deg,transparent,black 9%,black 94%,transparent)}
.editorial-blade-crop>img{position:relative;width:172%;max-width:none;height:auto;left:-65%;flex-shrink:0;filter:drop-shadow(0 15px 14px #0004);transform:rotate(-5deg)}
.editorial-families{display:flex;flex-direction:column;gap:32px;padding:12px 0}
.editorial-families figure{display:flex;align-items:center;gap:25px;margin:0;min-width:0}
.editorial-families img{width:73%;height:auto;object-fit:contain;filter:drop-shadow(0 14px 14px #0005)}
.editorial-families figcaption{position:static;background:none;min-width:0;font-size:12px;color:#e5c594;line-height:1.5}
.editorial-families figcaption b{display:block;font-weight:500}.editorial-families figcaption span{display:block;font-size:10px;color:#a5967f;margin-top:5px}
.editorial-fade>img{transform:rotate(-9deg);margin-block:30px}
.guide-wear-panel,.guide-inspect-card,.guide-checklist,.guide-charm-art{background:none;border:0;border-radius:0;box-shadow:none;padding:25px 12px}
.guide-wear-panel{max-width:650px;margin:auto;width:100%}.guide-number-pair{margin-block:35px}.guide-number-pair b{font-size:clamp(42px,4vw,70px);font-weight:550;color:#edc88d;letter-spacing:-2px}.guide-wear-scale{height:5px;opacity:.85}.guide-visual-label{color:#b09061}.guide-visual-note{color:#9c8c73}
.editorial-charms{padding:10px 0;text-align:center}.editorial-charms-art{display:flex;align-items:center;justify-content:center;gap:clamp(30px,6vw,110px)}.editorial-charms img{width:clamp(140px,16vw,240px);height:auto;object-fit:contain;filter:drop-shadow(0 18px 18px #0005)}.editorial-charms p{color:#a9987f;font-size:11px;letter-spacing:.4px;margin-top:20px;line-height:1.6}
.editorial-inspection{padding:20px 0}.editorial-inspection>img{width:100%;height:auto;display:block;margin:5px 0 40px;transform:rotate(-7deg);filter:drop-shadow(0 16px 18px #0005)}.editorial-inspection dl{max-width:570px;margin:0 auto;padding-inline:18px}.editorial-inspection dl>div{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #b58d4d29;padding:13px 0;font-size:12px;line-height:1.5}.editorial-inspection dt{color:#a5957d}.editorial-inspection dd{margin:0;color:#d7be94;text-align:right}
.guide-checklist{max-width:640px;margin:auto;padding-inline:18px}.guide-checklist li{padding-block:16px;border-color:#b58d4d20;font-size:14px}.guide-checklist li>span{font-size:11px;color:#c69a58}.guide-checklist>a{font-size:13px;padding-top:13px}
.guide-contents a{background:none;border-color:transparent;border-bottom:1px solid #b88b4538;border-radius:0;padding:9px 10px}.guide-contents a:hover{background:none;border-color:#d9a24b66}
@media(min-width:1900px){.pattern-row{min-height:390px;padding-block:46px}.editorial-weapon{min-height:310px}}
@media(max-width:1000px){.pattern-row{gap:30px}.editorial-weapon{min-height:250px}.editorial-blade-crop{min-height:190px}.editorial-families{gap:35px}.editorial-families figure{display:block}.editorial-families img{width:100%}.editorial-families figcaption{text-align:center;display:flex;justify-content:center;gap:12px;margin-top:9px}.editorial-families figcaption span{margin:0}.editorial-charms-art{gap:20px}.editorial-charms img{width:44%;max-width:240px}.editorial-weapon figcaption{gap:10px;font-size:11px}.editorial-weapon figcaption>span{font-size:8px}}
@media(max-width:760px){.pattern-row{grid-template-columns:1fr;min-height:0;padding-block:30px;gap:18px}.pattern-visual{overflow:hidden}.editorial-weapon{min-height:190px;padding:15px 0}.editorial-awp>img{margin-block:15px 25px}.editorial-blade-crop{min-height:170px;aspect-ratio:2.6}.editorial-weapon figcaption{font-size:10px;margin-top:14px}.editorial-weapon figcaption>span{font-size:8px}.editorial-families{gap:25px;padding-block:15px}.editorial-families figure{display:flex;gap:12px}.editorial-families img{width:75%}.editorial-families figcaption{display:block;font-size:11px;text-align:left;margin:0}.editorial-families figcaption span{margin-top:5px;font-size:9px}.guide-wear-panel{padding:22px 10px}.guide-number-pair b{font-size:50px}.editorial-charms-art{gap:35px}.editorial-charms img{width:40%;max-width:200px}.editorial-inspection{padding-block:28px 10px}.editorial-inspection>img{margin-bottom:30px}.editorial-inspection dl{padding-inline:10px}.editorial-inspection dl>div{font-size:11px}.guide-checklist{padding:18px 10px}.guide-checklist li{font-size:13px}.guide-contents{gap:6px}.guide-contents a{padding:8px 7px;font-size:10px}}

/* Full-width, readable chapter navigation. Other guide content keeps its original measure. */
.pattern-guide{max-width:none}
.pattern-guide>.pattern-guide-header,.pattern-guide>.pattern-row{max-width:calc(2300px - clamp(22px,3vw,64px)*2);margin-inline:auto}
.guide-contents{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));width:100%;gap:12px;padding:30px 0 42px}
.guide-contents a{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;min-height:86px;padding:18px 16px;border:1px solid #c69a565c;border-radius:10px;background:linear-gradient(135deg,#64451e47,#261f1675);box-shadow:inset 0 1px 0 #ffe2a00b;color:#f3e8d5;font-size:15px;font-weight:600;line-height:1.4;transition:background .18s,border-color .18s,color .18s,box-shadow .18s}
.guide-contents a .guide-chapter-number{display:grid;place-items:center;align-self:center;width:29px;height:29px;border:1px solid #e8aa4c42;border-radius:6px;background:#e4a24515;color:#ffbc62;font-size:12px;font-weight:700;letter-spacing:.4px;font-variant-numeric:tabular-nums}
.guide-contents a .guide-chapter-label{color:inherit;font:inherit;overflow-wrap:anywhere}
.guide-chapter-arrow{width:17px;height:17px;fill:none;stroke:#d7aa69;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:.8;flex-shrink:0}
.guide-contents a:hover,.guide-contents a:focus-visible{background:linear-gradient(135deg,#90612970,#3b2a187a);border-color:#ffb548b3;color:#fff5e4;box-shadow:inset 0 1px 0 #ffe2a015,0 5px 18px #00000014}
.guide-contents a:hover .guide-chapter-arrow{stroke:#ffca7b;opacity:1}
@media(min-width:2000px){.guide-contents a{min-height:94px;padding:22px 20px;font-size:17px;gap:15px}.guide-contents a .guide-chapter-number{width:32px;height:32px;font-size:13px}}
@media(max-width:1599px){.guide-contents{grid-template-columns:repeat(4,minmax(0,1fr))}.guide-contents a{font-size:16px;min-height:80px;padding:18px}}
@media(max-width:760px){.guide-contents{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:24px 0 22px}.guide-contents a{font-size:14px;min-height:82px;padding:14px 12px;gap:9px}.guide-contents a .guide-chapter-number{width:25px;height:25px;font-size:11px}.guide-chapter-arrow{width:14px;height:14px}}
@media(max-width:380px){.guide-contents a{padding:13px 9px;gap:7px}.guide-chapter-arrow{display:none}.guide-contents a{grid-template-columns:auto minmax(0,1fr)}}
