/* Peter's selected combination: Eightfold colors/layout + cobalt Bastion B.
   This stylesheet is only loaded by the selected design and its gallery. */
.selected .preview-bar{background:#e3e8f4;color:#15254c}
.selected .site-nav{margin:0;padding:0 4.5%;height:100px;background:#15254c;color:#f1f3f8;border-color:#384768}
.selected .site-nav .site-brand .mark{width:54px;height:54px;background:#f1f3f8}
.selected .site-nav .brand-word{font-size:26px;letter-spacing:.025em}
.selected .site-nav .nav-cta{border:1px solid #7e9bff;padding:12px 18px;gap:25px}
.selected .site-nav nav a:hover,.selected .site-nav .nav-cta:hover{color:#b8c9ff}
.selected .selected-hero{display:block;position:relative;isolation:isolate;overflow:hidden;padding:0;background:#15254c;color:#f1f3f8}
.selected-hero .hero-photo{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:80% center}
.selected-hero::after{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(90deg,#15254c 3%,rgba(21,37,76,.96) 35%,rgba(21,37,76,.82) 65%,rgba(21,37,76,.72) 100%)}
.hero-stage{padding:78px 4.5% 36px}
.selected-hero .hero-copy{padding:0;max-width:930px}
.selected .selected-hero .eyebrow{color:#b8c9ff;font-size:11px;letter-spacing:.17em;margin-bottom:24px}
.selected .selected-hero h1{max-width:930px;font-family:var(--serif);font-weight:400;font-size:clamp(46px,4.8vw,69px);line-height:1.2;letter-spacing:-.045em}
.selected-hero h1 em{font-weight:400;color:#b8c9ff}
.selected-hero .hero-intro{max-width:560px;font-size:18px;line-height:1.8;color:#d5def2;margin-top:28px}
.selected-hero .hero-actions{margin-top:33px;gap:30px}
.selected-hero .primary{background:#3156dc;color:#fff;padding:18px 24px;min-width:196px}
.selected-hero .primary:hover{background:#294ac4}
.selected-hero .hero-actions .text-link{color:#f1f3f8}
.selected .selected-hero .hero-facts{margin-top:66px;padding:25px 0 0;border-color:#6a7897;display:flex;justify-content:space-between;font-size:11px;letter-spacing:0;text-transform:none;gap:20px;color:#e2e8f6}
.selected-hero .hero-facts i{font-style:normal;opacity:1;margin:0 8px;color:#b8c9ff}
.selected .selected-identity{grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center;background:#e3e8f4;color:#15254c}
.identity-swatch{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f1f3f8;min-height:320px;padding:28px}
.identity-swatch img{width:150px;height:150px}
.identity-swatch .brand-word{font-size:32px;letter-spacing:.025em}
.identity-swatch .micro-label{font-size:8px;letter-spacing:.2em;margin-top:8px}
.identity-notes .eyebrow{margin-bottom:18px}
.identity-notes>p:not(.eyebrow){max-width:490px;margin-top:20px;color:#52607b}
.identity-notes .palette{margin:25px 0;max-width:440px}
.identity-links{display:flex;flex-wrap:wrap;gap:20px 30px;font-size:12px}
.selected-intro{margin:35px 4.5% 0;padding:28px 32px;display:grid;grid-template-columns:180px 1fr auto;align-items:center;gap:40px;background:#15254c;color:#f1f3f8}
.selected-lockup{display:flex;flex-direction:column;align-items:center;gap:4px;border-right:1px solid #536080;padding-right:25px;font-weight:750;letter-spacing:.025em;font-size:22px}
.selected-lockup img{width:72px;height:72px;background:#f1f3f8}
.selected-intro .eyebrow{color:#b8c9ff;font-size:9px;margin-bottom:10px}
.selected-intro h2{font-size:26px;letter-spacing:-.035em;font-weight:600}
.selected-intro p:not(.eyebrow){font-size:12px;color:#d5def2;margin-top:10px}
.selected-intro>a{display:flex;gap:20px;align-items:center;background:#3156dc;color:white;font-size:12px;font-weight:600;text-decoration:none;padding:15px 20px}
@media(min-width:1700px){.hero-stage{padding-top:90px;padding-bottom:42px}.selected-hero .hero-facts{margin-top:80px}}
@media(max-width:1100px){.hero-stage{padding-top:65px}.selected .selected-hero h1{max-width:760px;font-size:58px}.selected .selected-identity{gap:40px}.selected-intro{grid-template-columns:140px 1fr;gap:20px 30px}.selected-intro>a{grid-column:2;justify-self:start}.selected-lockup{grid-row:1/3;height:100%;justify-content:center}}
@media(max-width:800px){.selected .site-nav{height:auto;padding-top:22px;padding-bottom:22px}.selected .site-nav nav{max-width:none;justify-content:flex-start;gap:32px}.hero-stage{padding-top:52px;padding-bottom:30px}.selected .selected-hero h1{font-size:51px;max-width:680px}.selected-hero .hero-intro{font-size:17px;max-width:530px}.selected-hero::after{background:linear-gradient(90deg,rgba(21,37,76,.98),rgba(21,37,76,.88) 55%,rgba(21,37,76,.76))}.selected .selected-hero .hero-facts{margin-top:48px;flex-wrap:wrap;row-gap:10px}.selected .selected-identity{grid-template-columns:1fr 1.2fr;gap:30px}.identity-swatch{min-height:290px}.identity-notes h2{font-size:26px}.selected-intro h2{font-size:24px}}
@media(max-width:540px){.selected .site-nav{padding:19px 6%;gap:20px 12px}.selected .site-nav .site-brand{gap:9px}.selected .site-nav .site-brand .mark{width:43px;height:43px}.selected .site-nav .brand-word{font-size:21px}.selected .site-nav .nav-cta{font-size:10px;padding:9px 10px;gap:10px;margin-left:auto}.selected .site-nav nav{gap:20px;justify-content:space-between}.selected .site-nav nav a{font-size:10px}.hero-stage{padding:42px 6% 28px}.selected .selected-hero .eyebrow{font-size:9px;letter-spacing:.12em;margin-bottom:23px}.selected .selected-hero h1{font-size:39px;line-height:1.23;letter-spacing:-.05em}.selected-hero .hero-photo{object-position:72% center}.selected-hero .hero-intro{font-size:15px;line-height:1.8;margin-top:24px}.selected-hero .hero-actions{align-items:flex-start;flex-direction:column;gap:22px;margin-top:28px}.selected-hero .primary{min-width:195px;padding:16px 20px}.selected .selected-hero .hero-facts{flex-direction:column;align-items:flex-start;gap:9px;margin-top:42px;padding-top:21px;font-size:10px}.selected-hero .hero-facts i{margin:0 4px}.selected .selected-identity{grid-template-columns:1fr;gap:28px}.identity-swatch{min-height:300px}.identity-notes h2{font-size:30px}.selected-intro{margin:25px 6% 0;padding:24px;grid-template-columns:1fr;gap:24px}.selected-lockup{flex-direction:row;grid-row:auto;border-right:0;border-bottom:1px solid #536080;padding:0 0 22px;justify-content:flex-start;gap:16px}.selected-lockup img{width:58px;height:58px}.selected-intro>a{grid-column:1}.selected-intro h2{font-size:25px}}