.shelf{display:flex;flex-direction:column}.shelf__end{display:none}.slab{position:relative;display:block;height:calc(6.5rem + var(--seam));margin-top:calc(var(--seam) * -1 + 4px);overflow:hidden;color:#fff;clip-path:polygon(0 var(--seam),100% 0,100% calc(100% - var(--seam)),0 100%)}.slab:first-of-type{margin-top:0}.slab__inner{position:absolute;inset:0;display:block}.slab__img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}.slab__inner:after{content:"";position:absolute;inset:0;background:linear-gradient(to right,#0c0a09d9,#0c0a094d)}.slab__spine,.slab__open{position:absolute;z-index:1}.slab__spine{left:1.25rem;bottom:calc(var(--seam) + .6rem);font-family:var(--font-display);font-stretch:68%;font-weight:800;font-size:1.7rem;line-height:1;text-transform:uppercase;white-space:nowrap}.slab__open{display:none}.slab:focus-visible{outline:none}.slab:focus-visible .slab__spine{text-decoration:underline;text-decoration-color:var(--color-brand);text-underline-offset:.2em}@media(min-width:48rem){.slab__spine{left:2rem}}@media(hover:hover)and (min-width:60rem){.shelf{--h: clamp(26rem, 66vh, 40rem);--o: calc(var(--h) * var(--lean));--gap: 5px;--pull: 5.5;flex-direction:row;gap:var(--gap);height:var(--h);margin-inline:calc(var(--o) * -.5);transform:skew(-18deg)}.shelf__end{display:block;flex:0 0 var(--o);background:var(--color-charcoal)}.slab{flex:1 1 0;min-width:0;height:auto;margin-top:0;clip-path:none;transition:flex-grow .8s var(--ease-out-soft)}.slab.is-open{flex-grow:var(--pull)}.slab:focus-visible{outline:2px solid var(--color-brand);outline-offset:-5px}.slab:focus-visible .slab__spine{text-decoration:none}.slab__inner{inset:0 calc(var(--o) * -.5);transform:skew(18deg)}.slab__img{inset:0 auto 0 50%;width:max(100%,calc(52vw + var(--o)));transform:translate(-50%);filter:grayscale(.75) brightness(.55);transition:filter .8s var(--ease-out-soft)}.slab.is-open .slab__img{filter:none}.slab__inner:after{background:linear-gradient(to top,#0c0a09eb,#0c0a0933 55%,#0c0a0980)}.slab__spine{left:calc((100% - var(--o)) / 2 + .95rem);bottom:1.5rem;font-size:1.55rem;transform-origin:0 100%;transform:rotate(-72deg);transition:opacity .3s var(--ease-out-soft)}.slab.is-open .slab__spine{opacity:0}.slab__open{left:7.5rem;bottom:2.25rem;display:flex;flex-direction:column;width:min(28rem,calc((100vw - var(--o) - (var(--n) + 1) * var(--gap)) * var(--pull) / (var(--n) - 1 + var(--pull)) - 3.8rem));opacity:0;transform:translateY(14px);transition:opacity .3s var(--ease-out-soft),transform .5s var(--ease-out-soft);pointer-events:none}.slab.is-open .slab__open{opacity:1;transform:none;transition-delay:.22s}.slab__open .label{color:var(--color-brand-300)}.slab__title{margin-top:.8rem;color:#fff;font-size:clamp(2.5rem,4.3vw,4.5rem);line-height:.9}.slab__meta{margin-top:1.25rem;display:flex;align-items:center;gap:1.5rem;font-size:.9rem;color:var(--color-stone-300)}.slab__go{display:inline-flex;gap:.4rem;padding:.55rem 1.3rem;background:var(--color-brand);color:var(--color-ink);font-weight:700;clip-path:polygon(.7rem 0,100% 0,calc(100% - .7rem) 100%,0 100%)}}.wall{--row: clamp(9rem, 40vw, 13rem);--gap: 5px;--h: calc(var(--row) * 2 + var(--gap));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,var(--row));gap:var(--gap);margin-inline:calc(var(--h) * var(--lean) * -.5);transform:skew(-18deg)}.wall__tile{position:relative;margin:0;overflow:hidden;background:var(--color-charcoal);container-type:size;cursor:zoom-in}.wall__tile:focus-visible{outline:2px solid var(--color-brand);outline-offset:-4px}.wall__tile--1{grid-area:1 / 1 / 3 / 3}.wall__tile--2{grid-area:1 / 3 / 2 / 5}.wall__tile--3{grid-area:2 / 3 / 3 / 4}.wall__tile--4{grid-area:2 / 4 / 3 / 5}.wall__tile--5,.wall__tile--6{display:none}.wall__unskew{position:absolute;inset-block:0;inset-inline:calc(100cqh * var(--lean) * -.5);transform:skew(18deg)}.wall__unskew picture{display:block;height:100%}.wall__unskew img{width:100%;height:100%;max-width:none;object-fit:cover;transition:transform .9s var(--ease-out-soft),filter .6s var(--ease-out-soft)}.wall__tile:hover img,.wall__tile:focus-visible img{transform:scale(1.04)}.wall__cap{position:absolute;left:1.75rem;bottom:1rem;max-width:calc(100% - 3.5rem);padding:.4rem 1.1rem;background:var(--color-ink);color:#fff;font-stretch:125%;font-size:.6rem;font-weight:600;line-height:1.5;letter-spacing:.1em;text-transform:uppercase;clip-path:polygon(.65rem 0,100% 0,calc(100% - .65rem) 100%,0 100%);opacity:0;transform:translateY(6px);transition:opacity .3s var(--ease-out-soft),transform .3s var(--ease-out-soft);pointer-events:none}.wall__tile:hover .wall__cap,.wall__tile:focus-visible .wall__cap{opacity:1;transform:none}@media(hover:hover){.wall:has(.wall__tile:hover) .wall__tile:not(:hover) img{filter:brightness(.55) saturate(.85)}}@media(min-width:48rem){.wall{--row: clamp(11rem, 21vw, 20rem);--gap: 6px;--h: calc(var(--row) * 2 + var(--gap));grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(2,var(--row))}.wall__tile--1{grid-area:1 / 1 / 3 / 5}.wall__tile--2{grid-area:1 / 5 / 2 / 8}.wall__tile--3{grid-area:1 / 8 / 2 / 10}.wall__tile--4{grid-area:1 / 10 / 3 / 13}.wall__tile--5{grid-area:2 / 5 / 3 / 7;display:block}.wall__tile--6{grid-area:2 / 7 / 3 / 10;display:block}}.hero{position:relative;display:flex;flex-direction:column;overflow:hidden;background:var(--color-ink);color:#fff}.hero__inner{position:relative;z-index:2;padding-top:calc(4.6rem + clamp(2.25rem,8vw,4rem))}.hero__title{max-width:6.4em;font-size:clamp(2.8rem,.9rem + 6vw,6.5rem);line-height:.88;letter-spacing:-.012em;color:#fff}.hero__title em{font-style:normal;color:var(--color-brand)}.hero__sub{margin-top:1.5rem;max-width:26rem;font-size:1.0625rem;line-height:1.6;color:var(--color-stone-300)}.hero__actions{margin-top:2rem;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 2rem}.hero__actions .link-rule{color:#fff}.hero__media{position:relative;height:clamp(15rem,68vw,30rem);margin-top:3rem;container-type:size;transform-origin:0 var(--seam)}.hero__cut{position:absolute;inset:0;background:var(--color-charcoal);clip-path:polygon(0 var(--seam),100% 0,100% 100%,0 100%)}.hero__cut picture{display:block;height:100%}.hero__cut img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:35% 60%}@media(min-width:64rem){.hero{justify-content:center;min-height:clamp(38rem,100svh,62rem);padding-bottom:var(--seam)}.hero__inner{padding-top:4.6rem}.hero__media{position:absolute;inset:0 0 0 auto;width:50%;height:auto;margin:0;transform-origin:0 100%}.hero__cut{clip-path:polygon(calc(100cqh * var(--lean)) 0,100% 0,100% 100%,0 100%)}.hero__cut:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#0c0a0999,#0c0a0900 26%);pointer-events:none}}@media(prefers-reduced-motion:no-preference){.hero__title{animation:rise 1s .1s var(--ease-out-soft) both}.hero__sub{animation:rise .9s .3s var(--ease-out-soft) both}.hero__actions{animation:rise .9s .42s var(--ease-out-soft) both}.hero__media{animation:hero-open 1.3s .05s var(--ease-out-soft) both,hero-settle 2.6s .05s var(--ease-out-soft) both}}@keyframes hero-open{0%{opacity:0;translate:5% 0}to{opacity:1;translate:0 0}}@keyframes hero-settle{0%{scale:1.08}to{scale:1}}.home-intro__title{font-size:clamp(2.2rem,1rem + 3.4vw,4.25rem);line-height:.92}.home-stacks{padding-block:calc(var(--seam) + clamp(3.5rem,7vw,6rem)) calc(var(--seam) + clamp(2.5rem,5vw,4rem))}.home-ranges{margin-top:2.5rem;display:flex;flex-wrap:wrap;align-items:baseline;gap:.75rem 1.5rem}.home-ranges ul{display:flex;flex:1 1 32rem;flex-wrap:wrap;gap:.35rem 0;font-size:.9rem}.home-ranges li{display:inline-flex;align-items:center}.home-ranges li+li:before{content:"";width:1px;height:.85rem;margin-inline:.8rem;background:#ffffff40;transform:skew(-18deg)}.home-ranges a:not(.link-rule){color:var(--color-stone-300);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:.3em;transition:color .2s,text-decoration-color .2s}.home-ranges a:not(.link-rule):hover{color:#fff;text-decoration-color:var(--color-brand)}.home-work{padding-block:calc(var(--seam) + clamp(3.5rem,7vw,6rem)) calc(var(--seam) + clamp(3rem,6vw,5rem))}
