.or-process .ph{--text: var(--paper-50);--text-soft: var(--paper-200);--text-pale: var(--paper-300);background-color:var(--navy-500)}.or-process{padding-inline:1.5rem}@media screen and (min-width:750px){.or-process{padding-inline:5rem}}.or-process>.howA,.or-process>.howD{max-width:var(--page-width);margin-inline:auto}.howhead{text-align:center;max-width:720px;margin:0 auto var(--space-8)}.howhead .eb{display:inline-flex;align-items:center;gap:var(--space-2)}.howhead h3{font-family:var(--font-display);font-size:clamp(28px,3.6vw,46px);text-transform:uppercase;letter-spacing:-.005em;line-height:1.05}.howhead h3 span{color:var(--orange-500)}.howhead p{color:var(--text-soft);font-size:16px;margin-top:var(--space-3)}.howhead .or-hand{margin-top:var(--space-3)}.chip{display:inline-block;font-family:var(--font-stamp);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;background:var(--amber-300);border:2px solid var(--ink);border-radius:999px;padding:3px 10px;color:var(--text)}.howcta{text-align:center;margin-top:var(--space-8)}.howA{display:flex;flex-direction:column;gap:var(--space-4);padding-inline:var(--gutter)}.howA-row{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-5)}.howA-photo{height:120px;border:2.5px solid var(--ink);border-radius:var(--radius-sm);box-shadow:3px 3px 0 var(--ink);overflow:hidden}.howA-photo .ph{width:100%;height:100%}.howA-photo.icononly{--text: var(--paper-50);--text-soft: var(--paper-200);--text-pale: var(--paper-300);display:flex;align-items:center;justify-content:center;background:var(--navy-900);color:var(--amber-300)}.howA-photo.icononly .or-icon{width:46px;height:46px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.howA-nodes{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-5);position:relative}.howA-nodes:before{content:"";position:absolute;top:26px;left:10%;right:10%;height:2px;background-image:linear-gradient(90deg,var(--ink) 60%,transparent 0);background-size:14px 2px;z-index:0}.howA-node{justify-self:center;width:54px;height:54px;border-radius:50%;background:var(--amber-500);border:2.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:20px;color:var(--text);position:relative;z-index:1;transform:rotate(-6deg)}.howA-text{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-5);text-align:center}.howA-text h4{font-family:var(--font-display);font-size:16px;text-transform:uppercase;letter-spacing:-.005em;margin-bottom:var(--space-2)}.howA-text .chip{margin-bottom:var(--space-3)}.howA-text p{font-size:13px;color:var(--text-soft)}.howB{position:relative;max-width:940px;margin:0 auto}.howB-line{position:absolute;left:50%;top:10px;bottom:10px;width:2px;transform:translate(-50%);background-image:linear-gradient(var(--ink) 60%,transparent 0);background-size:2px 14px}.howB-step{display:grid;grid-template-columns:1fr 70px 1fr;align-items:center;margin-bottom:var(--space-7)}.howB-node{grid-column:2;justify-self:center;width:56px;height:56px;border-radius:50%;background:var(--amber-500);border:2.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink);display:flex;align-items:center;justify-content:center;color:var(--text);position:relative;z-index:1;transform:rotate(-6deg)}.howB-node .or-icon{width:26px;height:26px;stroke:currentColor;stroke-width:2.1;fill:none;stroke-linecap:round;stroke-linejoin:round}.howB-node .n{--text: var(--paper-50);--text-soft: var(--paper-200);--text-pale: var(--paper-300);position:absolute;top:-8px;left:-8px;width:24px;height:24px;border-radius:50%;background:var(--navy-900);color:var(--bone);border:2px solid var(--ink);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:11px;transform:rotate(6deg)}.howB-card{--text: var(--ink);--text-soft: var(--ink-soft);--text-pale: var(--ink-pale);background:var(--bone);border:2.5px solid var(--ink);border-radius:var(--radius-md);box-shadow:5px 5px 0 var(--ink);overflow:hidden}.howB-step:nth-child(odd) .howB-card{grid-column:1}.howB-step:nth-child(2n) .howB-card{grid-column:3}.howB-card .ph{height:170px}.howB-card .body{padding:var(--space-4) var(--space-5)}.howB-card .chip{margin-bottom:var(--space-2)}.howB-card h4{font-family:var(--font-display);font-size:20px;text-transform:uppercase;letter-spacing:-.005em;margin-bottom:var(--space-2)}.howB-card p{font-size:14px;color:var(--text-soft)}.howC{position:relative;max-width:880px;margin:0 auto;padding:var(--space-7) 0}.howC-route{position:absolute;left:50%;top:0;bottom:0;width:0;transform:translate(-50%);border-left:3px dashed var(--amber-500)}.howC-flag{position:relative;text-align:center;margin-bottom:var(--space-7);z-index:2}.howC-flag .pennant{display:inline-block;background:var(--orange-500);color:var(--bone);border:2.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink);font-family:var(--font-display);font-size:14px;letter-spacing:.05em;text-transform:uppercase;padding:8px 18px;transform:rotate(-2deg)}.howC-step{display:grid;grid-template-columns:1fr 88px 1fr;align-items:center;margin-bottom:var(--space-8);position:relative;z-index:1}.howC-stamp{--text: var(--ink);--text-soft: var(--ink-soft);--text-pale: var(--ink-pale);grid-column:2;justify-self:center;width:72px;height:72px;border-radius:50%;background:var(--bone);border:2.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--text);transform:rotate(-7deg)}.howC-stamp .n{font-family:var(--font-display);font-size:22px;line-height:1}.howC-stamp .lbl{font-family:var(--font-stamp);font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:var(--orange-700)}.polaroid{--text: var(--ink);--text-soft: var(--ink-soft);--text-pale: var(--ink-pale);background:#fff;border:2.5px solid var(--ink);box-shadow:5px 5px 0 var(--ink);padding:8px 8px 0}.howC-step:nth-child(odd) .polaroid{grid-column:1;transform:rotate(-2deg)}.howC-step:nth-child(2n) .polaroid{grid-column:3;transform:rotate(2deg)}.polaroid .ph{height:150px}.polaroid .cap{padding:var(--space-3) var(--space-2) var(--space-3)}.polaroid .cap .chip{margin-bottom:var(--space-2)}.polaroid .cap h4{font-family:var(--font-display);font-size:17px;text-transform:uppercase;letter-spacing:-.005em}.polaroid .cap p{font-size:13px;color:var(--text-soft);margin-top:4px}.polaroid .cap .or-hand{font-family:var(--font-hand);font-size:18px;color:var(--amber-700)}.howC-finish{position:relative;text-align:center;margin-top:var(--space-5);z-index:2}.howC-finish .seal{--text: var(--paper-50);--text-soft: var(--paper-200);--text-pale: var(--paper-300);display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:86px;height:86px;border-radius:50%;background:var(--navy-900);color:var(--amber-300);border:2.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink);transform:rotate(-6deg)}.howC-finish .seal .or-icon{width:30px;height:30px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.howC-finish .seal span{font-family:var(--font-stamp);font-size:8px;letter-spacing:.1em;margin-top:2px}.howD{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-5)}.howD-card{--text: var(--ink);--text-soft: var(--ink-soft);--text-pale: var(--ink-pale);background:var(--bone);border:2.5px solid var(--ink);border-radius:var(--radius-md);box-shadow:4px 4px 0 var(--ink);padding:var(--space-5);position:relative;overflow:hidden}.howD-card:nth-child(2n){transform:rotate(-.8deg)}.howD-card:nth-child(odd){transform:rotate(.6deg)}.howD-card .bignum{font-family:var(--font-display);font-size:56px;line-height:1.05;color:var(--paper-300)}.howD-card .ic{position:absolute;top:var(--space-4);right:var(--space-4);width:30px;height:30px;color:var(--orange-500)}.howD-card .ic .or-icon{width:100%;height:100%;stroke:currentColor;stroke-width:2.1;fill:none;stroke-linecap:round;stroke-linejoin:round}.howD-card h4{font-family:var(--font-display);font-size:16px;text-transform:uppercase;letter-spacing:-.005em;margin:var(--space-3) 0 var(--space-2)}.howD-card .chip{margin-bottom:var(--space-3)}.howD-card p{font-size:13px;color:var(--text-soft)}@media(max-width:900px){.howA-row,.howA-nodes,.howA-text{display:contents}.howA-photo,.howA-node,.howA-text>div{order:99}.howA-photo:nth-child(1),.howA-node:nth-child(1),.howA-text>div:nth-child(1){order:1}.howA-photo:nth-child(2),.howA-node:nth-child(2),.howA-text>div:nth-child(2){order:2}.howA-photo:nth-child(3),.howA-node:nth-child(3),.howA-text>div:nth-child(3){order:3}.howA-photo:nth-child(4),.howA-node:nth-child(4),.howA-text>div:nth-child(4){order:4}.howA-photo:nth-child(5),.howA-node:nth-child(5),.howA-text>div:nth-child(5){order:5}.howA-photo:nth-child(6),.howA-node:nth-child(6),.howA-text>div:nth-child(6){order:6}.howA-photo:nth-child(7),.howA-node:nth-child(7),.howA-text>div:nth-child(7){order:7}.howA-photo:nth-child(8),.howA-node:nth-child(8),.howA-text>div:nth-child(8){order:8}.or-process>.howA{max-width:460px}.howA-photo{height:160px}.howA-node{align-self:center;margin:0}.howA-photo:not(:nth-child(1)){margin-top:var(--space-5)}.howA-nodes:before{display:none}.howD{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.howD{grid-template-columns:1fr}.howB-line,.howC-route{left:28px}.howB-step{grid-template-columns:56px 1fr}.howB-node{grid-column:1}.howB-step:nth-child(odd) .howB-card,.howB-step:nth-child(2n) .howB-card{grid-column:2}.howC-step{grid-template-columns:72px 1fr}.howC-stamp{grid-column:1}.howC-step:nth-child(odd) .polaroid,.howC-step:nth-child(2n) .polaroid{grid-column:2;transform:rotate(0)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-open-road-process.css.map */