.hn-work-cover{position:relative;background:#352b32;display:block;overflow:hidden}.hn-work-cover>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.hn-work-cover .project-cover-top{position:relative;z-index:1}.hn-work-placeholder{padding:60px 25px;color:#e8c49d;font-size:36px;display:block}.hn-work-container,.hn-extra-inner{max-width:1180px;margin:0 auto;padding:40px 24px}.hn-work-hero{background:#352b32;color:#faf6f1}.hn-work-hero h1{font-size:clamp(36px,6vw,72px);line-height:1.1;max-width:1000px;margin:15px 0 22px}.hn-work-lead{font-size:20px;line-height:1.7;max-width:780px}.hn-work-main-image{width:100%;max-height:580px;object-fit:cover;display:block}.hn-work-detail{display:grid;grid-template-columns:270px minmax(0,1fr);gap:60px}.hn-work-detail dt{font-weight:700;margin:20px 0 8px}.hn-work-detail dd{margin:0;line-height:1.7}.hn-work-body{min-width:0;font-size:17px;line-height:1.8}.hn-work-body img,.hn-work-body video,.hn-extra-inner img{max-width:100%;height:auto}.hn-extra-section{border-top:1px solid #d7c9cc}.hn-extra-inner{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;line-height:1.8;overflow-wrap:anywhere}.hn-extra-inner.has-image{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}.hn-extra-inner h2{font-size:clamp(26px,4vw,40px);line-height:1.15}.hn-extra-inner>img{border-radius:12px;width:100%;object-fit:cover}.studio-project-info{padding:22px 0}.studio-project-info h3{font-size:25px;margin-bottom:14px}.studio-project-info p{line-height:1.7;margin-bottom:18px}@media(max-width:760px){.hn-work-detail,.hn-extra-inner.has-image{grid-template-columns:1fr;gap:25px}.hn-work-detail aside{border-bottom:1px solid #d7c9cc;padding-bottom:25px}} 
.inner .hn-work-hero .hn-work-lead{color:#eadfe3}.inner .hn-work-hero .eyebrow{color:#e8c49d}

/* Screenshot margins are cropped in cards, keeping the browser frame visible. */
.studio-project-cover.hn-work-cover{height:auto;aspect-ratio:1115/813;background:#e8e7df}
.studio-project-cover.hn-work-cover>img{width:122.25%;max-width:none;height:115.13%;left:-11.125%;top:-7.63%;bottom:auto;right:auto;object-fit:fill;transform:none!important}
.hn-work-cover .project-cover-top{position:absolute;top:9px;left:12px;right:12px;font-size:9px;color:#4b6052;pointer-events:none}
.hn-work-main-image{max-width:1024px;width:100%;height:auto;max-height:none;object-fit:contain;margin:0 auto}
.hn-home-work-slider{min-width:0}
.hn-home-work-slider .hn-work-track{display:flex!important;gap:24px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#b7a8a5 transparent;padding:0 0 14px;grid-template-columns:none!important}
.hn-home-work-slider .studio-project{flex:0 0 calc((100% - 48px)/3);min-width:0;scroll-snap-align:start}
.hn-slider-controls{display:flex;align-items:center;justify-content:space-between;margin-top:16px;color:#796c71;font-size:12px}
.hn-slider-controls>div{display:flex;gap:8px}
.hn-slider-controls button{width:44px;height:40px;border:1px solid #cfc1bf;background:transparent;border-radius:5px;color:#352b32;font-size:21px;cursor:pointer;transition:background .2s,color .2s}
.hn-slider-controls button:hover,.hn-slider-controls button:focus-visible{background:#352b32;color:#fff}
.hn-slider-controls button:disabled{opacity:.3;cursor:default}
.home-service-group{transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease}
.home-service-group:nth-child(1):is(:hover,:focus-within){background:#f0e8e4;border-color:#cdbbb4;box-shadow:0 10px 28px #352b320a}
.home-service-group:nth-child(2):is(:hover,:focus-within){background:#e9eee6;border-color:#b8c5b2;box-shadow:0 10px 28px #352b320a}
.home-service-group:nth-child(3):is(:hover,:focus-within){background:#f1ebdf;border-color:#d1c4aa;box-shadow:0 10px 28px #352b320a}
@media(min-width:761px) and (max-width:1000px){.hn-home-work-slider .studio-project{flex-basis:calc((100% - 24px)/2)}}
@media(max-width:760px){.hn-home-work-slider .studio-project{flex-basis:100%}.hn-home-work-slider .hn-work-track{gap:16px}}
@media(prefers-reduced-motion:reduce){.home-service-group{transition:none}}

/* Keep screenshot chrome clear of the duplicated card label. */
.hn-work-cover .project-cover-top{display:none}

/* Home FAQ: two independent, compact columns of five questions. */
.home-faq-compact{scroll-margin-top:105px;max-width:1080px;padding-top:30px;padding-bottom:36px}
.home-faq-compact .home-section-heading{margin-bottom:20px}.home-faq-compact .studio-kicker{font-size:9px;margin-bottom:12px}
.home-faq-compact .home-section-heading h2{font-size:clamp(25px,2.5vw,32px);line-height:1.18;letter-spacing:-.04em}
.home-faq-compact .home-section-heading>div>p{font-size:12px;line-height:1.7;max-width:340px}
.home-faq-compact .faq{gap:0 28px;counter-reset:none}.home-faq-compact .faq-column{min-width:0}
.home-faq-compact .faq details{padding:0;background:transparent;border:0;border-bottom:1px solid #d9dddc;border-radius:0;counter-increment:none}
.home-faq-compact .faq summary{min-height:50px;padding:12px 0;font-size:12px;line-height:1.5;gap:10px}
.home-faq-compact .faq summary:before{display:none}.home-faq-compact .faq summary:after{font-size:18px;margin-left:auto}
.home-faq-compact .faq-number{font-size:9px;color:#7c9098;flex-shrink:0}
.home-faq-compact .faq details>p{font-size:12px;line-height:1.75;padding:0 18px 15px 24px;margin:0;color:#5b6e78}
.home-faq-compact .faq details>p>a{display:block;width:fit-content;color:#416b79;font-size:11px;margin-top:8px;text-decoration:underline;text-underline-offset:3px}
.home-faq-compact summary:focus-visible{outline:2px solid #738f9a;outline-offset:3px}
@media(max-width:760px){.home-faq-compact{padding-top:25px;padding-bottom:28px}.home-faq-compact .faq{grid-template-columns:1fr;gap:0}.home-faq-compact .home-section-heading>div{display:block}.home-faq-compact .home-section-heading>div>p{margin-top:10px;max-width:none}.home-faq-compact .faq summary{min-height:48px;font-size:12px}.home-faq-compact .faq details>p{font-size:12px}}
/* Public service covers are explanatory graphics, not sample customer work. */
.visual-service-cover.service-cover-graphic{display:flex;align-items:center;justify-content:center;background:linear-gradient(130deg,#e6e5df,#d5dfdc);color:#5d777d}.service-cover-symbol{font:400 90px/1 Georgia,serif;letter-spacing:-.06em;opacity:.8}.public-contact-page{padding-top:70px;padding-bottom:85px;min-height:380px}.public-contact-page h1{font-size:clamp(30px,4vw,48px);line-height:1.15;max-width:850px}.public-contact-page>p:not(.studio-kicker){font-size:16px;line-height:1.85;max-width:730px;color:#69767b}.public-contact-actions{display:flex;gap:20px;flex-wrap:wrap;align-items:center;margin-top:28px}@media(max-width:650px){.public-contact-page{padding-top:35px;padding-bottom:45px}.public-contact-page>p:not(.studio-kicker){font-size:14px}.public-contact-actions{align-items:start;flex-direction:column}}
.public-contact-actions .studio-button{background:#efd7ae;color:#352b32;border-color:#efd7ae}