@font-face {font-family:Manrope;font-style:normal;font-weight:400 600;font-display:swap;src:url('./fonts/manrope-latin.woff2') format('woff2');}
html {scroll-behavior:smooth;background:#111a19;}
body {margin:0;}
a:focus-visible,button:focus-visible,summary:focus-visible {outline:2px solid #cde1dd;outline-offset:5px;}
.skip-link {position:absolute;top:8px;left:8px;z-index:10;padding:12px 18px;background:#cde1dd;color:#111a19;transform:translateY(-150%);}
.skip-link:focus {transform:translateY(0);}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}

#hill-direction {--hd-bg:#111a19;--hd-text:#ede9df;--hd-blue:#cde1dd;--hd-muted:#acb9b5;--hd-rule:#3c4945;--hd-pad:max(5.5%,calc((100% - 1240px)/2));background:var(--hd-bg);color:var(--hd-text);font:400 15px/1.7 'Manrope',Arial,sans-serif;color-scheme:dark;}
#hill-direction * {box-sizing:border-box;}
#hill-direction [hidden] {display:none!important;}
#hill-direction h1,#hill-direction h2,#hill-direction h3,#hill-direction p,#hill-direction figure {margin:0;}
#hill-direction a {color:inherit;text-decoration:none;}
#hill-direction a:hover {color:var(--hd-blue);}
#hill-direction img {display:block;max-width:100%;}
#hill-direction h1,#hill-direction h2,#hill-direction h3 {font-family:'Manrope',Arial,sans-serif;font-weight:500;}
#hill-direction .hd-pad {padding-inline:var(--hd-pad);}
#hill-direction .hd-kicker {font-size:11px;line-height:1.6;letter-spacing:.13em;text-transform:uppercase;}
#hill-direction .hd-opening {position:relative;isolation:isolate;min-height:680px;width:100%;height:clamp(680px,65vw,900px);display:flex;flex-direction:column;justify-content:space-between;background:#0c1312;}
#hill-direction .hd-hero-image {position:absolute;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 43%;filter:saturate(.58);}
#hill-direction .hd-opening:after {content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(9,16,15,.84),rgba(9,16,15,.08) 27%,rgba(9,16,15,.2) 50%,rgba(9,16,15,.94) 100%);}
#hill-direction .hd-header {padding:28px var(--hd-pad);display:flex;justify-content:space-between;gap:30px;align-items:center;}
#hill-direction nav {display:flex;gap:24px;flex-wrap:wrap;font-size:12px;}
#hill-direction nav a {min-height:44px;display:inline-flex;align-items:center;}
#hill-direction .ho-lockup {display:flex;align-items:center;gap:.52em;flex-shrink:0;font-size:32px;text-align:left;}
#hill-direction .ho-crest {position:relative;display:block;overflow:hidden;width:1.92em;aspect-ratio:72/69;flex:0 0 1.92em;}
#hill-direction .ho-crest img {position:absolute;width:222.222%;max-width:none;height:auto;left:-61.111%;top:-13.043%;filter:brightness(0) invert(1);}
#hill-direction .ho-wordmark {display:flex;flex-direction:column;gap:.16em;}
#hill-direction .ho-eyebrow {font:400 9px/1.4 Arial,sans-serif;letter-spacing:.24em;color:var(--hd-blue);}
#hill-direction .ho-name {font:400 1em/1.08 Georgia,serif;letter-spacing:-.035em;white-space:nowrap;}
#hill-direction .hd-hero-title {padding:150px var(--hd-pad) 30px;}
#hill-direction .hd-hero-title>.hd-kicker {color:var(--hd-blue);margin-bottom:16px;}
#hill-direction h1 {font-size:clamp(68px,12.9vw,180px);letter-spacing:-.075em;line-height:1.05;}
#hill-direction h1 span {color:var(--hd-blue);}
#hill-direction .hd-hero-bottom {display:flex;justify-content:space-between;align-items:end;margin-top:30px;border-top:1px solid #71847d;padding-top:18px;}
#hill-direction .hd-hero-bottom p {font-size:15px;line-height:1.5;}
#hill-direction .hd-round {width:54px;height:54px;border:1px solid #8a9b94;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:25px;flex-shrink:0;transition:background .2s,color .2s,transform .2s;}
#hill-direction a.hd-round:hover {background:var(--hd-blue);color:var(--hd-bg);transform:translateY(3px);}
#hill-direction .hd-image-note {position:absolute;top:44%;right:var(--hd-pad);font-size:11px;color:var(--hd-blue);writing-mode:vertical-rl;letter-spacing:.08em;}
#hill-direction .hd-section-top {display:flex;justify-content:space-between;align-items:baseline;gap:25px;margin-bottom:48px;}
#hill-direction .hd-section-top>p:not(.hd-kicker) {font-size:12px;max-width:260px;color:var(--hd-muted);}
#hill-direction .hd-about {padding-block:72px 90px;}
#hill-direction .hd-about .hd-section-top {border-top:1px solid var(--hd-rule);padding-top:20px;}
#hill-direction .hd-about-grid {display:grid;grid-template-columns:1fr 1.9fr;gap:9%;align-items:start;}
#hill-direction .hd-about-grid figure {padding-top:8px;}
#hill-direction .hd-about-grid figure img {width:100%;aspect-ratio:4/5;object-fit:cover;filter:saturate(.7);}
#hill-direction figcaption {font-size:12px;color:var(--hd-muted);margin-top:12px;}
#hill-direction .hd-about h2 {font-size:clamp(30px,4.1vw,54px);letter-spacing:-.045em;line-height:1.23;}
#hill-direction .hd-about h2 span {color:var(--hd-blue);}
#hill-direction .hd-biography {margin:32px 0 0 auto;max-width:430px;color:var(--hd-muted);}
#hill-direction details {margin-top:20px;}
#hill-direction summary {display:flex;align-items:center;justify-content:space-between;padding:12px 0;min-height:44px;border-bottom:1px solid var(--hd-rule);color:var(--hd-text);font-size:13px;cursor:pointer;list-style:none;}
#hill-direction summary::-webkit-details-marker {display:none;}
#hill-direction details[open] summary span {transform:rotate(45deg);}
#hill-direction details p {margin-top:16px;}
#hill-direction .hd-ventures {padding-block:70px 90px;background:#1b2826;}
#hill-direction .hd-section-top h2 {font-size:clamp(44px,6.5vw,88px);line-height:1.07;letter-spacing:-.055em;}
#hill-direction .hd-section-top h2 span {color:var(--hd-blue);}
#hill-direction .hd-venture-stage {display:grid;grid-template-columns:1fr 1.06fr;gap:8%;align-items:center;}
#hill-direction .hd-venture-images {aspect-ratio:4/5;position:relative;overflow:hidden;}
#hill-direction .hd-venture-images img {width:100%;height:100%;object-fit:cover;position:absolute;inset:0;}
#hill-direction .hd-venture-entry {border-bottom:1px solid #52625c;}
#hill-direction .hd-venture-entry:first-child {border-top:1px solid #52625c;}
#hill-direction .hd-venture-entry button {display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:24px 0;border:0;background:none;color:var(--hd-muted);text-align:left;font:500 clamp(22px,3vw,36px)/1.15 'Manrope',Arial,sans-serif;letter-spacing:-.04em;cursor:pointer;}
#hill-direction .hd-venture-entry button[aria-expanded=true] {color:var(--hd-blue);}
#hill-direction .hd-arrow {font-size:25px;transition:transform .25s;}
#hill-direction .hd-venture-entry button[aria-expanded=true] .hd-arrow {transform:rotate(90deg);}
#hill-direction .hd-venture-copy {padding:0 0 22px;}
#hill-direction .hd-venture-copy>.hd-kicker {color:var(--hd-blue);margin-bottom:16px;}
#hill-direction .hd-venture-copy>p:not(.hd-kicker) {color:var(--hd-muted);max-width:300px;}
#hill-direction .hd-link {min-height:44px;display:inline-flex;align-items:center;gap:28px;font-size:13px;border-bottom:1px solid #71847d;margin-top:20px;}
#hill-direction .hd-link span {color:var(--hd-blue);}
#hill-direction .hd-work {padding-block:85px 95px;background:#0c1312;}
#hill-direction .hd-work .hd-section-top {margin-bottom:50px;align-items:end;}
#hill-direction .hd-work h2 {max-width:650px;}
#hill-direction .hd-covers {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;}
#hill-direction .hd-covers article {display:flex;flex-direction:column;align-items:flex-start;min-width:0;}
#hill-direction .hd-cover {display:block;position:relative;aspect-ratio:2/3;width:100%;flex:none;margin-bottom:26px;box-shadow:0 16px 36px #0005;transition:transform .3s;}
#hill-direction .hd-cover:hover {transform:translateY(-7px);}
#hill-direction .hd-cover img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
#hill-direction .hd-covers .hd-kicker {color:var(--hd-blue);}
#hill-direction .hd-covers h3 {font-size:clamp(21px,2.6vw,32px);line-height:1.2;letter-spacing:-.045em;margin:12px 0 15px;}
#hill-direction .hd-covers article>p:not(.hd-kicker) {font-size:14px;color:var(--hd-muted);margin-bottom:22px;}
#hill-direction .hd-covers .hd-link {margin-top:auto;}
#hill-direction .hd-house {background:#1c2927;}
#hill-direction .hd-house-heading {padding-block:55px 40px;display:flex;gap:35px;justify-content:space-between;align-items:baseline;}
#hill-direction .hd-house h2 {font:400 clamp(36px,5.5vw,74px)/1.1 Georgia,serif;letter-spacing:-.04em;}
#hill-direction .hd-house h2 span {display:block;color:var(--hd-blue);font-size:.7em;margin-top:4px;}
#hill-direction .hd-house figure>img {width:100%;aspect-ratio:2/1;object-fit:cover;}
#hill-direction .hd-house figcaption {margin:0;padding-block:24px;display:flex;justify-content:space-between;align-items:center;gap:24px;}
#hill-direction .hd-house figcaption img {width:145px;filter:brightness(0) invert(1);}
#hill-direction .hd-house figcaption span {text-align:right;}
#hill-direction footer {padding-block:65px 35px;}
#hill-direction footer .hd-section-top {margin-bottom:32px;}
#hill-direction .hd-motto {font:italic 16px Georgia,serif;color:var(--hd-muted);}
#hill-direction .hd-contact-link {display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:clamp(48px,8.4vw,112px);line-height:1.2;letter-spacing:-.065em;}
#hill-direction .hd-contact-link .hd-round {width:72px;height:72px;font-size:36px;}
#hill-direction .hd-address {display:inline-block;margin-top:22px;color:var(--hd-blue);}
#hill-direction .hd-footer-bottom {margin-top:65px;border-top:1px solid var(--hd-rule);padding-top:28px;display:flex;justify-content:space-between;align-items:end;gap:30px;}
#hill-direction .hd-footer-bottom small {font-size:11px;color:var(--hd-muted);}
@media(max-width:760px){
 #hill-direction .hd-header {align-items:flex-start;flex-direction:column;gap:14px;}
 #hill-direction .hd-opening {min-height:650px;aspect-ratio:auto;}
 #hill-direction .hd-hero-title {padding-top:200px;}
 #hill-direction .hd-about-grid {grid-template-columns:1fr 1.8fr;gap:6%;}
 #hill-direction .hd-venture-stage {gap:5%;}
 #hill-direction .hd-covers {gap:20px;}
}
@media(max-width:550px){
 #hill-direction {--hd-pad:6%;}
 #hill-direction .ho-lockup {font-size:29px;}
 #hill-direction .hd-header {padding-block:22px 10px;gap:10px;}
 #hill-direction nav {gap:18px;font-size:11px;}
 #hill-direction .hd-opening {min-height:630px;}
 #hill-direction .hd-hero-image {object-position:40% center;}
 #hill-direction .hd-hero-title {padding-top:195px;padding-bottom:25px;}
 #hill-direction .hd-hero-title>.hd-kicker {font-size:10px;letter-spacing:.055em;max-width:250px;}
 #hill-direction h1 {font-size:clamp(48px,13vw,72px);letter-spacing:-.065em;}
 #hill-direction .hd-image-note {display:none;}
 #hill-direction .hd-hero-bottom {margin-top:22px;}
 #hill-direction .hd-hero-bottom p {font-size:13px;}
 #hill-direction .hd-section-top {flex-direction:column;gap:12px;margin-bottom:30px;}
 #hill-direction .hd-about,#hill-direction .hd-ventures,#hill-direction .hd-work {padding-block:46px 52px;}
 #hill-direction .hd-about-grid {grid-template-columns:1fr;gap:28px;}
 #hill-direction .hd-about-grid figure {width:48%;padding:0;}
 #hill-direction .hd-about h2 {font-size:30px;}
 #hill-direction .hd-biography {margin-top:24px;}
 #hill-direction .hd-section-top h2 {font-size:46px;}
 #hill-direction .hd-venture-stage {grid-template-columns:1fr;gap:28px;}
 #hill-direction .hd-venture-images {aspect-ratio:1/1;}
 #hill-direction .hd-venture-entry button {font-size:25px;}
 #hill-direction .hd-work .hd-section-top {align-items:start;margin-bottom:32px;}
 #hill-direction .hd-covers {grid-template-columns:1fr;gap:45px;}
 #hill-direction .hd-covers article {max-width:340px;width:100%;margin:auto;}
 #hill-direction .hd-covers h3 {font-size:28px;}
 #hill-direction .hd-house-heading {padding-block:34px;flex-direction:column;gap:14px;}
 #hill-direction .hd-house figure>img {aspect-ratio:4/3;}
 #hill-direction .hd-house figcaption img {width:110px;}
 #hill-direction footer {padding-block:45px 28px;}
 #hill-direction .hd-contact-link .hd-round {width:48px;height:48px;font-size:25px;}
 #hill-direction .hd-contact-link {font-size:clamp(36px,10vw,54px);}
 #hill-direction .hd-footer-bottom {flex-direction:column;align-items:flex-start;margin-top:40px;}
}
@media(prefers-reduced-motion:reduce){#hill-direction *{transition:none!important;}}


#hill-direction {--hd-ease:cubic-bezier(.22,.61,.36,1);}
#hill-direction .hd-opening {height:clamp(640px,62vw,840px);min-height:640px;}
#hill-direction .hd-hero-image {object-position:50% 39%;filter:saturate(.65);}
#hill-direction .hd-opening:after {background:linear-gradient(180deg,rgba(9,16,15,.84) 0%,rgba(9,16,15,.12) 23%,rgba(9,16,15,.14) 45%,rgba(17,26,25,.8) 78%,#111a19 100%);}
#hill-direction .hd-hero-title {padding-bottom:26px;}
#hill-direction .hd-hero-bottom {border-color:#71847d80;}
#hill-direction .hd-image-note {top:35%;opacity:.8;}
#hill-direction .hd-about {padding-top:42px;}
#hill-direction .hd-ventures {background:linear-gradient(180deg,#111a19 0,#1b2826 95px,#1b2826 calc(100% - 95px),#14201e 100%);padding-top:88px;padding-bottom:100px;}
#hill-direction .hd-work {background:linear-gradient(180deg,#14201e,#0c1312 110px,#0c1312 calc(100% - 90px),#15201e);padding-top:82px;}
#hill-direction .hd-house {background:linear-gradient(180deg,#15201e,#1c2927 140px);}
#hill-direction footer {background:linear-gradient(180deg,#1c2927,#111a19 130px);padding-top:78px;}
#hill-direction .hd-section-top>.hd-kicker {color:var(--hd-blue);}
#hill-direction .hd-house figure {position:relative;}
#hill-direction .hd-house figure>img {object-position:center 48%;}
#hill-direction .hd-house figcaption {border-bottom:1px solid #3c494580;padding-block:27px;}
#hill-direction nav a {position:relative;}
#hill-direction nav a:after {content:'';height:1px;background:var(--hd-blue);position:absolute;left:0;right:0;bottom:5px;transform:scaleX(0);transform-origin:left;transition:transform 260ms var(--hd-ease);}
#hill-direction nav a:hover:after,#hill-direction nav a:focus-visible:after {transform:scaleX(1);}
#hill-direction .hd-link {transition:border-color 250ms,color 250ms;}
#hill-direction .hd-link span {display:inline-block;transition:transform 300ms var(--hd-ease);}
#hill-direction .hd-link:hover {border-color:var(--hd-blue);}
#hill-direction .hd-link:hover span {transform:translate(3px,-3px);}
#hill-direction .hd-contact-link .hd-round {transition:transform 350ms var(--hd-ease),background 350ms,color 350ms;}
#hill-direction .hd-contact-link:hover .hd-round {transform:rotate(8deg);background:var(--hd-blue);color:var(--hd-bg);}
#hill-direction .hd-cover {transition:transform 450ms var(--hd-ease),box-shadow 450ms var(--hd-ease);}
#hill-direction .hd-cover:hover {transform:translateY(-5px);box-shadow:0 22px 38px #0008;}
#hill-direction .hd-venture-images.is-ready img {transition:opacity 520ms var(--hd-ease),transform 700ms var(--hd-ease);}
#hill-direction .hd-venture-images img {opacity:0;transform:scale(1.025);pointer-events:none;}
#hill-direction .hd-venture-images img.is-active {opacity:1;transform:scale(1);z-index:1;}
#hill-direction .hd-venture-entry {position:relative;}
#hill-direction .hd-venture-entry:after {content:'';position:absolute;bottom:-1px;left:0;right:0;height:1px;background:var(--hd-blue);transform:scaleX(0);transform-origin:left;transition:transform 400ms var(--hd-ease);pointer-events:none;}
#hill-direction .hd-venture-entry:has(button[aria-expanded=true]):after {transform:scaleX(1);}
#hill-direction .hd-venture-entry button {transition:color 250ms;}
#hill-direction .hd-venture-entry button:hover {color:var(--hd-text);}
#hill-direction [id] {scroll-margin-top:24px;}
@media(max-width:550px){
 #hill-direction .hd-opening {height:630px;min-height:630px;}
 #hill-direction .hd-hero-image {object-position:29% 44%;}
 #hill-direction .hd-opening:after {background:linear-gradient(180deg,rgba(9,16,15,.85),rgba(9,16,15,.1) 30%,rgba(9,16,15,.16) 50%,rgba(17,26,25,.88) 80%,#111a19);}
 #hill-direction .hd-hero-title {padding-top:160px;}
 #hill-direction .hd-hero-title>.hd-kicker {font-size:11px;letter-spacing:.045em;max-width:280px;}
 #hill-direction .hd-about {padding-top:32px;}
 #hill-direction .hd-ventures,#hill-direction .hd-work {padding-top:58px;padding-bottom:60px;}
 #hill-direction footer {padding-top:55px;}
}
@media(prefers-reduced-motion:reduce){#hill-direction *,#hill-direction *:before,#hill-direction *:after {animation:none!important;transition:none!important;scroll-behavior:auto!important;}#hill-direction .hd-cover:hover,#hill-direction .hd-link:hover span,#hill-direction .hd-contact-link:hover .hd-round {transform:none;}}

#hill-direction .hd-about-grid figure img,#hill-direction .hd-house figure>img,#hill-direction .hd-house figcaption img {height:auto;}

#hill-direction .hd-about-grid figure img {aspect-ratio:4/5;object-fit:cover;}
#hill-direction .hd-house figure>img {aspect-ratio:2/1;object-fit:cover;}
@media(max-width:550px){#hill-direction .hd-house figure>img {aspect-ratio:4/3;}}

#hill-direction nav a[aria-current="location"]:after {transform:scaleX(1);}
#hill-direction .ho-lockup:hover {color:var(--hd-text);}
#hill-direction .hd-venture-entry button:focus-visible {outline-offset:4px;}

/* Hospitality investments */
#hill-direction .hd-hospitality {padding-block:75px 80px;background:#1c2927;}
#hill-direction .hd-hospitality-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;}
#hill-direction .hd-hospitality-image {width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;}
#hill-direction .hd-hospitality figcaption {font-size:11px;margin-top:12px;color:var(--hd-muted);}
#hill-direction .hd-hospitality-copy {padding-top:28px;}
#hill-direction .hd-hospitality-copy>.hd-kicker {color:var(--hd-blue);}
#hill-direction .hd-hospitality-copy h3 {font:400 clamp(34px,4.2vw,58px)/1.12 Georgia,serif;letter-spacing:-.035em;margin:16px 0 20px;}
#hill-direction .hd-hospitality-copy h3 span {display:block;font-size:.66em;color:var(--hd-blue);margin-top:7px;}
#hill-direction .hd-hospitality-copy>p:not(.hd-kicker) {color:var(--hd-muted);max-width:420px;font-size:14px;}
#hill-direction .hd-hospitality-logo {width:125px;height:auto;filter:brightness(0) invert(1);margin-top:12px;}
@media(max-width:760px){#hill-direction .hd-hospitality-grid {gap:26px;}}
@media(max-width:550px){#hill-direction .hd-hospitality {padding-block:58px 60px;}#hill-direction .hd-hospitality-grid {grid-template-columns:1fr;gap:44px;}#hill-direction .hd-hospitality .hd-section-top {margin-bottom:32px;}#hill-direction .hd-hospitality-copy {padding-top:22px;}#hill-direction .hd-hospitality-copy h3 {font-size:40px;}}

/* Give each hospitality brand a consistent display area and optical scale. */
#hill-direction .hd-hospitality-copy>p:not(.hd-kicker) {min-height:48px;}
#hill-direction .hd-hospitality-brand {display:flex;align-items:center;height:112px;margin-top:14px;}
#hill-direction .hd-hospitality-brand .hd-hospitality-logo {width:150px;height:auto;max-height:104px;object-fit:contain;margin:0;}
#hill-direction .hd-hospitality-brand .hd-butterworths-logo {width:210px;}
@media(max-width:550px){#hill-direction .hd-hospitality-copy>p:not(.hd-kicker){min-height:0;}}
