:root{--paper:#F7F4EF;--ink:#4F2E2B;--apricot:#E5C69F;--brandy:#73321C;--coffee:#1C0F0D}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Archivo,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased}h1,p,figure{margin:0}h1{font-family:Newsreader,serif;font-weight:400;line-height:1;letter-spacing:-.04em}em{font-weight:400}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:7px}::selection{background:var(--brandy);color:var(--paper)}.masthead{height:140px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:var(--paper);color:var(--ink)}.brand{display:flex;align-items:center;gap:18px}.brand img{width:91px;height:61px;object-fit:contain;filter:brightness(0) saturate(100%) invert(16%) sepia(17%) saturate(1403%) hue-rotate(320deg) brightness(93%) contrast(88%)}.brand span{font:500 11px/1.6 Raleway,sans-serif;letter-spacing:.15em;text-transform:uppercase}.masthead nav{display:flex;align-items:center;gap:32px;font:500 12px/1.5 Raleway,sans-serif;letter-spacing:.08em;text-transform:uppercase}.masthead nav a{padding:10px 0}.masthead nav [aria-current]{border-bottom:1px solid currentColor}.masthead nav span{margin-left:16px}.contact-line{font-size:20px;line-height:1.6}.contact-line a{display:block;font-family:Newsreader,serif;font-size:29px;line-height:1.3;margin-top:13px;letter-spacing:-.015em;width:max-content;max-width:100%;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px}.contact-form{display:grid;grid-template-columns:1fr 1fr;column-gap:36px;row-gap:46px;align-content:start}.field{min-width:0}.full{grid-column:1/-1}label{display:block;font:500 12px/1.6 Raleway,sans-serif;letter-spacing:.09em;text-transform:uppercase;cursor:text}input,textarea{display:block;width:100%;border:0;border-bottom:1px solid currentColor;border-radius:0;padding:14px 0 13px;outline:none;background:transparent;color:inherit;font:400 27px/1.3 Newsreader,serif;box-shadow:none}input{min-height:63px}textarea{min-height:190px;resize:vertical}input:focus,textarea:focus{border-bottom-width:2px}button{font:inherit;cursor:pointer}.send{display:flex;align-items:center;justify-content:space-between;gap:60px;min-width:270px;padding:0 0 17px;background:transparent;border:0;border-bottom:1px solid currentColor;color:inherit;font:400 35px/1.2 Newsreader,serif;letter-spacing:-.025em}.send span{font:400 24px/1 Raleway,sans-serif}.send:hover span{transform:translate(3px,-3px)}.form-status{font:400 14px/1.6 Archivo,sans-serif;max-width:490px}.form-status:not(:empty){margin-top:30px}.form-status:empty{display:none}footer{display:flex;justify-content:space-between;gap:30px;padding:30px 5vw;background:var(--coffee);color:var(--apricot);font:400 10px/1.6 Raleway,sans-serif;letter-spacing:.06em;text-transform:uppercase}footer a{text-decoration:underline;text-underline-offset:5px}
/* A: the quiet Espresso page, anchored by type and fine rules. */
.a .contact-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:100px;padding:115px 6.111111vw 125px 8.888889vw;background:var(--ink);color:var(--apricot);min-height:1000px;align-items:start}.a h1{font-size:132px;color:var(--paper);margin-bottom:90px}.a h1 em{display:block;color:var(--apricot);font-size:144px;margin:5px 0 0 40px}.a .contact-line{font-size:18px;max-width:580px}.a .contact-line a{font-size:27px}.a .contact-form{padding-top:10px}.a .field label{color:var(--apricot)}.a .field input,.a .field textarea{border-bottom-color:#e5c69f88;color:var(--paper)}.a .field input:focus,.a .field textarea:focus{border-bottom-color:var(--apricot)}.a .form-bottom{padding-top:18px}.a .send{margin-left:auto;color:var(--apricot)}
/* B: one open sheet of paper, centred, with the form composed as a letter. */
.b .letter{padding:75px 8.888889vw 105px;min-height:1180px}.b h1{text-align:center;font-size:132px;line-height:1.05;margin:0 auto 35px}.b h1 em{margin-left:10px;color:var(--brandy)}.b .contact-line{text-align:center;font-size:18px}.b .contact-line a{font-size:28px;margin:12px auto 0}.b .contact-form{max-width:920px;margin:90px auto 0;column-gap:65px;row-gap:42px}.b textarea{min-height:180px}.b .field input,.b .field textarea{border-bottom-color:#4f2e2b66}.b .field input:focus,.b .field textarea:focus{border-bottom-color:var(--ink)}.b .form-bottom{padding-top:18px}.b .send{margin:0 auto}.b .form-status{margin-left:auto;margin-right:auto;text-align:center}
/* C: Apricot Cream beside a full-height Italian photograph. */
.c .contact-scene{display:grid;grid-template-columns:58% 42%;align-items:stretch;background:var(--apricot)}.c .contact-copy{padding:75px 5vw 100px 6.111111vw}.c h1{font-size:106px;line-height:1;max-width:620px}.c h1 em{display:block;font-size:118px;margin:5px 0 0 75px}.c .contact-line{font-size:17px;margin-top:45px}.c .contact-line a{font-size:27px}.c .contact-form{margin-top:70px;row-gap:35px;column-gap:35px}.c .field input,.c .field textarea{border-bottom-color:#4f2e2b77}.c .field input:focus,.c .field textarea:focus{border-bottom-color:var(--ink)}.c textarea{min-height:160px}.c .form-bottom{padding-top:10px}.c .send{margin-left:auto;font-size:33px}.c .scene{position:relative;min-height:1240px;margin:0;overflow:hidden}.c .scene img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:52% 50%}
@media(min-width:1800px){.a h1{font-size:155px}.a h1 em{font-size:165px}.b h1{font-size:150px}.c h1{font-size:130px}.c h1 em{font-size:140px}.c .scene{min-height:1350px}}
@media(max-width:1000px){.masthead{height:115px}.brand img{width:65px}.brand span{display:none}.masthead nav{font-size:10px;gap:22px}.masthead nav span{display:none}.a .contact-layout{padding-top:85px;padding-bottom:90px;gap:60px;min-height:930px}.a h1{font-size:9vw}.a h1 em{font-size:10vw;margin-left:3vw}.a .contact-line{font-size:16px}.a .contact-line a{font-size:2.5vw}.contact-form{column-gap:25px;row-gap:35px}label{font-size:11px}.send{font-size:30px;min-width:240px;gap:35px}.b .letter{padding-top:70px}.b h1{font-size:9.5vw}.b .contact-form{column-gap:45px}.c .contact-copy{padding-top:65px}.c h1{font-size:8vw}.c h1 em{font-size:9vw;margin-left:5vw}.c .contact-line{font-size:16px}.c .contact-line a{font-size:2.6vw}.c .contact-form{column-gap:25px}.c .send{font-size:29px}.c .scene{min-height:1190px}}
@media(max-width:650px){.masthead{height:100px;padding:0 6vw}.brand img{width:54px;height:42px}.masthead nav{font-size:8px;gap:13px;letter-spacing:.04em}.contact-line a{overflow-wrap:anywhere;width:auto}label{font-size:11px}input,textarea{font-size:25px}textarea{min-height:170px}.contact-form{column-gap:25px;row-gap:32px}.send{font-size:29px;min-width:240px}.send span{font-size:20px}.a .contact-layout{display:block;padding:55px 6vw 75px;min-height:0}.a h1{font-size:22vw;line-height:.95;margin-bottom:45px}.a h1 em{font-size:23vw;margin-left:6vw;margin-top:8px}.a .contact-line{font-size:16px}.a .contact-line a{font-size:24px}.a .contact-form{margin-top:60px;padding:0}.a .send{margin-left:auto}.b .letter{padding:45px 6vw 75px;min-height:0}.b h1{font-size:20vw;line-height:1.02;text-align:left;margin-bottom:30px}.b h1 em{display:block;margin-left:5vw}.b .contact-line{text-align:left;font-size:16px}.b .contact-line a{font-size:24px;margin-left:0;margin-top:12px}.b .contact-form{margin-top:60px;column-gap:25px;row-gap:32px}.b .send{margin-left:auto;margin-right:auto}.b .form-status{text-align:left}.c .contact-scene{display:flex;flex-direction:column}.c .contact-copy{padding:50px 6vw 70px}.c h1{font-size:21vw;max-width:100%}.c h1 em{font-size:22vw;margin-left:6vw}.c .contact-line{margin-top:35px;font-size:16px}.c .contact-line a{font-size:24px}.c .contact-form{margin-top:55px;row-gap:32px}.c .send{font-size:29px}.c .scene{min-height:0;height:620px;width:100%}.c .scene img{object-position:52% 50%}footer{padding:25px 6vw;font-size:8px;gap:20px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}