https://studio11design.com/assets/ProjectDetailEquinox-KtnPe8DK.js

1import{j as e}from"./query-CVBgYCl_.js";import{r as n,L as x}from"./router-BGVMG8LD.js";import{m as t,A as L}from"./motion-BRd-A6pf.js";const h="/img/Equinox_-_Luxury_Hotel_Restaurant_Designed_by_Studio_11_Design_1782924631661.jpg",y="/img/Equinox_-_Luxury_Hotel_Restaurant_Designed_by_Studio_11_Design_1782924735913.jpg",v="/img/Equinox_-_Luxury_Hotel_Restaurant_Designed_by_Studio_11_Design_1782924686756.jpg",f="/img/Equinox_-_Luxury_Hotel_Public_Space_Designed_by_Studio_11_Desi_1782237726860.jpg",b="/img/Equinox_-_Luxury_Hotel_Public_Space_Designed_by_Studio_11_Desi_1782237782849.jpg",j="/img/Equinox_-_Luxury_Hotel_Public_Space_Designed_by_Studio_11_Desi_1782237826657.jpg",C="/img/Equinox_-_Luxury_Hotel_Restaurant_Designed_by_Studio_11_Design_1782924118455.jpg",_="/img/Equinox_-_Luxury_Hotel_Public_Space_Designed_by_Studio_11_Desi_1782924190847.jpg",w="/img/Equinox_-_Luxury_Hotel_Restaurant_Designed_by_Studio_11_Design_1782925119042.jpg",E="/img/S11-Equinox10.24.18-539-Edit-2_1782240664424.jpg",N="/img/Equinox_-_Luxury_Hotel_Public_Space_Designed_by_Studio_11_Desi_1782241488446.jpg",k="/img/Equinox_-_Luxury_Hotel_Public_Space_Designed_by_Studio_11_Desi_1782241162010.jpg",R="/img/Equinox_-_Luxury_Hotel_Public_Space_Designed_by_Studio_11_Desi_1782241225961.jpg",S="/img/Equinox_-_Luxury_Hotel_Public_Space_Designed_by_Studio_11_Desi_1782241312857.jpg",a={location:"Manchester, VT",category:"Hospitality",year:"2023",services:["Interior Design","Art Direction","Custom Furniture","Brand Integration"],prevSlug:"senna-house",nextSlug:"the-ansonborough"},s=[{src:E,caption:"Lobby"},{src:S,caption:"Arch wall"},{src:b,caption:"Bathroom"},{src:R,caption:"Chandelier detail"},{src:N,caption:"Rooftop"},{src:f,caption:"Cabinet detail"},{src:y,caption:"Rooftop bar"},{src:k,caption:"Lobby overview"},{src:j,caption:"Guest bedroom"},{src:w,caption:"Bar"},{src:_,caption:"Bar counter"},{src:v,caption:"Library table"},{src:C,caption:"Lobby library"},{src:h,caption:"Gallery wall"}];function I(){const[r,c]=n.useState(null),o=i=>c(i),d=n.useCallback(()=>c(null),[]),u=n.useCallback(()=>c(i=>i===null?null:(i-1+s.length)%s.length),[]),p=n.useCallback(()=>c(i=>i===null?null:(i+1)%s.length),[]),m=n.useRef(0),g=n.useRef(!1);n.useEffect(()=>{if(r===null)return;const i=l=>{l.key==="Escape"&&d(),l.key==="ArrowLeft"&&u(),l.key==="ArrowRight"&&p()};return window.addEventListener("keydown",i),()=>window.removeEventListener("keydown",i)},[r,d,u,p]);const z=[3,1,7,0,4,8,2,5,9,10,6,11,12,13];return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"min-h-screen bg-[#EEEEEA] pt-[72px]",children:[e.jsx("div",{className:"px-5 md:px-28 pt-10",children:e.jsxs("div",{className:"flex items-start justify-between gap-4 pb-5 border-b border-[#1C1C1E]/12",children:[e.jsx("p",{className:"font-sans text-[12px] uppercase tracking-[0.14em] text-[#1C1C1E]",children:"Project"}),e.jsx(x,{href:"/portfolio",children:e.jsx("span",{className:"inline-flex items-center gap-2 font-sans text-[#1C1C1E] text-[12px] tracking-[0.12em] uppercase hover:text-[#1C1C1E] hover:gap-3.5 transition-all duration-300 cursor-pointer whitespace-nowrap",children:"← Back to Portfolio"})})]})}),e.jsxs("div",{className:"md:hidden px-5 mt-8 flex flex-col gap-8",children:[e.jsxs("div",{children:[e.jsx("h1",{className:"font-serif text-[#1C1C1E] font-light tracking-[-0.04em] leading-[0.98] mb-6",style:{fontSize:"clamp(32px, 7vw, 52px)"},children:"The Equinox"}),e.jsx("p",{className:"font-sans text-[#1C1C1E] uppercase tracking-[0.16em] text-[20px] mb-5",children:"Resort and Spa"}),e.jsx("p",{className:"font-sans text-[17px] text-[#1C1C1E] leading-[1.7] tracking-[-0.01em]",children:"Nestled in the Green Mountains of Vermont, The Equinox Resort and Spa is a destination steeped in history and natural grandeur — a sanctuary where colonial elegance meets the restorative rhythms of the landscape, with interiors that honor the resort's heritage while embracing a refined contemporary sensibility."})]}),e.jsxs("div",{className:"grid grid-cols-2 gap-6 font-sans text-[16px] text-[#1C1C1E] border-t border-[#1C1C1E]/12 pt-6",children:[e.jsxs("div",{children:[e.jsx("p",{className:"text-[12px] uppercase tracking-[0.16em] text-[#1C1C1E] mb-1",children:"Location"}),e.jsx("p",{children:a.location})]}),e.jsxs("div",{children:[e.jsx("p",{className:"text-[12px] uppercase tracking-[0.16em] text-[#1C1C1E] mb-1",children:"Category"}),e.jsx("p",{children:a.category})]}),e.jsxs("div",{children:[e.jsx("p",{className:"text-[12px] uppercase tracking-[0.16em] text-[#1C1C1E] mb-1",children:"Year"}),e.jsx("p",{children:a.year})]}),e.jsxs("div",{children:[e.jsx("p",{className:"text-[12px] uppercase tracking-[0.16em] text-[#1C1C1E] mb-1",children:"Services"}),e.jsx("ul",{className:"flex flex-col gap-[3px]",children:a.services.map(i=>e.jsx("li",{children:i},i))})]})]}),e.jsx("div",{className:"flex flex-row gap-3 overflow-x-auto snap-x snap-mandatory -mx-5 px-5 pb-2",style:{scrollbarWidth:"none"},children:z.map(i=>e.jsx("div",{className:"flex-shrink-0 w-[80vw] overflow-hidden cursor-zoom-in snap-center",onClick:()=>o(i),children:e.jsx("img",{loading:"lazy",decoding:"async",src:s[i].src,alt:s[i].caption,className:"w-full object-cover",style:{aspectRatio:"1/1"}})},i))})]}),e.jsx("div",{className:"hidden md:block px-28 mt-10",children:e.jsxs("div",{className:"grid gap-3",style:{gridTemplateColumns:"repeat(12, 1fr)",gridAutoRows:"auto"},children:[e.jsxs(t.div,{initial:{opacity:0,y:16}

1,animate:{opacity:1,y:0},transition:{duration:.9,ease:[.16,1,.3,1]},style:{gridColumn:"1 / 4",gridRow:"1",alignSelf:"start"},className:"flex flex-col pr-2",children:[e.jsx("h1",{className:"font-serif text-[#1C1C1E] font-light tracking-[-0.04em] leading-[0.98]",style:{fontSize:"clamp(32px, 3vw, 52px)"},children:"The Equinox"}),e.jsx("p",{className:"font-sans text-[#1C1C1E] uppercase tracking-[0.16em] text-[20px] mt-8 ml-[3px]",children:"Resort and Spa"}),e.jsx("p",{className:"font-sans text-[19px] text-[#1C1C1E] leading-[1.7] tracking-[-0.01em] mt-16 max-w-[88%]",children:"Nestled in the Green Mountains of Vermont, The Equinox Resort and Spa is a destination steeped in history and natural grandeur — a sanctuary where colonial elegance meets the restorative rhythms of the landscape, with interiors that honor the resort's heritage while embracing a refined contemporary sensibility."})]}),e.jsxs(t.div,{initial:{opacity:0,y:16},animate:{opacity:1,y:0},transition:{duration:.9,delay:.1,ease:[.16,1,.3,1]},style:{gridColumn:"11 / 13",gridRow:"1",alignSelf:"start",justifySelf:"end",width:144,whiteSpace:"nowrap"},className:"flex flex-col gap-9 font-sans text-[18px] text-[#1C1C1E]",children:[e.jsxs("div",{children:[e.jsx("p",{className:"text-[12px] uppercase tracking-[0.16em] text-[#1C1C1E] mb-1",children:"Location"}),e.jsx("p",{children:a.location})]}),e.jsxs("div",{children:[e.jsx("p",{className:"text-[12px] uppercase tracking-[0.16em] text-[#1C1C1E] mb-1",children:"Category"}),e.jsx("p",{children:a.category})]}),e.jsxs("div",{children:[e.jsx("p",{className:"text-[12px] uppercase tracking-[0.16em] text-[#1C1C1E] mb-1",children:"Year"}),e.jsx("p",{children:a.year})]}),e.jsxs("div",{children:[e.jsx("p",{className:"text-[12px] uppercase tracking-[0.16em] text-[#1C1C1E] mb-1",children:"Services"}),e.jsx("ul",{className:"flex flex-col gap-[3px]",children:a.services.map(i=>e.jsx("li",{children:i},i))})]})]}),e.jsxs(t.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.7},className:"cursor-zoom-in group overflow-hidden relative",style:{gridColumn:"4 / 7",gridRow:"1",aspectRatio:"3/4",alignSelf:"start"},onClick:()=>o(3),children:[e.jsx("img",{loading:"lazy",decoding:"async",src:R,alt:"Chandelier detail",className:"w-full h-full object-cover transition-transform duration-700 group-hover:scale-[1.03]",style:{objectPosition:"center 20%"}}),e.jsx("div",{className:"absolute inset-0 bg-[#1C1C1E]/0 group-hover:bg-[#1C1C1E]/8 transition-colors duration-300"})]}),e.jsxs(t.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.7,delay:.06},className:"cursor-zoom-in group overflow-hidden relative",style:{gridColumn:"7 / 10",gridRow:"1",aspectRatio:"3/4",alignSelf:"start"},onClick:()=>o(1),children:[e.jsx("img",{loading:"lazy",decoding:"async",src:S,alt:"Arch wall",className:"w-full h-full object-cover transition-transform duration-700 group-hover:scale-[1.03]",style:{objectPosition:"center center",transform:"scale(1.12)"}}),e.jsx("div",{className:"absolute inset-0 bg-[#1C1C1E]/0 group-hover:bg-[#1C1C1E]/8 transition-colors duration-300"})]}),e.jsxs(t.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.75,delay:.04},className:"cursor-zoom-in group overflow-hidden relative",style:{gridColumn:"1 / 10",gridRow:"2",aspectRatio:"9/4",alignSelf:"start"},onClick:()=>o(7),children:[e.jsx("img",{loading:"lazy",decoding:"async",src:k,alt:"Lobby overview",className:"w-full h-full object-cover transition-transform duration-700 group-hover:scale-[1.02]",style:{transform:"scale(1.2) translateX(8%)",objectPosition:"center 65%"}}),e.jsx("div",{className:"absolute inset-0 bg-[#1C1C1E]/0 group-hover:bg-[#1C1C1E]/8 transition-colors duration-300"})]}),e.jsx("div",{style:{gridColumn:"1 / 13",gridRow:"3",height:"9vh"}}),e.jsxs("div",{style:{gridColumn:"4 / 13",gridRow:"4",display:"flex",gap:"12px",alignItems:"stretch"},children:[e.jsxs(t.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.75},className:"cursor-zoom-in group overflow-hidden relative",style:{flex:"2",aspectRatio:"3/2",minWidth:0},onClick:()=>o(0),children:[e.jsx("img",{loading:"lazy",decoding:"async",src:E,alt:"Lobby",className:"w-full h-full object-cover transition-transform duration-700 group-hover:scale-[1.03]",style:{transform:"scale(1.12)",objectPosition:"center center"}}),e.jsx("div",{className:"absolute inset-0 bg-[#1C1C1E]/0 group-hover:bg-[#1C1C1E]/8 transition-colors duration-300"})]}),e.jsxs(t.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.7,delay:.07},className:"cursor-zoom-in group overflow-hidden relative",style:{flex:"1",minWidth:0},onClick:()=>o(4),children:[e.jsx("img",{loading:"lazy",decoding:"async",src:N,alt:"Rooftop",className:"w-full h-full object-cover object-center transition-transform duration-700 group-hover:scale-[1.03]",style:{transform:"scale(1.12)"}}),e.jsx("div",{className:"absolute inset-0 bg-[#1C1C1E]/0 group-hover:bg-[#1C1C1E]/8 transition-colors duration-300"})]})]}),e.jsx("div",{style:{gridColumn:"1 / 13",gridRow:"5",height:"9vh"}}),e.jsxs(t.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.75},className:"cursor-zoom-in group overflow-hidden relative",style:{gridColumn:"4 / 10",gridRow:"6",as

1pectRatio:"3/2",alignSelf:"start"},onClick:()=>o(8),children:[e.jsx("img",{loading:"lazy",decoding:"async",src:j,alt:"Guest bedroom",className:"w-full h-full object-cover transition-transform duration-700 group-hover:scale-[1.02]"}),e.jsx("div",{className:"absolute inset-0 bg-[#1C1C1E]/0 group-hover:bg-[#1C1C1E]/8 transition-colors duration-300"})]}),e.jsxs("div",{style:{gridColumn:"1 / 10",gridRow:"7",display:"flex",gap:"12px",alignItems:"stretch"},children:[e.jsxs(t.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.75,delay:.04},className:"cursor-zoom-in group overflow-hidden relative",style:{flex:"2",aspectRatio:"3/2",minWidth:0},onClick:()=>o(2),children:[e.jsx("img",{loading:"lazy",decoding:"async",src:b,alt:"Bathroom",className:"w-full h-full object-cover transition-transform duration-700 group-hover:scale-[1.02]"}),e.jsx("div",{className:"absolute inset-0 bg-[#1C1C1E]/0 group-hover:bg-[#1C1C1E]/8 transition-colors duration-300"})]}),e.jsxs(t.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.7,delay:.08},className:"cursor-zoom-in group overflow-hidden relative",style:{flex:"1",aspectRatio:"3/4",minWidth:0},onClick:()=>o(5),children:[e.jsx("img",{loading:"lazy",decoding:"async",src:f,alt:"Cabinet detail",className:"w-full h-full object-cover transition-transform duration-700 group-hover:scale-[1.03]"}),e.jsx("div",{className:"absolute inset-0 bg-[#1C1C1E]/0 group-hover:bg-[#1C1C1E]/8 transition-colors duration-300"})]})]}),e.jsx("div",{style:{gridColumn:"1 / 13",gridRow:"8",height:"9vh"}}),e.jsxs("div",{style:{gridColumn:"4 / 13",gridRow:"9",display:"flex",gap:"12px"},children:[e.jsxs(t.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.7},className:"cursor-zoom-in group overflow-hidden relative",style:{flex:"2",aspectRatio:"3/2",minWidth:0},onClick:()=>o(9),children:[e.jsx("div",{className:"w-full h-full",style:{transform:"scale(1.38) translate(0%, 5%)",transformOrigin:"center center"},children:e.jsx("img",{loading:"lazy",decoding:"async",src:w,alt:"Bar",className:"w-full h-full object-cover transition-transform duration-700 group-hover:scale-[1.03]",style:{objectPosition:"55% center"}})}),e.jsx("div",{className:"absolute inset-0 bg-[#1C1C1E]/0 group-hover:bg-[#1C1C1E]/8 transition-colors duration-300"})]}),e.jsxs(t.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.7,delay:.06},className:"cursor-zoom-in group overflow-hidden relative",style:{flex:"1",aspectRatio:"3/4",minWidth:0},onClick:()=>o(10),children:[e.jsx("img",{loading:"lazy",decoding:"async",src:_,alt:"Bar counter",className:"w-full h-full object-cover transition-transform duration-700 group-hover:scale-[1.03]",style:{objectPosition:"center center"}}),e.jsx("div",{className:"absolute inset-0 bg-[#1C1C1E]/0 group-hover:bg-[#1C1C1E]/8 transition-colors duration-300"})]})]}),e.jsxs(t.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.85,delay:.04},className:"cursor-zoom-in group overflow-hidden relative",style:{gridColumn:"1 / 10",gridRow:"10",aspectRatio:"9/4",alignSelf:"start"},onClick:()=>o(6),children:[e.jsx("img",{loading:"lazy",decoding:"async",src:y,alt:"Rooftop bar",className:"w-full h-full object-cover transition-transform duration-700 group-hover:scale-[1.02]",style:{objectPosition:"center 60%"}}),e.jsx("div",{className:"absolute inset-0 bg-[#1C1C1E]/0 group-hover:bg-[#1C1C1E]/8 transition-colors duration-300"})]}),e.jsx("div",{style:{gridColumn:"1 / 13",gridRow:"11",height:"9vh"}}),e.jsxs("div",{style:{gridColumn:"4 / 13",gridRow:"12",display:"flex",gap:"12px",alignItems:"stretch"},children:[e.jsxs(t.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.7},className:"cursor-zoom-in group overflow-hidden relative",style:{flex:"1",aspectRatio:"3/4",minWidth:0},onClick:()=>o(11),children:[e.jsx("img",{loading:"lazy",decoding:"async",src:v,alt:"Library table",className:"w-full h-full object-cover transition-transform duration-700 group-hover:scale-[1.03]",style:{objectPosition:"left center"}}),e.jsx("div",{className:"absolute inset-0 bg-[#1C1C1E]/0 group-hover:bg-[#1C1C1E]/8 transition-colors duration-300"})]}),e.jsxs(t.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.75,delay:.06},className:"cursor-zoom-in group overflow-hidden relative",style:{flex:"2",minWidth:0},onClick:()=>o(12),children:[e.jsx("img",{loading:"lazy",decoding:"async",src:C,alt:"Lobby library",className:"w-full h-full object-cover transition-transform duration-700 group-hover:scale-[1.02]"}),e.jsx("div",{className:"absolute inset-0 bg-[#1C1C1E]/0 group-hover:bg-[#1C1C1E]/8 transition-colors duration-300"})]})]}),e.jsxs(t.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.85},className:"cursor-zoom-in group overflow-hidden relative",style:{gridColumn:"4 / 10",gridRow:"13",aspectRatio:"3/2",alignSelf:"start"},onClick:()=>o(13),children:[e.jsx("img",{loading:"lazy",decoding:"async",src:h,alt:"Gallery wall",className:"w-full h-full object-cover transition-transform duration-700 group-hover:scale-[1.02]"}),e.jsx("div",{className:"absolute inset-0 bg-[#1C1C1E]/0 group-hover:bg-[#1C1C1E]/8 transition-colors duration-300"})]})]})}),e.jsx("div",{className:"px-5 md:px-28 pb-28 pt-16",children:e.jsxs("div",{className:"flex items-center justify-between border-t border-[#1C1C1E]/10 pt-8",children:[e.jsx(x,{href:`/portfolio/${a.prevSlug}`,children:e.jsx("span",{className:"inline-flex items-center gap-2 font-sans text-[#1C1C1E] text-[12px] tracking-[0.12em] uppercase hover:text-[#1C1C1E] hover:gap-3.5 transition-all duration-300 cursor-pointer whitespace-nowrap",children:"← Previous Project"})}),e.jsx(x,{href:`/portfolio/${a.nextSlug}`,children:e.jsx("span",{className:"inline-flex items-center gap-2 font-sans text-[#1C1C1E] text-[12px] tracking-[0.12em] uppercase hover:text-[#1C1C1E] hover:gap-3.5 transition-all duration-300 cursor-pointer whitespace-nowrap",children:"Next Project →"})})]})})]}),e.jsx(L,{children:r!==null&&e.jsxs(t.div,{initial:{opacity:0}

1,animate:{opacity:1},exit:{opacity:0},transition:{duration:.22},className:"fixed inset-0 z-[200] flex items-center justify-center bg-[#0E0E0F]/93",onClick:()=>{g.current||d()},onTouchStart:i=>{m.current=i.touches[0].clientX,g.current=!1},onTouchEnd:i=>{const l=i.changedTouches[0].clientX-m.current;Math.abs(l)>50&&(g.current=!0,l<0?p():u())},children:[e.jsx("button",{onClick:d,className:"absolute top-6 right-8 font-sans text-[#EEEEEA]/55 text-[12px] uppercase tracking-[0.2em] hover:text-[#EEEEEA] transition-colors",children:"Close"}),e.jsxs("p",{className:"absolute top-6 left-8 font-sans text-[#EEEEEA]/35 text-[12px] uppercase tracking-[0.18em]",children:[r+1," / ",s.length]}),e.jsx(t.div,{initial:{opacity:0,scale:.97},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.97},transition:{duration:.28},className:"max-w-[80vw] max-h-[80vh] flex flex-col items-center",onClick:i=>i.stopPropagation(),children:e.jsx("img",{loading:"lazy",decoding:"async",src:s[r].src,alt:s[r].caption,className:"max-w-full max-h-[76vh] object-contain block"})},r),e.jsx("button",{onClick:i=>{i.stopPropagation(),u()},className:"absolute left-8 top-1/2 -translate-y-1/2 font-sans text-[#EEEEEA]/45 text-[12px] uppercase tracking-[0.14em] hover:text-[#EEEEEA] transition-colors",children:"← Prev"}),e.jsx("button",{onClick:i=>{i.stopPropagation(),p()},className:"absolute right-8 top-1/2 -translate-y-1/2 font-sans text-[#EEEEEA]/45 text-[12px] uppercase tracking-[0.14em] hover:text-[#EEEEEA] transition-colors",children:"Next →"})]},"lb")})]})}export{I as default};