/* Contact sections 01 and 02. No photography and no product on this page, so the only thing that
   can carry it is scale: a quiet light hero, then the address itself set at display scale in the
   label channel with the seam bare on both sections. */
*{box-sizing:border-box}
.c1{position:relative;background:var(--bg-page);padding:118px 0 124px}
.c1-num{position:absolute;left:0;top:118px;width:calc(var(--seam) - 32px);text-align:right;font-family:var(--font-serif);font-weight:400;font-size:24px;line-height:1;color:rgba(15,26,46,.35)}
.c1-eyebrow{position:absolute;left:0;top:158px;width:calc(var(--seam) - 32px);text-align:right;font-size:11px;font-weight:600;letter-spacing:var(--tracking-label);text-transform:uppercase;color:rgba(15,26,46,.55)}
.c1-col{margin-left:calc(var(--seam) + var(--seam-inset));margin-right:48px}
.c1-head{margin:0;font-family:var(--font-serif);font-weight:500;font-size:clamp(2.8rem,7.4vw,7rem);line-height:.98;letter-spacing:var(--tracking-tight);color:var(--color-navy)}
.c1-sub{margin:30px 0 0;max-width:44ch;font-family:var(--font-serif);font-style:italic;font-size:clamp(1.15rem,1.7vw,1.5rem);line-height:1.45;color:rgba(26,26,31,.8)}

/* Section 02. The address sits in the channel the way a signature does: right-aligned to the seam,
   broken at the at-sign so it can be set large without crowding the line. */
.c2{position:relative;background:var(--color-navy);color:var(--color-text-light);padding:104px 0 116px}
.c2 .rt-seam{background:var(--seam-color-dark)}
.c2-num{position:absolute;left:0;top:104px;width:calc(var(--seam) - 32px);text-align:right;font-family:var(--font-serif);font-weight:400;font-size:24px;line-height:1;color:rgba(232,232,234,.35)}
.c2-mail-label{position:absolute;left:0;top:150px;width:calc(var(--seam) - 32px);padding-left:40px;text-align:right;font-size:11px;font-weight:600;letter-spacing:var(--tracking-label);text-transform:uppercase;color:rgba(232,232,234,.5)}
.c2-mail{position:absolute;left:0;top:182px;width:calc(var(--seam) - 32px);padding-left:40px;text-align:right;font-family:var(--font-serif);font-weight:500;font-size:clamp(1.9rem,4.4vw,3.9rem);line-height:1.02;letter-spacing:var(--tracking-tight);color:var(--color-text-light-2);transition:color var(--dur-fast) var(--ease-out)}
.c2-mail span{display:block}
.c2-mail:hover{color:var(--color-coral)}
.c2-col{margin-left:calc(var(--seam) + var(--seam-inset));margin-right:48px;max-width:62ch}
.c2-item{padding:24px 0;border-top:1px solid rgba(232,232,234,.18)}
.c2-item:last-child{border-bottom:1px solid rgba(232,232,234,.18)}
.c2-label{display:block;margin-bottom:10px;font-size:11px;font-weight:600;letter-spacing:var(--tracking-label);text-transform:uppercase;color:rgba(232,232,234,.5)}
.c2-value{margin:0;font-family:var(--font-serif);font-size:clamp(1.25rem,1.9vw,1.7rem);line-height:1.25;color:var(--color-text-light-2)}
.c2-body{margin:0;font-size:17px;line-height:1.6;color:rgba(232,232,234,.78);text-wrap:pretty}
.c2-body a{color:var(--color-text-light-2);text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(232,232,234,.4)}
.c2-body a:hover{color:var(--color-coral);text-decoration-color:var(--color-coral)}
@media(max-width:1023px){.c1{padding:92px 0 96px}.c1-num{top:92px}.c1-eyebrow{top:132px}.c2{padding:84px 0 92px}.c2-num{top:84px}.c2-mail-label{top:118px}.c2-mail{top:146px;font-size:clamp(1.3rem,2.9vw,2rem)}}
@media(max-width:767px){.c1{padding:56px 0 60px}.c1-num,.c1-eyebrow{position:static;width:auto;text-align:left;padding:0 20px}.c1-eyebrow{padding-bottom:20px}.c1-col{margin:0;padding:0 20px}.c1-sub{margin-top:22px}
.c2{padding:52px 0 60px}.c2-num{position:static;width:auto;text-align:left;padding:0 20px 18px}.c2-mail-label{position:static;width:auto;text-align:left;padding:0 20px 10px}.c2-mail{position:static;width:auto;text-align:left;padding:0 20px 30px;font-size:clamp(1.7rem,8vw,2.4rem)}.c2-mail span{display:inline}.c2-col{margin:0;padding:0 20px}}