@font-face{font-family:SuisseIntl;src:url('assets/suisse-regular.woff') format('woff');font-weight:400;font-display:swap}@font-face{font-family:SuisseIntl;src:url('assets/suisse-medium.woff') format('woff');font-weight:500;font-display:swap}@font-face{font-family:Sensitive;src:url('assets/sensitive-regular.woff') format('woff');font-weight:400;font-display:swap}@font-face{font-family:Sensitive;src:url('assets/sensitive-medium.woff') format('woff');font-weight:500;font-display:swap}
:root{--ink:#1a1a1a;--muted:#737373;--paper:#fff;--line:#e9e9e9;--button:#e9e9e9;--gutter:3.333333vw;--gap:1.666667vw;--title:2.666667vw;--body:2.083333vw;--label:1.666667vw;--small:1.333333vw;--section:6.666667vw;--font:SuisseIntl,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);background:var(--paper);font:400 var(--small)/1.4 var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}img{display:block;max-width:100%}button,input,select{font:inherit}button{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--ink);outline-offset:5px}figure{margin:0}p{margin:0}h1,h2,h3{font-weight:400;letter-spacing:normal}h1{font-size:var(--title);line-height:1.2;margin:0 0 24px}h2{font-size:var(--label);line-height:1.2;margin:0}h3{font-size:var(--label);line-height:1.2;margin:14px 0 8px}.skip{position:absolute;left:20px;top:-80px;background:#fff;padding:15px;z-index:100}.skip:focus{top:15px}
.site-header{margin:0 var(--gutter);height:10.666667vw;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1.5fr 1fr;align-items:center;gap:var(--gap)}.brand{width:9.166667vw}.brand img{width:100%;height:auto}.main-nav{display:flex;justify-content:space-between;gap:var(--gap)}.contact-link{justify-self:end;background:var(--button);border-radius:100px;min-width:14.166667vw;padding:1.25vw 2vw;text-align:center;font-weight:500}.masthead{padding:5.833333vw var(--gutter) 4.166667vw;display:grid;grid-template-columns:1fr 3fr;gap:var(--gap)}.crumb{font-size:var(--small);line-height:1.4;color:var(--muted);padding-top:4px}.crumb a{display:inline}.masthead-main{max-width:900px}.eyebrow{font-size:var(--small);color:var(--muted);margin-bottom:20px}.deck{font-size:var(--body);line-height:1.2;max-width:820px}.meta-row{display:flex;gap:32px;flex-wrap:wrap;margin-top:24px;font-size:var(--small)}.meta-row span{color:var(--muted);margin-right:8px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.tag{border:1px solid var(--line);border-radius:100px;padding:7px 13px;font-size:var(--small);line-height:1.2;transition:background .2s}.tag:hover{background:var(--button);text-decoration:none}.gallery{padding:0 var(--gutter)}.image-button{display:block;border:0;background:transparent;padding:0;width:100%;cursor:zoom-in;border-radius:5px;overflow:hidden}.image-button img{width:100%;height:auto}.hero .image-button{border-radius:5px}.hero img{aspect-ratio:16/9;object-fit:contain}.micro{font-size:var(--small);color:var(--muted);margin:12px 0 0}.copy{display:grid;grid-template-columns:1fr 3fr;gap:var(--gap);padding:var(--section) 0}.copy .body{max-width:850px}.copy p{font-size:var(--body);line-height:1.2;margin-bottom:24px}.copy p:last-child{margin-bottom:0}.scope{list-style:none;padding:0;margin:24px 0 0;font-size:var(--small);color:var(--muted);line-height:1.5}.split{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}.split .image-button{height:100%}.split img{width:100%;height:100%;object-fit:cover}.split .image-button img{aspect-ratio:1.5}.gap{margin-top:var(--gap)}.logo-field{display:flex;align-items:center;justify-content:center;background:#4b4641;border-radius:5px;padding:14%;min-height:280px}.logo-field img{width:100%;height:auto;object-fit:contain}.swatches{display:flex;height:16px;margin-top:var(--gap);border:1px solid #eee}.swatches span{flex:1}.swatches span:first-child{flex:1.5}.wide img{aspect-ratio:16/9;object-fit:cover}.bronze img{aspect-ratio:16/9;object-fit:contain}.foil img{aspect-ratio:1.85;object-fit:cover;object-position:58% 30%}.stationery .image-button img{aspect-ratio:1.8;object-fit:cover}.brochure img{height:auto;width:100%}.statement{background:#4b4641;display:flex;align-items:center;padding:10%;border-radius:5px}.statement img{height:auto}.sense .image-button img{aspect-ratio:1.35;object-position:74% center}.closeup img{aspect-ratio:2;object-fit:cover}.closing{margin-top:var(--section)}.closing p{font-size:var(--title);line-height:1.2;white-space:pre-line;padding:32px 0 0}.credits{display:grid;grid-template-columns:1fr 3fr;gap:var(--gap);border-top:1px solid var(--line);margin-top:var(--section);padding:32px 0 var(--section);font-size:var(--small)}.credits p{max-width:850px}.credits p+p{margin-top:18px;color:var(--muted)}.site-footer{padding:var(--section) var(--gutter) 32px;background:var(--paper);border-top:1px solid var(--line)}.footer-cta{font-size:var(--title);line-height:1.2;max-width:850px;margin:0 0 24px}.footer-copy{font-size:var(--body);line-height:1.2;max-width:800px;margin-bottom:28px}.pill{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:var(--button);border-radius:100px;padding:18px 28px;font-weight:500;border:0;cursor:pointer}.footer-bottom{margin-top:var(--section);display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;color:var(--muted)}
dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0;padding:22px;background:#181816;color:#fff;overflow:hidden}dialog::backdrop{background:#181816}dialog[open]{display:grid;grid-template-rows:auto 1fr auto;gap:16px}.viewer-head,.viewer-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:16px}.viewer-head button,.viewer-foot button{background:none;color:#fff;border:1px solid #777;padding:10px 16px;cursor:pointer}.viewer-image{width:100%;height:100%;min-height:0;object-fit:contain}.viewer-foot p{margin:0;max-width:75%;line-height:1.4}.viewer-arrows{display:flex;gap:10px}
/* SENSITIVE values are taken from its existing site, not from the Villa brand. */
body.sensitive{--font:Sensitive,Arial,sans-serif;--ink:#353747;--muted:#9596a0;--paper:#f5f5f6;--line:#d7d7dc;--button:#353747;--title:4.583333vw;--body:1.666667vw;--label:1.166667vw;--small:1vw;background-image:linear-gradient(90deg,transparent calc(26.666667% - 1px),#35374712 26.666667%,transparent calc(26.666667% + 1px)),linear-gradient(90deg,transparent calc(50% - 1px),#35374712 50%,transparent calc(50% + 1px))}.sensitive .site-header{height:6.666667vw;border:0;grid-template-columns:1fr 1fr 1fr}.sensitive .brand{width:8vw}.sensitive .main-nav{justify-self:center;border:1px solid var(--ink);border-radius:100px;padding:4px;gap:0}.sensitive .main-nav a{padding:8px 15px;border-radius:100px}.sensitive .main-nav .active{background:var(--ink);color:#fff}.sensitive .contact-link{color:#fff;min-width:0;padding:12px 18px;font-size:var(--small)}.sensitive .masthead{padding-top:6.666667vw}.sensitive .deck{font-size:2.083333vw;line-height:1.3;color:var(--muted);max-width:780px}.sensitive .copy p{line-height:1.4}.sensitive .tag:hover{background:#e6e6e9}.sensitive .pill{color:#fff}.sensitive .footer-cta{font-size:3.333333vw}.sensitive .footer-copy{font-size:var(--body)}
/* Catalogue and crawlable contextual collections share the same type scale. */
.filter-page{padding:5.833333vw var(--gutter) var(--section)}.filter-intro{max-width:820px;font-size:var(--body);line-height:1.3;margin-bottom:32px}.filters{display:flex;flex-wrap:wrap;gap:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;margin:32px 0}.filters fieldset{border:0;padding:0;margin:0;flex:1;min-width:210px}.filters legend{margin-bottom:12px;font-size:var(--small);color:var(--muted)}.filter-options{display:flex;flex-wrap:wrap;gap:8px}.filter-option{cursor:pointer;display:flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--line);border-radius:100px;font-size:var(--small)}.filter-option:has(input:checked){background:var(--ink);color:var(--paper)}.filter-option input{accent-color:var(--ink);width:14px;height:14px}.filter-tools{display:flex;justify-content:space-between;gap:20px;margin-bottom:32px}.reset-filters{background:none;border:0;border-bottom:1px solid var(--ink);cursor:pointer;padding:0}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px var(--gap)}.project-card img{width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;border-radius:5px}.project-card p{font-size:var(--small);color:var(--muted)}.project-card[hidden],.empty-results[hidden]{display:none}.empty-results{font-size:var(--body);padding:50px 0}.tag-nav{margin-top:var(--section)}
@media(min-width:1920px){:root{--gutter:64px;--gap:32px;--title:51.2px;--body:40px;--label:32px;--small:25.6px;--section:128px}.sensitive{--title:88px!important;--body:32px!important;--label:22.4px!important;--small:19.2px!important}.site-header{height:205px}.brand{width:176px}.masthead{padding-top:112px;padding-bottom:80px}}
@media(max-width:1199px){:root{--gutter:20px;--gap:20px;--title:25px;--body:25px;--label:20px;--small:16px;--section:80px}.site-header{height:128px}.brand{width:110px}.contact-link{min-width:170px;padding:16px 22px}.masthead{padding-top:70px;padding-bottom:50px}.sensitive{--title:40px!important;--body:20px!important;--label:14px!important;--small:12px!important}.sensitive .site-header{height:80px}.sensitive .brand{width:95px}.sensitive .deck{font-size:25px}.sensitive .footer-cta{font-size:40px}.sensitive .masthead{padding-top:60px}}
@media(max-width:760px){:root{--gutter:20px;--gap:12px;--title:25px;--body:20px;--label:16px;--small:14px;--section:48px}.site-header{height:89px;grid-template-columns:1fr auto;gap:20px}.brand{width:90px}.main-nav{grid-column:1/-1;grid-row:2;justify-content:start;gap:24px;font-size:14px;padding-bottom:16px}.site-header{height:auto;min-height:89px;padding-top:24px}.contact-link{grid-row:1;grid-column:2;min-width:0;padding:12px 18px;font-size:14px}.masthead{display:block;padding-top:48px;padding-bottom:32px}.crumb{margin-bottom:24px}.eyebrow{margin-bottom:16px}.deck{line-height:1.3}h1{margin-bottom:20px}.meta-row{gap:16px}.tag{font-size:14px}.copy{grid-template-columns:1fr;gap:24px}.copy p{line-height:1.4}.scope{margin-top:16px}.split{grid-template-columns:1fr}.logo-field{min-height:230px;padding:18%}.split .image-button img{aspect-ratio:auto;height:auto}.sense .image-button img{aspect-ratio:1.5}.statement{min-height:240px;padding:14%}.hero img{aspect-ratio:auto}.foil img{aspect-ratio:1.5}.closeup img{aspect-ratio:1.5}.credits{grid-template-columns:1fr;gap:16px}.footer-cta{font-size:25px}.footer-copy{font-size:20px}.footer-bottom{font-size:14px}.viewer-foot p{font-size:12px}.viewer-head button,.viewer-foot button{padding:10px 12px}.viewer-foot{align-items:end}dialog{padding:14px}.sensitive{--title:32px!important;--body:18px!important;--label:14px!important;--small:12px!important}.sensitive .site-header{height:auto;min-height:80px;grid-template-columns:1fr auto;padding-top:24px;padding-bottom:16px}.sensitive .main-nav{justify-self:start;margin-top:12px;padding:3px}.sensitive .brand{width:95px}.sensitive .deck{font-size:20px}.sensitive .masthead{padding-top:40px}.sensitive .footer-cta{font-size:32px}.sensitive .tag{font-size:12px}.filter-page{padding-top:48px}.project-grid{grid-template-columns:1fr}.filters{gap:20px}.filter-option{font-size:14px}.filter-intro{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.testimonials{padding-top:var(--section)}.testimonials>h2{margin-bottom:32px}.testimonial-grid{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--gap)*2)}.testimonial{border-top:1px solid var(--line);padding-top:24px}.testimonial blockquote{margin:0 0 28px;font-size:var(--body);line-height:1.4}.testimonial figcaption{display:flex;gap:16px;align-items:center;font-size:var(--small)}.testimonial figcaption img{width:80px;height:80px;object-fit:cover;border-radius:50%}.review-name,.review-role{display:block}.review-role{color:var(--muted);margin-top:5px}@media(max-width:760px){.testimonial-grid{grid-template-columns:1fr;gap:32px}}
.active-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}.active-filter{background:var(--ink);color:var(--paper);cursor:pointer}.project-card .tags{margin-top:12px}.project-card h2{margin:18px 0 10px}.partner-credit{padding:32px 0;margin-top:var(--section);border-top:1px solid var(--line);font-size:var(--small)}
.filter-panel{margin:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.filter-panel>summary{cursor:pointer;padding:18px 0;font-size:var(--small)}.filter-panel .filters{margin:0;border:0;padding-top:8px}.filter-panel:has(input:checked)>summary{font-weight:500}

/* Quiet secondary metadata, two points smaller than the previous tags. */
.tag,.filter-option{font-size:max(11px,calc(var(--small) - 2px));color:var(--muted);border-color:var(--line);padding:6px 11px}.tag:hover,.filter-option:hover{color:var(--ink);background:var(--line)}.active-filter,.filter-option:has(input:checked){background:var(--line);color:var(--ink);border-color:var(--muted)}.sensitive .tag{font-size:max(11px,calc(var(--small) - 2px))}