@font-face{font-family:"Cormorant Garamond";src:url("fonts/cormorant-garamond-latin-normal.woff2") format("woff2");font-display:swap;font-style:normal}
@font-face{font-family:"Cormorant Garamond";src:url("fonts/cormorant-garamond-latin-italic.woff2") format("woff2");font-display:swap;font-style:italic}
@font-face{font-family:"DM Sans";src:url("fonts/dm-sans-latin-normal.woff2") format("woff2");font-display:swap;font-style:normal}

:root{--ub-ink:#171916;--ub-paper:#f2efe7;--ub-sand:#dfd5c5;--ub-walnut:#79543a;--ub-bronze:#a47c4c;--ub-line:rgba(23,25,22,.16);--ub-serif:"Cormorant Garamond",Georgia,serif;--ub-sans:"DM Sans",Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.ub-page{margin:0;background:var(--ub-paper);color:var(--ub-ink);font:400 16px/1.65 var(--ub-sans);-webkit-font-smoothing:antialiased}
body.ub-page img{display:block;max-width:100%;height:auto}
body.ub-page a{color:inherit}
.ub-main{overflow:clip}
.ub-wrap{width:min(calc(100% - 64px),1240px);margin-inline:auto}
.ub-skip{position:fixed;z-index:1200;top:10px;left:10px;padding:10px 14px;background:var(--ub-ink);color:#fff!important;font-size:.75rem;text-decoration:none;transform:translateY(-160%);transition:transform .2s ease}
.ub-skip:focus,.ub-skip:focus-visible{transform:none}
.ub-progress{position:fixed;z-index:1002;top:0;left:0;width:100%;height:2px;pointer-events:none}.ub-progress span{display:block;width:100%;height:100%;background:var(--ub-bronze);transform:scaleX(0);transform-origin:left}
.ub-kicker{margin:0 0 16px;color:var(--ub-bronze);font-size:.67rem;font-weight:600;letter-spacing:.2em;line-height:1.4;text-transform:uppercase}
.ub-main h1,.ub-main h2,.ub-main h3{font-family:var(--ub-serif);font-weight:400}
.ub-main h2{margin:0;font-size:clamp(3rem,4.8vw,5rem);letter-spacing:-.04em;line-height:.98}
.ub-button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-width:220px;padding:15px 18px;border:1px solid var(--ub-ink);background:var(--ub-ink);color:#fff!important;font-size:.67rem;font-weight:600;letter-spacing:.14em;text-decoration:none;text-transform:uppercase;transition:background .3s,color .3s}
.ub-button:hover{background:transparent;color:var(--ub-ink)!important}
.ub-link{display:inline-flex;align-items:center;gap:14px;width:max-content;padding-bottom:5px;border-bottom:1px solid currentColor;font-size:.67rem;font-weight:600;letter-spacing:.14em;text-decoration:none;text-transform:uppercase}
.ub-link span{transition:transform .3s ease}.ub-link:hover span{transform:translateY(4px)}

/* Page-specific hero: wide Mayfair photography, long supplied title, and a strict desktop height cap. */
.ub-hero{height:90vh;padding:96px 18px 18px;background:#d9d0c2}
.ub-hero__inner{display:grid;grid-template-columns:minmax(400px,.8fr) minmax(0,1.2fr);width:min(92%,1480px);height:100%;margin:auto;background:#ebe5db}
.ub-hero__copy{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:clamp(22px,3.5vh,44px) clamp(28px,3.5vw,54px)}
.ub-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 clamp(16px,2.8vh,28px);font-size:.62rem;letter-spacing:.15em;text-transform:uppercase}.ub-breadcrumb a{text-decoration:none}.ub-breadcrumb a:hover{text-decoration:underline;text-underline-offset:4px}
.ub-hero h1{max-width:610px;margin:0;font-size:clamp(2.6rem,4.9vh,4.35rem);letter-spacing:-.045em;line-height:.88}.ub-hero h1 em{display:block;margin-top:.14em;color:var(--ub-walnut);font-size:.78em;line-height:.98;font-weight:400}
.ub-hero__intro{max-width:530px;margin:clamp(16px,2.2vh,24px) 0 0;font:400 clamp(1rem,1.9vh,1.22rem)/1.4 var(--ub-serif)}
.ub-hero__actions{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin-top:clamp(18px,2.6vh,28px)}
.ub-gallery{position:relative;width:100%;height:100%;background:#bcb09e;overflow:hidden}
.ub-gallery__slide{position:absolute;inset:0;display:grid;margin:0;place-items:center;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s}.ub-gallery__slide.is-active{opacity:1;visibility:visible}.ub-gallery__slide img{width:100%;height:100%;object-fit:cover}
.ub-gallery__index{position:absolute;z-index:2;top:18px;right:20px;color:#fff;font:400 .75rem var(--ub-serif);text-shadow:0 1px 8px rgba(0,0,0,.38)}
.ub-gallery__caption{position:absolute;z-index:2;right:16px;bottom:16px;margin:0;padding:9px 12px;background:rgba(242,239,231,.92);font-size:.58rem;letter-spacing:.13em;text-transform:uppercase;backdrop-filter:blur(10px)}
.ub-gallery__nav{position:absolute;z-index:3;left:16px;bottom:16px;display:flex;align-items:center;padding:5px;background:rgba(242,239,231,.94);font-size:.61rem;letter-spacing:.13em;backdrop-filter:blur(10px)}.ub-gallery__nav button{display:grid;width:35px;height:35px;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;place-items:center}.ub-gallery__nav button:hover{background:rgba(23,25,22,.08)}.ub-gallery__nav>span{min-width:60px;text-align:center}

.ub-story{padding:clamp(80px,8vw,118px) 0}
.ub-story__grid{display:grid;grid-template-columns:190px minmax(0,850px);gap:clamp(48px,8vw,120px);align-items:start}
.ub-story__lead{margin:0;font:400 clamp(1.65rem,2.55vw,2.45rem)/1.35 var(--ub-serif);letter-spacing:-.015em}.ub-story__lead strong{font-weight:400;color:var(--ub-walnut)}

.ub-figure{position:relative;width:min(calc(100% - 36px),1480px);margin:0 auto;padding:18px;background:var(--ub-ink)}
.ub-figure img{width:100%;height:min(76vh,780px);object-fit:cover}
.ub-figure figcaption{position:absolute;right:34px;bottom:34px;margin:0;padding:10px 13px;background:rgba(242,239,231,.92);font-size:.59rem;letter-spacing:.13em;text-transform:uppercase;backdrop-filter:blur(10px)}

.ub-design{padding:clamp(88px,9vw,128px) 0}
.ub-section-head{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(48px,8vw,120px);align-items:end;margin-bottom:54px}.ub-section-head>p{max-width:520px;margin:0 0 6px;color:#4c504b;line-height:1.82}
.ub-features{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ub-line);border-bottom:1px solid var(--ub-line)}
.ub-features article{padding:30px clamp(22px,2.8vw,40px) 38px;border-right:1px solid var(--ub-line)}.ub-features article:first-child{padding-left:0}.ub-features article:last-child{padding-right:0;border-right:0}.ub-features article>span{color:var(--ub-bronze);font:400 1rem var(--ub-serif)}.ub-features h3{margin:26px 0 14px;font-size:clamp(1.85rem,2.5vw,2.5rem);letter-spacing:-.02em;line-height:1.04}.ub-features p{margin:0;color:#555954;font-size:.87rem;line-height:1.8}

.ub-split{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(410px,.92fr)}
.ub-split--dark{background:var(--ub-ink);color:#f3f0e8}
.ub-split figure{display:grid;margin:0;padding:18px;place-items:center;background:#242621}.ub-split figure img{width:100%;height:min(82vh,820px);object-fit:cover}
.ub-split__copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(54px,5.5vw,90px)}.ub-split__copy .ub-kicker{color:#c8a471}.ub-split__copy h2{font-size:clamp(3rem,4.6vw,4.8rem)}.ub-split__copy>p:not(.ub-kicker){max-width:570px;margin:24px 0 0;color:#d5d3cc;font-size:.92rem;line-height:1.84}

.ub-versatility{padding:clamp(88px,9vw,128px) 0}
.ub-versatility__grid{display:grid;grid-template-columns:minmax(390px,.92fr) minmax(0,1.08fr);gap:clamp(54px,8vw,112px);align-items:center}
.ub-versatility__intro{max-width:570px;margin:28px 0 0;color:#4e524d;line-height:1.82}
.ub-uses{margin:34px 0 0;border-top:1px solid var(--ub-line)}.ub-uses div{padding:20px 0;border-bottom:1px solid var(--ub-line)}.ub-uses dt{color:var(--ub-walnut);font:400 1.35rem var(--ub-serif)}.ub-uses dd{margin:5px 0 0;color:#555954;font-size:.9rem;line-height:1.72}
.ub-versatility figure{margin:0;padding:14px;background:#ddd3c3}.ub-versatility figure img{width:100%;aspect-ratio:1.12/1;object-fit:cover}

.ub-options{padding:clamp(88px,9vw,128px) 0;background:var(--ub-sand)}
.ub-options__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(54px,9vw,130px);align-items:start}.ub-options__grid>div:first-child>p:last-child{max-width:500px;margin:28px 0 0;line-height:1.82}
.ub-options__list{border-top:1px solid var(--ub-line)}.ub-options details{border-bottom:1px solid var(--ub-line)}.ub-options summary{display:grid;grid-template-columns:42px 1fr 22px;gap:12px;align-items:center;padding:22px 0;cursor:pointer;list-style:none}.ub-options summary::-webkit-details-marker{display:none}.ub-options summary>span{color:var(--ub-bronze);font-family:var(--ub-serif)}.ub-options summary h3{margin:0;font:600 .76rem/1.4 var(--ub-sans);letter-spacing:.1em;text-transform:uppercase}.ub-options summary i{position:relative;width:20px;height:20px}.ub-options summary i::before,.ub-options summary i::after{content:"";position:absolute;top:9px;left:3px;width:14px;height:1px;background:currentColor;transition:transform .25s}.ub-options summary i::after{transform:rotate(90deg)}.ub-options details[open] summary i::after{transform:none}.ub-options details>div{padding:0 20px 22px 54px}.ub-options details p{margin:0;line-height:1.78}.ub-options__note{margin:28px 0 0;font:italic 1.25rem var(--ub-serif)}

.ub-commission{padding:clamp(88px,10vw,148px) 24px;background:#20221e;color:#f5f2ea;text-align:center}.ub-commission>div{max-width:940px;margin:auto}.ub-commission .ub-kicker{color:#d2ae7c}.ub-commission h2{font-size:clamp(3.7rem,6.5vw,6.7rem)}.ub-commission p{max-width:650px;margin:26px auto 34px;font:400 clamp(1.15rem,1.6vw,1.42rem)/1.5 var(--ub-serif)}.ub-commission .ub-button{border-color:#fff;background:#fff;color:var(--ub-ink)!important}.ub-commission .ub-button:hover{background:transparent;color:#fff!important}
.ub-back{padding:24px;background:#11130f;color:#ece8df;text-align:center}.ub-back a{font-size:.65rem;letter-spacing:.16em;text-decoration:none;text-transform:uppercase}.ub-back a:hover{text-decoration:underline;text-underline-offset:5px}

[data-piece-reveal]{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.75,.25,1)}[data-piece-reveal].is-visible{opacity:1;transform:none}

@media (min-width:1181px){body.ub-page .mdl-nav-container{width:min(calc(100% - 80px),1360px)}body.ub-page .mdl-nav-left,body.ub-page .mdl-nav-right{gap:26px}}
@media (min-width:901px) and (max-width:1180px){body.ub-page .mdl-nav-container{width:calc(100% - 40px)}body.ub-page .mdl-nav-left,body.ub-page .mdl-nav-right{gap:18px}}

@media (max-width:1100px) and (min-width:961px){.ub-hero__inner{grid-template-columns:minmax(365px,.88fr) minmax(0,1.12fr)}.ub-hero__copy{padding-inline:30px}.ub-hero h1{font-size:clamp(2.45rem,4.5vh,3.6rem)}.ub-hero__intro{font-size:clamp(.95rem,1.7vh,1.1rem)}.ub-button{min-width:198px}}

@media (max-width:960px){
  .ub-wrap{width:min(calc(100% - 40px),1240px)}
  .ub-hero{height:auto;padding:78px 10px 10px}.ub-hero__inner{grid-template-columns:1fr;width:100%;height:auto}.ub-hero__copy{justify-content:flex-start;padding:52px 28px 56px}.ub-breadcrumb{margin-bottom:38px}.ub-hero h1{font-size:clamp(3.35rem,10vw,5.2rem)}.ub-hero__intro{font-size:1.2rem}.ub-gallery{height:clamp(280px,65vw,620px)}
  .ub-story__grid,.ub-section-head,.ub-versatility__grid,.ub-options__grid{grid-template-columns:1fr}.ub-story__grid,.ub-versatility__grid,.ub-options__grid{gap:38px}.ub-section-head{gap:26px;margin-bottom:44px}
  .ub-figure{width:100%}.ub-figure img{height:auto}
  .ub-features{grid-template-columns:1fr}.ub-features article,.ub-features article:first-child,.ub-features article:last-child{padding:28px 0 32px;border-right:0;border-bottom:1px solid var(--ub-line)}.ub-features article:last-child{border-bottom:0}
  .ub-split{grid-template-columns:1fr}.ub-split figure img{height:auto}.ub-split__copy{padding:70px 28px 76px}
  .ub-versatility figure{grid-row:1}
}

@media (max-width:620px){
  .ub-wrap{width:calc(100% - 32px)}.ub-main h2{font-size:clamp(2.7rem,12vw,3.8rem)}
  .ub-hero{padding-inline:0;padding-bottom:0}.ub-hero__copy{padding:44px 18px 48px}.ub-breadcrumb{margin-bottom:30px}.ub-hero h1{font-size:clamp(2.9rem,13.5vw,4.3rem)}.ub-hero__intro{font-size:1.12rem}.ub-hero__actions{align-items:flex-start;flex-direction:column}.ub-gallery__caption{right:8px;bottom:58px;max-width:200px}.ub-gallery__nav{left:8px;bottom:8px}.ub-gallery__index{top:10px;right:10px}
  .ub-story,.ub-design,.ub-versatility,.ub-options{padding:76px 0}.ub-story__grid,.ub-versatility__grid,.ub-options__grid{gap:32px}.ub-story__lead{font-size:1.55rem}
  .ub-figure{padding:8px}.ub-figure figcaption{right:16px;bottom:16px}
  .ub-split figure{padding:8px}.ub-split__copy{padding:64px 18px 70px}
  .ub-options details>div{padding-left:42px}
  .ub-commission{padding:82px 16px}.ub-commission h2{font-size:clamp(3rem,14vw,4.7rem)}
}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}[data-piece-reveal]{opacity:1;transform:none}}