:root{--paper:#f5f3ee;--ink:#24231f;--muted:#716f67;--line:#d6d2c9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:6px}img{display:block;width:100%}p{margin:0 0 1.2em}header{position:fixed;z-index:20;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:25px 3.7%;color:white;transition:background .3s,color .3s;border-bottom:1px solid #ffffff40}.brand{font-size:23px;letter-spacing:.04em;font-weight:500;line-height:1}.brand span{display:block;font-size:11px;letter-spacing:.38em;margin-top:8px}nav{display:flex;gap:32px;font-size:14px}.enquire{font-size:13px;border-bottom:1px solid currentColor;padding:6px 0}.enquire span{margin-left:22px}header.scrolled{color:var(--ink);background:var(--paper);border-color:var(--line)}.hero{height:100svh;min-height:620px;position:relative;color:white;display:grid;place-items:center}.hero>img,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{background:linear-gradient(180deg,#0005,#0002 30%,#0005 65%,#0008)}.hero-title{position:relative;text-align:center;margin-top:40px;width:100%}.eyebrow{font-size:12px;letter-spacing:.18em;font-weight:500}.hero h1{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(58px,10.4vw,165px);font-weight:400;letter-spacing:-.035em;line-height:1;margin:25px 0}.tagline{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:clamp(23px,2.5vw,39px)}.hero-bottom{position:absolute;bottom:28px;left:3.7%;right:3.7%;display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.07em}.hero-bottom p{margin:0}.hero-bottom a span{margin-left:18px}.section{padding:120px 7.5%}.intro-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:10%;margin-top:50px}h2,h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;line-height:1.03;margin:0}h2{font-size:clamp(45px,5.7vw,86px);letter-spacing:-.03em}em{font-weight:400}.intro-copy{max-width:460px;padding-top:7px}.intro-copy p:not(:first-child){color:var(--muted)}.text-link{font-size:14px;display:inline-flex;gap:55px;border-bottom:1px solid currentColor;padding:10px 0}.skip{position:fixed;top:-100px;z-index:100;background:var(--paper);padding:10px}.skip:focus{top:0}@media(max-width:760px){header{padding:18px 5%;flex-wrap:wrap;gap:20px}.brand{font-size:19px}nav{order:3;width:100%;justify-content:space-between;gap:15px;font-size:12px}.enquire{font-size:12px}.enquire span{margin-left:8px}.hero{min-height:650px}.hero h1{font-size:15vw}.hero-title .eyebrow{font-size:10px}.hero-bottom{left:5%;right:5%;font-size:11px}.hero-bottom>p:last-child{display:none}.section{padding:80px 6%}.intro-grid{grid-template-columns:1fr;gap:35px;margin-top:30px}.hero>img{object-position:56% center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
.panorama{position:relative}.panorama>img{height:78vh;min-height:420px;max-height:950px;object-fit:cover}.photo-caption{position:absolute;bottom:0;left:0;right:0;padding:55px 4% 25px;background:linear-gradient(transparent,#0007);display:flex;justify-content:space-between;color:white;font-size:12px}.facts{display:grid;grid-template-columns:1fr 1fr 1fr 1.1fr;padding:65px 7.5%;border-bottom:1px solid var(--line)}.facts>div{padding-left:30px;border-left:1px solid var(--line)}.facts>div:first-child{padding-left:0;border:0}.facts strong{font-family:'Cormorant Garamond',Georgia,serif;font-size:64px;font-weight:400;line-height:1.2;display:block}.facts i{font-size:34px;font-weight:400}.facts span{font-size:11px;letter-spacing:.1em}.facts .equipment{display:flex;flex-direction:column;justify-content:center;gap:8px}.facts .equipment span{font-size:14px;letter-spacing:0}.made{display:grid;grid-template-columns:1fr 1.15fr;gap:12%}.made h2{margin-top:35px}.made-copy{color:var(--muted);max-width:320px;margin:35px 0 0}.uses>div{display:flex;align-items:center;gap:28px;padding:23px 0;border-top:1px solid var(--line)}.uses>div:last-child{border-bottom:1px solid var(--line)}.uses span{font-size:11px;color:var(--muted)}.uses h3{font-size:clamp(28px,3vw,45px)}.gallery{padding-top:55px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:70px}.section-heading>p{font-size:14px;color:var(--muted);margin:0}.gallery-grid{display:grid;grid-template-columns:1.15fr 1fr;column-gap:9%;row-gap:90px;align-items:start}figure{margin:0}.photo{display:block;position:relative;width:100%;border:0;padding:0;background:transparent;cursor:zoom-in;color:white;overflow:hidden}.photo img{transition:transform .6s}.photo:hover img{transform:scale(1.025)}.photo>span{position:absolute;bottom:18px;right:18px;width:35px;height:35px;border:1px solid #ffffff90;border-radius:50%;display:grid;place-items:center;background:#0003}.gallery img{object-fit:cover;height:100%;aspect-ratio:4/5}.g-two{margin-top:150px}.g-two img{aspect-ratio:4/5}.g-three img{aspect-ratio:1.3}.g-four{margin-top:110px}.g-four img{aspect-ratio:1.15}figcaption{font-size:11px;display:flex;justify-content:space-between;gap:20px;padding-top:18px;color:var(--muted)}figcaption span:first-child{letter-spacing:.08em;color:var(--ink)}.technical{background:#eae7df}.technical-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:9%;align-items:center}.plan img{mix-blend-mode:multiply}.plan .photo>span{color:var(--ink);border-color:var(--muted);background:var(--paper)}.plan .text-link{margin-top:20px}.specs dl{margin:0 0 24px}.specs dl>div{display:flex;justify-content:space-between;gap:25px;padding:18px 0;border-bottom:1px solid #ccc7bc;font-size:13px}.specs dt{color:var(--muted)}.specs dd{margin:0;text-align:right}.contact{background:#22231f;color:var(--paper)}.contact>.eyebrow{color:#bcbcb2}.contact-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:42px 0 80px}.contact h2{font-size:clamp(46px,6.7vw,100px)}.contact-arrow{font-family:Arial,sans-serif;font-size:64px;width:120px;height:120px;border:1px solid #ffffff50;border-radius:50%;display:grid;place-items:center;flex-shrink:0;transition:background .2s}.contact-arrow:hover{background:#ffffff15}.contact-details{display:grid;grid-template-columns:1fr 1fr .65fr;gap:40px;border-top:1px solid #ffffff35;padding-top:40px;font-size:14px}.contact-details .eyebrow{color:#adada4;font-size:11px;margin-bottom:15px}footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:35px 7.5%}footer p{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:21px;margin:0}footer>a:last-child{font-size:12px}dialog{border:0;padding:65px 30px 20px;background:#171813;color:white;max-width:95vw;max-height:95svh;width:1100px}dialog::backdrop{background:#000d}dialog img{width:100%;height:75svh;object-fit:contain}dialog p{font-size:13px;margin:15px 0 0;text-align:center}.close-lightbox{position:absolute;right:25px;top:18px;color:white;border:0;background:none;cursor:pointer;padding:8px}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}@media(max-width:760px){.panorama>img{height:55svh;min-height:350px}.photo-caption{padding:45px 6% 18px}.photo-caption span:last-child{display:none}.facts{grid-template-columns:1fr 1fr;gap:30px 0;padding:40px 6%}.facts>div{padding-left:20px}.facts>div:nth-child(3){padding-left:0;border:0}.facts strong{font-size:48px}.facts i{font-size:27px}.facts span{font-size:10px}.facts .equipment span{font-size:12px}.made{grid-template-columns:1fr;gap:40px}.uses h3{font-size:34px}.gallery{padding-top:20px}.section-heading{display:block;margin-bottom:40px}.section-heading>p{margin-top:25px}.gallery-grid{gap:40px 20px}.g-two{margin-top:85px}.g-four{margin-top:45px}figcaption{display:block;font-size:10px}figcaption span{display:block}figcaption span:last-child{margin-top:5px}.technical-grid{grid-template-columns:1fr;gap:30px}.specs dl>div{font-size:13px}.contact-heading{margin:35px 0 50px;gap:15px}.contact-arrow{width:60px;height:60px;font-size:35px}.contact h2{font-size:44px}.contact-details{grid-template-columns:1fr;gap:30px}footer{flex-wrap:wrap;padding:30px 6%}footer p{order:3;width:100%;font-size:19px}dialog{padding:60px 12px 15px}dialog img{height:65svh}}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}
/* Readable metadata and comfortable touch targets. */
.eyebrow,.brand span,.facts span,figcaption,.uses span,.contact-details .eyebrow{font-size:12px}.specs dl>div,.enquire{font-size:14px}.photo>span{width:44px;height:44px}nav a{padding:5px 0}img{content-visibility:auto}.hero>img{content-visibility:visible}@media(max-width:760px){nav,.enquire{font-size:12px}.hero-title .eyebrow,.hero-bottom,.facts span,figcaption{font-size:12px}.brand span{font-size:12px}.contact-heading{flex-wrap:wrap}.gallery-grid{grid-template-columns:1fr}.g-two,.g-four{margin-top:0}.gallery-grid figure:nth-child(even){width:85%;justify-self:end}.gallery-grid figure:nth-child(odd){width:95%}.gallery img{aspect-ratio:4/5}.g-three img,.g-four img{aspect-ratio:1.15}.specs dl>div{font-size:14px}}
/* Frame the storefront below the upstairs windows. */
.hero{overflow:hidden}.hero>img{top:-18%;height:118%;object-position:center bottom}.g-three .photo img{transform:scale(1.2);transform-origin:center bottom}.g-three .photo:hover img{transform:scale(1.225)}

/* Retouched storefront and bilingual navigation. */
.hero>img{top:0;height:100%;object-position:center center}.g-three .photo img{transform:none}.g-three .photo:hover img{transform:scale(1.025)}.language{display:flex;gap:12px;font-size:13px;margin-left:12px}.language [aria-current]{border-bottom:1px solid currentColor}.language a{opacity:.7}.language a:hover{opacity:1}.detailed-plan{display:flex;gap:20px;max-width:max-content}.instagram-section{margin-top:100px}.instagram-section h3{font-size:clamp(38px,4vw,62px)}.instagram-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.instagram-grid img{aspect-ratio:1;object-fit:cover}.instagram-section .section-heading{margin-bottom:35px}@media(max-width:1000px){header nav{gap:18px}header{gap:14px}.enquire{font-size:12px}}@media(max-width:760px){.language{margin-left:auto}.enquire{order:4;margin:0 auto}header{gap:10px}.hero{min-height:680px}.instagram-grid{grid-template-columns:1fr}.instagram-section{margin-top:65px}.instagram-grid figure{width:100%!important}.detailed-plan{font-size:13px}}