/* HAINAR palette drawn from the supplied business card. Original logo assets are unmodified. */
:root{--ink:#123e6a;--paper:#f8fafc;--accent:#285f90;--muted:#60768b;--line:#ccd8e6}
body{background:var(--paper);color:var(--ink)}
::selection{background:#b7cadf;color:#123e6a}
.header{background:#fff;border-color:#d3deea}
.brand-logo{display:block;width:155px;height:auto;flex-shrink:0}
.brand-caption{border-color:#9aaec3;color:#304f6d}
.nav-contact{border-color:#8fa7be;color:var(--ink)}
.hero{color:#fff;background:linear-gradient(135deg,#143e6b 0%,#1f5d8b 68%,#365e8b 100%)}
.hero h1{font-weight:800;letter-spacing:-2.5px}
.headline-solid{color:#fff;-webkit-text-stroke:0;text-shadow:none;display:inline-block}
.hero .dot{background:#b6c9df}
.hero-intro{color:#e0eaf3}
.hero .eyebrow{color:#d4e3f0}
.hero .round-link small{color:#c9dced}
.hero .circle{border-color:#afc9de}
.hero .round-link:hover .circle{color:#163f6c;background:#e1eaf4;border-color:#e1eaf4}
.hero-tile{border-color:#fff;background:#fff;box-shadow:0 18px 45px #092b4e55}
.hero-tile figcaption{color:#123e6a;background:#fff}
.art-label{color:#d7e4f0}
.orbit{background:#c4cee0;color:#123e6a}
.hero-bottom{border-color:#ffffff40;color:#d2e1ee}
.ticker{background:linear-gradient(100deg,#b5c5da,#a4bfdb 45%,#c5c7d7);color:#173f6a}
.work .eyebrow,.process-intro .eyebrow{color:#285f90}
.section-heading p,.work-note,.project-number,.project-card p,.more-row{color:#62788c}
.filter{background:transparent;border-color:#a8bfd3;color:#3d5c78}
.filter.active,.filter:hover{background:#164575;border-color:#164575;color:#fff}
.project-image{background:#e6edf5}
.project-category{background:#fffffff0;color:#164575}
.project-arrow{background:#fff;color:#164575}
.project-card:hover .project-arrow{background:#164575;color:#fff}
.line-button{border-color:#8da8bf;color:#164575}
.line-button:hover{background:#164575;color:#fff}
.about{background:#e6eaf3;color:#123e6a}
.about .eyebrow{color:#526b84}
.about-content>p{color:#49627b}
.about-content>.big-paragraph{color:#123e6a}
.about-tags span{border-color:#9eb1c7;color:#3c5e7c}
.about-identity{width:220px;max-width:70%;margin-top:22px}
.about-identity img{width:100%;height:auto}
.services{background:#164575;color:#fff;--muted:#b7cee2;--line:#4d759a}
.services .section-heading .eyebrow,.service-no{color:#c3d5e8}
.services .section-heading p,.service h3 small,.service-tags{color:#c3d5e8}
.service-list,.service{border-color:#7396b780}
.service p{color:#e0e9f2}
.service>a{border-color:#b1c7db80;color:#fff}
.service>a:hover{background:#cfdeed;color:#123e6a;border-color:#cfdeed}
.process{background:#f2f6fb;padding-top:75px}
.process-steps span,.process-steps p{color:#5c748b}
.contact{background:linear-gradient(120deg,#b6c6db,#d3d9e7);color:#123e6a}
.email-link{border-color:#123e6a55}
.brief-form input,.brief-form select,.brief-form textarea{border-color:#123e6a66;color:#123e6a}
.brief-form input::placeholder,.brief-form textarea::placeholder{color:#46637e}
.brief-form .form-note{color:#405f7b}
.brief-form button[type=submit]{background:#123e6a;color:#fff}
.contact a:focus-visible,.contact button:focus-visible,.brief-form input:focus-visible,.brief-form textarea:focus-visible,.brief-form select:focus-visible{outline-color:#164575}
footer{background:#fff;color:#123e6a}
footer .brand-logo{width:135px}
footer>span,footer>a:last-child{color:#5d758a}
.dialog-header .eyebrow,.dialog-header p,.dialog-note{color:#526a80}
.dialog-header .lead{color:#123e6a}
.dialog-tags span,.dialog-links a{border-color:#adc1d4}
.dialog-main-image,.dialog-thumbs button{background:#e6edf5}
.dialog-links a:hover{background:#164575;color:#fff}
.loading-error{color:#123e6a}
.skip{background:#d2e0ed;color:#123e6a}
@media(max-width:1100px){.brand-logo{width:145px}}
@media(max-width:760px){.brand-logo{width:130px}.brand-caption{font-size:10px}.menu-button{color:#164575;border-color:#a2b7cb}.mobile-menu:not([hidden]){background:#fff;color:#164575;border-color:#d3deea;box-shadow:0 18px 30px #123e6a18}.about-identity{width:190px;max-width:60%;margin:20px 0 0}.hero h1{letter-spacing:-1.5px}.process{padding-top:60px}.hero .art-label{font-size:8px}}
@media(max-width:420px){.brand-logo{width:110px}.brand-caption{font-size:9px;padding-left:10px}.brand{gap:10px}.about-identity{width:165px}.hero h1{font-size:10vw;letter-spacing:-1px}}
/* Signature service, legible kinetic headline, and shuffled hero gallery. */
.nav-premium{font-weight:700}.desktop-nav{gap:25px}
.headline-emphasis{position:relative;isolation:isolate;white-space:nowrap;padding:0 8px 7px 0}
.headline-char{display:inline-block;animation:headline-lift 7s ease-in-out infinite}
.headline-char:nth-child(2){animation-delay:.14s}.headline-char:nth-child(3){animation-delay:.28s}
.headline-dot{display:inline-block;color:#d8e9f6;animation:headline-dot 7s ease-in-out infinite}
.headline-scan{position:absolute;left:-2px;right:7px;bottom:0;height:5px;background:#9dbed9;transform-origin:left;animation:headline-line 7s cubic-bezier(.3,.7,.2,1) infinite;border-radius:3px;z-index:-1}
.hero-service-link{display:flex;width:fit-content;gap:25px;align-items:center;font-size:12px;margin-top:22px;color:#d3e4f2;border-bottom:1px solid #b1cce080;padding-bottom:9px}.hero-service-link span{font-size:17px}
.hero-art{height:510px}.hero-tile{padding:0;cursor:pointer;text-align:left;color:#123e6a;font-family:inherit}.hero-tile img{object-fit:contain;background:#f5f7fa;transition:opacity .24s,filter .24s,transform .5s}.hero-tile.is-switching img{opacity:0;filter:blur(5px);transform:scale(1.025)}
.hero-caption{position:absolute;bottom:0;left:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;letter-spacing:.5px;color:#123e6a;background:#fff;padding:7px 10px}.tile-pink img{background:#f5f7fa}
.carousel-controls{position:absolute;bottom:0;right:0;display:flex;align-items:center;gap:10px;font-size:10px;z-index:6}.carousel-controls button{border:1px solid #abc7df80;border-radius:20px;background:#143e6b55;color:white;padding:8px 12px;font-size:10px}.carousel-label{color:#c1d7ea;letter-spacing:1px;margin-right:5px}.carousel-controls button:hover{background:#d3e2ef;color:#123e6a}
.premium-feature{background:#edf1f7;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:9%;border-bottom:1px solid #d5deea;padding-top:85px;padding-bottom:85px}.premium-feature .eyebrow{color:#486e90;font-size:10px;margin-bottom:23px}.premium-feature h2{font-size:clamp(34px,3.8vw,57px);letter-spacing:-2px}.premium-feature-copy>p{font-size:13px;line-height:2;color:#506982;margin:22px 0 25px}.premium-cta{display:inline-flex;align-items:center;gap:48px;background:#164575;color:#fff;padding:17px 23px;border-radius:2px;font-size:13px}.premium-cta:hover{background:#285f90}.premium-feature-tags{display:flex;gap:15px;font-size:10px;color:#5a7590;margin-top:23px;flex-wrap:wrap}.premium-feature-art{position:relative;display:block;padding:25px 20px 43px;background:#d5e1ed;border:1px solid #c6d3e2;overflow:hidden}.premium-feature-art img{width:100%;aspect-ratio:1.35;object-fit:contain;transition:transform .6s}.premium-feature-art:hover img{transform:scale(1.03)}.premium-feature-art>span{position:absolute;left:23px;right:23px;bottom:15px;font-size:9px;letter-spacing:1.5px;color:#315779}.filter-premium{border-color:#285f90;font-weight:700}.service-premium{background:#ffffff08;padding-left:16px;padding-right:16px}
@keyframes headline-lift{0%,18%,100%{transform:translateY(0)}8%{transform:translateY(-7px)}}
@keyframes headline-dot{0%,18%,100%{transform:scale(1);color:#d8e9f6}9%{transform:scale(1.15);color:#fff}}
@keyframes headline-line{0%,100%{transform:scaleX(.35);opacity:.65}17%,75%{transform:scaleX(1);opacity:1}}
@media(min-width:1600px){.hero-art{height:555px}}
@media(max-width:1100px){.desktop-nav{gap:18px}.hero-art{height:430px}.hero-copy{padding-bottom:20px}.premium-feature{gap:6%}}
@media(max-width:760px){.hero-art{height:420px}.carousel-controls{bottom:0;gap:7px}.carousel-label{font-size:8px}.carousel-controls button{padding:7px 10px;font-size:9px}.hero-service-link{font-size:11px;margin-top:18px}.headline-scan{height:4px}.premium-feature{grid-template-columns:1fr;gap:35px;padding-top:55px;padding-bottom:55px}.premium-feature h2{font-size:36px}.premium-feature h2 br:nth-child(2){display:none}.premium-feature .eyebrow{font-size:8px}.premium-feature-copy>p{font-size:12px}.premium-feature-art{padding:18px 15px 35px}.premium-feature-art img{aspect-ratio:1.55}.premium-feature-tags{font-size:9px}.premium-cta{font-size:12px;padding:15px 21px}}
@media(max-width:420px){.hero-art{height:352px}.carousel-label{display:none}.hero-caption{font-size:7px;padding:5px 7px}.premium-feature h2{font-size:33px}.premium-feature h2 br:nth-child(2){display:block}}
@media(prefers-reduced-motion:reduce){.headline-char,.headline-dot,.headline-scan{animation:none!important}.headline-scan{transform:none;opacity:1}.hero-tile img{transition:none!important}}