@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--ink:#101918;--teal:#5be0e6;--paper:#f7f8f5;--muted:#58615d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:17px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}header{height:104px;background:var(--ink);color:white;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;position:sticky;top:0;z-index:20;border-bottom:1px solid #ffffff21}.logo{display:block;font-family:'Manrope',Arial,sans-serif;font-size:37px;font-weight:800;letter-spacing:-2px;line-height:1}.logo span{display:block;font-size:10px;letter-spacing:3px;color:var(--teal);margin-top:8px}.logo b{font-size:16px}nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:600}nav>a:not(.button):hover{color:var(--teal)}.dropdown{position:relative}.dropdown>button{background:none;color:inherit;border:0;padding:22px 0;cursor:pointer;font-size:13px;font-weight:600}.dropdown>button span{padding-left:9px}.drop{display:none;position:absolute;left:-22px;top:58px;width:255px;background:white;color:var(--ink);box-shadow:0 20px 40px #0003;padding:10px;border-radius:2px}.drop a{display:block;padding:11px 12px;font-size:13px}.drop a:hover{background:#dff9f7}.dropdown.open .drop{display:block}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;background:var(--teal);color:var(--ink);padding:17px 25px;font-size:14px;font-weight:700;border:1px solid transparent;transition:background .2s,transform .2s}.button:hover{background:#8aeeee;transform:translateY(-2px)}.small{padding:12px 19px}.black{background:var(--ink);color:white}.black:hover{background:#2e4945}.menu{display:none}.hero{background:var(--ink);color:white;min-height:680px;position:relative;display:flex;align-items:center;overflow:hidden}.heroimage{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,19,17,.97) 0%,rgba(7,19,17,.9) 32%,rgba(7,19,17,.28) 72%,rgba(7,19,17,.12)),url('/assets/hero.jpeg') center right/cover}.herocopy{position:relative;max-width:850px;padding:65px 7% 100px}.eyebrow{display:block;font-size:10px;letter-spacing:2.2px;font-weight:700;margin-bottom:24px;color:#40706b}.hero .eyebrow,.feature .eyebrow{color:var(--teal)}h1,h2,h3{font-family:'Manrope',Arial,sans-serif;line-height:1.12;letter-spacing:-2px;margin:0;font-weight:650}h1{font-size:clamp(45px,5.5vw,78px)}em{font-style:normal;color:#58dbe0}h2{font-size:clamp(34px,3.5vw,48px)}h3{font-size:24px;letter-spacing:-.7px;line-height:1.25}p{color:var(--muted);margin:22px 0;font-size:16px}.hero p{max-width:530px;color:#e0e9e5;font-size:17px;margin:26px 0 32px}.actions{display:flex;align-items:center;gap:28px}.textlink{display:inline-block;font-size:13px;font-weight:600;border-bottom:1px solid #ffffff65;padding:6px 0}.dark{border-color:#73847d}.herobottom{position:absolute;bottom:0;left:7%;right:7%;display:flex;justify-content:space-between;border-top:1px solid #ffffff35;padding:20px 0;font-size:11px;color:#d3dfda}.herobottom span:first-child{font-size:9px;letter-spacing:2px}.ribbon{background:var(--teal);padding:18px 7%;display:flex;justify-content:space-between;gap:25px;align-items:center;font-size:10px;font-weight:700;letter-spacing:2px}.ribbon b{font-size:22px}.split{padding:100px 7%;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.split p:first-child{margin-top:0}.lead{font-size:24px;line-height:1.5;color:var(--ink);letter-spacing:-.4px}.twopath{display:grid;grid-template-columns:1fr 1fr;margin:0 7%;gap:20px}.path{position:relative;padding:55px;min-height:420px;background:#e4ede7;display:flex;flex-direction:column;align-items:flex-start}.path h2{font-size:44px}.path p{max-width:370px}.path .circle{margin-top:auto;width:42px;height:42px;border:1px solid #67827a;display:grid;place-items:center;border-radius:50%;transition:transform .2s}.path:hover .circle{transform:rotate(45deg)}.path.photo{background:linear-gradient(#081c16b8,#081c16e0),url('/assets/hero.jpeg') center/cover;color:white}.photo p{color:#d7e4de}.photo .eyebrow{color:var(--teal)}.section{padding:100px 7%}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:45px}.three article{border-top:1px solid #bdcdc3;padding-top:28px}.num{display:block;color:#4d827c;font-size:13px;margin-bottom:28px}.three h3{font-size:23px}.feature{padding:85px 7%;background:var(--ink);color:white;display:grid;grid-template-columns:1.1fr 1fr;gap:10%;align-items:center}.feature p{color:#b9cbc3;max-width:510px}.feature img{width:100%;height:350px;object-fit:cover}.credit{border:1px solid #5be0e669;padding:40px 30px;background:#18332e;text-align:center;position:relative}.credit>span{font-size:9px;letter-spacing:2px;color:var(--teal)}.credit strong{font-size:100px;line-height:1.3;letter-spacing:-6px;display:block;font-family:Manrope,Arial,sans-serif;color:var(--teal)}.credit p{color:white;font-size:14px}.credit small{display:block;color:#b9cbc3;font-size:11px}.sectionhead{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.results article>span{font-size:9px;letter-spacing:1.5px;color:#41716a}.results h3{font-size:31px;margin-top:20px}.fine{font-size:11px;color:#75847a;max-width:900px}.cta{padding:70px 7%;background:var(--teal);display:flex;align-items:center;justify-content:space-between;gap:25px}.cta .eyebrow{color:#1a514b}.cta h2{font-size:44px}.cta .button{flex-shrink:0}footer{padding:65px 7% 30px;background:#0b1210;color:white;display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px}footer p{margin:0;color:#a6bab0;font-size:13px}footer>div{display:flex;flex-direction:column;align-items:flex-end;font-size:12px;gap:9px}footer small{grid-column:1/-1;font-size:10px;color:#799187;border-top:1px solid #ffffff20;padding-top:24px;margin-top:15px}.pageintro{padding:90px 7%;background:#e9f0eb;position:relative}.pageintro h1{max-width:1100px;font-size:clamp(42px,5vw,66px)}.pageintro em{color:#298780}.pageintro p{max-width:730px;font-size:19px;margin-bottom:0}.alignstart{align-items:start}.sticky{position:sticky;top:150px}.sticky p{max-width:360px}.rows article{display:grid;grid-template-columns:35px 1fr;gap:20px;border-top:1px solid #bfcec5;padding:30px 0 15px}.rows article .num{margin-top:3px}.rows p{font-size:15px}.rows h3{font-size:25px}.faqs{max-width:1150px;margin:auto}.faqs h2{margin-bottom:40px}details{border-bottom:1px solid #c1cfc7;padding:23px 0}summary{font-size:18px;font-weight:600;cursor:pointer;list-style:none;padding-right:30px;position:relative}summary:after{content:'+';position:absolute;right:5px;color:#39766e}details[open] summary:after{content:'−'}details p{max-width:850px}.videos{gap:24px;margin-top:0}.videos h3{margin-top:20px;font-size:23px}.video{aspect-ratio:16/10;background:#15352e}.video iframe{border:0;width:100%;height:100%}.booking{background:#e5ede7;padding:40px}.booking h3{font-size:33px}.booking small{font-size:11px;display:block;margin-top:14px;color:#5b7166}.booking hr{border:0;border-top:1px solid #baccc0;margin-top:30px}.skip{position:fixed;top:-100px;left:20px;background:white;padding:10px;z-index:100}.skip:focus{top:10px}:focus-visible{outline:3px solid #238e92;outline-offset:5px}
@media(min-width:1600px){.herocopy{max-width:1000px}.hero{min-height:760px}}@media(max-width:1000px){header{padding:0 5%;height:90px}nav{gap:17px;font-size:12px}nav .button{gap:12px;padding:12px}.logo{font-size:31px}.logo span{font-size:8px;letter-spacing:2px}.herocopy{max-width:740px}.hero{min-height:650px}.split,.section{padding:75px 6%}.path{padding:34px}.feature{gap:6%;padding:70px 6%}.actions{gap:20px}.three{gap:25px}.cta h2{font-size:36px}}
@media(max-width:760px){header{height:82px}.menu{display:block;border:1px solid #ffffff40;background:none;color:white;padding:5px 12px;font-size:22px}nav{display:none;position:absolute;top:82px;left:0;right:0;background:var(--ink);padding:20px 6% 30px;align-items:stretch;gap:9px;box-shadow:0 12px 15px #0003}nav.mobile-open{display:flex;flex-direction:column}nav>a{padding:10px 0}.dropdown>button{font-size:15px;width:100%;text-align:left;padding:10px 0}.drop{position:static;width:100%;box-shadow:none;background:#1f302b;color:white;margin:5px 0}.drop a:hover{color:var(--ink)}.hero{min-height:700px}.heroimage{background-image:linear-gradient(90deg,#071311e8,#07131183),url('/assets/hero.jpeg');background-position:60% center}.herocopy{padding:60px 6% 110px}h1{font-size:47px;letter-spacing:-2px}.hero p{font-size:16px}.eyebrow{font-size:9px;letter-spacing:1.6px}.actions{flex-wrap:wrap;gap:15px}.herobottom{left:6%;right:6%;font-size:10px;gap:20px}.herobottom span:first-child{font-size:8px}.ribbon{padding:18px 6%;font-size:8px;letter-spacing:1px;gap:10px}.ribbon b{font-size:16px}.ribbon span:last-child,.ribbon b:last-of-type{display:none}.split{grid-template-columns:1fr;gap:30px;padding:60px 6%}.lead{font-size:21px}.twopath{grid-template-columns:1fr;margin:0 6%}.path{padding:34px;min-height:360px}.path h2{font-size:36px}.section{padding:60px 6%}.three{grid-template-columns:1fr;gap:23px;margin-top:30px}.three article{padding-top:24px}.three p{margin-bottom:0}.num{margin-bottom:16px}.feature{grid-template-columns:1fr;padding:60px 6%;gap:35px}.credit strong{font-size:88px}.sectionhead{display:block}.sectionhead .textlink{margin-top:25px}.cta{padding:55px 6%;display:block}.cta h2{font-size:35px}.cta .button{margin-top:30px;font-size:12px;padding:16px 20px}footer{padding:50px 6% 25px;grid-template-columns:1fr 1fr;gap:30px}footer>div{align-items:flex-start}footer p{grid-column:2;grid-row:1;font-size:11px}footer small{margin-top:0}.pageintro{padding:60px 6%}.pageintro h1{font-size:41px}.pageintro p{font-size:17px}.sticky{position:static}.booking{padding:28px}.booking .button{font-size:12px;padding:16px}.videos{gap:35px}.video{aspect-ratio:16/9}.feature img{height:260px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Larger navigation and an understated resource link. */
header nav{font-size:16px;gap:26px}header nav>a:not(.button){padding:14px 0}header .dropdown>button{font-size:16px;padding:25px 0}.drop{top:66px}.drop a{font-size:15px;padding:13px 12px}header .button.small{font-size:16px;padding:16px 27px}header nav .nav-guide{border-bottom:1px solid #5be0e66b;padding:9px 0}.guidecover{background:#173d37;color:white;padding:52px 40px;max-width:420px;aspect-ratio:3/4;display:flex;flex-direction:column;justify-content:center;box-shadow:12px 15px 0 #d5e1d8}.guidecover>span{font-size:10px;letter-spacing:2px;color:#a6c9be}.guidecover h2{font-size:70px;color:var(--teal);margin:45px 0 22px}.guidecover hr{width:100%;border:0;border-top:1px solid #91bcb0}.guidecover p{color:white;font-size:22px;line-height:1.4}.guidecover small{font-size:8px;letter-spacing:2px;color:#a6c9be;margin-top:auto;padding-top:20px}
@media(max-width:1000px) and (min-width:761px){header{padding:0 4%}header nav{gap:18px;font-size:14px}header .dropdown>button{font-size:14px}header .button.small{font-size:14px;padding:15px 20px}}
@media(max-width:760px){header nav{font-size:17px;gap:9px}header .dropdown>button{font-size:17px;padding:14px 0}header nav>a:not(.button){padding:13px 0}header nav .nav-guide{align-self:flex-start}header .button.small{font-size:16px;padding:16px 27px}.guidecover{width:100%;max-width:360px;margin-bottom:20px}.guidecover h2{font-size:62px}}
/* Unified title-case wordmark and supporting tagline. */
a.logo{display:inline-flex;flex-direction:column;align-items:flex-start;flex-shrink:0;font-size:inherit;letter-spacing:normal;line-height:1.1;gap:10px}.logo .brand-name{font-family:'Manrope',Arial,sans-serif;font-size:29px;font-weight:800;letter-spacing:-1.2px;line-height:1.1;color:white;margin:0;white-space:nowrap}.logo .brand-tagline{font-family:'DM Sans',Arial,sans-serif;font-size:10px;font-weight:500;letter-spacing:.03px;line-height:1.4;color:var(--teal);margin:0;white-space:nowrap}header{gap:25px}footer{grid-template-columns:1.2fr .9fr 1fr}
@media(max-width:1100px) and (min-width:761px){header{padding:0 3%;gap:20px}header nav{gap:17px;font-size:14px}header .dropdown>button{font-size:14px}header .button.small{font-size:14px;padding:14px 19px}.logo .brand-name{font-size:25px}.logo .brand-tagline{font-size:8.7px}}
@media(max-width:900px) and (min-width:761px){header nav{gap:12px;font-size:12px}header .dropdown>button{font-size:12px}header .button.small{font-size:12px;padding:13px 14px}.logo .brand-name{font-size:23px}.logo .brand-tagline{font-size:8px}}
@media(max-width:760px){header{height:94px;padding:0 5%;gap:14px}header nav{top:94px}.logo .brand-name{font-size:25px}.logo .brand-tagline{font-size:8.6px}a.logo{gap:8px}footer{grid-template-columns:1fr;gap:26px}footer p{grid-column:auto;grid-row:auto}footer small{grid-column:auto}}
@media(max-width:360px){.logo .brand-name{font-size:21px}.logo .brand-tagline{font-size:7.3px}}
/* Original Hitched emblem paired with the unified wordmark. */
a.logo{flex-direction:row;align-items:center;gap:12px}.brand-copy{display:flex!important;flex-direction:column;gap:9px;margin:0!important}.logo .brand-symbol{display:block;position:relative;width:74px;height:83px;overflow:hidden;margin:0;flex-shrink:0;mix-blend-mode:screen}.brand-symbol img{position:absolute;width:126px;height:95px;max-width:none;left:-26px;top:-7px}header{height:118px}.drop{top:66px}footer .brand-symbol{width:57px;height:65px}footer .brand-symbol img{width:100px;height:75px;left:-21px;top:-5px}footer .brand-name{font-size:25px}footer .brand-tagline{font-size:8.6px}
@media(max-width:1100px) and (min-width:761px){.logo .brand-name{font-size:23px}.logo .brand-tagline{font-size:8px}.logo .brand-symbol{width:52px;height:60px}.brand-symbol img{width:94px;height:71px;left:-21px;top:-5px}a.logo{gap:9px}header nav{gap:14px}header{gap:15px}}
@media(max-width:900px) and (min-width:761px){.logo .brand-name{font-size:20px}.logo .brand-tagline{font-size:7px}.logo .brand-symbol{width:43px;height:51px}.brand-symbol img{width:80px;height:60px;left:-18px;top:-4px}header nav{gap:11px}header .button.small{padding:12px}}
@media(max-width:760px){header{height:98px}header nav{top:98px}a.logo{gap:8px}.logo .brand-name{font-size:21px}.logo .brand-tagline{font-size:7.2px}.brand-copy{gap:7px}.logo .brand-symbol{width:44px;height:52px}.brand-symbol img{width:82px;height:62px;left:-18px;top:-4px}footer .brand-name{font-size:23px}footer .brand-tagline{font-size:8px}footer .brand-symbol{width:50px;height:59px}footer .brand-symbol img{width:94px;height:71px;left:-21px;top:-5px}}
@media(max-width:360px){.logo .brand-name{font-size:18px}.logo .brand-tagline{font-size:6.2px}.logo .brand-symbol{width:39px;height:46px}.brand-symbol img{width:74px;height:56px;left:-17px;top:-4px}}
.brand-symbol img{width:116px;height:96px;left:-27px;top:-7px}footer .brand-symbol img{width:90px;height:75px;left:-21px;top:-5px}
@media(max-width:1100px) and (min-width:761px){.brand-symbol img{width:84px;height:70px;left:-20px;top:-5px}}
@media(max-width:900px) and (min-width:761px){.brand-symbol img{width:70px;height:58px;left:-16px;top:-4px}}
@media(max-width:760px){.brand-symbol img{width:71px;height:59px;left:-16px;top:-5px}footer .brand-symbol img{width:81px;height:67px;left:-19px;top:-5px}}
@media(max-width:360px){.brand-symbol img{width:63px;height:52px;left:-14px;top:-4px}}
/* Center the larger tagline beneath the more openly spaced name. */
.logo .brand-copy{align-items:center;text-align:center}.logo .brand-name{word-spacing:4px;letter-spacing:-.7px}.logo .brand-tagline{font-size:12px;text-align:center;letter-spacing:0}footer .brand-tagline{font-size:10.5px}footer .brand-name{word-spacing:4px}
@media(max-width:1100px) and (min-width:761px){.logo .brand-name{word-spacing:3px}.logo .brand-tagline{font-size:9.5px}}
@media(max-width:900px) and (min-width:761px){.logo .brand-name{word-spacing:2.5px}.logo .brand-tagline{font-size:8.3px}}
@media(max-width:760px){header a.logo{gap:6px}.logo .brand-name{font-size:20px;word-spacing:3px;letter-spacing:-.5px}.logo .brand-tagline{font-size:8px}header .logo .brand-symbol{width:38px}header{gap:10px}footer .brand-name{font-size:23px;word-spacing:3px}footer .brand-tagline{font-size:9.5px}}
@media(max-width:360px){header{gap:8px}header a.logo{gap:5px}.logo .brand-name{font-size:17px;word-spacing:2px}.logo .brand-tagline{font-size:6.8px}header .logo .brand-symbol{width:33px}}
/* Slightly larger tagline with tighter title spacing. */
.logo .brand-copy{gap:4px}.logo .brand-tagline{font-size:13px}footer .brand-tagline{font-size:11.5px}
@media(max-width:1100px) and (min-width:761px){.logo .brand-tagline{font-size:10px}}
@media(max-width:900px) and (min-width:761px){.logo .brand-tagline{font-size:8.8px}}
@media(max-width:760px){.logo .brand-copy{gap:3px}.logo .brand-tagline{font-size:8.4px;letter-spacing:-.12px}footer .brand-tagline{font-size:10px}}
@media(max-width:360px){.logo .brand-tagline{font-size:7.1px;letter-spacing:-.1px}}
/* Keep the updated three-part headline balanced. */
.herocopy{max-width:1050px}.hero h1{font-size:clamp(40px,4.4vw,64px)}
@media(max-width:760px){.hero h1{font-size:clamp(31px,8vw,41px)}}
/* Continuous hover area from About into its dropdown. */
header .drop{top:100%}.dropdown:after{content:'';position:absolute;left:-22px;right:-22px;top:100%;height:8px}.dropdown>button{cursor:default}
@media(hover:none){.dropdown>button{cursor:pointer}}
/* Branding portfolio collections. */
.branding-showcase{background:#fff}.gallery-intro{max-width:820px;margin:28px 0 38px}.gallery-count{font-size:10px;letter-spacing:2px;color:#527568;white-space:nowrap;padding-bottom:5px}.property-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}.gallery-item{display:block;position:relative;border:0;padding:0;cursor:zoom-in;background:#e7ece6;overflow:hidden;width:100%;aspect-ratio:4/3}.gallery-item img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}.gallery-item:hover img{transform:scale(1.035)}.gallery-item span{position:absolute;bottom:12px;left:12px;background:#101918d9;color:white;padding:5px 11px;font-size:11px;opacity:0;transition:opacity .2s}.gallery-item:hover span,.gallery-item:focus-visible span{opacity:1}.gallery-extra{display:none}.property-gallery.expanded .gallery-extra{display:block}.gallery-more{text-align:center;margin-top:35px}.gallery-more button{cursor:pointer}.gallery-more p{font-size:12px;margin:14px 0 0}.future-work{padding-top:55px;padding-bottom:55px;border-bottom:1px solid #c9d7cd}.future-content{display:grid;grid-template-columns:2fr 1fr;gap:60px;align-items:center}.future-content h2{font-size:34px}.future-content p{max-width:730px;margin-bottom:0}.coming-label{border-left:1px solid #b0c9be;padding:15px 0 15px 35px}.coming-label span{font-size:9px;letter-spacing:2px;color:#41776e}.coming-label p{font-size:15px;color:#698278;margin-top:8px}.photo-lightbox{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;border:0;padding:24px 4%;margin:0;background:#0a100ff7;color:white;z-index:100}.photo-lightbox::backdrop{background:#08120f}.photo-lightbox[open]{display:flex;flex-direction:column}.lightbox-top{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px}.photo-lightbox button{cursor:pointer;border:1px solid #ffffff50;color:white;background:transparent;padding:10px 18px;font-size:13px}.photo-lightbox button:hover{background:#ffffff18}.photo-lightbox figure{margin:18px 0;flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.photo-lightbox figure img{display:block;max-width:100%;max-height:calc(100dvh - 190px);width:auto;height:auto;object-fit:contain}.photo-lightbox figcaption{font-size:12px;color:#c1d6ca;text-align:center}.lightbox-controls{display:flex;justify-content:center;gap:20px}.photo-lightbox:focus{outline:0}
@media(max-width:760px){.property-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.branding-showcase .sectionhead{display:block}.gallery-count{display:block;margin-top:20px}.gallery-intro{font-size:15px}.gallery-item{aspect-ratio:1}.future-content{grid-template-columns:1fr;gap:25px}.future-content h2{font-size:28px}.future-work{padding-top:40px;padding-bottom:40px}.coming-label{padding-left:20px}.photo-lightbox{padding:20px 5%}.photo-lightbox figure img{max-height:calc(100dvh - 210px)}.photo-lightbox figcaption{font-size:11px}.photo-lightbox button{padding:12px 18px}}
/* Side arrows for browsing enlarged photos. */
.lightbox-controls{display:contents}.photo-lightbox #photo-prev,.photo-lightbox #photo-next{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:66px;padding:0;background:#101918b8;border:1px solid #ffffff50;font-size:48px;line-height:1;display:grid;place-items:center;z-index:2}.photo-lightbox #photo-prev{left:18px}.photo-lightbox #photo-next{right:18px}.photo-lightbox figure{padding:0 48px}.photo-lightbox #photo-prev:hover,.photo-lightbox #photo-next:hover{background:#28413bf0}
@media(max-width:760px){.photo-lightbox #photo-prev,.photo-lightbox #photo-next{width:38px;height:54px;font-size:38px}.photo-lightbox #photo-prev{left:8px}.photo-lightbox #photo-next{right:8px}.photo-lightbox figure{padding:0}.photo-lightbox figcaption{padding:0 30px}}
/* Quiet separators between About dropdown options. */
.drop a+a{position:relative}.drop a+a:before{content:'';position:absolute;top:0;left:12px;right:12px;height:1px;background:#dce5df}
@media(max-width:760px){.drop a+a:before{background:#ffffff26}}
.venue-film-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:38px}.venue-film-frame{aspect-ratio:16/9;background:#0b1210}.venue-film-frame iframe{width:100%;height:100%;border:0}.venue-film-gallery h3,.stylized-film h3{font-size:19px;letter-spacing:-.3px;margin-top:16px}.stylized-film{margin-top:38px;max-width:1000px}.stylized-film video{display:block;width:100%;aspect-ratio:16/9;background:#000}.future-content:has(+.venue-film-gallery),.future-content:has(+.stylized-film){grid-template-columns:1fr}
@media(max-width:760px){.venue-film-gallery{grid-template-columns:1fr;gap:32px}.venue-film-gallery h3,.stylized-film h3{font-size:18px}}
.video-seek-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:15px 0}.video-seek-controls button{cursor:pointer;border:1px solid #b6cbc1;background:transparent;padding:9px 12px;font-size:11px;color:var(--ink)}.video-seek-controls label{font-size:11px;color:#527568}.video-seek-controls input{flex:1;min-width:100px;accent-color:#298780;cursor:pointer}.video-seek-controls output{font-size:11px;white-space:nowrap;font-variant-numeric:tabular-nums}
@media(max-width:760px){.video-seek-controls{gap:9px}.video-seek-controls label{display:none}.video-seek-controls button{font-size:10px;padding:8px}.video-seek-controls input{min-width:70px}}
.venue-film-frame video{display:block;width:100%;height:100%;object-fit:contain;background:#000}
/* Curated, consistent covers remain visible until playback starts. */
.venue-film-frame{position:relative;overflow:hidden}.film-cover{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:#101918;cursor:pointer;z-index:1}.film-cover[hidden]{display:none}.film-cover img{display:block;width:100%;height:100%;object-fit:cover;filter:brightness(1.08) saturate(.94) sepia(.035);transition:transform .35s}.cover-venue-1 img{filter:brightness(1.17) saturate(.98) sepia(.035)}.cover-venue-2 img{filter:brightness(1.2) contrast(.96) saturate(.94) sepia(.035)}.cover-venue-3 img{filter:brightness(1.04) saturate(.92) sepia(.035)}.cover-venue-newstylized img{filter:brightness(1.02) saturate(.92)}.cover-stylized-branding img{filter:brightness(1.13) saturate(.9) sepia(.045)}.film-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;background:#101918bd;border:1px solid #ffffffa0;border-radius:50%;display:grid;place-items:center;box-shadow:0 4px 24px #0002;transition:background .2s}.film-play svg{width:27px;height:27px;fill:white}.film-cover:hover img{transform:scale(1.025)}.film-cover:hover .film-play{background:#167c7cdd}.film-cover:focus-visible{outline:3px solid var(--teal);outline-offset:-4px}

/* Styled collection: portrait-led crops and an independent expandable gallery. */
#stylized-photos .future-content{grid-template-columns:1fr}.styled-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:38px}.styled-gallery .gallery-item{aspect-ratio:3/4}.styled-gallery .gallery-item img{object-position:center 40%}.styled-gallery.expanded .gallery-extra{display:block}@media(max-width:760px){.styled-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:28px}}@media(prefers-reduced-motion:reduce){.gallery-item img{transition:none}}
/* Compact photo collections, with comfortable touch targets on smaller screens. */
.property-gallery,.styled-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media(max-width:1000px) and (min-width:761px){.property-gallery,.styled-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.property-gallery,.styled-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}

/* Website case study: equally sized, clickable browser previews. */
.web-design-intro{max-width:760px;margin:26px 0 40px}.example-location{font-size:10px;letter-spacing:2px;color:#527568;white-space:nowrap}.website-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.website-comparison article>.eyebrow{margin-bottom:10px}.website-comparison h3{font-size:30px;margin:0 0 20px}.website-preview{display:block;background:white;border:1px solid #d5ded9;border-radius:10px;overflow:hidden;box-shadow:0 12px 32px #1019180c;transition:box-shadow .2s,transform .2s}.website-preview:hover{box-shadow:0 18px 40px #1019181c;transform:translateY(-3px)}.website-preview:focus-visible{outline:3px solid #17888c;outline-offset:4px}.browser-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#eaf0ec;border-bottom:1px solid #d5ded9;padding:13px 16px;color:#52645c;font-size:11px}.browser-dots{display:flex;gap:5px}.browser-dots i{display:block;width:7px;height:7px;background:#acbeb3;border-radius:50%}.website-preview img{display:block;width:100%;height:auto;aspect-ratio:1348/926;object-fit:cover;object-position:top}.website-preview-link{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #e1e8e3;padding:17px 20px;font-size:13px;font-weight:600}.website-comparison article:last-child .website-preview{border-color:#9bc9bd}
@media(max-width:760px){.website-comparison{grid-template-columns:1fr;gap:36px}.web-design-example .example-location{display:block;margin-top:18px}.website-comparison h3{font-size:26px}.browser-bar{padding:11px 12px;font-size:10px}.website-preview-link{font-size:12px;padding:15px}.web-design-intro{margin-bottom:30px}}
/* Keep the expanded navigation comfortable on tablet widths. */
@media(min-width:761px) and (max-width:1000px){header .menu{display:block;border:1px solid #ffffff40;background:none;color:white;padding:5px 12px;font-size:22px}header nav{display:none;position:absolute;top:118px;left:0;right:0;background:var(--ink);padding:20px 6% 30px;align-items:stretch;gap:9px;box-shadow:0 12px 15px #0003}header nav.mobile-open{display:flex;flex-direction:column}header nav>a:not(.button){padding:13px 0}header .dropdown>button{font-size:17px;width:100%;text-align:left;padding:14px 0}header .drop{position:static;width:100%;box-shadow:none;background:#1f302b;color:white;margin:5px 0}header nav .nav-guide{align-self:flex-start}header nav .button.small{align-self:flex-start}}

/* Bring the transformation comparison into view sooner. */
.design-intro{padding-top:64px;padding-bottom:48px}.web-design-example{padding-top:36px}.transformation-title{margin-bottom:28px}@media(max-width:760px){.design-intro{padding-top:42px;padding-bottom:32px}.web-design-example{padding-top:28px}.transformation-title{margin-bottom:24px}}

/* Marketing story: pair each venue challenge with a practical solution. */
.marketing-intro p{max-width:850px}.marketing-story{padding-top:70px;padding-bottom:70px}.marketing-challenges{background:#edf2ee}.problem-solution-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:40px}.problem-solution-grid article{background:#fff;padding:30px 26px;border-top:3px solid #5be0e6}.challenge-label{display:block;font-size:9px;letter-spacing:1.7px;color:#527568;font-weight:700;margin-bottom:22px}.problem-solution-grid h3{font-size:24px;letter-spacing:-.6px}.problem-solution-grid p{font-size:15px;line-height:1.7;margin:18px 0 0}.solution{border-top:1px solid #dce6df;margin-top:26px;padding-top:25px}.solution .eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:14px}.solution h3{font-size:23px;color:#257a72}@media(max-width:900px){.problem-solution-grid{grid-template-columns:1fr;gap:20px}.problem-solution-grid article{padding:28px}.marketing-story{padding-top:50px;padding-bottom:50px}}

.hitched-origin{background:#edf2ee}.hitched-origin strong{font-weight:650;color:var(--ink)}

.case-study-grid{margin-top:40px;row-gap:48px}.case-study-grid h3{margin-top:18px}