:root{--ink:#24261d;--cream:#f4f0e8;--line:#bdb9ad;--brass:#d5b47d;--edge:clamp(21px,5vw,90px);font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--cream)}*{box-sizing:border-box}body,figure,p,h1,h2,h3{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{display:block;width:100%;height:100%;object-fit:cover}button:focus-visible,a:focus-visible,input:focus-visible,.rail:focus-visible{outline:3px solid #c78329;outline-offset:3px}.skip{position:absolute;left:10px;top:-100px;z-index:20;background:white;padding:12px}.skip:focus{top:8px}header{height:78px;padding:0 var(--edge);display:flex;align-items:center;gap:5vw;background:var(--cream)}.brand{width:clamp(164px,19vw,265px);margin-right:auto}.brand img{height:auto}nav{display:flex;gap:28px}nav a,.enquire,.inklink,.hero-link,.contact-link{font-size:14px}.enquire{border:1px solid #88897b;border-radius:100px;padding:13px 21px}.enquire span{margin-left:14px}.hero{height:clamp(560px,80svh,850px);position:relative;isolation:isolate;overflow:hidden;color:#fff8e9;background:#2a241c}.hero picture,.hero .film,.shade{position:absolute;inset:0}.hero .film{left:auto;width:31%;overflow:hidden;border-left:1px solid #dbc79980;clip-path:inset(0 0 0 100%);transition:clip-path 1.3s cubic-bezier(.22,1,.36,1)}.film video{width:100%;height:100%;object-fit:cover}.hero.playing .film,.hero.touched .film{clip-path:inset(0)}.hero-photo{object-position:center 50%;transform:scale(1.045);transition:transform 2.2s ease}.hero.playing .hero-photo{transform:scale(1)}.shade{background:linear-gradient(90deg,#15140d96,transparent 75%),linear-gradient(0deg,#1613088c,transparent 58%)}.hero-copy{position:absolute;left:var(--edge);bottom:14%;right:36%}.eyebrow,.legend,.film-caption small,.rail small{font:500 11px/1.5 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}.hero-copy .eyebrow{margin-bottom:16px}h1,h2,h3,.contact-link,.rooms b{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1{font-size:clamp(80px,9.8vw,164px);line-height:.91;letter-spacing:-.062em}em{font-weight:400}.hero-link{display:inline-flex;align-items:center;gap:24px;border-bottom:1px solid #fff8;padding:12px 0;margin-top:22px}.film-caption{position:absolute;left:var(--edge);bottom:23px;display:flex;align-items:baseline;gap:16px}.film-caption b{font-family:Georgia,serif;font-weight:400}.film-caption small{font-size:9px}#play{position:absolute;bottom:22px;right:var(--edge);color:white;border:1px solid #ffffff8c;border-radius:20px;padding:10px 15px;background:#26221ca8}.works,.house{padding:clamp(62px,7vw,125px) 0}.section-head,.rail-foot{display:flex;align-items:end;justify-content:space-between;margin:0 var(--edge);gap:15px}.section-head{margin-bottom:30px}.section-head .eyebrow,.detail-copy .eyebrow,.craft .eyebrow{margin-bottom:16px}h2{font-size:clamp(49px,6.4vw,104px);line-height:1.02;letter-spacing:-.062em}.inklink{display:inline-block;border-bottom:1px solid currentColor;padding:8px 0}.rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--edge);padding:0 var(--edge);gap:clamp(12px,2vw,34px);scrollbar-width:none}.rail::-webkit-scrollbar{display:none}.rail article{flex:0 0 58%;scroll-snap-align:start}.rail a{display:block}.rail img{aspect-ratio:1.88;height:auto}.rail article div{position:relative;padding:18px 38px 4px 0}.rail h3{font-size:clamp(26px,3vw,50px);letter-spacing:-.044em;margin-top:4px}.rail article span{position:absolute;right:4px;bottom:6px;font-size:25px}.rail-foot{align-items:center;margin-top:24px;gap:32px}.track{height:1px;background:#c4bdb2;flex:1}.track i{display:block;width:33.33%;height:2px;background:var(--ink);transform:translateX(var(--progress,0%))}.arrows{display:flex;gap:7px}.arrows button{border:1px solid #888b7f;border-radius:100%;background:transparent;color:inherit;width:44px;height:44px;font-size:19px}.arrows button:disabled{opacity:.36;cursor:default}.detail,.craft{padding:clamp(45px,7vw,116px) var(--edge);display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;align-items:center}.detail{background:#293027;color:#faf6e9}.detail-copy>p:not(.eyebrow),.craft div>p:not(.eyebrow){font-size:17px;line-height:1.63;max-width:37ch;margin:24px 0 12px}.reveal{position:relative;height:clamp(370px,43vw,630px);--split:57%;isolation:isolate;background:#5a4c39}.reveal>img,.leaf,.seam,.reveal input{position:absolute;inset:0}.leaf{clip-path:inset(0 calc(100% - var(--split)) 0 0)}.seam{left:var(--split);right:auto;width:2px;background:var(--brass);pointer-events:none}.seam i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:#e1c697;color:#30291f;display:grid;place-items:center;font:24px Georgia}.reveal input{width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}.reveal:focus-within{outline:3px solid var(--brass);outline-offset:4px}.legend{display:flex;justify-content:space-between;margin-top:13px;color:#e9ddc7;font-size:10px}.rooms{display:grid;grid-template-columns:1fr .95fr .9fr;gap:2vw;margin:0 var(--edge)}.rooms a{display:block;overflow:hidden}.rooms img{aspect-ratio:4/4.4;height:auto;transition:filter .4s}.rooms b{display:flex;justify-content:space-between;font-size:clamp(21px,2.4vw,36px);padding:15px 0;border-bottom:1px solid var(--line)}.rooms b span{font:18px Arial}.craft{background:#e2d9c8;grid-template-columns:1.12fr .88fr}.craft figure{overflow:hidden}.craft img{height:clamp(280px,38vw,560px)}footer{padding:75px var(--edge) 26px;background:#30261f;color:#fff4e3}footer h2{margin:24px 0}.contact-link{display:inline-flex;gap:25px;font-size:26px;border-bottom:1px solid #bca98d;padding:8px 0}.base{display:flex;gap:24px;flex-wrap:wrap;border-top:1px solid #897c6c;margin-top:66px;padding-top:20px;font-size:13px}.base small{margin-left:auto}a:hover .hero-photo,.rooms a:hover img{filter:brightness(1.08)}[hidden]{display:none!important}@media(max-width:700px){header{height:66px;gap:12px}.brand{width:clamp(134px,40vw,190px)}nav{display:none}.enquire{font-size:12px;padding:10px 12px}.enquire span{margin-left:4px}.hero{height:clamp(480px,78svh,740px)}.hero .film{inset:0;width:100%;border:0}.shade{background:linear-gradient(0deg,#161009af,transparent 84%)}.hero-copy{right:12px;bottom:18%}h1{font-size:clamp(80px,19vw,118px)}.hero-link{margin-top:12px}.film-caption{display:block;bottom:18px;max-width:66%}.film-caption small{display:block;margin-top:3px}.section-head{align-items:start}.section-head .inklink{font-size:12px;white-space:nowrap;margin-top:2px}.rail article{flex-basis:88%}.rail img{aspect-ratio:1.16}.rail-foot{margin-top:14px;gap:20px}.detail,.craft{grid-template-columns:1fr;gap:28px}.detail-copy h2 br,.craft h2 br{display:none}.detail-copy h2 br:after,.craft h2 br:after{content:' '}.detail-copy h2 em,.craft h2 em{margin-left:.13em}.detail-copy>p:not(.eyebrow),.craft div>p:not(.eyebrow){margin:15px 0 8px}.reveal{height:clamp(310px,94vw,500px)}.rooms{grid-template-columns:1fr 1fr;gap:20px 12px}.rooms a:first-child{grid-column:span 2}.rooms a:first-child img{aspect-ratio:1.42}.rooms b{font-size:20px}.craft figure{order:2}.craft img{height:auto}.base{gap:15px}.base small{margin:0;width:100%}}@media(max-width:370px){.section-head{flex-wrap:wrap}.enquire{font-size:11px}.hero-copy .eyebrow{font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.hero-photo{transform:none!important}}
@media(min-width:701px){.rooms a:nth-child(2){margin-top:6vw}.rooms a:nth-child(3){margin-top:12vw}}
@media(max-width:700px) and (prefers-reduced-motion:no-preference){.rooms{display:block}.rooms a{position:sticky;top:14px;background:var(--cream);padding:8px 0 14px}.rooms a:nth-child(2){top:23px}.rooms a:nth-child(3){top:32px}.rooms a img,.rooms a:first-child img{aspect-ratio:1.45}.rooms b{padding:11px 0}.rooms a+a{margin-top:14px}}
@supports(animation-timeline:view()){ @media(prefers-reduced-motion:no-preference){.craft figure img{animation:workroom linear both;animation-timeline:view();animation-range:entry 0% exit 100%}@keyframes workroom{from{transform:scale(1.09) translateY(2%)}to{transform:scale(1.09) translateY(-2%)}}}}
