.pgn{font-family:var(--body);color:var(--ink);background:#fff;line-height:1.55;-webkit-font-smoothing:antialiased;margin:0;letter-spacing:0}.pgn *{box-sizing:border-box}.pgn div:empty{display:block}.pgn img{display:block;max-width:100%}.pgn a{color:inherit;text-decoration:none}.pgn h1,.pgn h2,.pgn h3{font-family:var(--display);margin:0;line-height:1.05;letter-spacing:-.01em;color:inherit;text-transform:none}.pgn p{margin:0;color:inherit}@media(prefers-reduced-motion:reduce){.pgn *{transition:none!important;animation:none!important}}.pgn{--white:#fff;--alum:#EEF0F2;--alum-deep:#D9DDE1;--render:#CFD3D6;--ink:#1A1D21;--slate:#5E6870;--og01:#E8611A;--og01-deep:#C24E11;--maxw:1240px;--gutter:clamp(20px,4vw,48px);--r:6px;--display:"Archivo",system-ui,sans-serif;--body:"Inter",system-ui,sans-serif}.pgn a:focus-visible,.pgn button:focus-visible{outline:3px solid var(--og01);outline-offset:3px}.pgn .wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}.pgn h1{font-size:clamp(40px,6.2vw,84px);font-weight:700;font-stretch:112%}.pgn h2{font-size:clamp(30px,3.6vw,48px);font-weight:600;font-stretch:112%;color:var(--ink)}.pgn h3{font-size:20px;font-weight:600;color:var(--ink)}.pgn .lede{font-size:clamp(17px,1.3vw,20px);color:var(--slate);max-width:56ch}.pgn .btn{display:inline-flex;align-items:center;font-family:var(--display);font-weight:600;font-size:15px;padding:15px 24px;border-radius:var(--r);border:1.5px solid transparent;cursor:pointer;transition:background .15s,color .15s;line-height:1.2}.pgn .btn-primary{background:var(--og01);color:#fff}.pgn .btn-primary:hover{background:var(--og01-deep)}.pgn .btn-ghost{color:#fff;border-color:#fff}.pgn .btn-ghost:hover{background:#fff;color:var(--ink)}.pgn .btn-ghost.dark{color:var(--ink);border-color:var(--ink)}.pgn .btn-ghost.dark:hover{background:var(--ink);color:#fff}.pgn .textlink{font-family:var(--display);font-weight:600;font-size:15px;border-bottom:2px solid var(--og01);padding-bottom:2px}.pgn .hero{position:relative;height:100vh;height:100svh;margin-top:calc(-1 * var(--pgn-header,72px));padding-top:var(--pgn-header,72px);min-height:600px;display:flex;align-items:center;color:#fff;overflow:hidden;background:#3a3f45}.pgn .hero .bg{position:absolute;top:0;right:0;bottom:0;left:0;will-change:transform}.pgn .hero .bg img{width:100%;height:100%;object-fit:cover;object-position:38% 45%}.pgn .hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to left,#0e10149e,#0e101461 38%,#0e101400 62%),linear-gradient(to top,rgba(14,16,20,.55),transparent 40%)}.pgn .hero .wrap{position:relative;z-index:1;width:100%;display:flex;justify-content:flex-end}.pgn .hero .copy{max-width:640px}.pgn .hero h1{font-size:clamp(44px,5.6vw,80px);text-wrap:balance;color:#fff}.pgn .hero .lede{color:#ffffffdb;margin:22px 0 32px;max-width:48ch}.pgn .hero .actions{display:flex;gap:14px;flex-wrap:wrap}.pgn .credit{position:absolute;right:var(--gutter);bottom:18px;z-index:1;font-size:12px;color:#fff9}.pgn .story{position:relative;background:#8f9093}.pgn .story .stage{position:sticky;top:0;height:100vh;overflow:hidden;background:#8f9093;opacity:1}.pgn .story .stage .wrap{height:100%;position:relative;max-width:none;padding:0}.pgn .frames{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#8f9093}.pgn .stage.pgn-light,.pgn .stage.pgn-light .frames{background:#d2d2d2}.pgn .stage.pgn-light .frames img{-webkit-mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 6%,#000 94%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 6%,#000 94%,transparent);mask-composite:intersect}.pgn .frames:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0a0c0e6b,#0a0c0e1f 40%,#0a0c0e00 60%);pointer-events:none}.pgn .frames img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 70%;opacity:0;transform:scale(1.03);transition:opacity .55s ease,transform .9s ease,filter .8s ease}.pgn .frames img.on{opacity:1;transform:scale(1);visibility:visible;transition-delay:0s}.pgn .frames img:not([data-sub]):not(.on){visibility:hidden;transition:opacity .55s ease,transform .9s ease,visibility 0s linear .55s}.pgn .callout{position:absolute;left:64%;top:46.5%;z-index:3;transform-origin:50% 0;color:#ffa46b;text-shadow:0 0 14px rgba(255,140,60,.45),0 1px 2px rgba(0,0,0,.4);font-family:var(--display);font-weight:600;font-size:clamp(14px,1.1vw,17px);letter-spacing:.02em;text-transform:uppercase;opacity:0;transition:opacity .4s;pointer-events:none;transform:translate(-50%);text-align:center;white-space:nowrap}.pgn .callout i{display:block;width:2px;height:16vh;background:#ffa46b;box-shadow:0 0 10px #ff8c3c99;margin:0 auto 10px;position:relative}.pgn .callout i:after{content:"";position:absolute;left:50%;top:-6px;width:12px;height:12px;border-radius:50%;background:#ffa46b;box-shadow:0 0 12px #ff8c3ccc;transform:translate(-50%)}.pgn .captions{position:absolute;left:var(--gutter);right:var(--gutter);top:0;bottom:0;z-index:2;color:#fff;pointer-events:none}.pgn .cap{position:absolute;left:0;top:calc(var(--pgn-header,72px) + clamp(24px,5vh,64px));width:100%;max-width:900px;opacity:0;transform:translateY(22px);transition:opacity .45s ease,transform .6s ease;pointer-events:none}.pgn .cap.bl,.pgn .cap.br{top:auto;bottom:clamp(48px,9vh,110px)}.pgn .cap.br{left:auto;right:0;max-width:720px}.pgn .stage.pgn-bottom .frames:after{background:linear-gradient(to top,#0a0c0eb8,#0a0c0e59 38%,#0a0c0e00 62%)}.pgn .cap.on{opacity:1;transform:none;pointer-events:auto}.pgn .cap .k{font-family:var(--display);font-weight:600;font-size:clamp(14px,1.1vw,17px);color:#ff8a4c;margin-bottom:18px;letter-spacing:.02em;text-transform:uppercase;display:block}.pgn #cap-cut h2{max-width:22ch}.pgn .cap h2{font-size:clamp(40px,5.4vw,84px);max-width:16ch;text-shadow:0 2px 24px rgba(0,0,0,.25);color:#fff}.pgn .cap p{color:#ffffffdb;font-size:clamp(17px,1.45vw,23px);margin-top:22px;max-width:44ch;text-shadow:0 1px 12px rgba(0,0,0,.25)}.pgn .cap .textlink{display:inline-block;color:#fff;border-color:#ff8a4c;font-size:17px}.pgn .cap .opts{margin-top:28px;display:flex;gap:10px;flex-wrap:wrap}.pgn .cap .opts span{font-size:clamp(13px,1vw,15px);font-weight:500;color:#fff;background:#282c308c;border:1px solid rgba(255,255,255,.35);padding:8px 14px;border-radius:999px;transition:background .3s,color .3s,border-color .3s}.pgn .cap .opts span.on{background:#fff;color:var(--ink);border-color:#fff}.pgn .frames img[data-sub]{transition:none}.pgn .frames img[data-sub].vis{visibility:visible;transition-delay:0s,0s,0s}.pgn .frames img[data-sub]:not(.vis){visibility:hidden}.pgn .dots{position:absolute;right:var(--gutter);top:50%;transform:translateY(-50%);display:grid;gap:10px;z-index:2}.pgn .dots i{width:6px;height:6px;border-radius:50%;background:#ffffff73;transition:background .3s,height .3s}.pgn .dots i.on{background:var(--og01);height:22px;border-radius:3px}.pgn .story .runway{display:block!important;height:calc(var(--beats) * 90vh)}.pgn .head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:44px;flex-wrap:wrap}.pgn .head .lede{margin-top:14px}.pgn .acc{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.pgn .acc a{display:flex;flex-direction:column;gap:12px;opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .7s ease}.pgn .acc.in a{opacity:1;transform:none}.pgn .acc.in a:nth-child(2){transition-delay:.06s}.pgn .acc.in a:nth-child(3){transition-delay:.12s}.pgn .acc.in a:nth-child(4){transition-delay:.18s}.pgn .acc.in a:nth-child(n+5){transition-delay:.24s}.pgn .acc a:hover .art img{transform:scale(1.04)}.pgn .acc .art{border-radius:var(--r);aspect-ratio:1/1;overflow:hidden;background:var(--render)}.pgn .acc .art img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.pgn .acc .name{font-family:var(--display);font-weight:600;font-size:15.5px;line-height:1.3;color:var(--ink)}.pgn .acc .p{font-size:14.5px;font-weight:500;color:var(--ink)}.pgn .lineup{background:var(--alum);padding:clamp(64px,8vw,112px) 0 clamp(48px,6vw,80px)}.pgn .finish{background:var(--alum);padding:clamp(48px,6vw,80px) 0 clamp(64px,8vw,100px)}.pgn .racks{display:grid;grid-template-columns:repeat(4,1fr);background:var(--white);border:1px solid var(--alum-deep);border-radius:var(--r);overflow:hidden}.pgn .rack{padding:28px 24px 26px;border-left:1px solid var(--alum-deep);display:flex;flex-direction:column;gap:14px;transition:background .2s;color:var(--ink)}.pgn .rack:hover{background:#fafafb}.pgn .rack .go{font-family:var(--display);font-weight:600;font-size:14px;color:var(--og01-deep);margin-top:6px}.pgn .rack:first-child{border-left:0}.pgn .rack img{aspect-ratio:3/2;object-fit:cover;width:100%;border-radius:4px;background:var(--render)}.pgn .rack h3{font-size:19px;margin-top:6px}.pgn .rack .for{color:var(--slate);font-size:14px;min-height:84px}.pgn .rack dl{margin:0;font-size:13.5px;display:grid;grid-template-columns:auto 1fr;gap:6px 12px;border-top:1px solid var(--alum-deep);padding-top:14px}.pgn .rack dt{color:var(--slate)}.pgn .rack dd{margin:0;font-weight:500}.pgn .rack .price{font-family:var(--display);font-weight:600;font-size:18px;margin-top:auto;padding-top:10px;color:var(--ink)}.pgn .rack .price small{font-family:var(--body);font-weight:400;color:var(--slate);font-size:13px}.pgn .fit{margin-top:22px;display:flex;gap:28px;flex-wrap:wrap;font-size:14px;color:var(--slate)}@media(max-width:1024px){.pgn .racks{grid-template-columns:repeat(2,1fr)}.pgn .rack{border-left:0;border-top:1px solid var(--alum-deep)}.pgn .rack:nth-child(-n+2){border-top:0}.pgn .rack:nth-child(2n){border-left:1px solid var(--alum-deep)}.pgn .acc{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.pgn .cap h2{font-size:clamp(34px,10vw,48px)}.pgn .frames img{object-position:center 65%}.pgn .dots{display:none}.pgn .hero .wrap{justify-content:flex-start}.pgn .hero{align-items:flex-end}.pgn .hero .copy{padding-bottom:56px}.pgn .racks{grid-template-columns:1fr}.pgn .rack,.pgn .rack:nth-child(2n){border-left:0}}@media(max-width:560px){.pgn .acc{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.pgn .story .stage{position:static;height:auto}.pgn .story .runway{display:none!important}.pgn .frames img{position:static;opacity:1;transform:none;display:none}.pgn .frames img.on{display:block}}@media(max-width:820px),(orientation:portrait)and (max-width:1024px){.pgn .story{background:#111315}.pgn .story .stage{height:100vh;height:100dvh}.pgn .story .stage,.pgn .frames{background:#111315!important}.pgn .frames:after,.pgn .stage.pgn-bottom .frames:after{background:linear-gradient(to bottom,#11131559,#11131500 30%)!important}.pgn .frames img{top:calc(var(--pgn-header,72px) + 14px + var(--pgn-cap,220px) + 18px);bottom:auto;height:auto;max-height:calc(100svh - var(--pgn-header,72px) - var(--pgn-cap,220px) - 52px);aspect-ratio:16/9;object-fit:contain;object-position:center top;transform:none!important;transform-origin:center!important;-webkit-mask-image:none!important;mask-image:none!important}.pgn .frames img[data-f="2"][data-sub="0"],.pgn .frames img[data-f="1"],.pgn .frames img[data-f="7"]{aspect-ratio:3/2}.pgn .callout{display:none}.pgn .captions{left:20px;right:20px}.pgn .cap,.pgn .cap.bl,.pgn .cap.br{top:calc(var(--pgn-header,72px) + 14px);bottom:auto;left:0;right:0;max-width:none;transform:none}.pgn .cap .k{font-size:12px;margin-bottom:6px}.pgn .cap h2{font-size:clamp(24px,6.8vw,32px);max-width:none;text-shadow:none}.pgn .cap p{font-size:14px;margin-top:8px;max-width:none;line-height:1.4;text-shadow:none}.pgn .cap .opts{margin-top:10px;gap:6px}.pgn .cap .opts span{font-size:11px;padding:4px 9px}.pgn .cap .textlink{font-size:14px;margin-top:8px!important}}.pgn-hint{position:fixed;right:18px;bottom:22px;z-index:45;display:flex;align-items:center;gap:10px;padding:10px 14px 10px 12px;border-radius:999px;background:#1416198c;border:1px solid rgba(255,255,255,.18);color:#fff;font-family:Archivo,system-ui,sans-serif;font-size:13px;font-weight:600;letter-spacing:.01em;backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%);box-shadow:0 6px 24px #00000040;opacity:0;transform:translateY(8px);transition:opacity .45s ease,transform .45s ease;pointer-events:none}.pgn-hint.show{opacity:1;transform:none;pointer-events:auto;cursor:pointer}.pgn-hint i{display:block;width:16px;height:16px;position:relative}.pgn-hint i:before,.pgn-hint i:after{content:"";position:absolute;left:3px;width:10px;height:10px;border-right:2px solid #FFA46B;border-bottom:2px solid #FFA46B;transform:rotate(45deg);top:-2px;animation:pgnChev 1.6s ease-in-out infinite}.pgn-hint i:after{top:4px;animation-delay:.25s}@keyframes pgnChev{0%,to{transform:translateY(0) rotate(45deg);opacity:.35}50%{transform:translateY(4px) rotate(45deg);opacity:1}}@media(max-width:820px){.pgn-hint{right:12px;bottom:18px;font-size:12px;padding:8px 12px 8px 10px}}@media(prefers-reduced-motion:reduce){.pgn-hint i:before,.pgn-hint i:after{animation:none}}.pgn .lineup,.pgn .finish{overflow-x:clip}.pgn section.hero,.pgn .hero{height:auto;min-height:100vh;min-height:100svh}.pgn .hero .wrap{padding-top:24px;padding-bottom:24px}@media(max-height:600px)and (orientation:landscape){.pgn .cap,.pgn .cap.bl,.pgn .cap.br{top:calc(var(--pgn-header,72px) + 6px);bottom:auto;left:0;right:auto;max-width:min(66ch,66vw);padding-right:8px}.pgn .cap .k{font-size:11px;margin-bottom:6px}.pgn .cap h2{font-size:clamp(19px,3.3vw,28px);max-width:none;line-height:1.05}.pgn .cap p{font-size:12.5px;margin-top:6px;line-height:1.4;max-width:none}.pgn .cap .opts{margin-top:8px;gap:5px}.pgn .cap .opts span{font-size:11px;padding:3px 8px}.pgn .cap .textlink{font-size:13px;margin-top:8px!important}.pgn .callout,.pgn .dots{display:none}.pgn .frames:after,.pgn .stage.pgn-bottom .frames:after{background:linear-gradient(to right,#0a0c0eb8,#0a0c0e59 45%,#0a0c0e00 70%)!important}.pgn .frames img{top:0;bottom:0;height:100%;max-height:none;min-height:0;aspect-ratio:auto;object-fit:cover;object-position:center 60%}html .pgn .cap,html .pgn .cap.bl,html .pgn .cap.br{max-height:calc(100svh - var(--pgn-header,56px) - 14px);overflow:auto}.pgn .hero h1{font-size:clamp(26px,4.5vw,40px)}.pgn .hero .lede{font-size:14px;margin:12px 0 18px}.pgn .hero .copy{padding-bottom:20px}}@media(max-width:820px),(orientation:portrait)and (max-width:1024px){.pgn .cap,.pgn .cap.bl,.pgn .cap.br{max-height:calc(100svh - var(--pgn-header,72px) - 150px);overflow:auto;-webkit-overflow-scrolling:touch}.pgn .frames img{min-height:110px}}@media(max-width:380px){.pgn .hero h1{font-size:clamp(28px,9vw,36px)}.pgn .hero .lede{font-size:14px}.pgn .btn{padding:12px 16px;font-size:14px}.pgn .cap h2{font-size:clamp(22px,7vw,28px)}.pgn .racks,.pgn .acc{grid-template-columns:1fr}.pgn .rack{padding:18px 16px}}@media(max-width:1180px)and (min-width:821px)and (orientation:landscape){.pgn .cap h2{font-size:clamp(30px,4.2vw,48px)}.pgn .cap p{font-size:16px;max-width:46ch}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/paragon-home.css.map */