.contact{max-inline-size:72rem;margin-inline:auto}.contact__head{gap:.75rem;max-inline-size:40rem;padding-block-end:2.25rem;display:grid}.contact__head h1{font-size:clamp(2.6rem,5vw,4.5rem)}.contact__head p:last-child{color:var(--commerce-muted);margin:0;line-height:1.6}.contact__layout{grid-template-columns:minmax(0,18rem) minmax(0,1fr);align-items:start;gap:3rem;display:grid}.contact__aside{position:sticky;inset-block-start:calc(var(--header-inset-block) + var(--header-row) + 2rem)}.contact__panel{padding:clamp(1.25rem,3vw,2.25rem)}.quick-contact{gap:1.5rem;display:grid}.quick-contact ul{border-block-start:1px solid var(--commerce-line);margin:0;padding:0;list-style:none;display:grid}.quick-contact li a{border-block-end:1px solid var(--commerce-line);color:inherit;transition:padding .4s var(--commerce-ease);gap:.2rem;padding-block:.85rem;text-decoration:none;display:grid}.quick-contact li a:hover{padding-inline-start:.5rem}.quick-contact li a:focus-visible{outline:2px solid var(--commerce-accent);outline-offset:2px}.quick-contact__label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--commerce-muted);font-size:.625rem}.quick-contact__value{font-size:1rem}.quick-contact address{gap:.2rem;font-style:normal;line-height:1.5;display:grid}.quick-contact>p{color:var(--commerce-muted);margin:0;font-size:.875rem;line-height:1.55}.contact-form{gap:1.5rem;display:grid}.contact-form fieldset{border:0;margin:0;padding:0}.contact-form legend{color:var(--commerce-muted);margin-block-end:.6rem;font-size:.8125rem}.contact-form__topics{border:1px solid var(--commerce-line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.contact-form__topic{min-block-size:3rem;color:var(--commerce-muted);text-align:center;cursor:pointer;place-items:center;padding:.5rem;transition:background-color .3s,color .3s;display:grid;position:relative}.contact-form__topic+.contact-form__topic{border-inline-start:1px solid var(--commerce-line)}.contact-form__topic input,.contact-form__chip input{opacity:0;pointer-events:none;position:absolute}.contact-form__topic:has(input:checked){background:var(--commerce-ink);color:var(--color-world-paper-light);font-weight:600}:is(.contact-form__topic:has(input:focus-visible),.contact-form__chip:has(input:focus-visible)){outline:2px solid var(--commerce-accent);outline-offset:2px}.contact-form__intro{color:var(--commerce-muted);margin:0;line-height:1.6}.contact-form__purposes>div{flex-wrap:wrap;gap:.5rem;display:flex}.contact-form__chip{border:1px solid var(--commerce-line);cursor:pointer;border-radius:999px;padding:.5rem 1rem;font-size:.875rem;transition:background-color .3s,border-color .3s,color .3s;position:relative}.contact-form__chip:has(input:checked){border-color:var(--commerce-ink);background:var(--commerce-ink);color:var(--color-world-paper-light)}.contact-form__section{animation:contact-section-in .5s var(--commerce-ease) both;gap:1.25rem;display:grid}:is(.contact-form:has([name=topic][value=enquiry]:checked) :is(.contact-form__intro,.contact-form__section):not([data-topic=enquiry]),.contact-form:has([name=topic][value=order]:checked) :is(.contact-form__intro,.contact-form__section):not([data-topic=order]),.contact-form:has([name=topic][value=general]:checked) :is(.contact-form__intro,.contact-form__section):not([data-topic=general])){display:none}.contact-form__required{color:var(--commerce-accent);font-size:.75rem}.contact-form__trap{block-size:1px;inline-size:1px;position:absolute;inset-inline-start:-100vw;overflow:hidden}.contact-form__submit{justify-self:start;min-inline-size:14rem}.contact-form__privacy{color:var(--commerce-muted);margin:-.5rem 0 0;font-size:.8125rem}@keyframes contact-section-in{0%{opacity:0;translate:0 .4rem}}@media not (min-width:56rem){.contact__layout{grid-template-columns:1fr;gap:2rem}.contact__aside{position:static}.quick-contact ul{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.quick-contact li a{border:1px solid var(--commerce-line);background:var(--commerce-card);padding:.7rem .8rem}.quick-contact li a:hover{padding-inline-start:.8rem}.quick-contact__value{text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;overflow:hidden}.quick-contact address,.quick-contact>p{display:none}}@media not (min-width:30rem){.contact-form__topic{font-size:.8125rem}.contact-form__submit{justify-self:stretch}}@media (prefers-reduced-motion:reduce){.contact-form__section{animation:none}}