.arch-request-dialog,.arch-request-card{box-sizing:border-box;color:#303247;font-family:Lato,Arial,sans-serif;background:#fff}
.arch-request-dialog{width:min(700px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 56px);padding:0;border:0;border-radius:9px;margin:auto;overflow:auto;overscroll-behavior:contain}
.arch-request-dialog[open]{display:block}.arch-request-dialog::backdrop{background:#1c234c88}
.arch-request-card{max-width:700px;margin:24px auto;padding:30px 34px 24px;border:1px solid #ddd;border-radius:9px}
.arch-request-dialog .arch-request-card{margin:0;border:0;padding-top:0;border-radius:0}
.arch-request-tools{position:sticky;top:0;display:flex;justify-content:flex-end;background:#fff;z-index:3;height:40px;padding:0 8px}
.arch-request-close{display:flex;align-items:center;justify-content:center;border:0;border-radius:0;background:#fff;color:#697178;font:400 28px/1 Lato,sans-serif;width:44px;height:40px;padding:0;cursor:pointer}
.arch-request-card h1,.arch-request-card h2{font-family:'Playfair Display',Georgia,serif;font-weight:400;font-size:34px;line-height:1.2;margin:6px 16px 12px;text-align:center;color:#303247;letter-spacing:0;text-transform:none}
.arch-request-card .arch-request-intro{font:400 15px/1.45 Lato,sans-serif;text-align:center;margin:0 auto 20px;max-width:520px}
.arch-request-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px}
.arch-request-card form{margin:0}.arch-request-card label{font:400 13px/1.35 Lato,sans-serif;display:block;margin:0;color:#303247}.arch-request-card label>span{display:block;margin:0 0 5px}
.arch-request-card input:not([type=checkbox]),.arch-request-card select,.arch-request-card textarea{box-sizing:border-box;border:1px solid #cdd2dc;border-radius:4px;width:100%;min-width:0;background:#fff;color:#303247;padding:10px 11px;height:42px;font:400 15px/1.35 Lato,sans-serif;box-shadow:none;margin:0}
.arch-request-card select{padding-right:26px}.arch-request-card textarea{resize:vertical;height:68px;min-height:68px}.arch-request-full{grid-column:1/-1}
.arch-request-card .arch-request-consent{display:flex;gap:9px;align-items:flex-start;font-size:12px;line-height:1.4;margin:14px 0}.arch-request-consent input{width:17px;height:17px;flex:none;margin:0;accent-color:#997b2e}.arch-request-card .arch-request-consent span{margin:0}
.arch-request-card .arch-request-submit{display:block;box-sizing:border-box;width:100%;padding:13px;min-height:44px;border:0;border-radius:4px;background:#997b2e;color:#fff;font:700 14px/1.35 Lato,sans-serif;letter-spacing:.6px;text-transform:uppercase;text-align:center;text-decoration:none;cursor:pointer}
.arch-request-submit:disabled{opacity:.7;cursor:wait}.arch-request-card .arch-request-privacy{font:400 12px/1.5 Lato,sans-serif;text-align:center;margin:13px 0 0}.arch-request-card .arch-request-privacy a{color:inherit;text-decoration:underline}
.arch-request-card .arch-request-note{font:400 12px/1.4 Lato,sans-serif;text-align:center;margin:14px 0;color:#697178}
.arch-request-card [hidden]{display:none!important}.arch-request-trap{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip-path:inset(100%)}
.arch-request-card [data-arch-request-error]{font:400 14px/1.5 Lato,sans-serif;color:#9b2424;margin:14px 0;border-left:3px solid #9b2424;padding:8px 12px}
.arch-request-dialog :focus-visible,.arch-request-card :focus-visible{outline:2px solid #997b2e;outline-offset:2px}
@media(max-width:600px){.arch-request-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 38px)}.arch-request-card{padding:20px}.arch-request-dialog .arch-request-card{padding:0 20px 20px}.arch-request-card h1,.arch-request-card h2{font-size:27px;margin:0 12px 12px}.arch-request-card .arch-request-intro{font-size:14px;margin-bottom:18px}.arch-request-fields{gap:12px}.arch-request-mobile-full{grid-column:1/-1}.arch-request-card input:not([type=checkbox]),.arch-request-card select,.arch-request-card textarea{font-size:16px}.arch-request-card label{font-size:12px}}

/* Brochure box. Approved popup direction of 8 Oct 2026: rounded white dialog, taupe buttons, pale fields, warm backdrop. */
.arch-request-dialog[data-arch-request-dialog=brochure]{width:min(960px,calc(100% - 48px));max-height:calc(100dvh - 48px);border-radius:22px;color:#50463f;scrollbar-width:thin}
.arch-request-dialog[data-arch-request-dialog=brochure]::backdrop{background:rgba(46,40,36,.55)}
.arch-request-dialog[data-arch-request-dialog=brochure]:has([data-arch-request-success]:not([hidden])){width:min(780px,calc(100% - 48px))}
.arch-request-dialog[data-arch-request-dialog=brochure] .arch-request-tools{height:0;padding:0;background:transparent}
.arch-request-dialog[data-arch-request-dialog=brochure] .arch-request-close{position:absolute;top:14px;right:14px;width:44px;height:44px;border-radius:50%;background:#f6f5f4;color:#50463f;font-size:26px}
.arch-request-dialog[data-arch-request-dialog=brochure] .arch-request-close:hover{background:#ebe8e4}
.arch-request-dialog[data-arch-request-dialog=brochure] :focus-visible{outline:2px solid #9b7b31;outline-offset:3px}
.arch-request-card.arch-bx,.arch-request-dialog .arch-request-card.arch-bx{max-width:none;padding:0;margin:0;border:0;border-radius:0;color:#50463f;letter-spacing:0}
.arch-request-card.arch-bx:not(.arch-request-dialog *){max-width:960px;margin:32px auto;border:1px solid rgba(156,124,50,.3);border-radius:22px;overflow:hidden}
.arch-bx .arch-bx-layout{display:grid;grid-template-columns:320px minmax(0,1fr)}
.arch-bx-aside{display:flex;flex-direction:column;background:#f6f5f4}
.arch-bx-aside-photo{flex:1 1 auto;min-height:96px;margin-top:20px;background:#50463f url(/wp-content/uploads/arch-brochure/arch-brochure-next-kitchen.jpg) center 62%/cover no-repeat}
/* Background images stay unfetched while the dialog is closed, and page-optimisation plugins leave them alone. */
.arch-bx-fan{display:block;width:100%;aspect-ratio:320/232;background:url(/wp-content/uploads/arch-brochure/arch-brochure-fan.jpg) center/100% auto no-repeat}
.arch-bx .arch-bx-quote{font:400 25px/1.25 'Playfair Display',serif;color:#2e2824;margin:4px 28px 16px;letter-spacing:0}
.arch-bx .arch-bx-inside{list-style:none;margin:0 28px;padding:0;font:400 15px/1.4 Lato,sans-serif;color:#50463f}
.arch-bx .arch-bx-inside li{position:relative;margin:0 0 9px;padding:0 0 0 24px;letter-spacing:0}
.arch-bx .arch-bx-inside li::before{content:'';position:absolute;left:1px;top:4px;width:11px;height:6px;border-left:1.5px solid #9b7b31;border-bottom:1.5px solid #9b7b31;transform:rotate(-45deg)}
.arch-bx-main{padding:30px 36px 26px;min-width:0}
.arch-bx [data-arch-request-success]{outline:0}
.arch-request-card.arch-bx h1.arch-bx-title,.arch-request-card.arch-bx h2.arch-bx-title{font:400 32px/1.18 'Playfair Display',serif;color:#2e2824;text-align:left;margin:0 56px 6px 0;letter-spacing:-.2px;text-transform:none;outline:0}
.arch-request-card.arch-bx .arch-request-intro{font:400 16px/1.45 Lato,sans-serif;color:#50463f;text-align:left;margin:0 40px 18px 0;max-width:none;letter-spacing:0}
.arch-bx .arch-request-fields{gap:11px 14px}
.arch-request-card.arch-bx label{font:700 13px/1.35 Lato,sans-serif;color:#50463f;letter-spacing:0}
.arch-request-card.arch-bx label>span{margin:0 0 5px}
.arch-request-card.arch-bx input:not([type=checkbox]),.arch-request-card.arch-bx select,.arch-request-card.arch-bx textarea{height:44px;min-height:44px;border:1px solid #958a80;border-radius:9px;background-color:#fcfbfa;color:#50463f;font:400 15px/1.35 Lato,sans-serif;letter-spacing:0}
.arch-request-card.arch-bx select{appearance:none;-webkit-appearance:none;padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%2350463f' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center}
.arch-request-card.arch-bx .iti button.iti__selected-country{background:transparent!important;color:#50463f!important}
.arch-bx .arch-bx-group{grid-column:1/-1;margin:9px 0 -2px;padding:11px 0 0;border-top:1px solid rgba(156,124,50,.3);font:400 13px/1.35 Lato,sans-serif;color:#6b625b;letter-spacing:0}
.arch-request-card.arch-bx .arch-request-consent{display:flex;font:400 13px/1.45 Lato,sans-serif;align-items:flex-start;gap:10px;margin:3px 0 0}
.arch-request-card.arch-bx .arch-request-submit{margin-top:16px}
.arch-bx .arch-request-consent input{width:20px;height:20px;min-width:20px;margin:0;accent-color:#50463f}
.arch-request-card.arch-bx .arch-request-submit,.arch-bx-button,.arch-bx-book{display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:50px;padding:14px 24px;border:0;border-radius:10px;font:700 13px/1.3 Lato,sans-serif;letter-spacing:1.3px;text-transform:uppercase;text-align:center;text-decoration:none!important;cursor:pointer}
.arch-request-card.arch-bx .arch-request-submit,.arch-bx-button{background:#50463f;color:#fff!important}
.arch-request-card.arch-bx .arch-request-submit:hover,.arch-bx-button:hover{background:#2e2824}
.arch-bx .arch-bx-promise{font:400 13px/1.4 Lato,sans-serif;color:#50463f;text-align:center;margin:10px 0 0;letter-spacing:0}
.arch-request-card.arch-bx .arch-request-privacy{font:400 12px/1.45 Lato,sans-serif;color:#6b625b;text-align:center;margin:4px 0 0;letter-spacing:0}
.arch-bx-top{display:grid;grid-template-columns:280px minmax(0,1fr);align-items:center;background:#f6f5f4}
.arch-bx-top-copy{padding:30px 56px 30px 8px}
.arch-bx .arch-bx-eyebrow{font:700 12px/1.3 Lato,sans-serif;letter-spacing:1.5px;text-transform:uppercase;color:#9b7b31;margin:0 0 8px}
.arch-bx .arch-bx-top-copy .arch-bx-title{margin-right:0}
.arch-bx .arch-bx-sent{font:400 16px/1.45 Lato,sans-serif;color:#50463f;margin:0 0 18px;letter-spacing:0;overflow-wrap:anywhere}
.arch-bx-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}
.arch-bx-actions .arch-bx-quiet{font:400 14px/1.4 Lato,sans-serif;color:#50463f;text-decoration:underline;text-underline-offset:3px;letter-spacing:0;padding:12px 0}
.arch-bx-next{display:grid;grid-template-columns:minmax(0,1fr) 300px;background:#2e2824;color:#fff}
.arch-bx-next-copy{order:1;padding:30px 32px 26px 36px}
.arch-bx-next-photo{order:2;min-height:100%;background:#50463f url(/wp-content/uploads/arch-brochure/arch-brochure-next-kitchen.jpg) center/cover no-repeat}
[data-arch-bx-room=bathroom] .arch-bx-next-photo{background-image:url(/wp-content/uploads/arch-brochure/arch-brochure-next-bathroom.jpg)}
[data-arch-bx-room=bedroom] .arch-bx-next-photo{background-image:url(/wp-content/uploads/arch-brochure/arch-brochure-next-bedroom.jpg)}
.arch-bx .arch-bx-next .arch-bx-eyebrow{color:#fff}
.arch-request-card.arch-bx .arch-bx-next h3{font:400 28px/1.2 'Playfair Display',serif;color:#fff;margin:0 0 8px;letter-spacing:0;text-transform:none}
.arch-bx .arch-bx-next-line{font:400 16px/1.45 Lato,sans-serif;color:#fff;margin:0 0 18px;letter-spacing:0}
.arch-bx-book{max-width:420px;background:#fff;color:#2e2824!important}
.arch-bx-book:hover{background:#f6f5f4}
.arch-bx .arch-bx-call{font:400 14px/1.4 Lato,sans-serif;color:#fff;margin:12px 0 0;letter-spacing:0}
.arch-bx .arch-bx-call a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.arch-bx .arch-bx-next :focus-visible{outline-color:#fff}
@media(max-width:760px){
  .arch-request-dialog[data-arch-request-dialog=brochure],.arch-request-dialog[data-arch-request-dialog=brochure]:has([data-arch-request-success]:not([hidden])){width:100%;max-width:100%;max-height:94dvh;margin:auto 0 0;border-radius:20px 20px 0 0}
  .arch-request-dialog[data-arch-request-dialog=brochure] .arch-request-close{top:10px;right:10px}
  .arch-bx .arch-bx-layout{display:block}
  .arch-bx-aside{align-items:center;max-height:150px;overflow:hidden}
  .arch-bx-aside-photo{display:none}
  .arch-bx-aside .arch-bx-fan{width:218px;flex:none}
  .arch-bx .arch-bx-quote,.arch-bx .arch-bx-inside{display:none}
  .arch-bx-main{padding:20px 22px calc(22px + env(safe-area-inset-bottom))}
  .arch-request-card.arch-bx h1.arch-bx-title,.arch-request-card.arch-bx h2.arch-bx-title{font-size:27px;margin-right:0}
  .arch-request-card.arch-bx .arch-request-intro{margin-right:0;font-size:15px}
  .arch-bx .arch-request-fields{grid-template-columns:1fr 1fr}
  .arch-bx .arch-request-mobile-full{grid-column:1/-1}
  .arch-request-card.arch-bx input:not([type=checkbox]),.arch-request-card.arch-bx select,.arch-request-card.arch-bx textarea{font-size:16px}
  .arch-request-card.arch-bx textarea{height:68px}
  .arch-bx-top{display:block}
  .arch-bx-top .arch-bx-fan{width:218px;margin:0 auto}
  .arch-bx-top-copy{padding:8px 22px 22px}
  .arch-bx-actions{display:block}
  .arch-bx-actions .arch-bx-button{width:100%}
  .arch-bx-actions .arch-bx-quiet{display:block;text-align:center;padding:12px 0 0}
  .arch-bx-next{display:block}
  .arch-bx-next-photo{height:128px;min-height:0}
  .arch-bx-next-copy{padding:20px 22px calc(20px + env(safe-area-inset-bottom))}
  .arch-bx-book{width:100%;max-width:none}
  .arch-bx .arch-bx-call{text-align:center}
}
@media(prefers-reduced-motion:no-preference){.arch-bx-ready{animation:arch-bx-in .2s ease-out}@keyframes arch-bx-in{from{opacity:0}to{opacity:1}}}
/* Showroom visit request received. Approved by Zaniar on 3 November 2026: the brochure box's rounded popup, with the doorway, tick and gold thread from /thank-appointment. */
.arch-request-dialog[data-arch-request-dialog=showroom]:has([data-arch-request-success]:not([hidden])){width:min(880px,calc(100% - 48px));max-height:calc(100dvh - 48px);border-radius:22px;color:#50463f;scrollbar-width:thin}
.arch-request-dialog[data-arch-request-dialog=showroom]:has([data-arch-request-success]:not([hidden]))::backdrop{background:rgba(46,40,36,.55)}
.arch-request-dialog[data-arch-request-dialog=showroom]:has([data-arch-request-success]:not([hidden])) .arch-request-tools{height:0;padding:0;background:transparent}
.arch-request-dialog[data-arch-request-dialog=showroom]:has([data-arch-request-success]:not([hidden])) .arch-request-close{position:absolute;top:14px;right:14px;width:44px;height:44px;border-radius:50%;background:#f6f5f4;color:#50463f;font-size:26px}
.arch-request-dialog[data-arch-request-dialog=showroom] .arch-request-close:hover{background:#ebe8e4}
.arch-request-card[data-arch-request-card=showroom]:has([data-arch-request-success]:not([hidden])){max-width:none;padding:0;color:#50463f}
.arch-request-card[data-arch-request-card=showroom]:not(.arch-request-dialog *):has([data-arch-request-success]:not([hidden])){max-width:880px;margin:32px auto;border:1px solid rgba(156,124,50,.3);border-radius:22px;overflow:hidden}
/* The form's own heading would repeat above the new one. */
.arch-request-dialog .arch-request-card[data-arch-request-card=showroom]:has([data-arch-request-success]:not([hidden]))>[data-arch-request-title]{display:none}
/* On /arrange-showroom-visit the page keeps its H1 for screen readers. */
.arch-request-card[data-arch-request-card=showroom]:not(.arch-request-dialog *):has([data-arch-request-success]:not([hidden]))>[data-arch-request-title]{position:absolute!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.arch-request-card[data-arch-request-card=showroom]{scroll-margin-top:150px}
.arch-request-card [data-arch-request-success]:has(.arch-sv){outline:0}
.arch-sv{display:grid;grid-template-columns:340px minmax(0,1fr);color:#50463f;letter-spacing:0;text-align:left}
.arch-sv-photo{background:#50463f url(/wp-content/uploads/2025/10/DSC02238-min-1200x800.jpg?v=20261103) 24% 50%/cover no-repeat;min-height:100%}
.arch-sv-copy{padding:38px 48px 30px 44px;min-width:0}
.arch-sv-mark{display:block;width:30px;height:43px;margin:0 0 16px;overflow:visible;fill:none;stroke:#9b7b31;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.arch-sv .arch-sv-eyebrow{font:700 12px/1.3 Lato,sans-serif;letter-spacing:1.5px;text-transform:uppercase;color:#9b7b31;margin:0 0 8px}
.arch-request-card .arch-sv h2.arch-sv-title{font:400 42px/1.08 'Playfair Display',serif;color:#2e2824;text-align:left;margin:0 0 10px;letter-spacing:-.4px;text-transform:none;outline:0}
.arch-sv .arch-sv-line{font:400 17px/1.5 Lato,sans-serif;color:#50463f;margin:0 0 26px;letter-spacing:0}
.arch-sv .arch-sv-steps{position:relative;list-style:none;margin:0;padding:0}
.arch-sv .arch-sv-steps::before{content:'';position:absolute;left:13.3px;top:16px;bottom:34px;width:1.4px;background:#9b7b31;transform-origin:50% 0}
.arch-sv .arch-sv-steps li{position:relative;margin:0;padding:3px 0 16px 46px;letter-spacing:0}
.arch-sv .arch-sv-steps li:last-child{padding-bottom:0}
.arch-sv-dot{position:absolute;left:0;top:0;box-sizing:border-box;width:28px;height:28px;border:1.4px solid #9b7b31;border-radius:50%;background:#fff}
.arch-sv-done .arch-sv-dot{background:#9b7b31}
.arch-sv-dot svg{display:block;width:16px;height:16px;margin:4.6px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.arch-sv .arch-sv-steps b{display:block;font:700 15px/1.35 Lato,sans-serif;color:#2e2824}
.arch-sv .arch-sv-steps small{display:block;font:400 14px/1.45 Lato,sans-serif;color:#6b625b}
.arch-sv-shop{background:#2e2824 url(/wp-content/uploads/2024/01/arch-640x640.jpg) 50% 78%/cover no-repeat;min-height:100%}
.arch-sv-where{background:#2e2824;color:#fff;padding:28px 48px 28px 44px;min-width:0}
.arch-sv .arch-sv-where .arch-sv-eyebrow{color:#fff}
.arch-request-card .arch-sv-where h3{font:400 26px/1.2 'Playfair Display',serif;color:#fff;margin:0 0 8px;letter-spacing:0;text-transform:none;text-align:left}
.arch-sv .arch-sv-where p:not(.arch-sv-eyebrow){color:#fff;letter-spacing:0}
.arch-sv .arch-sv-address{font:400 16px/1.45 Lato,sans-serif;margin:0 0 2px}
.arch-sv .arch-sv-hours{font:400 14px/1.45 Lato,sans-serif;margin:0 0 18px;opacity:.85}
.arch-sv-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px}
.arch-sv .arch-sv-button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:46px;padding:13px 24px;border:1px solid #fff;border-radius:10px;color:#fff!important;font:700 13px/1.3 Lato,sans-serif;letter-spacing:1.3px;text-transform:uppercase;text-decoration:none!important}
.arch-sv .arch-sv-button:hover{background:#fff;color:#2e2824!important}
.arch-sv .arch-sv-call{display:inline-flex;align-items:center;min-height:44px;color:#fff;font:400 15px/1.4 Lato,sans-serif;text-decoration:underline;text-underline-offset:3px;letter-spacing:0}
.arch-sv-where :focus-visible{outline-color:#fff!important}
@media(max-width:760px){
  .arch-request-dialog[data-arch-request-dialog=showroom]:has([data-arch-request-success]:not([hidden])){width:100%;max-width:100%;max-height:94dvh;margin:auto 0 0;border-radius:20px 20px 0 0}
  .arch-request-dialog[data-arch-request-dialog=showroom]:has([data-arch-request-success]:not([hidden])) .arch-request-close{top:10px;right:10px}
  .arch-request-card[data-arch-request-card=showroom]:not(.arch-request-dialog *):has([data-arch-request-success]:not([hidden])){margin:16px;border-radius:18px}
  .arch-sv{display:block}
  .arch-sv-photo{height:150px;min-height:0;background-image:url(/wp-content/uploads/2025/10/DSC02238-min-768x512.jpg?v=20261103);background-position:30% 38%}
  .arch-sv-copy{padding:0 22px 24px}
  .arch-sv-mark{box-sizing:border-box;width:64px;height:64px;margin:-32px 0 12px;padding:12px 17px 10px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px rgba(156,124,50,.3)}
  .arch-request-card .arch-sv h2.arch-sv-title{font-size:34px}
  .arch-sv .arch-sv-line{font-size:16px;margin-bottom:20px}
  .arch-request-card[data-arch-request-card=showroom]{scroll-margin-top:110px}
  .arch-sv-shop{display:block;height:180px;min-height:0;background-image:url(/wp-content/uploads/2024/01/arch-1200x1200.jpg);background-position:50% 46%}
  .arch-sv-where{padding:20px 22px calc(22px + env(safe-area-inset-bottom))}
  .arch-request-card .arch-sv-where h3{font-size:24px;margin-bottom:6px}
  .arch-sv .arch-sv-address{font-size:15px}
  .arch-sv .arch-sv-hours{margin:0 0 16px}
  .arch-sv-actions{display:block}
  .arch-sv .arch-sv-button{display:flex;width:100%}
  .arch-sv .arch-sv-call{display:flex;justify-content:center;padding:0;margin-top:6px}
}
/* Arrival, once: the doorway draws, the tick lands, the thread joins the steps. Without motion everything is already in place. */
@media(prefers-reduced-motion:no-preference){
  .arch-sv{animation:arch-sv-in .35s ease-out}
  .arch-sv-mark path{stroke-dasharray:1;stroke-dashoffset:1;animation:arch-sv-draw 1.1s cubic-bezier(.65,0,.35,1) forwards}
  .arch-sv-mark .arch-sv-floor{animation-delay:.2s}
  .arch-sv-mark .arch-sv-tick{animation-duration:.5s;animation-delay:.6s}
  .arch-sv-copy>.arch-sv-eyebrow,.arch-sv-title,.arch-sv-line{animation:arch-sv-rise 1s cubic-bezier(.16,1,.3,1) both}
  .arch-sv-title{animation-delay:.08s}.arch-sv-line{animation-delay:.16s}
  .arch-sv .arch-sv-steps::before{animation:arch-sv-thread 1s cubic-bezier(.65,0,.35,1) .5s both}
  .arch-sv-steps li{animation:arch-sv-rise .85s cubic-bezier(.16,1,.3,1) both}
  .arch-sv-steps li:nth-child(1){animation-delay:.4s}.arch-sv-steps li:nth-child(2){animation-delay:.65s}.arch-sv-steps li:nth-child(3){animation-delay:.9s}
  @keyframes arch-sv-in{from{opacity:0}to{opacity:1}}
  @keyframes arch-sv-draw{to{stroke-dashoffset:0}}
  @keyframes arch-sv-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
  @keyframes arch-sv-thread{from{transform:scaleY(0)}to{transform:scaleY(1)}}
}
/* Any tap, wheel, key or touch-scroll finishes the arrival at once. */
.arch-sv-now,.arch-sv-now *,.arch-sv-now *::before{animation:none!important}
.arch-sv-now .arch-sv-mark path{stroke-dashoffset:0!important}
