@font-face{font-family:Inter;src:url('fonts/inter.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:Oswald;src:url('fonts/oswald.woff2') format('woff2');font-style:normal;font-weight:200 700;font-display:swap}
:root{--ink:#151515;--body:#3c3c3c;--muted:#666;--line:#ddd;--pad:clamp(20px,4vw,64px);--nav:76px;--gap:16px;--body-size:clamp(.9375rem,calc(.8875rem + .25vw),1.0625rem)}
*{box-sizing:border-box}html{scroll-padding-top:calc(var(--nav) + 30px)}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:var(--body-size);line-height:1.7;letter-spacing:.03em}body.menu-open,body.lightbox-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.35;cursor:default}button{border:0;background:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #777;outline-offset:5px}img{display:block;max-width:100%;height:auto}figure{margin:0}h1,h2,h3{font-family:Oswald,'Arial Narrow',sans-serif;text-transform:uppercase;letter-spacing:-.025em;color:var(--ink)}h1{font-size:clamp(40px,7.5vw,108px);line-height:1.05;margin:18px 0 30px}h2{font-size:clamp(28px,3.2vw,46px);line-height:1.12;margin:0 0 24px}h3{font-size:28px;line-height:1.2}p{margin:0 0 24px}ul,ol{padding-left:1.3em}li{margin-bottom:12px}.wrap{max-width:1600px;margin:auto;padding-left:var(--pad);padding-right:var(--pad)}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.15em;line-height:1.5;text-transform:uppercase;margin:0 0 16px;color:var(--muted)}.skip{position:fixed;top:-100px;background:#fff;z-index:100;padding:12px}.skip:focus{top:0}.topbar{height:var(--nav);padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;gap:32px;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}.brand{font-family:Oswald,'Arial Narrow',sans-serif;font-size:17px;font-weight:700;line-height:1.1;letter-spacing:-.025em;flex-shrink:0}.brand span{display:block}.topbar nav{display:flex;align-items:center;gap:28px;font-size:10px;font-weight:400;letter-spacing:.14em;text-transform:uppercase}.topbar nav>a{padding:24px 0}.nav-group summary{list-style:none;cursor:pointer;padding:24px 0;display:flex;gap:8px;align-items:center}.nav-group summary::-webkit-details-marker{display:none}.nav-panel{position:absolute;top:var(--nav);right:var(--pad);display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:0 32px;padding:28px 32px;background:#fff;color:var(--ink);border:1px solid var(--line);max-width:calc(100vw - 40px);box-shadow:0 20px 30px #00000008}.nav-panel a{padding:9px 0;font-size:10px;line-height:1.5;border-bottom:1px solid #eee}.nav-panel a:hover,.topbar nav>a:hover{text-decoration:underline;text-underline-offset:5px}.menu-toggle{display:none}.home .topbar{background:#080808;color:#fff;border-color:#222}.home .topbar.scrolled{background:white;color:var(--ink);border-color:var(--line)}.home-hero{height:clamp(300px,56vh,700px);background:#080808}.home-intro{padding-top:64px;padding-bottom:48px}.home-intro h1{font-size:clamp(48px,9.8vw,156px);margin:0 0 32px}.intro-bottom{display:flex;justify-content:space-between;align-items:center;gap:32px}.intro-bottom p{margin:0}.text-link{display:inline-block;border-bottom:1px solid #111;padding-bottom:5px;font-size:13px;letter-spacing:.03em}.home-feature{padding-bottom:64px}.card-image{position:relative;background:#f3f3f3;overflow:hidden}.card img{width:100%;height:auto;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.card .eyebrow{margin-top:20px;margin-bottom:8px}.card h2{font-size:clamp(28px,3.3vw,48px);margin:0}.card-arrow{position:absolute;bottom:16px;right:20px;color:#fff;font-size:28px;text-shadow:0 1px 8px #000}.home-feature .card-image img{max-height:760px;object-fit:contain;background:#f8f8f8}.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 24px;margin-bottom:80px}.card-grid .card-image{aspect-ratio:3/2}.card-grid .card-image img{width:100%;height:100%;object-fit:cover}.card-grid .card-image figure{height:100%}.section-label{display:flex;align-items:baseline;gap:40px;margin-top:16px;margin-bottom:32px}.section-label h2{margin:0}.section-label p{font-size:13px;margin:0;color:var(--muted);flex:1}.editorial-section{display:grid;grid-template-columns:3fr 9fr;gap:48px;padding-top:64px;padding-bottom:64px;border-top:1px solid var(--line)}.editorial-section .prose{margin:0;max-width:700px}.home-statement .prose p{font-size:clamp(20px,2.2vw,30px);line-height:1.6;letter-spacing:.005em}.guide-list{display:grid;grid-template-columns:1fr 1fr;gap:0 48px;margin-bottom:80px}.guide-list a{border-top:1px solid var(--line);padding:18px 0;display:flex;justify-content:space-between;font-family:Oswald,sans-serif;text-transform:uppercase;font-size:32px}.guide-list a:hover{color:#777}.page-heading{padding-top:64px;padding-bottom:40px}.page-heading .deck{max-width:850px;font-size:clamp(17px,2vw,24px);line-height:1.5;margin-top:24px;letter-spacing:.005em}.gallery-section{position:relative;margin-bottom:64px}.gallery{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start}.gallery>figure{width:calc(50% - 8px);flex:none;margin:0}.gallery .photo{display:block;cursor:zoom-in}.gallery img{width:100%;object-fit:contain;background:#f7f7f7}.gallery figcaption{font-size:13px;line-height:1.5;letter-spacing:.03em;color:#666;text-align:right;margin-top:10px;padding-right:12px}.gallery figcaption p{margin:0}.view-bar{position:sticky;top:var(--nav);z-index:10;display:flex;align-items:center;justify-content:space-between;background:#fff;padding:24px 0 20px;margin-bottom:16px;gap:20px;border-top:1px solid var(--line);scroll-margin-top:var(--nav)}.view-bar .eyebrow{display:block;margin:0 0 3px;font-size:10px}.view-description{font-size:12px;color:#666}.view-options{display:flex;gap:22px}.view-options button{padding:0 0 4px;font-size:13px;border-bottom:1px solid transparent;color:#666}.view-options [aria-pressed=true]{color:#111;border-bottom-color:#111}.next-collection{padding-top:40px;padding-bottom:64px}.next-collection .card-image{max-height:640px}.next-collection .card-image img{width:100%;max-height:640px;object-fit:cover}.editorial-body{padding-top:8px;padding-bottom:64px}.prose{max-width:min(65ch,700px);margin-left:calc(25% + 12px);margin-bottom:40px;overflow-wrap:anywhere}.prose a:not(.solid-button){text-decoration:underline;text-underline-offset:4px}.prose h2,.prose h3{margin-top:48px}.prose>h2:first-child,.prose>h3:first-child{margin-top:0}.prose blockquote{border-left:1px solid #ccc;margin:32px 0;padding-left:24px;font-style:italic}.prose strong{font-weight:650}.prose p:last-child{margin-bottom:0}.prose li p{margin-bottom:12px}.editorial-image{margin:48px 0 48px 25%;max-width:900px}.editorial-image img{width:100%;max-height:950px;object-fit:contain;object-position:left center}.editorial-image figcaption{font-size:13px;line-height:1.5;color:#666;text-align:right;margin-top:10px;padding-right:12px}.editorial-image figcaption p{margin:0}.video{max-width:900px;margin:48px 0 48px 25%}.video iframe{border:0;width:100%;aspect-ratio:16/9;display:block;background:#111}.video figcaption{font-size:12px;line-height:1.6;color:#666;margin-top:12px}.video a{text-decoration:underline}.content-rule{border:0;border-top:1px solid var(--line);margin:64px 0}.email-form{margin-top:32px}.email-form label{display:block;font-size:13px;margin-bottom:24px}.email-form input,.email-form textarea{display:block;width:100%;border:1px solid #bbb;padding:12px;margin-top:8px;background:#fff;border-radius:0}.solid-button{display:inline-block;background:#111;color:#fff;padding:15px 24px;border:0}.form-note{font-size:12px;margin-top:12px!important}.enquiry{border-top:1px solid var(--line);padding-top:40px}.lightbox{position:fixed;inset:0;border:0;margin:0;padding:0;width:100vw;height:100dvh;max-width:none;max-height:none;background:#fff;color:#666;overflow:hidden;opacity:0;transition:opacity .18s}.lightbox[open]{display:flex;flex-direction:column;opacity:1}.lightbox::backdrop{background:#fff}.lb-close{position:absolute;right:22px;top:10px;font-size:34px;z-index:2;line-height:1;width:44px;height:44px}.lb-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:44px 56px 0}.lb-stage img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.lb-controls{display:flex;align-items:center;justify-content:center;gap:24px;min-height:64px;padding:8px 32px;flex-wrap:wrap;font-size:12px}.lb-count{margin-right:auto}.lb-prev,.lb-next{font-size:28px}.lb-copy{font-size:12px;text-decoration:underline;text-underline-offset:4px}.lb-status{font-size:11px}.lb-url{width:min(500px,80vw);font-size:12px;padding:6px;border:1px solid #ccc}.back-top{position:fixed;bottom:26px;right:16px;background:#ffffffdd;z-index:11;display:flex;align-items:center;flex-direction:column;font-size:24px;padding:8px}.back-top span{writing-mode:vertical-rl;font-size:9px;letter-spacing:.12em;margin-top:6px}.back-top[hidden],.lb-url[hidden]{display:none}.menu-open .back-top,.lightbox-open .back-top{display:none}footer{border-top:1px solid var(--line);padding:64px var(--pad) 24px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px;font-size:12px;line-height:2}.footer-brand{font-family:Oswald,sans-serif;font-size:clamp(26px,3vw,44px);font-weight:700;line-height:1.1;letter-spacing:-.025em}footer p{grid-column:1/-1;font-size:10px;color:#666;margin:32px 0 0}footer a:hover{text-decoration:underline}.map-link{font-size:13px}
@media(hover:hover) and (pointer:fine){.card:hover img{transform:scale(1.025)}}
@media(max-width:1100px){.editorial-section{gap:32px}.topbar nav{gap:18px}.topbar{gap:20px}}
@media(max-width:1280px){.menu-toggle{display:flex;align-items:center;gap:12px;font-size:12px}.menu-toggle i{font-style:normal;font-size:20px}.topbar nav{display:none}.menu-open .topbar{background:#fff!important;color:#111!important}.menu-open .topbar nav{display:flex;position:fixed;inset:var(--nav) 0 0;background:#fff;padding:24px var(--pad) 70px;overflow:auto;align-items:stretch;flex-direction:column;gap:0}.topbar nav>a,.nav-group summary{font-family:Oswald,sans-serif;font-size:clamp(34px,9vw,60px);font-weight:700;letter-spacing:.14em;line-height:1.2;text-transform:uppercase;padding:12px 0}.nav-group summary{justify-content:space-between}.nav-group summary span{font-family:Inter,sans-serif;font-size:20px}.nav-panel{position:static;box-shadow:none;border:0;display:grid;grid-template-columns:1fr 1fr;padding:6px 0 20px;max-width:100%;gap:4px 20px}.nav-panel a{font-family:Oswald,sans-serif;font-size:clamp(27.2px,7.2vw,48px);font-weight:700;text-transform:uppercase;line-height:1.2}.section-label{flex-wrap:wrap;gap:16px}.section-label p{flex-basis:50%}.prose{margin-left:20%}.editorial-image,.video{margin-left:20%}}
@media(max-width:760px){.editorial-section{grid-template-columns:1fr;gap:16px;padding-top:40px;padding-bottom:40px}.prose{margin-left:0;max-width:700px}.editorial-image,.video{margin:32px 0}.card-grid{gap:36px 20px}.page-heading{padding-top:40px;padding-bottom:28px}.view-description{display:none}.view-bar{padding:16px 0}.view-bar .eyebrow{margin:0}.next-collection{padding-top:16px;padding-bottom:40px}.guide-list{gap:0 24px}.lb-stage{padding:48px 20px 0}.lb-controls{padding:6px 16px;gap:16px}.intro-bottom{align-items:flex-start;flex-direction:column;gap:16px}}
@media(max-width:640px){:root{--nav:64px}.brand{font-size:15px}h1{font-size:39px;overflow-wrap:anywhere}.home-hero{height:42vh;min-height:220px}.home-intro{padding-top:40px;padding-bottom:32px}.home-intro h1{font-size:clamp(43px,10.7vw,68px)}.home-feature{padding-bottom:40px}.card-grid{grid-template-columns:1fr;margin-bottom:48px}.card-grid .card-image{aspect-ratio:auto}.card-grid .card-image img{height:auto;object-fit:contain}.card .eyebrow{margin-top:14px}.section-label{margin-bottom:24px}.section-label p{display:none}.section-label .text-link{margin-left:auto;font-size:11px}.guide-list{grid-template-columns:1fr;margin-bottom:48px}.guide-list a{font-size:28px}.gallery>figure{width:100%}.view-options{gap:16px}.view-options button{font-size:12px}.gallery-section{margin-bottom:40px}.next-collection .card h2,.next-collection .card .eyebrow{background:#111;color:#fff;padding:16px 20px;margin:0}.next-collection .card h2{padding-top:0}.next-collection .card-image img{max-height:none;object-fit:contain}.back-top span{display:none}footer{grid-template-columns:1fr 1fr;padding-top:40px;gap:24px}.footer-brand{grid-column:1/-1}footer p{margin-top:10px}.nav-panel{grid-template-columns:1fr}.lb-status:empty{display:none}}
@media(max-width:1100px) and (max-height:600px) and (orientation:landscape){.home-hero{height:35svh;min-height:100px}.home-intro{padding-top:24px}.home-intro h1{font-size:clamp(36px,13svh,72px)}.lightbox .lb-stage{padding:8px 44px 0}.lb-controls{min-height:48px;padding-bottom:max(4px,env(safe-area-inset-bottom));gap:20px}.lb-close{right:6px;top:4px}.lb-status{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.card:hover img{transform:none}}

.copy-section{display:grid;grid-template-columns:3fr 9fr;gap:48px;margin-bottom:40px}.copy-section>.prose{margin:0}.copy-section>h2,.copy-section>h3{font-size:clamp(24px,2.6vw,38px);margin:0}.copy-section>h2 strong{font-weight:700}@media(max-width:760px){.copy-section{grid-template-columns:1fr;gap:16px}}

/* Reading typography matched to the Eolo Perfido portrait reference. */
.prose{font-weight:400;line-height:1.7;letter-spacing:.03em}.prose strong{font-weight:700}.home-statement .prose p{font-size:var(--body-size);line-height:1.7;letter-spacing:.03em}

/* Next-gallery banner: text over the photograph, matching the portrait reference. */
.next-banner{position:relative;display:block;overflow:hidden;background:#211b12;color:#fff}
.next-banner figure img{width:100%;height:clamp(400px,43vw,640px);object-fit:cover;object-position:50% 40%;transition:transform .7s ease}
.next-banner::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(0,0,0,.65),transparent 80%),linear-gradient(90deg,transparent,rgba(0,0,0,.25));pointer-events:none}
.next-copy{position:absolute;right:6%;bottom:12%;width:40%;z-index:2}
.next-copy p{margin:0 0 14px;font:400 10px/1.8 Inter,Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase}
.next-copy h2{margin:0 0 28px;color:#fff;font:700 clamp(34px,5vw,76px)/1 Oswald,Impact,sans-serif;letter-spacing:-.025em;overflow-wrap:normal}
.next-action{display:inline-flex;align-items:center;gap:32px;padding-bottom:8px;border-bottom:1px solid #ffffff80;font:400 11px/1.6 Inter,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.next-action>span{font-size:22px;transition:transform .2s}
.next-banner:focus-visible{outline:3px solid #111;outline-offset:6px}
@media(hover:hover) and (pointer:fine){.next-banner:hover img{transform:scale(1.015)}.next-banner:hover .next-action>span{transform:translate(3px,-3px)}}
@media(max-width:640px){.next-banner figure img{height:clamp(380px,105vw,520px)}.next-copy{left:24px;right:24px;bottom:32px;width:auto}.next-copy h2{font-size:clamp(32px,10vw,52px);margin-bottom:20px}.next-banner::before{background:linear-gradient(0deg,rgba(0,0,0,.75),transparent 95%)}}
@media(prefers-reduced-motion:reduce){.next-banner img,.next-action>span{transition:none}.next-banner:hover img{transform:none}}

/* Expanded main navigation: keep labels together and use the mobile menu on compact screens. */
@media(min-width:1281px){.topbar nav{gap:clamp(14px,1.4vw,28px);white-space:nowrap}.topbar{gap:24px}}

/* Shared link typography, based on the portrait site's Copy link control. */
:root{--link-font:Inter,Arial,sans-serif;--link-tracking:.12em}
a{font-family:var(--link-font)}
.topbar nav,.topbar nav a,.nav-group summary,.menu-toggle,.text-link,.next-action,.guide-list a,.map-link,footer a,.view-options button,.lb-copy{font-family:var(--link-font);font-weight:400;letter-spacing:var(--link-tracking)}
.text-link,.next-action,.map-link,footer a,.view-options button{font-size:11px;line-height:1.6;text-transform:uppercase}
.prose a{font-family:var(--link-font);font-weight:400;letter-spacing:var(--link-tracking);text-transform:none}
.guide-list a{font-size:clamp(16px,1.6vw,22px);line-height:1.5}
.brand{font-family:Oswald,'Arial Narrow',sans-serif}
@media(max-width:1280px){.topbar nav>a,.nav-group summary{font-family:var(--link-font);font-weight:400;font-size:clamp(22px,4vw,36px);letter-spacing:var(--link-tracking)}.nav-panel a{font-family:var(--link-font);font-weight:400;font-size:clamp(15px,2.6vw,22px);line-height:1.6;letter-spacing:var(--link-tracking)}}
/* Lightbox layout matched to the Clownville reference. */
.lightbox{padding:64px 76px;background:rgba(255,255,255,.97);color:#111}
.lightbox::backdrop{background:rgba(0,0,0,.45)}
.lightbox[open]{display:grid;place-items:center}
.lightbox .lb-stage{display:block;flex:none;min-height:0;max-width:100%;padding:0;text-align:center;pointer-events:none}
.lb-stage img{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 160px);object-fit:contain;margin:auto;pointer-events:auto;touch-action:pan-y}
.lb-count{display:block;position:static;margin:18px 0 0;font:400 12px/normal var(--link-font);letter-spacing:.12em}
.lb-controls{display:contents}
.lightbox .lb-prev,.lightbox .lb-next,.lightbox .lb-close{position:absolute;display:grid;place-items:center;width:48px;height:48px;padding:0;border:0;border-radius:0;background:transparent;color:rgba(80,80,80,.65);font:300 32px Arial,sans-serif;cursor:pointer;transition:color .15s ease}
.lightbox .lb-close{top:16px;right:20px}
.lightbox .lb-prev{left:16px;top:calc(50% - 24px)}
.lightbox .lb-next{right:16px;top:calc(50% - 24px)}
.lightbox button[hidden]{display:none}
.lb-share{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;flex-direction:column;gap:6px;max-width:80vw}
.lightbox .lb-copy{position:static;display:block;width:auto;height:auto;padding:8px 12px;font:400 10px/1.4 var(--link-font);letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:rgba(80,80,80,.65)}
.lightbox button:hover{color:#444}
.lb-status{font:400 10px/1.4 var(--link-font);color:#666}.lb-status:empty{display:none}
.lb-url{width:260px;max-width:75vw;font:12px var(--link-font);padding:8px}
@media(max-width:640px){.lightbox{padding:70px 16px 96px}.lb-stage img{max-height:calc(100dvh - 250px)}.lightbox .lb-prev,.lightbox .lb-next{top:auto;bottom:20px}.lightbox .lb-prev{left:calc(50% - 64px)}.lightbox .lb-next{right:calc(50% - 64px)}.lb-share{bottom:72px}}
@media(orientation:landscape) and (max-height:600px) and (max-width:1100px){
.lightbox{padding:8px max(12px,env(safe-area-inset-right)) calc(52px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}
.lightbox .lb-stage{width:100%;min-width:0}.lb-stage img{max-height:calc(100dvh - 60px - env(safe-area-inset-bottom))}
.lb-count{position:absolute;left:max(12px,env(safe-area-inset-left));bottom:calc(16px + env(safe-area-inset-bottom));margin:0;font-size:10px}
.lightbox .lb-close{top:0;right:max(4px,env(safe-area-inset-right));width:44px;height:44px;z-index:2;background:rgba(255,255,255,.75)}
.lightbox .lb-prev,.lightbox .lb-next{top:auto;bottom:env(safe-area-inset-bottom);width:44px;height:44px}
.lightbox .lb-prev{left:calc(50% - 100px);right:auto}.lightbox .lb-next{right:calc(50% - 100px);left:auto}
.lb-share{bottom:calc(8px + env(safe-area-inset-bottom));gap:0;max-width:calc(100vw - 120px)}.lb-status:not(:empty){display:block;font-size:9px;background:white}.lb-url{max-width:45vw}}