.how-about *,.how-about *:before,.how-about *:after{box-sizing:border-box}.how-cover{display:grid;grid-template-rows:1fr auto;min-height:var(--how-cover-height, 92vh);padding-block:clamp(4rem,8vw,7rem) clamp(2rem,4vw,3rem);background-image:var(--how-grain),var(--how-vignette),var(--how-cover-scrim, linear-gradient(rgba(6, 5, 4, .5), rgba(6, 5, 4, .5))),var(--how-cover-image, none);background-size:300px 300px,cover,cover,cover;background-position:center;background-repeat:repeat,no-repeat,no-repeat,no-repeat;text-align:center}.how-cover__inner{display:grid;align-content:center;justify-items:center}.how-cover--photographed .how-cover__inner{align-content:start}.how-cover--split{padding-block-start:0}.how-cover__plate{position:relative;overflow:hidden;min-height:42vh}.how-cover__plate img{display:block;width:100%;height:100%;object-fit:cover}.how-cover--split .how-cover__inner{padding-block:clamp(3rem,7vw,5.5rem)}@media(min-width:990px){.how-cover--split{grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);grid-template-rows:1fr auto;padding-block:0}.how-cover--split .how-cover__plate{grid-column:2;grid-row:1 / span 2;min-height:0}.how-cover--split .how-cover__inner{grid-column:1;grid-row:1;padding-block:clamp(4rem,8vw,7rem) 0}.how-cover--split .how-cover__foot{grid-column:1;grid-row:2;padding-block-end:clamp(2rem,4vw,3rem)}}.how-cover__mark{width:clamp(2.75rem,5vw,3.75rem);height:auto;margin-block-end:clamp(2rem,4vw,3rem);color:var(--how-metal)}.how-cover__lockup{display:block;inline-size:clamp(9.5rem,14vw,13rem);block-size:auto;margin:0 auto clamp(2rem,4vw,3rem)}.how-surface--midnight .how-cover__lockup,.how-surface--obsidian .how-cover__lockup,.how-surface--charcoal .how-cover__lockup{filter:invert(1)}.how-cover__eyebrow{margin-block-end:1.75rem;color:rgba(var(--how-surface-fg-rgb),.62)}.how-cover__title{max-width:18ch;margin:0;font-family:var(--how-font-serif);font-size:clamp(2.75rem,7.5vw,6.5rem);font-weight:300;font-style:normal;line-height:1.02;letter-spacing:.005em;text-transform:none;text-wrap:balance;color:inherit}.how-cover__title em{color:var(--how-champagne)}.how-cover__lede{max-width:46ch;margin:clamp(1.75rem,3vw,2.5rem) 0 0;font-size:1.0625rem;font-weight:300;line-height:1.8;color:rgba(var(--how-surface-fg-rgb),.76)}.how-cover__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(.75rem,3vw,2rem);font-family:var(--how-font-sans);font-size:.8125rem;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:rgba(var(--how-surface-fg-rgb),.82)}.how-cover__foot span{display:flex;align-items:center;gap:clamp(.75rem,3vw,2rem)}@media(max-width:749px){.how-cover__foot{font-size:.6875rem;letter-spacing:.22em}}.how-cover__foot span:not(:last-child):after{content:"";width:clamp(1.25rem,3vw,2.5rem);height:1px;background-color:var(--how-metal);opacity:.8}.how-chapter{padding-block:var(--how-chapter-space-top, clamp(5rem, 10vw, 9rem)) var(--how-chapter-space-bottom, clamp(5rem, 10vw, 9rem))}.how-chapter__mark{display:flex;align-items:center;gap:1.125rem;margin:0 0 clamp(1.75rem,3vw,2.75rem);font-family:var(--how-font-sans);font-size:.6875rem;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:rgba(var(--how-surface-fg-rgb),.62)}.how-chapter__numeral{font-family:var(--how-font-serif);font-size:1rem;letter-spacing:.1em;color:var(--how-metal)}.how-chapter__mark:after{content:"";flex:1 1 auto;max-width:6rem;height:1px;background-image:var(--how-rule-metal)}.how-chapter--centred{text-align:center}.how-chapter--centred .how-chapter__mark{justify-content:center}.how-chapter--centred .how-chapter__mark:after{display:none}.how-chapter__title{margin:0;max-width:24ch;font-family:var(--how-font-serif);font-size:clamp(2rem,4.2vw,3.75rem);font-weight:300;font-style:normal;line-height:1.08;letter-spacing:.015em;text-transform:none;text-wrap:balance;color:inherit}.how-chapter--centred .how-chapter__title{margin-inline:auto}.how-prose{max-width:64ch;font-size:1.0625rem;font-weight:300;line-height:1.85;color:rgba(var(--how-surface-fg-rgb),.8)}.how-chapter--centred .how-prose{margin-inline:auto}.how-chapter__title+.how-prose,.how-chapter__title+.how-steps,.how-prose+.how-steps,.how-prose+.how-titles{margin-block-start:clamp(1.75rem,3vw,2.75rem)}.how-prose>:first-child{margin-block-start:0}.how-prose>:last-child{margin-block-end:0}.how-prose p{margin-block:0 1.5rem}.how-prose strong{font-weight:500;color:rgb(var(--how-surface-fg-rgb))}.how-prose--opened>p:first-of-type:first-letter{float:inline-start;margin:.375rem .75rem 0 0;font-family:var(--how-font-serif);font-size:4.25rem;font-weight:300;line-height:.82;color:var(--how-metal)}.how-chapter--centred .how-prose--opened>p:first-of-type:first-letter{float:none;margin:0;font-size:inherit;line-height:inherit;color:inherit}.how-aside{max-width:34ch;margin:clamp(2.5rem,5vw,3.5rem) 0;font-family:var(--how-font-serif);font-size:clamp(1.375rem,2.2vw,1.75rem);font-weight:300;line-height:1.35;color:rgb(var(--how-surface-fg-rgb))}.how-ornament{display:flex;align-items:center;justify-content:center;gap:clamp(1rem,2vw,1.75rem);padding-block:clamp(2.5rem,5vw,4rem)}.how-ornament:before,.how-ornament:after{content:"";flex:1 1 auto;max-width:10rem;height:1px;background-image:var(--how-rule-metal)}.how-ornament svg{width:.625rem;height:.625rem;flex:none;color:var(--how-metal)}.how-spread{display:grid;gap:clamp(2.5rem,5vw,4.5rem);align-items:center}@media(min-width:990px){.how-spread{grid-template-columns:minmax(0,.95fr) minmax(0,1fr)}.how-spread--mirrored>.how-spread__plate{order:-1}}.how-spread__plate{position:relative;margin:0;min-height:24rem;background-image:var(--how-plate)}.how-spread__plate img{display:block;width:100%;height:100%;object-fit:cover}.how-spread__caption{margin-block-start:1rem;font-size:.6875rem;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:rgba(var(--how-surface-fg-rgb),.58)}.how-steps{display:grid;margin:0;padding:0;list-style:none;counter-reset:how-step}@media(min-width:750px){.how-steps{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(2.5rem,5vw,5rem)}}.how-steps li{display:flex;align-items:baseline;gap:1.25rem;padding-block:1.125rem;border-block-end:1px solid var(--how-hairline);counter-increment:how-step;font-family:var(--how-font-sans);font-size:.75rem;font-weight:500;letter-spacing:.26em;text-transform:uppercase}.how-steps li:before{content:counter(how-step,decimal-leading-zero);font-family:var(--how-font-serif);font-size:.875rem;letter-spacing:.08em;color:var(--how-metal)}.how-passage{padding-block:var(--how-passage-space, clamp(6rem, 12vw, 11rem));background-image:var(--how-grain),var(--how-vignette),var(--how-passage-scrim, linear-gradient(rgba(6, 5, 4, .55), rgba(6, 5, 4, .55))),var(--how-passage-image, none);background-size:300px 300px,cover,cover,cover;background-position:center;background-repeat:repeat,no-repeat,no-repeat,no-repeat;text-align:center}.how-passage__figure{margin:0}.how-passage__quote{max-width:30ch;margin:0 auto;padding:0;border:0;font-family:var(--how-font-serif);font-size:clamp(1.75rem,4vw,3.25rem);font-weight:300;line-height:1.22;text-wrap:balance;color:inherit}.how-passage__answer{max-width:62ch;margin:clamp(1.75rem,3vw,2.5rem) auto 0;font-family:var(--how-font-sans);font-size:.6875rem;font-weight:500;letter-spacing:.3em;text-transform:uppercase;line-height:2;color:var(--how-metal)}.how-titles{margin:clamp(2.5rem,4vw,3.25rem) 0 0;padding:0;list-style:none;border-block-start:1px solid var(--how-hairline)}.how-titles li{display:grid;gap:.375rem;padding-block:1.25rem;border-block-end:1px solid var(--how-hairline)}@media(min-width:750px){.how-titles li{grid-template-columns:minmax(0,13rem) minmax(0,1fr);gap:1.75rem;align-items:baseline}}.how-titles__name{font-family:var(--how-font-serif);font-size:1.375rem;line-height:1.2}.how-titles__gloss{font-size:.9375rem;font-weight:300;line-height:1.7;color:rgba(var(--how-surface-fg-rgb),.7)}.how-creed-cards{display:grid;gap:1px;margin-block-start:clamp(2.5rem,5vw,4rem)}@media(min-width:750px){.how-creed-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}.how-creed-card{padding:clamp(2rem,4vw,3rem) clamp(1.25rem,2.5vw,2rem);border-block-start:1px solid var(--how-hairline);text-align:center}@media(min-width:750px){.how-creed-card+.how-creed-card{border-inline-start:1px solid var(--how-hairline)}}.how-creed-card__mark{width:1.625rem;height:1.625rem;margin-inline:auto;color:var(--how-metal)}.how-creed-card__word{margin:1.25rem 0 0;font-family:var(--how-font-serif);font-size:1.625rem;font-weight:400;font-style:normal;letter-spacing:.01em;text-transform:none;color:inherit}.how-creed-card__line{max-width:28ch;margin:.875rem auto 0;font-size:.9375rem;font-weight:300;line-height:1.75;color:rgba(var(--how-surface-fg-rgb),.7)}.how-brands{padding-block:var(--how-brands-space-top, clamp(5rem, 9vw, 7rem)) var(--how-brands-space-bottom, 0)}.how-brands__head{margin-block-end:clamp(2.5rem,5vw,4rem);text-align:center}.how-brands__heading{max-width:26ch;margin:1.25rem auto 0;font-family:var(--how-font-serif);font-size:clamp(2rem,4vw,3.5rem);font-weight:300;font-style:normal;line-height:1.08;letter-spacing:.015em;text-transform:none;text-wrap:balance;color:inherit}.how-brands__heading em{color:var(--how-metal)}.how-brands__row{display:grid}@media(min-width:750px){.how-brands__row{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}}.how-brand{position:relative;display:grid;align-content:end;min-height:var(--how-brand-height, 85vh);padding:clamp(2.5rem,5vw,4.5rem);overflow:hidden;isolation:isolate}@media(min-width:750px){.how-brand+.how-brand:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;z-index:2;width:1px;background-image:linear-gradient(transparent,color-mix(in srgb,var(--how-metal) 55%,transparent) 18%,color-mix(in srgb,var(--how-metal) 55%,transparent) 82%,transparent)}}.how-brand__photo{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;width:100%;height:100%;object-fit:cover}.how-brand:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:var(--how-grain),var(--how-brand-scrim, linear-gradient(rgba(6, 6, 6, .45), rgba(6, 6, 6, .74)));background-size:300px 300px,cover;background-repeat:repeat,no-repeat}.how-brand__eyebrow{color:var(--how-metal)}.how-brand__name{margin:1rem 0 0;font-family:var(--how-font-serif);font-size:clamp(2rem,3.4vw,3rem);font-weight:300;font-style:normal;line-height:1.04;letter-spacing:.01em;text-transform:none;color:rgb(var(--how-surface-fg-rgb))}.how-brand__statement{max-width:42ch;margin-block-start:1.125rem;font-size:1rem;font-weight:300;line-height:1.75;color:rgba(var(--how-surface-fg-rgb),.82)}.how-brand__statement>:first-child{margin-block-start:0}.how-brand__statement>:last-child{margin-block-end:0}.how-brand__notes{margin:clamp(1.5rem,3vw,2.25rem) 0 0;padding:0;list-style:none;max-width:34rem}.how-brand__notes li{padding-block:.8125rem;border-block-start:1px solid color-mix(in srgb,var(--how-metal) 30%,transparent);font-family:var(--how-font-sans);font-size:.75rem;font-weight:500;letter-spacing:.26em;text-transform:uppercase;color:rgba(var(--how-surface-fg-rgb),.9)}.how-brand__door{margin-block-start:clamp(1.75rem,3vw,2.5rem)}.how-house{padding-block:var(--how-house-space-top, clamp(5rem, 10vw, 8rem)) var(--how-house-space-bottom, clamp(5rem, 10vw, 8rem));background-image:var(--how-grain),var(--how-vignette),var(--how-house-scrim, none),var(--how-house-image, none);background-size:300px 300px,cover,cover,cover;background-position:center;background-repeat:repeat,no-repeat,no-repeat,no-repeat}.how-house--beside{padding-block:0}.how-house__plate{position:relative;overflow:hidden;min-height:24rem}.how-house__plate img{display:block;width:100%;height:100%;object-fit:cover}.how-house--beside .how-house__inner{padding-block:clamp(2.75rem,9vw,4.5rem)}@media(min-width:990px){.how-house--beside{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);align-items:center}.how-house--beside .how-house__plate{align-self:stretch;min-height:36rem}.how-house--beside .how-house__inner{padding-block:var(--how-house-space-top, clamp(5rem, 10vw, 8rem)) var(--how-house-space-bottom, clamp(5rem, 10vw, 8rem))}.how-house--beside.how-house--mirrored .how-house__plate{grid-column:2;grid-row:1}.how-house--beside.how-house--mirrored .how-house__inner{grid-column:1;grid-row:1}.how-house--beside .how-house__frame{--how-house-door: 9rem}.how-house--beside .how-house__heading{font-size:clamp(1.875rem,2.9vw,3.125rem)}.how-house--beside .how-house__statement{font-size:1rem}}.how-house__frame{--how-house-metal: color-mix(in srgb, var(--how-metal) 64%, transparent);position:relative;max-width:58rem;margin-inline:auto;padding:clamp(2.5rem,5vw,3.75rem) clamp(1.5rem,5vw,4rem);text-align:center;background-image:linear-gradient(var(--how-house-metal),var(--how-house-metal)),linear-gradient(var(--how-house-metal),var(--how-house-metal)),linear-gradient(var(--how-house-metal),var(--how-house-metal)),linear-gradient(var(--how-house-metal),var(--how-house-metal));background-size:100% 1px,100% 1px,1px 100%,1px 100%;background-position:top left,bottom left,top left,top right;background-repeat:no-repeat}.how-house__eyebrow{margin-block-end:1.5rem;color:rgba(var(--how-surface-fg-rgb),.66)}.how-house__heading{margin:0;font-family:var(--how-font-serif);font-size:clamp(2.125rem,4.6vw,4rem);font-weight:300;font-style:normal;line-height:1.06;letter-spacing:.01em;text-transform:none;text-wrap:balance;color:inherit}.how-house__heading em{color:var(--how-metal)}.how-house__frame .how-ornament{padding-block:clamp(1.5rem,3vw,2.25rem)}.how-house__statement{max-width:52ch;margin:clamp(1.5rem,3vw,2.25rem) auto 0;font-size:1.0625rem;font-weight:300;line-height:1.8;color:rgba(var(--how-surface-fg-rgb),.78)}.how-house__statement>:first-child{margin-block-start:0}.how-house__statement>:last-child{margin-block-end:0}.how-house__mark{width:clamp(1.75rem,3vw,2.25rem);height:auto;margin-block-end:1.75rem;color:var(--how-metal)}.how-house__door{display:inline-flex;align-items:center;gap:.875rem;margin-block-start:clamp(2rem,4vw,2.75rem);padding:1.0625rem 1.875rem;border:1px solid color-mix(in srgb,var(--how-metal) 72%,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));background-color:transparent;transition:background-color .35s ease,color .35s ease}.how-house__door svg{width:1.125rem;height:.5rem;flex:none;color:var(--how-metal);transition:transform .35s ease}.how-house__door:hover{background-color:color-mix(in srgb,var(--how-metal) 16%,transparent)}.how-house__door:hover svg{transform:translate(.25rem)}.how-house__door--filled{border-color:var(--how-metal);background-color:var(--how-metal);color:var(--how-obsidian)}.how-house__door--filled svg{color:currentColor}.how-house__door--filled:hover{background-color:color-mix(in srgb,var(--how-metal) 82%,var(--how-porcelain))}@media(min-width:750px){.how-house__frame{--how-house-seal: 2rem;--how-house-door: 10.5rem;padding-block:clamp(3.5rem,6vw,5rem);background-image:linear-gradient(90deg,var(--how-house-metal) 0 calc(50% - var(--how-house-seal)),transparent calc(50% - var(--how-house-seal)) calc(50% + var(--how-house-seal)),var(--how-house-metal) calc(50% + var(--how-house-seal)) 100%),linear-gradient(90deg,var(--how-house-metal) 0 calc(50% - var(--how-house-door)),transparent calc(50% - var(--how-house-door)) calc(50% + var(--how-house-door)),var(--how-house-metal) calc(50% + var(--how-house-door)) 100%),linear-gradient(var(--how-house-metal),var(--how-house-metal)),linear-gradient(var(--how-house-metal),var(--how-house-metal))}.how-house__mark{position:absolute;inset-block-start:0;inset-inline-start:50%;margin:0;transform:translate(-50%,-50%)}.how-house__door{position:absolute;inset-block-end:0;inset-inline-start:50%;margin:0;transform:translate(-50%,50%)}.how-house--sealed .how-house__frame{padding-block-start:clamp(4.5rem,7vw,6rem)}.how-house--doored .how-house__frame{padding-block-end:clamp(4.5rem,7vw,6rem)}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/how-about.css.map */