.alynore-digital-page { background: #fbf8f3; color: #1e1b19; overflow: hidden; }
.alynore-digital-hero { position: relative; min-height: min(710px, calc(100vh - 120px)); display: flex; align-items: center; isolation: isolate; }
.alynore-digital-hero__image, .alynore-digital-hero__veil { position: absolute; inset: 0; width: 100%; height: 100%; }
.alynore-digital-hero__image { object-fit: cover; object-position: center; z-index: -2; }
.alynore-digital-hero__veil { z-index: -1; background: linear-gradient(90deg, rgba(250,246,238,.98) 0%, rgba(250,246,238,.88) 35%, rgba(250,246,238,.17) 69%, rgba(250,246,238,.02) 100%); }
.alynore-digital-hero__content, .alynore-digital-intro, .alynore-digital-feature, .alynore-digital-offerings, .alynore-digital-cta { width: min(1220px, calc(100% - 64px)); margin-inline: auto; }
.alynore-digital-hero__content { max-width: 1220px; padding: 96px 0; }
.alynore-digital-eyebrow { margin: 0 0 19px; color: #a77b4c; font: 700 11px/1.2 Arial, sans-serif; letter-spacing: .2em; text-transform: uppercase; }
.alynore-digital-hero h1, .alynore-digital-page h2, .alynore-digital-page h3 { font-family: Georgia, 'Times New Roman', serif; font-weight: 400; letter-spacing: -.05em; }
.alynore-digital-hero h1 { max-width: 560px; margin: 0; font-size: clamp(50px, 6.2vw, 86px); line-height: .96; }
.alynore-digital-hero__content > p:not(.alynore-digital-eyebrow) { max-width: 490px; margin: 26px 0 0; color: #685f57; font: 400 17px/1.65 Arial, sans-serif; }
.alynore-digital-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
.alynore-digital-button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 48px; padding: 0 23px; border: 1px solid #2c493c; color: #2c493c; font: 700 11px/1 Arial, sans-serif; letter-spacing: .12em; text-decoration: none; text-transform: uppercase; transition: .25s ease; }
.alynore-digital-button--solid { background: #2c493c; color: #fff; }
.alynore-digital-button--solid:hover { background: #a77b4c; border-color: #a77b4c; }
.alynore-digital-button--ghost:hover { background: rgba(255,255,255,.6); }
.alynore-digital-intro { display: grid; grid-template-columns: 1.2fr .8fr; gap: 90px; padding-top: 125px; padding-bottom: 110px; }
.alynore-digital-intro h2, .alynore-digital-feature h2, .alynore-digital-offerings h2, .alynore-digital-cta h2 { margin: 0; font-size: clamp(38px, 4.4vw, 63px); line-height: 1; }
.alynore-digital-intro > p { align-self: end; margin: 0; color: #6c726d; font: 400 18px/1.7 Arial, sans-serif; }
.alynore-digital-feature { display: grid; grid-template-columns: minmax(0, 1.04fr) minmax(300px, .96fr); align-items: center; gap: clamp(40px, 8vw, 120px); padding-bottom: 132px; }
.alynore-digital-feature__image-wrap { overflow: hidden; background: #eee5d9; }
.alynore-digital-feature__image-wrap img { display: block; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; transition: transform .7s ease; }
.alynore-digital-feature__image-wrap:hover img { transform: scale(1.025); }
.alynore-digital-feature__copy p:not(.alynore-digital-eyebrow) { margin: 24px 0; color: #6c726d; font: 400 16px/1.7 Arial, sans-serif; }
.alynore-digital-feature__copy ul { display: grid; gap: 12px; margin: 28px 0 32px; padding: 0; list-style: none; }
.alynore-digital-feature__copy li { padding-bottom: 12px; border-bottom: 1px solid #e4dbd0; color: #3b4d44; font: 600 13px/1.5 Arial, sans-serif; }
.alynore-digital-feature__copy li::before { content: '—'; margin-right: 10px; color: #a77b4c; }
.alynore-digital-text-link { color: #2c493c; font: 700 12px/1 Arial, sans-serif; letter-spacing: .13em; text-decoration: none; text-transform: uppercase; }
.alynore-digital-text-link span { margin-left: 5px; transition: transform .2s ease; }
.alynore-digital-text-link:hover span { display: inline-block; transform: translateX(4px); }
.alynore-digital-offerings { padding: 92px clamp(26px, 6vw, 74px); box-sizing: border-box; background: #e8ede5; }
.alynore-digital-section-head { display: flex; justify-content: space-between; align-items: end; gap: 24px; padding-bottom: 42px; border-bottom: 1px solid rgba(44,73,60,.18); }
.alynore-digital-offerings__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; padding-top: 37px; }
.alynore-digital-offerings__grid article { padding-right: 25px; border-right: 1px solid rgba(44,73,60,.18); }
.alynore-digital-offerings__grid article:last-child { border-right: 0; }
.alynore-digital-offerings__grid span { color: #a77b4c; font: 700 11px Arial, sans-serif; letter-spacing: .16em; }
.alynore-digital-offerings__grid h3 { margin: 17px 0 12px; font-size: 30px; line-height: 1.04; }
.alynore-digital-offerings__grid p { max-width: 290px; margin: 0; color: #69776e; font: 400 14px/1.65 Arial, sans-serif; }
.alynore-digital-cta { box-sizing: border-box; padding-top: 132px; padding-bottom: 136px; text-align: center; }
.alynore-digital-cta h2 { max-width: 660px; margin-inline: auto; }
.alynore-digital-cta > p:not(.alynore-digital-eyebrow) { max-width: 520px; margin: 23px auto 30px; color: #6c726d; font: 400 16px/1.7 Arial, sans-serif; }
@media (max-width: 800px) { .alynore-digital-hero { min-height: 680px; align-items: end; } .alynore-digital-hero__veil { background: linear-gradient(0deg, rgba(250,246,238,.98) 0%, rgba(250,246,238,.86) 42%, rgba(250,246,238,.12) 82%); } .alynore-digital-hero__content { padding: 55px 0; } .alynore-digital-intro, .alynore-digital-feature { grid-template-columns: 1fr; gap: 38px; padding-top: 75px; padding-bottom: 75px; } .alynore-digital-intro { gap: 25px; } .alynore-digital-offerings { width: 100%; padding: 66px 24px; } .alynore-digital-section-head, .alynore-digital-offerings__grid { display: grid; grid-template-columns: 1fr; } .alynore-digital-offerings__grid { gap: 25px; } .alynore-digital-offerings__grid article { padding: 0 0 24px; border-right: 0; border-bottom: 1px solid rgba(44,73,60,.18); } .alynore-digital-offerings__grid article:last-child { padding-bottom: 0; border-bottom: 0; } .alynore-digital-cta { width: min(100% - 40px, 1220px); padding-top: 85px; padding-bottom: 88px; } }
@media (max-width: 480px) { .alynore-digital-hero__content, .alynore-digital-intro, .alynore-digital-feature { width: min(100% - 40px, 1220px); } .alynore-digital-hero h1 { font-size: 48px; } .alynore-digital-actions { display: grid; } .alynore-digital-button { width: 100%; box-sizing: border-box; } }