.how-arches{padding-block:var(--how-arches-space-top, clamp(3rem, 6vw, 5rem)) var(--how-arches-space-bottom, 0);overflow:hidden}.how-arches__grid{display:grid;gap:clamp(2rem,4vw,3.5rem);align-items:start}@media(min-width:990px){.how-arches__grid{grid-template-columns:minmax(0,.88fr) minmax(0,1.2fr) minmax(0,.94fr);gap:clamp(2rem,3.5vw,3.25rem)}}.how-arches__eyebrow{display:flex;align-items:center;gap:.875rem;margin:0 0 1.5rem}.how-arches__eyebrow:after{content:"";flex:1 1 auto;max-width:4.5rem;height:1px;background-image:var(--how-rule-metal)}.how-arches__heading{margin:0;font-family:var(--how-font-serif);font-size:clamp(2.5rem,5vw,4.25rem);font-weight:300;font-style:normal;line-height:1.02;letter-spacing:.005em;text-transform:none;color:inherit}.how-arches__heading em{color:var(--how-metal)}.how-arches__copy{max-width:34ch;margin-block-start:clamp(1.25rem,2.5vw,1.75rem);font-size:.9375rem;font-weight:300;line-height:1.8;color:rgba(var(--how-surface-fg-rgb),.74)}.how-arches__copy>:first-child{margin-block-start:0}.how-arches__copy>:last-child{margin-block-end:0}.how-arches__door{display:inline-flex;align-items:center;justify-content:space-between;gap:2.5rem;margin-block-start:clamp(1.75rem,3vw,2.25rem);padding:1.0625rem 1.5rem;border:1px solid color-mix(in srgb,var(--how-surface-fg) 24%,transparent);font-family:var(--how-font-sans);font-size:.6875rem;font-weight:500;letter-spacing:.3em;text-transform:uppercase;text-decoration:none;color:rgb(var(--how-surface-fg-rgb));transition:border-color .4s ease,background-color .4s ease}.how-arches__door svg{width:1.25rem;height:.5rem;flex:none;color:var(--how-metal);transition:transform .4s cubic-bezier(.2,.7,.2,1)}@media(hover:hover){.how-arches__door:hover{border-color:color-mix(in srgb,var(--how-metal) 70%,transparent);background-color:color-mix(in srgb,var(--how-metal) 8%,transparent)}.how-arches__door:hover svg{transform:translate(.25rem)}}.how-arches__flourish{margin:clamp(2rem,4vw,3rem) 0 0;font-family:var(--how-font-serif);font-size:clamp(1.5rem,2.6vw,2.125rem);font-weight:300;line-height:1.2;color:var(--how-metal)}.how-arch{position:relative;margin:0;overflow:hidden;border-start-start-radius:50%;border-start-end-radius:50%;background-color:color-mix(in srgb,var(--how-surface-fg) 8%,transparent)}.how-arch img{display:block;width:100%;height:100%;object-fit:cover}.how-arches__plate{aspect-ratio:4 / 5;border-start-start-radius:46% 34%;border-start-end-radius:46% 34%}.how-arches__plate:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background-image:linear-gradient(to top,#100d0a9e,#100d0a00 38%),linear-gradient(to right,#100d0a80,#100d0a00 42%)}.how-arches__aside-plate{aspect-ratio:3 / 4;margin-block-start:clamp(2rem,4vw,3rem);border-start-start-radius:50% 30%;border-start-end-radius:50% 30%}.how-surface--obsidian .how-arch,.how-surface--midnight .how-arch{background-color:transparent}.how-surface--obsidian .how-arch img,.how-surface--midnight .how-arch img,.how-surface--obsidian .how-arches__plate:after,.how-surface--midnight .how-arches__plate:after{-webkit-mask-image:linear-gradient(to bottom,var(--how-obsidian) 74%,transparent);mask-image:linear-gradient(to bottom,var(--how-obsidian) 74%,transparent)}.how-arches__rail{position:absolute;inset-block-start:14%;inset-inline-start:clamp(1.25rem,3vw,2.25rem);z-index:2;display:grid;gap:.875rem;margin:0;padding:0;list-style:none;font-family:var(--how-font-sans);font-size:.8125rem;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--how-porcelain);text-shadow:0 1px 12px rgba(0,0,0,.55)}.how-arches__rail:before{content:"";width:1px;height:clamp(2rem,5vw,3.5rem);margin-block-end:.5rem;background-image:linear-gradient(transparent,rgba(var(--how-porcelain-rgb),.7))}@media(max-width:749px){.how-arches__rail{display:none}}.how-arches__film{position:absolute;inset-block-end:clamp(1.5rem,4vw,2.5rem);inset-inline-end:clamp(1.5rem,4vw,2.5rem);z-index:2;display:inline-flex;align-items:center;gap:1rem;font-family:var(--how-font-sans);font-size:.6875rem;font-weight:500;letter-spacing:.26em;text-transform:uppercase;text-decoration:none;color:rgba(var(--how-porcelain-rgb),.92)}.how-arches__film-ring{display:grid;place-items:center;width:3rem;height:3rem;border:1px solid rgba(var(--how-porcelain-rgb),.6);border-radius:50%;transition:background-color .45s ease,border-color .45s ease}.how-arches__film-ring svg{width:.625rem;height:.75rem}@media(hover:hover){.how-arches__film:hover .how-arches__film-ring{border-color:var(--how-champagne);background-color:rgba(var(--how-porcelain-rgb),.14)}}@media(max-width:749px){.how-arches__film{inset-inline-start:1.25rem;inset-inline-end:auto}}.how-arches__aside{text-align:start}.how-arches__aside-title{margin:0;font-family:var(--how-font-serif);font-size:1.625rem;font-weight:400;font-style:normal;letter-spacing:.12em;text-transform:uppercase;line-height:1.45;color:inherit}.how-arches__aside .how-arches__copy{margin-inline-start:0;max-width:34ch}.how-arches__aside-frame{position:relative}.how-arches__seal{position:absolute;inset-block-start:clamp(1rem,3vw,2rem);inset-inline-start:0;z-index:2;display:grid;place-items:center;width:clamp(5rem,8vw,6.5rem);aspect-ratio:1;transform:translate(-38%);border-radius:50%;background-color:color-mix(in srgb,var(--how-surface-bg) 92%,transparent);color:var(--how-metal)}.how-arches__seal-ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;animation:how-seal-turn 52s linear infinite}.how-arches__seal-ring text{font-family:var(--how-font-sans);font-size:10px;font-weight:500;letter-spacing:1.8px;text-transform:uppercase;fill:currentColor}.how-arches__seal-mark{display:grid;place-items:center}.how-arches__seal-mark svg{width:1.375rem;height:1.375rem}@keyframes how-seal-turn{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.how-arches__seal-ring{animation:none}}.how-arches__row{display:grid;margin-block-start:clamp(3rem,6vw,5rem);border-block-start:1px solid var(--how-hairline)}@media(min-width:560px){.how-arches__row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:990px){.how-arches__row{grid-template-columns:repeat(4,minmax(0,1fr))}}.how-arches__cell{padding:clamp(2rem,4vw,3rem) clamp(1rem,2vw,1.75rem);text-align:center}.how-arches__cell+.how-arches__cell{border-block-start:1px solid var(--how-hairline)}@media(min-width:560px){.how-arches__cell:nth-child(2n){border-inline-start:1px solid var(--how-hairline)}.how-arches__cell:nth-child(-n+2){border-block-start:0}}@media(min-width:990px){.how-arches__cell{border-block-start:0}.how-arches__cell+.how-arches__cell{border-block-start:0;border-inline-start:1px solid var(--how-hairline)}}.how-arches__mark{display:grid;place-items:center;width:3.5rem;height:3.5rem;margin-inline:auto;border:1px solid color-mix(in srgb,var(--how-metal) 55%,transparent);border-radius:50%;color:var(--how-metal);transition:background-color .5s ease,border-color .5s ease}.how-arches__mark svg{width:1.375rem;height:1.375rem}@media(hover:hover){.how-arches__cell:hover .how-arches__mark{border-color:var(--how-metal);background-color:color-mix(in srgb,var(--how-metal) 12%,transparent)}}.how-arches__cell-title{margin:1.25rem 0 0;font-family:var(--how-font-serif);font-size:1.5rem;font-weight:400;font-style:normal;letter-spacing:.01em;line-height:1.25;text-transform:none;text-wrap:balance;color:inherit}.how-arches__cell-line{max-width:22ch;margin:.625rem auto 0;font-family:var(--how-font-sans);font-size:.875rem;font-weight:300;line-height:1.65;letter-spacing:.01em;text-wrap:pretty;color:rgba(var(--how-surface-fg-rgb),.74)}@media(max-width:989px){.how-arches__grid>.how-arches__frame{order:-1}.how-arches__seal{inset-block-start:clamp(1.5rem,6vw,3rem);inset-inline-start:auto;inset-inline-end:clamp(1rem,4vw,2rem);transform:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/how-arches.css.map */