@font-face{font-family:Manrope;src:url('./manrope-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('./manrope-600.ttf') format('truetype');font-weight:600;font-display:swap}
*{box-sizing:border-box}body{margin:0;background:#f4f3ee;color:#23342e;font:400 14px/1.7 Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,p{margin:0}a:focus-visible{outline:3px solid #b91d35;outline-offset:7px}.picker-skip{position:absolute;top:-100px;left:20px;padding:10px 20px;background:white;z-index:2}.picker-skip:focus{top:10px}.picker-header,main,.picker-footer{width:min(1380px,90%);margin:auto}.picker-header{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #cdd3ca}.picker-header>img{width:165px;height:auto}.picker-header>span{display:flex;align-items:center;gap:9px;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.picker-header i{width:6px;height:6px;background:#7a9d7b;border-radius:50%}.picker-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding:56px 0 42px}.picker-eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.14em;margin-bottom:18px;color:#69736b}h1{font-size:clamp(35px,4.6vw,68px);line-height:1.09;font-weight:400;letter-spacing:-.055em}h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.04em;color:#637466}.picker-intro>p{font-size:12px;line-height:1.85;color:#69736b;padding-bottom:4px}.design-options{display:grid;grid-template-columns:1fr 1fr;gap:34px}.design-option{min-width:0;display:block}.design-preview{aspect-ratio:1.8;position:relative;overflow:hidden;isolation:isolate;transition:box-shadow .5s,transform .6s cubic-bezier(.2,1,.3,1);border:1px solid #dadcd4;container-type:inline-size}.design-option:hover .design-preview{transform:translateY(-5px);box-shadow:0 20px 40px #24382c15}.mini-nav{height:16%;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #dce0da;font-size:1.15cqw}.mini-nav img{width:24%;height:auto}.mini-nav b{font-weight:400;background:#d71936;color:white;padding:5px 8px}.preview-one{background:white}.mini-original{display:grid;grid-template-columns:1fr 1fr;height:75%}.mini-original>div:first-child{padding:6% 9%}.mini-original small{font-size:1.25cqw;display:block;margin-bottom:6%}.mini-original strong{font-size:7.5cqw;line-height:.99;font-weight:400;letter-spacing:-.06em;display:block}.mini-original strong span{color:#d71936}.mini-original p{font-size:1.4cqw;margin:7% 0}.mini-original b{display:inline-block;background:#d71936;color:white;font-size:1.2cqw;font-weight:400;padding:5% 6%}.mini-photo{position:relative;overflow:hidden}.mini-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;filter:saturate(.6)}.mini-photo>span{position:absolute;bottom:0;left:0;right:0;background:#172922bd;color:white;padding:6%;font-size:1.25cqw}.mini-strip{height:9%;display:flex;align-items:center;justify-content:space-around;background:#f1f3ed;font-size:1.4cqw}.preview-two{background:#101e1d;color:#f0f0dc;border-color:#21332b}.mini-background{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:50% 30%;filter:saturate(.3)}.preview-two::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#10211cfa,#10211c85 65%,#10211c40)}.preview-two .mini-nav{border-color:#ffffff20}.preview-two .mini-nav b{background:transparent;border:1px solid #acc9ae;border-radius:50px;color:#d6e9d7}.mini-cinematic{padding:5% 6%}.mini-cinematic small{font-size:1.2cqw;letter-spacing:.08em;text-transform:uppercase}.mini-cinematic strong{font:400 9.3cqw/.95 Georgia,serif;letter-spacing:-.04em;display:block;margin:4% 0}.mini-cinematic em{color:#c2e1c6}.mini-cinematic p{font-size:1.35cqw;margin-top:4%}.mini-cinematic b{display:inline-block;font-size:1.3cqw;font-weight:400;padding:3% 5%;border:1px solid #9cbda9;border-radius:50px;margin-top:4%;color:#bce7ca}.mini-orbit{position:absolute;right:10%;top:38%;width:27%;aspect-ratio:1;display:grid;place-items:center}.mini-orbit i{position:absolute;inset:0;border:1px solid #bed9b960;border-radius:50%;transform:rotate(-30deg) scaleX(.55)}.mini-orbit i:nth-child(2){transform:rotate(30deg) scaleX(.55)}.mini-orbit span{font-size:1.5cqw;letter-spacing:.15em}.mini-bottom{position:absolute;bottom:4%;left:6%;right:6%;display:flex;justify-content:space-between;font-size:1cqw;letter-spacing:.09em}.preview-open{position:absolute;right:18px;bottom:18px;background:#fffff5;color:#1f3329;padding:10px 17px;border-radius:100px;font-size:11px;opacity:0;transform:translateY(10px);transition:opacity .3s,transform .3s;box-shadow:0 5px 20px #0002}.design-option:hover .preview-open,.design-option:focus-visible .preview-open{opacity:1;transform:translateY(0)}.option-details{display:flex;justify-content:space-between;align-items:center;margin:20px 0 9px}.option-details>div{display:flex;align-items:baseline;gap:15px}.option-number{font-size:11px;color:#7a847a}.option-details h2{font-size:25px;font-weight:400;letter-spacing:-.04em}.option-arrow{font-size:24px;transition:transform .3s}.design-option:hover .option-arrow{transform:translate(3px,-3px)}.design-option>p{max-width:470px;color:#6a756c;font-size:12px;line-height:1.8}.design-tags{display:flex;gap:14px;margin-top:18px;font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#788276}.design-tags span+span{border-left:1px solid #c5cdc1;padding-left:14px}.picker-footer{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#788276;border-top:1px solid #cdd3ca;margin-top:48px;padding:22px 0 28px}@media(prefers-reduced-motion:no-preference){.picker-intro{animation:picker-in .8s both}.design-option{animation:picker-in .9s .1s both}.design-option:nth-child(2){animation-delay:.2s}.mini-orbit{animation:orbit 28s linear infinite}@keyframes picker-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes orbit{to{transform:rotate(360deg)}}}.design-option:not(:hover) .mini-orbit{animation-play-state:paused}@media(max-width:800px){.picker-header{height:84px}.picker-intro{align-items:flex-start;flex-direction:column;padding:38px 0 30px;gap:20px}.picker-intro>p br{display:none}.picker-intro>p{max-width:400px}.design-options{gap:24px}.option-details h2{font-size:22px}.design-tags{flex-wrap:wrap;gap:8px;font-size:8px}}@media(max-width:600px){.picker-header>img{width:135px}.picker-header>span{font-size:8px}.design-options{grid-template-columns:1fr;gap:36px}.picker-intro h1{font-size:clamp(31px,7.7vw,46px)}.design-tags{margin-top:12px}.picker-footer{flex-direction:column;gap:4px;margin-top:35px}.design-preview{aspect-ratio:1.65}.mini-original strong{font-size:8cqw}.mini-cinematic strong{font-size:10.5cqw}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* Keep the miniature CTAs inside their preview at every card size. */
.mini-original>div:first-child{padding:5% 9%}.mini-original small{margin-bottom:5%}.mini-original p{margin:5% 0}.mini-original b{padding:4% 5%}
.mini-cinematic{padding:4% 6%}.mini-cinematic strong{margin:3% 0;font-size:8.7cqw}.mini-cinematic p{margin-top:3%}.mini-cinematic b{margin-top:3%;padding:2% 4%}
.design-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.preview-flow{background:#f1f3f4;color:#1e2c39}
.mini-flow-nav{height:14%;border-bottom:1px solid #d7dfe3;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:5px;padding:0 5%;font-size:1.15cqw}
.mini-flow-nav img{width:24%;height:auto}.mini-flow-nav b{background:#1e2c39;color:white;padding:3px 6px;font-weight:400}
.mini-flow-heading{display:grid;grid-template-columns:1.75fr 1fr;gap:6%;height:36%;padding:3% 5%;align-items:end}
.mini-flow-heading small{font-size:1.1cqw;display:block;margin-bottom:5%;font-weight:600;color:#647581;letter-spacing:.06em}
.mini-flow-heading strong{display:block;font-size:4.1cqw;line-height:1.13;letter-spacing:-.055em;font-weight:400}
.mini-flow-heading em{font-style:normal;color:#72818d}.mini-flow-heading>p{font-size:1.35cqw;line-height:1.8;color:#60707c}
.mini-flow-heading b{display:block;font-size:1.2cqw;color:white;background:#1e2c39;padding:5% 7%;margin-top:8%;font-weight:400}
.mini-flow-media{display:grid;grid-template-columns:1.75fr 1fr;height:41%;margin:0 5%}
.mini-flow-photo{position:relative;overflow:hidden}.mini-flow-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 42%;filter:saturate(.45)}
.mini-flow-photo>span{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#14222ee0);color:#fff;padding:12% 6% 5%;font-size:1.4cqw}
.mini-flow-index{background:#1e2c39;color:#e1e8ed;padding:6% 8%;display:flex;flex-direction:column;justify-content:space-between;min-height:0;overflow:hidden}
.mini-flow-index>small{font-size:.75cqw;line-height:1.3;letter-spacing:.03em;color:#b3c1cd;padding-bottom:2%}
.mini-flow-index>span{font-size:1.8cqw;line-height:1.2;padding:5% 0;border-top:1px solid #44525e;display:flex;justify-content:space-between}
.mini-flow-index i{font-style:normal;color:#aebdc9}
.mini-flow-footer{height:9%;display:flex;justify-content:space-between;align-items:center;padding:0 5%;font-size:1cqw;color:#667581}
.preview-flow .preview-open{background:#1e2c39;color:white}.design-tags{gap:9px;font-size:8px}.design-tags span+span{padding-left:9px}
@media(max-width:950px){.design-options{grid-template-columns:1fr;max-width:650px;margin-inline:auto;gap:36px}.design-preview{aspect-ratio:1.8}.design-option>p{max-width:600px}.design-tags{font-size:9px}.option-details{margin-top:17px}.picker-intro{align-items:flex-start;flex-direction:column;gap:22px}.picker-intro>p br{display:none}}
/* Match the focal point of Precision's project photograph. */
.preview-one .mini-photo img{object-position:76% 50%}