/* HTX cinematic direction: editorial content, full-width film, substantial media. */
:root{--bronze:#89633e;--serif:Georgia,'Times New Roman',serif}
.home .header{position:fixed;width:100%;color:#fffefa;background:transparent;border-bottom:1px solid #ffffff30;transition:background .25s,color .25s}
.home .header .brand-sub{border-color:#ffffff55}.home .header .brand-dot{color:#d5bb9b}.home .header .button{background:transparent;color:#fffefa;border-color:#ffffff80}.home .header .menu-toggle span{background:var(--cream)}
.home .header.scrolled{background:var(--cream);color:var(--ink);border-color:var(--line)}.home .header.scrolled .brand-sub{border-color:#bcb7aa}.home .header.scrolled .button{background:var(--ink);color:white;border-color:var(--ink)}.home .header.scrolled .menu-toggle span{background:var(--ink)}
.cinematic-hero{min-height:85svh;display:flex;flex-direction:column;justify-content:flex-end}.cinematic-hero .hero-media:after{background:linear-gradient(90deg,rgba(13,21,17,.79) 0%,rgba(15,23,19,.54) 43%,rgba(15,23,19,.17) 100%),linear-gradient(0deg,rgba(13,21,17,.42),transparent 50%)}
.cinematic-hero .hero-media img,.cinematic-hero .hero-media video{object-position:center 52%}.cinematic-hero .hero-content{padding:170px 5.6% 65px;max-width:none}.cinematic-hero h1{font-size:clamp(4rem,7.2vw,7.5rem);line-height:1.03;letter-spacing:-.055em;max-width:980px}.cinematic-hero .hero-intro{max-width:650px;color:#fffefa;font-size:1.03rem;line-height:1.75;text-shadow:0 1px 12px #12201880}.cinematic-hero .hero-note{color:#e8e8de;max-width:600px}.cinematic-hero .hero-foot{margin-top:auto;min-height:68px;color:#f4f3ec;border-color:#ffffff35;align-items:center}.cinematic-hero .hero-foot span:first-child{display:block}.cinematic-hero .hero-foot [data-skyline-caption]{font-size:.75rem;color:#fffefa;letter-spacing:.14em}.hero-scroll{font-size:.7rem;letter-spacing:.1em;border-bottom:1px solid #ffffff70;padding-bottom:3px}.cinematic-hero .background-pause{bottom:90px;right:5.6%;background:#14211b65;border-color:#ffffff65;z-index:3;min-height:44px}
.section{padding-block:100px}.section-heading{margin-bottom:50px}.section-heading h2{font-size:clamp(2.5rem,4vw,4.2rem)}.founders{padding-block:76px 95px}.founder-grid{gap:36px}.founder-card{border:0}.founder-card .portrait{min-height:290px;background:#e4e0d6;border-bottom:1px solid #d6d1c5}.portrait-initials{font-size:4.8rem;color:#827d70}.founder-content{padding:33px 38px 37px}.founder-content h3{font-size:2.2rem}.founder-content p:not(.eyebrow){font-size:1rem;max-width:550px}.founders .section-heading{margin-bottom:40px}.founders .section-heading .text-link{align-self:flex-end;margin-bottom:7px}
.visual-services{border-top:1px solid var(--line);padding-top:90px}.visual-services>.section-heading>.button{align-self:flex-end;margin-bottom:8px}.visual-service{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px;align-items:center;padding:65px 0;border-top:1px solid var(--line)}.visual-service:last-child{padding-bottom:0}.visual-service-websites .service-editorial{grid-column:2;grid-row:1}.visual-service-websites .website-visual{grid-column:1;grid-row:1}.visual-service-websites{grid-template-columns:1.2fr .8fr}.service-editorial .number{font-size:1.2rem}.service-editorial h3{font-family:var(--serif);font-weight:400;font-size:clamp(2.2rem,3vw,3.1rem);line-height:1.1;margin:20px 0 25px;max-width:480px}.service-editorial p{max-width:440px;margin-bottom:27px;line-height:1.8}.service-editorial .text-link{font-size:.95rem}
.preview-label{display:block;font-size:.7rem;letter-spacing:.1em;color:#d1b593;line-height:1.5}.pipeline-visual{background:#24312a;padding:29px 35px;color:#f2f2e9;min-height:360px}.pipeline-window{margin-top:28px;border:1px solid #697266;background:#f9f8f0;color:#293229}.window-heading{display:flex;justify-content:space-between;padding:13px 18px;border-bottom:1px solid #d8ddd0;font-size:.75rem;font-weight:600}.window-heading span:last-child{color:#737d6d;font-weight:400}.pipeline-progress{display:flex;align-items:center;gap:8px;padding:20px 18px;font-size:.75rem;color:#68735f}.pipeline-progress span{border:1px solid #c5cdbd;padding:7px 9px;flex-shrink:0}.pipeline-progress i{height:1px;flex:1;background:#c5cdbd}.brief-card{margin:0 18px 20px;padding:21px;background:white;border:1px solid #d8ddd0}.brief-card .eyebrow{font-size:.65rem;letter-spacing:.08em;margin-bottom:14px}.brief-card h4{margin:0 0 18px;font-family:var(--serif);font-weight:400;font-size:1.6rem;line-height:1.15}.brief-card dl{display:grid;grid-template-columns:80px 1fr;gap:8px 10px}.brief-card dt,.brief-card dd{font-size:.75rem;margin:0;line-height:1.5}.brief-card dt{font-weight:600}.brief-card dd{color:#65715d}
.website-visual{padding:28px;background:#ddd9cd;min-height:360px}.website-visual>.preview-label{color:#655744}.website-visual iframe{width:100%;height:340px;display:block;border:0;margin-top:23px;background:#f5f2eb;box-shadow:0 10px 30px #252e2620;pointer-events:none}.film-visual{position:relative;overflow:hidden;min-height:360px}.film-visual>img{width:100%;height:100%;min-height:360px;object-fit:cover;display:block;filter:saturate(.78)}.image-caption{position:absolute;bottom:20px;left:25px;color:#fffefa;background:#1c271d9c;padding:5px 10px;font-size:.65rem;letter-spacing:.08em;z-index:2}
.cinematic-feature{min-height:660px;position:relative;display:flex;align-items:center;background:var(--dark);color:var(--cream);overflow:hidden}.cinematic-feature>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.78)}.cinematic-feature:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#14211be6,#14211b79 57%,#14211b26)}.cinematic-feature-copy{position:relative;z-index:1;padding:85px 5.6%;max-width:850px}.cinematic-feature .eyebrow{color:#d3b897}.cinematic-feature h2{font-size:clamp(3rem,5vw,5.2rem);line-height:1.05}.cinematic-feature h2 em{color:#d3b897}.cinematic-feature p:not(.eyebrow){max-width:490px;color:#e0e5d9;margin:25px 0 30px}.cinematic-feature .button{color:var(--cream);border-color:#d8ddd09c}.cinematic-feature .image-caption{left:auto;right:5.6%;bottom:28px}
.selected-showcase{background:#ebe8df}.showcase-intro{max-width:690px;margin:-15px 0 48px;font-size:1rem}.showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 35px}.showcase-project{display:block}.showcase-media{height:390px;position:relative;overflow:hidden;background:#25322b}.showcase-media>.pipeline-visual{height:100%;display:flex;flex-direction:column;justify-content:center}.showcase-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease;filter:saturate(.8)}.showcase-project:hover .showcase-media img{transform:scale(1.025)}.project-caption{padding:22px 0 0}.project-caption .eyebrow{font-size:.7rem;letter-spacing:.1em;margin-bottom:12px}.project-caption h3{font-family:var(--serif);font-size:1.9rem;font-weight:400}.showcase-film{grid-column:1/-1}.showcase-film .showcase-media{height:480px}.film-link-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#17221b35;color:white;font-size:.8rem;letter-spacing:.2em;text-shadow:0 2px 15px black}.website-thumbnail:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#17251bd4,#17251b42)}.website-thumbnail>div{position:absolute;top:45px;left:38px;z-index:1;color:white}.website-thumbnail>div>span{font-size:.65rem;letter-spacing:.14em}.website-thumbnail h4{font-size:3.7rem;font-family:var(--serif);font-weight:400;line-height:1.05;letter-spacing:-.04em;margin:32px 0}
.cinematic-cta{background:var(--dark);color:var(--cream);padding-block:85px}.cinematic-cta .eyebrow,.cinematic-cta h2 em{color:#cdb391}.cinematic-cta h2{font-size:clamp(2.8rem,4.5vw,4.6rem)}.cinematic-cta p:not(.eyebrow){color:#cbd2c5;max-width:600px}.cinematic-cta .button{background:var(--cream);color:var(--ink);border-color:var(--cream)}footer{padding-top:65px}
.page-intro{padding-block:85px 75px}.page-intro h1{font-size:clamp(3.3rem,6vw,6.1rem)}.service-full-media{grid-column:1/-1;margin-top:10px}.service-full-media>.pipeline-visual{max-width:900px;margin:auto;padding:40px 10%;}.service-full-media>.website-visual{padding:35px 9%}.service-full-media iframe{height:500px}.service-full-media>.film-visual{height:520px}.service-full-media img{height:520px}.service-workflow{padding-top:40px}.about-cinematic{position:relative;min-height:470px;background:var(--dark);color:var(--cream);display:flex;align-items:end;overflow:hidden}.about-cinematic>img{position:absolute;width:100%;height:100%;object-fit:cover}.about-cinematic:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#111e17ce,#111e1715)}.about-cinematic>div{position:relative;z-index:1;padding:50px 5.6%}.about-cinematic .eyebrow{color:#d7c09f}.about-cinematic h2{font-size:3.9rem}.full-bio{gap:90px}.full-bio .portrait{min-height:610px}
.project-panel{grid-template-columns:1.25fr 1fr;gap:70px}.project-demo{min-height:480px}.video-demo{padding:0;background:transparent;min-height:0;color:var(--ink)}.video-demo>.demo-label{color:var(--bronze);margin-bottom:20px}.video-demo>div{min-height:0;display:block}.video-demo video{width:100%;max-width:100%;display:block;margin:0;background:var(--dark);aspect-ratio:16/9}.video-demo p.demo-disclosure{color:var(--muted);max-width:none;text-align:left;margin-top:16px;font-size:.875rem}.project-description h2{font-size:2.9rem}.demo-property{position:relative;isolation:isolate;padding-top:90px;overflow:hidden}.demo-property-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.demo-property:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#122017d9,#12201745);z-index:-1}.demo-property>.eyebrow{color:#d0b38d}.demo-property h1 em{color:#d0b38d}.demo-property>.button{position:relative}.contact-layout aside h2{font-size:3.4rem}
.reveal-enabled .reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}.reveal-enabled .reveal.visible{opacity:1;transform:none}
@media(min-width:1600px){.cinematic-hero .hero-content{padding-left:max(5.6%,calc((100vw - 1420px)/2))}}
@media(max-width:1100px){.visual-service{gap:45px}.pipeline-visual{padding:25px}.showcase-media{height:350px}.showcase-film .showcase-media{height:430px}.project-panel{gap:45px}.full-bio{gap:50px}}
@media(max-width:850px){.home .header nav{color:var(--ink);border-color:var(--line)}.cinematic-hero{min-height:800px}.cinematic-hero .hero-content{padding-top:150px;padding-bottom:70px}.cinematic-hero h1{font-size:4.7rem}.cinematic-hero .hero-foot{flex-wrap:wrap;gap:14px}.cinematic-hero .hero-foot span:first-child{display:none}.cinematic-hero .hero-media:after{background:linear-gradient(90deg,#132219bc,#13221952),linear-gradient(0deg,#13221975,transparent)}.section{padding-block:70px}.founder-grid{grid-template-columns:1fr 1fr;gap:25px}.founder-content{padding:25px}.founder-content h3{font-size:1.9rem}.founder-card .portrait{min-height:250px}.founder-content p:not(.eyebrow){font-size:.94rem}.visual-service,.visual-service-websites{grid-template-columns:1fr;gap:30px;padding-block:45px}.visual-service-websites .service-editorial,.visual-service-websites .website-visual{grid-column:auto;grid-row:auto}.service-editorial p{max-width:640px}.service-editorial h3{max-width:650px}.pipeline-visual{padding:30px 40px}.film-visual>img{height:400px}.cinematic-feature{min-height:600px}.cinematic-feature-copy{padding-block:70px}.showcase-media{height:320px}.showcase-media>.pipeline-visual{padding:22px}.brief-card{padding:16px}.brief-card h4{font-size:1.25rem}.pipeline-progress{padding:14px 12px;gap:5px;font-size:.7rem}.pipeline-progress span{padding:6px}.showcase-media .brief-card dl{grid-template-columns:1fr;gap:4px}.showcase-media .brief-card dd{margin-bottom:6px}.showcase-media .brief-card{margin:0 12px 14px}.showcase-media .preview-label{font-size:.65rem}.showcase-media .window-heading{padding:10px 12px}.website-thumbnail>div{left:25px}.website-thumbnail h4{font-size:3rem}.showcase-grid{gap:35px 25px}.project-caption h3{font-size:1.5rem}.showcase-film .showcase-media{height:370px}.project-panel{grid-template-columns:1fr}.full-bio{gap:35px}.full-bio .portrait{min-height:480px}.service-full-media>.pipeline-visual{padding:30px 9%}.service-full-media>.film-visual,.service-full-media img{height:400px}.about-cinematic h2{font-size:3.2rem}.contact-layout aside h2{font-size:2.8rem}}
@media(max-width:600px){.cinematic-hero{min-height:760px;min-height:92svh}.cinematic-hero .hero-content{padding:125px 6% 60px}.cinematic-hero h1{font-size:clamp(3.2rem,10.5vw,4.2rem);line-height:1.06}.cinematic-hero .hero-intro{font-size:.94rem;line-height:1.7;margin-top:25px}.cinematic-hero .hero-note{font-size:.875rem;line-height:1.6}.cinematic-hero .hero-media img,.cinematic-hero .hero-media video{object-position:62% center}.cinematic-hero .hero-media:after{background:linear-gradient(90deg,#132219d0,#1322196b),linear-gradient(0deg,#13221985,transparent)}.cinematic-hero .hero-foot{padding-block:19px;min-height:58px}.cinematic-hero .hero-foot [data-skyline-caption],.hero-scroll{font-size:.65rem}.cinematic-hero .background-pause{bottom:82px;font-size:.75rem;padding:8px 10px;right:6%}.hero .button-row{flex-direction:row;flex-wrap:wrap;gap:10px;margin-top:27px}.hero .button{font-size:.8rem;padding:12px 15px;min-height:46px}.section{padding-block:60px}.founder-grid{grid-template-columns:1fr;gap:28px}.founder-card .portrait{min-height:270px}.founder-content{padding:28px}.founder-content h3{font-size:2rem}.founder-content p:not(.eyebrow){font-size:1rem}.founders .section-heading .text-link{align-self:flex-start}.visual-services>.section-heading>.button{align-self:flex-start}.visual-service{gap:25px;padding-block:40px}.service-editorial h3{font-size:2.4rem}.pipeline-visual{padding:24px 20px}.pipeline-window{margin-top:22px}.brief-card h4{font-size:1.5rem}.pipeline-progress{font-size:.7rem}.brief-card dl{grid-template-columns:72px 1fr}.website-visual{padding:24px 20px}.website-visual iframe{height:330px}.film-visual>img{height:320px;min-height:320px}.film-visual{min-height:320px}.cinematic-feature{min-height:590px}.cinematic-feature h2{font-size:3.5rem}.cinematic-feature-copy{padding:65px 6% 85px}.cinematic-feature .image-caption{right:6%;font-size:.6rem}.showcase-grid{grid-template-columns:1fr;gap:36px}.showcase-film{grid-column:auto}.showcase-media{height:370px}.showcase-media>.pipeline-visual{padding:28px}.showcase-media .brief-card dl{grid-template-columns:72px 1fr;gap:8px}.showcase-media .brief-card dd{margin-bottom:0}.showcase-media .brief-card h4{font-size:1.5rem}.showcase-media .preview-label{font-size:.7rem}.showcase-film .showcase-media{height:330px}.website-thumbnail h4{font-size:3.7rem}.project-caption h3{font-size:1.8rem}.showcase-intro{margin-top:-5px}.film-link-label{font-size:.7rem;letter-spacing:.12em}.cinematic-cta{padding-block:65px}.cinematic-cta h2{font-size:3rem}.page-intro{padding-block:55px}.page-intro h1{font-size:3.2rem}.service-detail{gap:35px}.service-full-media>.pipeline-visual{padding:25px 20px}.service-full-media>.website-visual{padding:22px 15px}.service-full-media iframe{height:370px}.service-full-media>.film-visual,.service-full-media img{height:330px}.about-cinematic{min-height:390px}.about-cinematic h2{font-size:2.7rem}.about-cinematic>div{padding:40px 6%}.full-bio{grid-template-columns:1fr}.full-bio .portrait{min-height:390px}.project-description h2{font-size:2.5rem}.project-demo{min-height:0}.contact-layout aside h2{font-size:2.8rem}.image-caption{font-size:.6rem}}
@media(max-width:380px){.cinematic-hero h1{font-size:3.1rem}.hero .button{font-size:.75rem;padding-inline:12px}.pipeline-visual{padding:22px 16px}.pipeline-progress{gap:4px}.pipeline-progress span{padding:6px 5px}.window-heading{padding:12px;font-size:.7rem}.brief-card{margin-inline:12px}.showcase-media>.pipeline-visual{padding:23px 16px}}
@media(prefers-reduced-motion:reduce){.reveal-enabled .reveal{opacity:1;transform:none}.hero-media video{display:none}}
.hero-media video{position:absolute;inset:0;z-index:0}.hero-media:after{z-index:1}
.cinematic-hero .hero-media{z-index:0}.cinematic-hero .hero-content,.cinematic-hero .hero-foot{z-index:2}.cinematic-hero .hero-media:after{background:linear-gradient(90deg,rgba(13,21,17,.79),rgba(15,23,19,.54) 43%,rgba(15,23,19,.17)),linear-gradient(0deg,rgba(13,21,17,.42),transparent 50%),linear-gradient(180deg,rgba(13,21,17,.5),transparent 25%)}
.home.loaded .hero-content{animation:hero-enter .65s ease-out}@keyframes hero-enter{from{transform:translateY(8px)}to{transform:translateY(0)}}
.founder-card .portrait{min-height:0;aspect-ratio:4/5;max-height:560px}.founder-card .portrait img{object-position:50% 25%}.full-bio .portrait{min-height:0;aspect-ratio:4/5;max-height:750px}.full-bio .portrait img{object-position:50% 25%}

.consultation-details{margin-top:26px;display:grid;gap:16px}.consultation-details p{margin:0}.consultation-details span{display:block;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--bronze);margin-bottom:6px}.consultation-details a{font-size:1.1rem;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:5px;overflow-wrap:anywhere}.consultation-details a:hover{text-decoration-color:var(--bronze)}

/* Keep content flexible across narrow phones, tablets, and large screens. */
main{min-width:0}
.founder-grid>*,.visual-service>*,.showcase-grid>*,.service-detail>*,.process-grid>*,.full-bio>*,.contact-layout>*,.field-row>*,.project-panel>*{min-width:0}
img,video,iframe{max-width:100%}
h1,h2,h3,h4,p,dd,a{overflow-wrap:break-word}
input,select,textarea{font-size:1rem;max-width:100%}
.button-row{flex-wrap:wrap}
.menu-toggle{width:44px;min-width:44px;min-height:44px}
.header-actions{flex-shrink:0}
.brief-card dl{grid-template-columns:80px minmax(0,1fr)}
.pipeline-progress{flex-wrap:wrap}
.work-tabs button{min-height:44px}
@media(max-width:850px){
  .header nav{max-height:calc(100svh - 80px);overflow-y:auto}
  .header nav a{min-height:44px;display:flex;align-items:center}
}
@media(max-width:700px){.full-bio{grid-template-columns:1fr}.full-bio .portrait{max-width:560px;width:100%;margin-inline:auto}}
@media(max-width:600px){
  .header .button{min-height:44px}
  .cinematic-hero .hero-content{padding-bottom:110px}
  .cinematic-hero .hero-media video,.cinematic-hero .background-pause{display:none}
  .page-intro h1{font-size:clamp(2.6rem,8.5vw,3.2rem)}
  .cinematic-feature h2{font-size:clamp(2.7rem,9vw,3.5rem)}
  .cinematic-cta h2{font-size:clamp(2.6rem,8.5vw,3rem)}
  .brief-card dl,.showcase-media .brief-card dl{grid-template-columns:65px minmax(0,1fr)}
}
@media(max-width:380px){
  .cinematic-hero h1{font-size:clamp(2.65rem,10vw,3.1rem)}
  .hero .button-row{flex-direction:column;align-items:stretch}
  .hero .button-row .button{width:100%}
  .process-grid{grid-template-columns:1fr}
  .work-tabs{gap:12px}
}