@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Lora:wght@400;500&family=Nunito+Sans:wght@400;500;600&family=Libre+Caslon+Display&display=swap');
:root{--green:#142e27;--paper:#f7f5ef;--ink:#172d27;--gold:#b6a276;--line:#d6d8ce;--serif:'Libre Caslon Display',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{transition:background .2s,color .2s,transform .2s}button:focus-visible,a:focus-visible,.feature:focus-visible{outline:3px solid #b29455;outline-offset:5px}header{height:112px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:12px;font-family:Georgia,serif;font-size:22px;letter-spacing:3px;line-height:1.2}.brand-bottom{display:block;font-family:'DM Sans',sans-serif;font-size:10px;letter-spacing:3.5px;margin-top:5px}.star{font-size:44px;line-height:1;color:var(--gold)}nav{display:flex;gap:34px;font-size:14px}nav a:hover{color:#8a703d}.outline,.cream,.dark,.line{padding:15px 26px;border:1px solid currentColor;background:none;font-weight:500;font-size:14px;min-height:48px}.header-contact{padding:12px 24px}.feature{min-height:615px;position:relative;background:var(--green);color:var(--paper);display:grid;grid-template-columns:53% 47%;isolation:isolate;overflow:hidden}.hero-art{grid-column:2;grid-row:1;position:relative;min-width:0}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,46,39,.32),transparent 35%),linear-gradient(0deg,rgba(0,0,0,.28),transparent 50%)}.hero-art img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.image-label{position:absolute;right:35px;bottom:35px;z-index:1;font-size:11px;letter-spacing:2px}.hero-content{grid-column:1;grid-row:1;position:relative;padding:50px 9.4% 29px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:2.4px;line-height:1.6;margin:0 0 30px}.hero-content>.eyebrow{color:#c0ba9d;margin-bottom:44px}.service-label{font-size:11px;letter-spacing:1.8px;color:#c0ba9d;margin:0 0 17px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:400}h1{font-family:var(--serif);font-size:clamp(48px,5.4vw,84px);line-height:1.02;letter-spacing:-1.5px;margin-bottom:23px}em{font-weight:400}h1 em{color:#dcd7c4}.hero-description{max-width:430px;line-height:1.8;color:#dedfd7;font-size:15px;margin-bottom:29px}.cream{background:var(--paper);color:var(--green);border-color:var(--paper)}.cream:hover{background:#e1dccb}.button-plus{font-size:20px;margin-left:40px;font-weight:400}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:43px}.hero-bottom>span{font-size:9px;line-height:1.8;letter-spacing:1.8px;color:#b9c0b3}.slide-controls{display:flex;align-items:center;gap:15px;font-size:11px;white-space:nowrap}.slide-controls button{background:none;color:var(--paper);border:1px solid #64776c;border-radius:50%;height:34px;width:34px;font-size:23px}.slide-controls button:hover{background:#3b5044}.service-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);padding:0 5%}.service-tabs button{position:relative;text-align:left;padding:25px 25px 25px 0;background:none;border:0;color:#69766b;font-size:14px;display:flex;align-items:center;gap:18px}.service-tabs button[aria-selected=true]{color:var(--green)}.service-tabs button[aria-selected=true]:before{content:'';position:absolute;top:0;left:0;right:26px;height:3px;background:var(--gold)}.service-tabs button>span:first-child{font-size:11px;color:#8d805f}.tab-plus{margin-left:auto;font-size:22px}.intro{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:100px 8% 90px}.intro .eyebrow,.approach .eyebrow{color:#777553;margin-bottom:23px}h2{font-family:var(--serif);font-size:clamp(40px,4.1vw,62px);line-height:1.05;letter-spacing:-.5px;margin-bottom:25px}.intro-right>p{font-size:17px;line-height:1.8;max-width:535px;margin-bottom:28px}.occasion-list{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;font-size:12px}.occasion-list span{border-bottom:1px solid var(--line);padding:14px 0}.service-section{padding:0 8% 90px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.section-heading .eyebrow{margin:0}.section-heading>span{font-size:12px;color:#617163}.service-cards{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #c9cfc0}.service-card{color:var(--ink);background:transparent;text-align:left;border:0;padding:29px 30px 35px;min-width:0}.service-card+.service-card{border-left:1px solid #c9cfc0}.service-card:hover{background:#e9ecdf}.card-top{display:flex;justify-content:space-between;font-size:12px;color:#827957;margin-bottom:35px}.card-top span{font-size:25px;line-height:15px}.service-card h3{font-family:var(--serif);font-size:39px;line-height:1.12;margin-bottom:29px}.service-card>p{font-size:13px;font-weight:600;margin-bottom:14px}.service-card>div{font-size:14px;line-height:1.8;color:#59695d}.approach{padding:80px 8%;background:#e8ecdf;display:grid;grid-template-columns:1fr 1fr;gap:10%}.approach>div>p:last-child{line-height:1.8;max-width:390px;font-size:15px}.approach ol{list-style:none;padding:0;margin:0}.approach li{display:flex;gap:26px;padding:23px 0;border-bottom:1px solid #c6cebd}.approach li:first-child{padding-top:5px}.approach li>span{font-size:12px;color:#777553;padding-top:5px}.approach li h3{font-size:17px;margin-bottom:10px}.approach li p{font-size:14px;line-height:1.8;margin:0;color:#566353}.contact-section{text-align:center;background:var(--green);color:var(--paper);padding:76px 25px 84px}.contact-section .eyebrow{color:#c4bb9c;margin-bottom:23px}.contact-section h2{font-size:clamp(45px,5vw,76px);margin-bottom:18px}.contact-section>p:not(.eyebrow){font-size:15px;color:#c6cebf;margin-bottom:30px}.contact-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.contact-actions .outline:hover{background:#2c463a}.contact-actions button{min-width:128px}footer{padding:40px 5%;display:flex;align-items:center;justify-content:space-between;gap:30px}footer>.brand{font-size:18px}footer .star{font-size:35px}footer .brand-bottom{font-size:8px}footer>span{font-size:11px;color:#637366}dialog{border:0;background:var(--paper);color:var(--ink);width:min(680px,calc(100% - 32px));padding:50px;max-height:90dvh;box-shadow:0 25px 100px #0005}dialog::backdrop{background:#071d17b8;backdrop-filter:blur(5px)}dialog h2{font-size:49px;margin-right:10px}dialog h3{font-size:16px;margin-top:26px}dialog p,dialog li{line-height:1.8;font-size:15px}dialog ul{padding-left:20px}dialog li{padding:3px 0}.close{position:absolute;right:17px;top:12px;border:0;background:none;color:var(--ink);font-size:30px;width:40px;height:40px}.dark{background:var(--green);color:var(--paper)}.dark:hover{background:#34503e}.line:hover{background:#e4e7da}.detail-note{color:#617163;border-top:1px solid var(--line);padding-top:17px;margin-top:22px}dialog .contact-actions{justify-content:flex-start;margin-top:25px}.slide-copy.animate{animation:reveal .3s ease-out}@keyframes reveal{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1500px){.feature{min-height:700px}.hero-content{padding-top:70px}}@media(max-width:1000px){header{height:95px;gap:20px}nav{gap:20px;font-size:12px}.hero-content{padding:40px 8% 25px}.hero-content>.eyebrow{margin-bottom:33px}.hero-bottom>span{display:none}.hero-bottom{margin-top:30px}.hero-description{font-size:14px}.feature{min-height:580px}.service-tabs button{font-size:12px;gap:10px}.intro{padding:70px 6%;gap:6%}.service-section{padding:0 6% 70px}.service-card{padding:25px 20px}.service-card h3{font-size:32px}.approach{padding:65px 6%;gap:6%}}@media(max-width:700px){header{height:87px;padding:0 6%;gap:12px}.brand{font-size:18px;gap:8px}.star{font-size:34px}.brand-bottom{font-size:8px}nav{display:none}.header-contact{font-size:12px;padding:10px 17px}.feature{display:flex;flex-direction:column;min-height:0}.hero-art{order:2;height:235px}.hero-art img{object-position:50% 57%}.image-label{bottom:20px;right:20px;font-size:9px}.hero-content{padding:34px 7% 25px}.hero-content>.eyebrow{margin-bottom:29px;font-size:9px}.service-label{font-size:10px}h1{font-size:53px;line-height:1.04;letter-spacing:-1px}.hero-description{font-size:15px;min-height:81px}.hero-bottom{margin-top:25px}.hero-bottom>span{display:block;font-size:8px}.service-tabs{padding:0 5%;gap:15px}.service-tabs button{display:block;padding:18px 0;font-size:11px;line-height:1.5}.service-tabs button>span:first-child{display:block;margin-bottom:5px;font-size:10px}.tab-plus{display:none}.service-tabs button[aria-selected=true]:before{right:0}.intro{display:block;padding:55px 7%}.intro h2{font-size:47px}.intro-right>p{font-size:16px}.occasion-list{font-size:12px}.section-heading{display:block}.section-heading .eyebrow{margin-bottom:10px;font-size:10px}.service-section{padding:0 7% 55px}.service-cards{grid-template-columns:1fr}.service-card{padding:24px}.service-card+.service-card{border-left:0;border-top:1px solid #c9cfc0}.card-top{margin-bottom:20px}.service-card h3{font-size:38px;margin-bottom:20px}.service-card h3 br{display:none}.service-card h3 em:before{content:' '}.service-card>div{font-size:15px}.service-card>p{font-size:14px}.approach{display:block;padding:50px 7%}.approach ol{margin-top:30px}.contact-section{padding:55px 7%}.contact-section .eyebrow{font-size:10px}.contact-actions{gap:9px}.contact-actions button{padding:13px 18px;min-width:110px}footer{flex-wrap:wrap;padding:30px 7%;gap:23px}footer>.brand{width:100%}footer>span{font-size:10px}dialog{padding:45px 25px 30px}dialog h2{font-size:40px}dialog .contact-actions button{flex-grow:1}.eyebrow{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.service-tabs button{font-size:14px}.hero-description{font-size:16px}.service-card>p{font-size:14px}.occasion-list{font-size:14px}nav{font-size:14px}
/* Layered visual cards and translucent surfaces */
body{background:#e5e9df;background-image:radial-gradient(ellipse at 0% 12%,#c1cbbb99,transparent 45%),radial-gradient(ellipse at 100% 55%,#d7c9a370,transparent 45%)}header{background:#f7f5ef8c;border-bottom:1px solid #ffffff80;backdrop-filter:blur(22px)}.feature{display:block;min-height:0;padding:30px 5% 23px;background:transparent;color:var(--ink);overflow:visible}.deck-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.deck-heading .eyebrow{margin:0;color:#5d6958}.deck-heading>span{font-family:var(--serif);font-size:23px}.card-deck{position:relative;height:590px;isolation:isolate;overflow:hidden;border-radius:18px}.visual-card{position:absolute;left:var(--left);top:20px;bottom:0;width:12%;overflow:hidden;border:1px solid #ffffff70;border-radius:18px 18px 10px 10px;background:#29483c;z-index:var(--layer);box-shadow:-12px 8px 36px #071c2433;transition:left .65s cubic-bezier(.22,.8,.25,1),width .65s cubic-bezier(.22,.8,.25,1),top .65s cubic-bezier(.22,.8,.25,1),box-shadow .4s}.visual-card.is-active{width:84%;top:0;box-shadow:0 18px 45px #172f3933}.card-photo{position:absolute;width:100%;height:100%;object-fit:cover;object-position:70% 50%;filter:saturate(.75)}.visual-card:nth-child(2) .card-photo{object-position:30% 50%;filter:saturate(.55)}.visual-card:nth-child(3) .card-photo{object-position:95% 50%;filter:saturate(.7)}.card-shade{position:absolute;inset:0;background:linear-gradient(90deg,#102b26dc 0%,#183a30a3 42%,#17342a12 100%)}.visual-card:nth-child(2) .card-shade{background:linear-gradient(90deg,#233832e8,#30433ca1 47%,#36483620)}.visual-card:nth-child(3) .card-shade{background:linear-gradient(90deg,#352f21e8,#4a402b99 47%,#48352320)}.card-lip{position:absolute;inset:0;display:flex;align-items:flex-start;flex-direction:column;gap:30px;width:100%;border:0;color:#fff9e8;background:#2441344d;backdrop-filter:blur(9px);padding:26px 20px;text-align:left;z-index:3}.lip-number{font-size:16px;color:#e7dab7}.lip-label{writing-mode:vertical-rl;font-family:var(--serif);font-size:30px;white-space:nowrap;letter-spacing:.4px}.lip-plus{font-size:26px;margin-top:auto}.is-active .card-lip{inset:20px 20px auto auto;width:42px;height:42px;border:1px solid #ffffff70;border-radius:50%;align-items:center;justify-content:center;padding:0;background:#102e2859}.is-active .lip-number{font-size:12px}.is-active .lip-label,.is-active .lip-plus{display:none}.visual-card-content{position:relative;z-index:2;width:100%;max-width:640px;height:100%;display:flex;flex-direction:column;justify-content:center;padding:48px 6%;color:var(--paper);opacity:0;visibility:hidden;transition:opacity .2s;pointer-events:none}.is-active .visual-card-content{opacity:1;visibility:visible;transition:opacity .4s .2s;pointer-events:auto}.visual-card-content h1{font-size:clamp(47px,5.5vw,79px);line-height:1.04;margin-bottom:24px}.visual-card-content .service-label{font-size:11px;color:#e8dfc6;margin-bottom:22px}.visual-card-content .hero-description{font-size:16px;line-height:1.8;max-width:380px;color:#f3f0e6;margin-bottom:27px}.visual-card-content .cream{width:fit-content;background:#faf6ebcc;border-color:#ffffff88;backdrop-filter:blur(16px);border-radius:5px}.visual-card-content .cream:hover{background:#fff9ec}.card-contact{display:flex;gap:22px;margin-top:24px}.card-contact button{border:0;border-bottom:1px solid #e1e0cb88;background:transparent;color:#f1eddf;padding:6px 0;font-size:13px}.card-contact button:hover{border-color:#fff}.deck-footer{display:flex;align-items:center;justify-content:space-between;margin-top:21px;gap:20px}.deck-footer>span{font-size:10px;letter-spacing:1.5px;color:#556251}.deck-footer .slide-controls{color:var(--ink)}.deck-footer .slide-controls button{color:var(--ink);border-color:#78867575;background:#ffffff33}.deck-footer .slide-controls button:hover{background:#fff8}.intro{padding-top:80px}.service-cards{gap:18px;border:0}.service-card{background:#faf9f263;border:1px solid #ffffffa8!important;backdrop-filter:blur(20px);border-radius:12px;box-shadow:0 8px 32px #19302006}.service-card:hover{background:#ffffffa3;transform:translateY(-5px)}.approach{background:#f8fbef4d;border-block:1px solid #fff7;backdrop-filter:blur(20px)}.contact-section{background:linear-gradient(115deg,#14372eeb,#24493fce),url('/event-hero.jpg') center/cover}.contact-section .outline{background:#f5f1df0d;border-color:#ece8d36e;backdrop-filter:blur(15px)}footer{background:#f8f8f14d}dialog{background:#f6f6eced;backdrop-filter:blur(25px);border:1px solid #fff9;border-radius:15px}@media(min-width:1500px){.card-deck{height:660px}}@media(max-width:1000px){.card-deck{height:590px}.card-lip{padding:24px 13px}.visual-card-content{padding:44px 6%;padding-right:12%}.visual-card-content h1{font-size:56px}.lip-label{font-size:26px}.deck-heading>span{font-size:20px}}@media(max-width:700px){.feature{padding:23px 5% 20px}.deck-heading{display:block;margin-bottom:20px}.deck-heading .eyebrow{font-size:9px}.deck-heading>span{display:block;margin-top:9px;font-size:24px}.card-deck{height:632px;overflow:hidden;border-radius:13px}.visual-card{left:0!important;top:var(--mobile-top);width:100%;bottom:auto;height:112px;border-radius:13px;transition:top .5s cubic-bezier(.22,.8,.25,1),height .5s}.visual-card.is-active{top:var(--mobile-top);width:100%;height:520px}.card-lip{flex-direction:row;align-items:center;gap:15px;height:48px;padding:0 18px;backdrop-filter:blur(12px);background:#163c2db3}.lip-number{font-size:12px}.lip-label{writing-mode:horizontal-tb;font-family:'DM Sans',sans-serif;white-space:normal;font-size:13px;letter-spacing:0}.lip-plus{margin:0 0 0 auto;font-size:20px}.is-active .card-lip{top:14px;right:14px;width:32px;height:32px}.visual-card-content{padding:48px 25px 28px;justify-content:center;max-width:none}.visual-card-content h1{font-size:44px;letter-spacing:-1px;margin-bottom:18px}.visual-card-content .service-label{font-size:9px;max-width:85%;margin-bottom:19px}.visual-card-content .hero-description{font-size:14px;line-height:1.7;margin-bottom:20px;min-height:0;max-width:320px}.visual-card-content .cream{padding:12px 18px;min-height:44px;font-size:13px}.button-plus{margin-left:20px}.card-contact{gap:20px;margin-top:17px}.card-contact button{font-size:12px}.card-shade{background:linear-gradient(90deg,#102b26e6,#163d31b3 65%,#17342a66)}.deck-footer>span{max-width:180px;font-size:8px;line-height:1.7}.deck-footer{margin-top:13px}.intro{padding-top:38px}.service-cards{gap:13px}.service-card:hover{transform:none}.is-active .card-photo{object-position:70% 50%}}@media(max-width:360px){.visual-card-content h1{font-size:38px}.visual-card-content{padding-inline:20px}.card-contact{gap:16px}}@media(prefers-reduced-motion:reduce){.visual-card,.visual-card-content{transition:none!important}}

@media(min-width:701px){.visual-card{transition:left .72s cubic-bezier(.16,1,.3,1),width .72s cubic-bezier(.16,1,.3,1),top .72s cubic-bezier(.16,1,.3,1),box-shadow .5s;will-change:left,width}.is-active .visual-card-content{transition:opacity .35s .1s}.card-lip{cursor:pointer}}
@media(prefers-reduced-motion:reduce){.visual-card,.visual-card-content{transition:none!important}}
.visual-card:nth-child(2) .card-photo{object-position:58% 50%;filter:saturate(.82)}.visual-card:nth-child(3) .card-photo{object-position:45% 55%;filter:saturate(.88)}

/* Service-first card typography */
.visual-card-content{max-width:740px;padding-top:36px;padding-bottom:36px}
.visual-card-content .service-headline{font-size:clamp(44px,5.1vw,74px);line-height:1.04;letter-spacing:-1.3px;margin:0 0 22px}
.visual-card-content .service-tagline{font-family:var(--serif);font-size:29px;line-height:1.15;color:#e9e3d3;margin:0 0 17px}
.visual-card-content .hero-description{margin-bottom:22px}
.visual-card-content .card-explore{font-size:28px;line-height:1.2;padding:13px 32px;min-height:60px}
.visual-card-content .card-contact{margin-top:20px}
@media(min-width:701px){.card-deck{height:650px}}
@media(max-width:1000px) and (min-width:701px){.visual-card-content .service-headline{font-size:50px}.visual-card-content .service-tagline{font-size:27px}}
@media(max-width:700px){.visual-card-content{padding:40px 24px 25px}.visual-card-content .service-headline{font-size:41px;line-height:1.05;letter-spacing:-.7px;margin-bottom:19px}.visual-card-content .service-tagline{font-size:25px;margin-bottom:15px}.visual-card-content .hero-description{font-size:14px;margin-bottom:18px}.visual-card-content .card-explore{font-size:26px;min-height:54px;padding:11px 26px}.visual-card-content .card-contact{margin-top:17px}}
@media(max-width:360px){.visual-card-content .service-headline{font-size:36px}.visual-card-content .service-tagline{font-size:23px}}

/* One vertical card stack across desktop and mobile. */
.card-deck{--card-height:590px;--lip-height:60px;height:calc(var(--card-height) + 2 * var(--lip-height));border-radius:16px}
.visual-card,.visual-card.is-active{left:0!important;top:var(--stack-top);bottom:auto;width:100%;border-radius:16px;height:calc(var(--lip-height) + 50px);transition:top .72s cubic-bezier(.16,1,.3,1),height .72s cubic-bezier(.16,1,.3,1),box-shadow .5s;will-change:top,height}
.visual-card.is-active{height:var(--card-height)}
.card-lip{flex-direction:row;align-items:center;gap:20px;height:var(--lip-height);padding:0 28px;background:#17372c6b;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.lip-number{font-size:14px}.lip-label{writing-mode:horizontal-tb;font-family:'DM Sans',sans-serif;font-size:15px;letter-spacing:1.1px;white-space:normal;text-transform:uppercase}.lip-plus{margin:0 0 0 auto;font-size:25px}
.is-active .card-lip{inset:20px 20px auto auto;width:42px;height:42px;padding:0;justify-content:center;background:#102e2859}
.visual-card-content{max-width:790px;padding:36px 5%}
.visual-card-content .service-headline{text-transform:uppercase;font-size:clamp(42px,4.6vw,65px);line-height:1.04;letter-spacing:-.6px}
@media(max-width:1000px) and (min-width:701px){.visual-card-content .service-headline{font-size:51px}}
@media(max-width:700px){.card-deck{--card-height:540px;--lip-height:48px}.visual-card,.visual-card.is-active{border-radius:13px}.card-lip{padding:0 18px;gap:13px}.lip-label{font-size:11px;letter-spacing:.5px}.lip-number{font-size:12px}.is-active .card-lip{inset:14px 14px auto auto;width:32px;height:32px}.visual-card-content{padding:40px 24px 25px}.visual-card-content .service-headline{font-size:clamp(28px,8.1vw,41px);letter-spacing:-.5px}}
@media(prefers-reduced-motion:reduce){.visual-card,.visual-card-content{transition:none!important}}

/* Flush, full-width stack beneath the header. */
.feature{padding:0;width:100%;max-width:none;margin:0;overflow:hidden}
.card-deck,.visual-card,.visual-card.is-active{border-radius:0;border:0;box-shadow:none}
header{border-bottom:0}
.is-active .card-lip{opacity:0;pointer-events:none;border:0;background:none}
.is-active .card-lip:focus-visible{opacity:1;outline:2px solid #f7f5ef;outline-offset:-3px}
.card-lip{padding-left:5%;padding-right:5%}
.deck-footer{margin:0;padding:19px 5% 0}
@media(max-width:700px){.feature{padding:0}.visual-card-content{padding-left:7%;padding-right:7%}.card-lip{padding-left:7%;padding-right:7%}.deck-footer{padding:17px 7% 0}.card-deck,.visual-card,.visual-card.is-active{border-radius:0}}

/* Larger service descriptions immediately beneath each title. */
.visual-card-content .service-headline{margin-bottom:24px}
.visual-card-content .hero-description{font-size:22px;line-height:1.55;max-width:540px;margin-bottom:28px}
@media(max-width:1000px) and (min-width:701px){.visual-card-content .hero-description{font-size:21px}}
@media(max-width:700px){.visual-card-content .service-headline{margin-bottom:22px}.visual-card-content .hero-description{font-size:18px;line-height:1.55;max-width:100%;margin-bottom:25px}}

/* Frosted gray backing for the title and description only. */
.card-text-glass{background:rgba(100,106,106,.38);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(235,239,235,.24);padding:24px 27px;border-radius:8px;margin:0 0 25px;box-shadow:0 6px 28px rgba(0,0,0,.08)}
.visual-card-content .card-text-glass .hero-description{margin-bottom:0}
@media(max-width:700px){.card-text-glass{padding:20px 17px;margin-bottom:22px}.visual-card-content .card-text-glass .service-headline{font-size:clamp(26px,7.3vw,37px)}.visual-card-content .card-text-glass .hero-description{font-size:17px;line-height:1.5}}

/* Warm, gently drawn typography across the visual cards. */
.visual-card-content,.visual-card .card-lip,.visual-card-content button{font-family:'Nunito Sans',Arial,sans-serif;color:#f5eee1}
.visual-card-content .service-headline{font-family:'Lora',Georgia,serif;font-weight:400;font-size:clamp(40px,4.15vw,59px);line-height:1.14;letter-spacing:-.7px;color:#f5eee1}
.visual-card-content .hero-description{font-family:'Nunito Sans',Arial,sans-serif;font-weight:400;line-height:1.62;color:#eee6d8}
.visual-card .lip-label{font-family:'Nunito Sans',Arial,sans-serif;font-weight:500;letter-spacing:.8px;color:#f0e7d5}
.visual-card-content .card-explore{font-family:'Lora',Georgia,serif;font-weight:400;color:#294238;letter-spacing:0}
.visual-card-content .card-contact button{font-family:'Nunito Sans',Arial,sans-serif;font-weight:400;color:#f0e7d5}
@media(max-width:1000px) and (min-width:701px){.visual-card-content .service-headline{font-size:46px}}
@media(max-width:700px){.visual-card-content .card-text-glass .service-headline{font-family:'Lora',Georgia,serif;font-size:clamp(24px,6.5vw,34px);line-height:1.18;letter-spacing:-.45px}.visual-card-content .card-text-glass .hero-description{line-height:1.55}}

/* Clear, professional card typography with a restrained warm palette. */
.visual-card-content,.visual-card .card-lip,.visual-card-content button{font-family:'DM Sans',Arial,sans-serif}
.visual-card-content .service-headline{font-family:'DM Sans',Arial,sans-serif;font-weight:500;font-size:clamp(38px,3.8vw,54px);line-height:1.12;letter-spacing:-.8px;color:#f5f1e8}
.visual-card-content .hero-description{font-family:'DM Sans',Arial,sans-serif;font-size:21px;font-weight:400;line-height:1.6;color:#eeeae1}
.visual-card .lip-label{font-family:'DM Sans',Arial,sans-serif;font-weight:500;letter-spacing:1px;color:#f1eee5}
.visual-card-content .card-explore{font-family:'DM Sans',Arial,sans-serif;font-weight:500;font-size:25px;letter-spacing:0}
.visual-card-content .card-contact button{font-family:'DM Sans',Arial,sans-serif;font-weight:500;color:#eeeae1}
@media(max-width:1000px) and (min-width:701px){.visual-card-content .service-headline{font-size:44px}}
@media(max-width:700px){.visual-card-content .card-text-glass .service-headline{font-family:'DM Sans',Arial,sans-serif;font-weight:500;font-size:clamp(25px,6.8vw,35px);line-height:1.15;letter-spacing:-.6px}.visual-card-content .card-text-glass .hero-description{font-size:17px;line-height:1.55}.visual-card-content .card-explore{font-size:24px}}
/* Image-led, scroll-directed service stories. */
.event-story{position:relative;height:460svh;background:#e5e9df;color:#f5f1e8;--entry:0;--chapter-progress:0}
.story-stage{position:sticky;top:0;height:100svh;min-height:580px;overflow:hidden;background:rgb(calc(229 - var(--entry) * 219),calc(233 - var(--entry) * 220),calc(223 - var(--entry) * 212));isolation:isolate}
.story-topline{position:absolute;top:30px;left:5%;right:5%;z-index:5;display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:2px;color:#eee8d6;opacity:var(--entry)}
.story-visuals{position:absolute;inset:calc(65px * (1 - var(--entry))) calc(5% * (1 - var(--entry))) calc(70px * (1 - var(--entry)));overflow:hidden}
.story-scene{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .65s ease,visibility .65s;overflow:hidden;pointer-events:none}
.story-scene.is-current{opacity:1;visibility:visible;pointer-events:auto}
.story-image{position:absolute;inset:-5%;width:110%;height:110%;object-fit:cover;object-position:center;transform:scale(calc(1.12 - var(--chapter-progress) * .12)) translateY(calc(var(--chapter-progress) * -2%));will-change:transform;filter:saturate(.8)}
.story-scene:nth-child(2) .story-image{object-position:65% 50%}
.story-scene:nth-child(3) .story-image{object-position:40% 50%;filter:saturate(.9)}
.story-veil{position:absolute;inset:0;background:linear-gradient(90deg,#07100dbd,transparent 90%),linear-gradient(0deg,#060d0bef 0%,#070f0d33 65%,#07100d66 100%)}
.story-copy{position:absolute;left:8%;bottom:18%;max-width:710px;right:8%;text-shadow:0 3px 30px #0004}
.story-kicker{font-size:12px;font-weight:500;letter-spacing:2px;color:#e0d7bd;margin:0 0 21px}
.story-copy h2{font-family:'DM Sans',Arial,sans-serif;font-weight:500;font-size:clamp(42px,5.8vw,88px);letter-spacing:-2.5px;line-height:1.05;margin:0 0 24px;transform:translateY(calc((1 - var(--reveal-title,1)) * 40px));opacity:var(--reveal-title,1)}
.story-description{font-size:clamp(16px,1.45vw,21px);line-height:1.65;max-width:530px;color:#ecebe3;margin-bottom:22px;opacity:var(--reveal-copy,1);transform:translateY(calc((1 - var(--reveal-copy,1)) * 35px))}
.story-takeaways{display:flex;gap:20px;flex-wrap:wrap;margin:0 0 25px;opacity:var(--reveal-details,1);transform:translateY(calc((1 - var(--reveal-details,1)) * 25px))}
.story-takeaways span{font-size:13px;color:#e0d7bd;border-top:1px solid #eee6ce66;padding-top:12px}
.story-explore{font-size:15px;font-weight:500;color:#fbf6e9;border:1px solid #f5edda88;background:#e8e3d117;backdrop-filter:blur(12px);padding:13px 23px;min-height:48px;opacity:var(--reveal-details,1)}
.story-explore:hover{background:#f4eed5;color:#193127}
.story-navigation{position:absolute;left:8%;right:8%;bottom:40px;z-index:6;display:flex;gap:35px;max-width:740px}
.story-navigation button{flex:1;border:0;padding:12px 0;background:transparent;color:#e5e1d3a6;font-size:14px;text-align:left;font-weight:500}
.story-navigation button.is-current{color:#fff8e8}
.story-track{display:block;height:2px;background:#ffffff40;margin-top:12px;overflow:hidden}
.story-track>span{display:block;height:100%;background:#ece0b9;width:0;transition:width .12s linear}
.story-navigation button.is-current .story-track>span{width:calc(var(--chapter-progress) * 100%)}
.story-navigation button.is-complete .story-track>span{width:100%}
@media(max-width:700px){.event-story{height:420svh}.story-stage{min-height:560px}.story-topline{top:22px;left:7%;right:7%;font-size:9px;letter-spacing:1.4px}.story-topline>span:last-child{display:none}.story-visuals{inset:calc(45px * (1 - var(--entry))) calc(4% * (1 - var(--entry)))}.story-copy{left:7%;right:7%;bottom:18%}.story-copy h2{font-size:clamp(36px,10vw,53px);letter-spacing:-1.3px;margin-bottom:19px}.story-kicker{font-size:10px;letter-spacing:1.5px;margin-bottom:17px}.story-description{font-size:16px;line-height:1.6;margin-bottom:18px}.story-takeaways{gap:12px;margin-bottom:20px}.story-takeaways span{font-size:11px;padding-top:9px}.story-navigation{left:7%;right:7%;bottom:24px;gap:22px}.story-navigation button{font-size:13px}.story-veil{background:linear-gradient(0deg,#07100dfa,#07100d66 80%,#07100d55)}.story-explore{padding:11px 19px;font-size:14px}.story-image{object-position:65% 50%}}
@media(prefers-reduced-motion:reduce){.event-story{height:auto;background:#0a0d0b}.story-stage{position:relative;height:auto;min-height:0;background:#0a0d0b}.story-topline,.story-navigation{display:none}.story-visuals{position:relative;inset:auto}.story-scene,.story-scene.is-current{position:relative;min-height:650px;opacity:1;visibility:visible;pointer-events:auto}.story-image{transform:none}.story-copy{bottom:10%}.story-copy h2,.story-description,.story-takeaways,.story-explore{opacity:1;transform:none}}

/* Three distinct, large-scale headline entrances. */
.story-copy{max-width:none;left:7%;right:7%;bottom:23%}
.story-copy h2{font-size:clamp(58px,7.7vw,126px);line-height:1.03;letter-spacing:-4px;margin-bottom:36px;opacity:1;transform:none}
.story-copy h2 span{display:block;will-change:transform,opacity;opacity:var(--reveal-title,1)}
.story-scene:nth-child(1) h2 span:first-child{transform:translateX(calc((1 - var(--reveal-title,1)) * -38vw))}
.story-scene:nth-child(1) h2 span:last-child{transform:translateX(calc((1 - var(--reveal-title,1)) * 40vw));color:#eee4ca}
.story-scene:nth-child(2) .story-copy{text-align:right;bottom:25%}
.story-scene:nth-child(2) h2{font-size:clamp(54px,7vw,116px)}
.story-scene:nth-child(2) h2 span:first-child{transform:translate(calc((1 - var(--reveal-title,1)) * 32vw),calc((1 - var(--reveal-title,1)) * -15vh)) rotate(calc((1 - var(--reveal-title,1)) * 7deg))}
.story-scene:nth-child(2) h2 span:last-child{transform:translateX(calc((1 - var(--reveal-title,1)) * 44vw));color:#eee4ca}
.story-scene:nth-child(3) .story-copy{bottom:25%;text-align:center}
.story-scene:nth-child(3) h2 span:first-child{transform:translateY(calc((1 - var(--reveal-title,1)) * 23vh)) scale(calc(.75 + var(--reveal-title,1) * .25))}
.story-scene:nth-child(3) h2 span:last-child{transform:translateY(calc((1 - var(--reveal-title,1)) * 36vh)) scale(calc(.6 + var(--reveal-title,1) * .4));color:#eee4ca}
.story-scene:nth-child(2) .story-veil{background:linear-gradient(270deg,#08110fc7,transparent 95%),linear-gradient(0deg,#07100def,#07100d22 75%)}
.story-scene:nth-child(3) .story-veil{background:linear-gradient(0deg,#07100def,#07100d44 70%,#07100d66)}
@media(max-width:700px){.story-copy{left:7%;right:7%;bottom:27%}.story-copy h2{font-size:clamp(40px,10.5vw,66px);letter-spacing:-1.7px;line-height:1.1;margin-bottom:28px}.story-scene:nth-child(2) h2{font-size:clamp(35px,9.2vw,58px)}.story-scene:nth-child(2) .story-copy,.story-scene:nth-child(3) .story-copy{bottom:28%}}
@media(prefers-reduced-motion:reduce){.story-copy h2 span{transform:none!important;opacity:1}.story-copy,.story-scene:nth-child(2) .story-copy,.story-scene:nth-child(3) .story-copy{bottom:15%}}

.story-scene:nth-child(1) .story-image{object-position:50% 50%;filter:saturate(.92)}.story-scene:nth-child(2) .story-image{object-position:50% 50%;filter:saturate(.95)}
/* Three service-specific process diagrams: assemble, connect, amplify. */
.event-story{height:580svh}
.story-copy,.story-scene:nth-child(2) .story-copy,.story-scene:nth-child(3) .story-copy{bottom:43%}
.story-copy h2{font-size:clamp(52px,6.4vw,104px);margin-bottom:24px}
.story-scene:nth-child(2) h2{font-size:clamp(50px,6.1vw,98px)}
.process-story{position:absolute;left:8%;right:8%;bottom:105px;max-width:1000px;--process-progress:0;opacity:1}
.process-story ol{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;list-style:none;padding:0;margin:0}
.process-step{color:#efe6d4a6;position:relative;text-align:center;transition:color .5s,transform .5s;transform:translateY(8px)}
.process-step.is-working,.process-step.is-done{color:#fff2d3;transform:translateY(0)}
.process-symbol{height:84px;width:100px;margin:0 auto 10px;position:relative;background:#14211ad9;border:1px solid #e7d9b344;border-radius:12px;backdrop-filter:blur(12px);transition:background .5s,box-shadow .5s}
.process-step.is-working .process-symbol{background:#4a5039a6;box-shadow:0 0 32px #e6c88628}
.process-step.is-done .process-symbol{background:#314838c9;border-color:#ecdeb78c}
.process-symbol svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.step-status{position:absolute;right:-10px;top:-8px;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;background:#202d25;border:1px solid #b7ac8899;font-size:10px;font-weight:600;color:#f3e7c9}
.is-done .step-status{background:#e5d8b6;color:#18362a;font-size:14px}
.process-step h3{font-family:'DM Sans',sans-serif;font-size:17px;font-weight:500;margin:0 0 6px}
.process-step p{font-size:12px;line-height:1.4;margin:0;color:#e4dfd0c9}
.process-line{position:absolute;top:41px;left:16%;right:16%;height:1px;background:#e4d9b83b}
.process-line>span{display:block;height:100%;width:calc(var(--process-progress) * 100%);background:#f2ddaa;box-shadow:0 0 12px #ffe3a9;transition:width .12s linear}
.process-symbol *{animation-play-state:paused!important}
.is-current .process-step.is-working .process-symbol *{animation-play-state:running!important}
.process-planning .draw{stroke-dasharray:80;stroke-dashoffset:0;animation:process-draw 3s ease-in-out infinite}
.schedule-one,.schedule-two,.schedule-three{fill:#dfd0a74d;animation:schedule-shift 3.6s ease-in-out infinite}.schedule-two{animation-delay:-1.2s}.schedule-three{animation-delay:-2.4s}
.orbit-dot{fill:#e6d4a4;transform-origin:50px 42px;animation:process-orbit 5s linear infinite}
.candidate{fill:#dfd0a733;animation:candidate-float 3s ease-in-out infinite}.candidate.two{animation-delay:-1s}.candidate.three{animation-delay:-2s}
.match-path{stroke-dasharray:8 6;animation:flow-path 2.5s linear infinite}.match-center{fill:#99895755}
.partner{fill:#d5c39188;animation:partner-pulse 3s ease-in-out infinite}.partner.two{animation-delay:-1s}.partner.three{animation-delay:-2s}
.target-dot{fill:#ead6a7;animation:partner-pulse 2.4s infinite}.target-line{stroke-dasharray:40;animation:process-draw 3s infinite}
.signal{animation:signal-wave 3s ease-out infinite;transform-origin:50px 42px}.signal.s2{animation-delay:-1s}.signal.s3{animation-delay:-2s}
.bar{fill:#dbc79844;stroke:none;transform-origin:bottom;transform-box:fill-box;animation:bar-grow 3s ease-in-out infinite}.bar.b2{animation-delay:-.6s}.bar.b3{animation-delay:-1.2s}.growth-line{stroke-dasharray:80;animation:process-draw 3s infinite}
@keyframes process-draw{0%,100%{stroke-dashoffset:80;opacity:.35}45%,75%{stroke-dashoffset:0;opacity:1}}
@keyframes schedule-shift{0%,100%{transform:translateX(-7px)}50%{transform:translateX(9px)}}
@keyframes process-orbit{to{transform:rotate(360deg)}}
@keyframes candidate-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes flow-path{to{stroke-dashoffset:-56}}
@keyframes partner-pulse{0%,100%{opacity:.4}50%{opacity:1}}
@keyframes signal-wave{0%{transform:scale(.65);opacity:.15}40%{opacity:.9}100%{transform:scale(1.15);opacity:.1}}
@keyframes bar-grow{0%,100%{transform:scaleY(.55)}50%{transform:scaleY(1)}}
@media(max-width:700px){.event-story{height:540svh}.story-copy,.story-scene:nth-child(2) .story-copy,.story-scene:nth-child(3) .story-copy{bottom:47%}.story-copy h2{font-size:clamp(34px,9.4vw,56px);margin-bottom:20px}.story-scene:nth-child(2) h2{font-size:clamp(32px,8.7vw,52px)}.process-story{left:6%;right:6%;bottom:103px}.process-story ol{gap:12px}.process-symbol{width:70px;height:64px;margin-bottom:10px}.step-status{width:21px;height:21px;right:-6px;top:-6px;font-size:9px}.process-step h3{font-size:14px}.process-step p{font-size:11px;line-height:1.4}.process-line{top:31px}.story-kicker{margin-bottom:14px}.story-navigation{bottom:20px}}
@media(max-height:700px){.story-copy h2{font-size:clamp(32px,5.5vw,65px)}.story-scene:nth-child(2) h2{font-size:clamp(30px,5.2vw,62px)}.story-kicker{margin-bottom:10px}.process-story{bottom:88px}.process-symbol{height:55px;width:65px}.process-line{top:27px}.process-step h3{font-size:14px}.process-step p{font-size:11px}.story-navigation{bottom:17px}.story-copy,.story-scene:nth-child(2) .story-copy,.story-scene:nth-child(3) .story-copy{bottom:46%}}
@media(prefers-reduced-motion:reduce){.event-story{height:auto}.story-scene,.story-scene.is-current{min-height:780px}.story-copy,.story-scene:nth-child(2) .story-copy,.story-scene:nth-child(3) .story-copy{bottom:43%}.process-story{bottom:70px}.process-step{transform:none;color:#f3e7c9}.process-symbol *{animation:none!important}.process-line>span{width:100%}}

/* Stationary photography; movement belongs to the story and process graphics. */
.story-visuals{inset:0}
.story-image{inset:0;width:100%;height:100%;transform:none;will-change:auto}
.brief-lines{stroke-dasharray:65;animation:process-draw 3.4s ease-in-out infinite}
.brief-send{animation:brief-handoff 3.4s ease-in-out infinite}
@keyframes brief-handoff{0%,100%{transform:translateX(-4px);opacity:.45}55%{transform:translateX(5px);opacity:1}}
@media(prefers-reduced-motion:reduce){.brief-lines,.brief-send{animation:none!important}}

/* Clear process symbols with bounded movement. */
.clipboard-check{stroke-dasharray:14;animation:clipboard-check 4.2s ease-in-out infinite}.clipboard-check.c2{animation-delay:.65s}.clipboard-check.c3{animation-delay:1.3s}
@keyframes clipboard-check{0%,12%{stroke-dashoffset:14;opacity:.2}32%,85%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:14;opacity:.2}}
.service-choice{fill:#ddc79433}.service-tick{animation:clipboard-check 3.6s ease-in-out infinite;stroke-dasharray:14}.request-send{animation:brief-handoff 3.6s ease-in-out infinite}
.launch-rocket{animation:rocket-lift 3.2s ease-in-out infinite;transform-origin:50px 42px}.rocket-flame{fill:#e7c98a88;stroke:#f5d692;transform-origin:50px 57px;animation:rocket-fire .45s ease-in-out infinite alternate}.rocket-trail{animation:rocket-streak 1.1s linear infinite;stroke:#e4d1a6;opacity:.6}.rocket-trail.t2{animation-delay:-.55s}
@keyframes rocket-lift{0%,100%{transform:translateY(4px)}55%{transform:translateY(-7px)}}
@keyframes rocket-fire{from{transform:scaleY(.65);opacity:.6}to{transform:scaleY(1);opacity:1}}
@keyframes rocket-streak{from{transform:translateY(-7px);opacity:0}40%{opacity:.8}to{transform:translateY(7px);opacity:0}}
@media(prefers-reduced-motion:reduce){.clipboard-check,.service-tick,.request-send,.launch-rocket,.rocket-flame,.rocket-trail{animation:none!important;stroke-dashoffset:0}}

/* Sequential, reversible scroll completion on the Define clipboard. */
.clipboard-check{animation:none!important;stroke-dasharray:14;stroke-dashoffset:calc(14 * (1 - var(--check-progress,0)));opacity:var(--check-progress,0)}
.story-kicker{font-size:clamp(20px,1.8vw,28px);font-weight:500;letter-spacing:1.5px;line-height:1.3;margin-bottom:21px;color:#eee3c7}
@media(max-width:700px){.story-kicker{font-size:17px;letter-spacing:.9px;margin-bottom:17px}}
@media(max-height:700px){.story-kicker{font-size:18px;margin-bottom:13px}}
@media(prefers-reduced-motion:reduce){.clipboard-check{stroke-dashoffset:0!important;opacity:1!important}}

footer{display:grid;grid-template-columns:1fr auto 1fr}footer>span:last-child{justify-self:end}.return-top{justify-self:center;background:transparent;color:var(--green);border:1px solid #63736666;padding:12px 22px;min-height:44px;font-size:14px;font-weight:500}.return-top:hover{background:#fff8;border-color:var(--green)}@media(max-width:700px){footer{grid-template-columns:1fr;text-align:center;gap:22px}footer>.brand{width:auto;justify-self:center}footer>span:last-child{justify-self:center}}
/* Keep capped process diagrams centered at every viewport width. */
.process-story{left:50%;right:auto;width:84%;max-width:1000px;transform:translateX(-50%)}
@media(max-width:700px){.process-story{left:50%;right:auto;width:88%}}

.return-top{touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-height:48px}@media(hover:none){.return-top:hover{background:transparent;border-color:#63736666}}
/* Gentle floating motion across all service cards. */
.visual-card.is-active .card-text-glass{animation:card-float 6s ease-in-out infinite}
.visual-card.is-active .card-explore{animation:card-button-float 6s ease-in-out infinite}
.visual-card .card-explore:hover,.visual-card .card-explore:focus-visible{animation-play-state:paused}
@keyframes card-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7.5px)}}
@keyframes card-button-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-3.75px)}}
@media(prefers-reduced-motion:reduce){.visual-card.is-active .card-text-glass,.visual-card.is-active .card-explore{animation:none!important;transform:none}}
/* Center the service progress controls beyond their maximum width. */
.story-navigation{left:50%;right:auto;width:84%;max-width:740px;transform:translateX(-50%)}
@media(max-width:700px){.story-navigation{left:50%;right:auto;width:86%}.process-symbol{width:88px;max-width:100%;height:80px}.process-line{top:40px}.step-status{width:26px;height:26px;right:-5px;top:-8px;font-size:11px}.is-done .step-status{font-size:17px}}
@media(max-width:700px) and (max-height:700px){.process-symbol{width:81px;max-width:100%;height:69px}.process-line{top:34px}}
/* Continuous two-way vertical bobbing around the resting position. */
@keyframes card-float{0%,100%{transform:translateY(0)}25%{transform:translateY(-7.5px)}75%{transform:translateY(7.5px)}}
@keyframes card-button-float{0%,100%{transform:translateY(0)}25%{transform:translateY(-3.75px)}75%{transform:translateY(3.75px)}}
.visual-card.is-active .card-text-glass{animation:card-float 6s ease-in-out infinite}
.visual-card.is-active .card-explore{animation:card-button-float 6s ease-in-out infinite}
.visual-card.is-active .card-explore:hover,.visual-card.is-active .card-explore:focus-visible{animation-play-state:running}
@media(prefers-reduced-motion:reduce){.visual-card.is-active .card-text-glass,.visual-card.is-active .card-explore{animation:none!important;transform:none}}
/* Shared continuous phase avoids restarting the float as cards switch. */
@keyframes card-float{0%,100%{transform:translate3d(0,-7.5px,0)}50%{transform:translate3d(0,7.5px,0)}}
@keyframes card-button-float{0%,100%{transform:translate3d(0,-3.75px,0)}50%{transform:translate3d(0,3.75px,0)}}
.visual-card .card-text-glass,.visual-card.is-active .card-text-glass{animation:card-float 6s cubic-bezier(.45,0,.55,1) -1.5s infinite;will-change:transform;backface-visibility:hidden}
.visual-card .card-explore,.visual-card.is-active .card-explore{animation:card-button-float 6s cubic-bezier(.45,0,.55,1) -1.5s infinite;will-change:transform;backface-visibility:hidden;transition:background .2s,color .2s}
@media(prefers-reduced-motion:reduce){.visual-card .card-text-glass,.visual-card .card-explore{animation:none!important;transform:none;will-change:auto}}

/* A faceted Lone Star with a confident, approachable wordmark. */
header .brand,footer .brand{display:inline-flex;gap:14px;align-items:center;font-family:'DM Sans',Arial,sans-serif;letter-spacing:0;line-height:1}
.brand-mark{display:block;width:68px;height:68px;flex:0 0 68px;object-fit:contain;transform-origin:50% 50%;animation:lone-star-turn 26s cubic-bezier(.45,0,.2,1) 10s infinite;transform:rotate(0deg)}
.brand-wordmark{display:flex;flex-direction:column;gap:7px}
.brand-name{font-size:28px;line-height:1;font-weight:600;letter-spacing:4.8px;color:#193b31}
header .brand-bottom,footer .brand-bottom{font-family:'DM Sans',Arial,sans-serif;font-size:12px;line-height:1.2;letter-spacing:3.2px;font-weight:500;color:#42564a;margin:0}
footer .brand-mark{width:55px;height:55px;flex-basis:55px}footer .brand-name{font-size:23px;letter-spacing:4px}footer .brand-bottom{font-size:10px;letter-spacing:2.7px}
@keyframes lone-star-turn{0%{transform:rotate(0deg)}8%,100%{transform:rotate(360deg)}}
@media(max-width:700px){header .brand{gap:9px}.brand-mark{width:52px;height:52px;flex-basis:52px}.brand-name{font-size:22px;letter-spacing:3.4px}header .brand-bottom{font-size:9px;letter-spacing:2.55px}.brand-wordmark{gap:6px}.header-contact{padding:10px 14px}}
@media(max-width:360px){header .brand{gap:7px}.brand-mark{width:43px;height:43px;flex-basis:43px}.brand-name{font-size:19px;letter-spacing:2.8px}header .brand-bottom{font-size:8px;letter-spacing:2.1px}}
@media(prefers-reduced-motion:reduce){.brand-mark{animation:none!important;transform:none}}

/* Align both wordmark lines to exactly the same left and right edges. */
.brand-wordmark{width:132px}
.brand-name,header .brand-bottom,footer .brand-bottom{display:flex;justify-content:space-between;width:100%;letter-spacing:0}
footer .brand-wordmark{width:110px}footer .brand-name{letter-spacing:0}
.brand-mark{animation:lone-star-turn 5s cubic-bezier(.45,0,.2,1) 5s infinite}
@keyframes lone-star-turn{0%{transform:rotate(0deg)}35%,100%{transform:rotate(360deg)}}
@media(max-width:700px){header .brand-wordmark{width:104px}.brand-name,header .brand-bottom{letter-spacing:0}}
@media(max-width:360px){header .brand-wordmark{width:91px}.brand-name,header .brand-bottom{letter-spacing:0}}
@media(prefers-reduced-motion:reduce){.brand-mark{animation:none!important;transform:none}}

/* Compact, accessible contact icons on each featured service card. */
.visual-card-content .card-contact{gap:14px}
.visual-card-content .card-contact .contact-icon{display:grid;place-items:center;width:46px;height:46px;padding:11px;border:1px solid #f1ead35c;border-radius:50%;background:#e5dece12;backdrop-filter:blur(10px);color:#f5eee0}
.contact-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.visual-card-content .card-contact .contact-icon:hover{background:#f5eee02b;border-color:#f5eee0}
@media(max-width:700px){.visual-card-content .card-contact{gap:13px}.visual-card-content .card-contact .contact-icon{width:44px;height:44px;padding:10px}}
/* Seamless recurring motion: identical visible endpoints and no mid-cycle freeze. */
.is-current .process-symbol *{animation-play-state:running!important}
@keyframes process-draw{0%,100%{stroke-dashoffset:80;opacity:0}40%,65%{stroke-dashoffset:0;opacity:1}85%{stroke-dashoffset:0;opacity:0}}
@keyframes process-orbit{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
@keyframes flow-path{0%{stroke-dashoffset:0}100%{stroke-dashoffset:-56}}
@keyframes signal-wave{0%{transform:scale(.65);opacity:0}40%{opacity:.9}100%{transform:scale(1.15);opacity:0}}
@keyframes brief-handoff{0%,100%{transform:translateX(-4px);opacity:.45}50%{transform:translateX(5px);opacity:1}}
@keyframes rocket-lift{0%,100%{transform:translateY(4px)}50%{transform:translateY(-7px)}}
@keyframes rocket-fire{0%,100%{transform:scaleY(.75);opacity:.7}50%{transform:scaleY(1);opacity:1}}
@keyframes rocket-streak{0%{transform:translateY(-7px);opacity:0}40%{opacity:.8}100%{transform:translateY(7px);opacity:0}}
.rocket-flame{animation:rocket-fire .8s ease-in-out infinite}
.rocket-trail{animation-duration:1.6s}.rocket-trail.t2{animation-delay:-.8s}
.launch-rocket,.brief-send,.request-send,.schedule-one,.schedule-two,.schedule-three,.partner,.bar{animation-timing-function:cubic-bezier(.45,0,.55,1)}
@media(prefers-reduced-motion:reduce){.process-symbol *{animation:none!important}}
/* Start motion only when a step is reached; completed steps keep looping. */
.story-scene .process-symbol *,.story-scene.is-current .process-symbol *{animation-play-state:paused!important}
.story-scene.is-current .process-step.is-working .process-symbol *,
.story-scene.is-current .process-step.is-done .process-symbol *{animation-play-state:running!important}
/* Larger header identity, with the two wordmark lines kept aligned. */
header .brand-mark{width:84px;height:84px;flex-basis:84px}
header .brand-wordmark{width:162px;gap:8px}
header .brand-name{font-size:34px}
header .brand-bottom{font-size:15px}
@media(max-width:1000px) and (min-width:701px){header{height:108px}}
@media(max-width:700px){header{height:98px}header .brand-mark{width:64px;height:64px;flex-basis:64px}header .brand-wordmark{width:124px;gap:7px}header .brand-name{font-size:27px}header .brand-bottom{font-size:11px}}
@media(max-width:360px){header .brand-mark{width:52px;height:52px;flex-basis:52px}header .brand-wordmark{width:108px;gap:6px}header .brand-name{font-size:23px}header .brand-bottom{font-size:10px}}
/* Service details use the same confident typography as the featured cards. */
#detail-dialog,#detail-dialog button{font-family:'DM Sans',Arial,sans-serif}
#detail-dialog h2{font-family:'DM Sans',Arial,sans-serif;font-weight:500;font-size:clamp(30px,4vw,44px);line-height:1.12;letter-spacing:-.7px}
#detail-dialog h3{font-family:'DM Sans',Arial,sans-serif;font-weight:600;font-size:17px}
#detail-dialog p,#detail-dialog li{font-family:'DM Sans',Arial,sans-serif;font-weight:400;font-size:16px;line-height:1.7}
#detail-dialog .eyebrow{font-size:11px;font-weight:600;letter-spacing:1.8px}
@media(max-width:700px){#detail-dialog h2{font-size:32px;letter-spacing:-.5px}}
.visual-card[data-index="0"] .card-photo{object-position:55% 58%;filter:saturate(.9)}
/* Let the first card's celebration remain visible through the glass. */
.visual-card .card-text-glass{background:rgba(77,85,80,.25);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);border-color:rgba(235,239,235,.2)}
.visual-card[data-index="0"] .card-shade{background:linear-gradient(90deg,#102b26bb 0%,#183a3060 43%,#17342a00 80%)}

.visual-card[data-index="0"] .card-photo{object-position:70% 52%;filter:saturate(.92)}
/* Keep the glass at its final opacity throughout a card switch. */
.visual-card-content,.is-active .visual-card-content{opacity:1;transition:none}
.visual-card-content{visibility:hidden}
.is-active .visual-card-content{visibility:visible}
.visual-card .card-text-glass{transition:none}

/* Keep photo framing fixed while the stack opens and closes. */
.visual-card .card-photo{top:0;left:0;width:100%;height:var(--card-height);transform:none;transition:none;animation:none}

/* Larger centered service labels on the translucent card lips. */
.visual-card .card-lip{justify-content:center;align-items:center;text-align:center}
.visual-card .lip-label{font-size:clamp(20px,1.65vw,25px);font-weight:600;line-height:1.2;text-align:center}
@media(max-width:700px){.visual-card .card-lip{padding-inline:12px}.visual-card .lip-label{font-size:clamp(15px,4.2vw,20px);letter-spacing:.55px}}

/* Center each service card’s glass panel and actions as one group. */
.visual-card .visual-card-content{margin-inline:auto;align-items:center;text-align:center;padding-inline:24px}
.visual-card .card-text-glass{width:100%;max-width:620px}
.visual-card-content .hero-description{margin-inline:auto}
.visual-card-content .card-contact{justify-content:center}
@media(max-width:700px){.visual-card .visual-card-content{padding-inline:7%}}

/* Match lower Explore and modal action buttons to the featured Explore buttons. */
.story-explore,dialog .contact-actions button,dialog .dismiss{border-radius:5px}

.header-contact,.return-top{border-radius:5px}

/* A discreet path to the planning journal. */
.resources-footer-link{display:block;margin-top:8px;font-size:14px;text-decoration:underline;text-underline-offset:4px}

/* Mobile scroll chapters: retain each open card for roughly a screen of travel. */
@media(max-width:700px){
 .feature{height:calc(636px + 270svh);overflow:visible}
 .feature .card-deck{position:sticky;top:min(0px,calc(100svh - 636px))}
}

/* Native sticky layout moves the card/photo edge as one surface, including
   Safari momentum scrolling. No scroll-event positioning or fixed handoff. */
.mobile-card-frame{display:contents}
@media(max-width:700px){
 body:not(.resource-page)>main{background:#07100d}
 #event-story{background:#07100d}
 #event-story .story-navigation{display:none}
}
@media(max-width:700px) and (prefers-reduced-motion:no-preference){
 /* Keep the photo size stable when Safari expands/collapses its toolbar. */
 body:not(.resource-page)>main{--mobile-header-height:98px;--mobile-story-height:100lvh;--mobile-story-length:540svh}
 #services.feature{height:calc(var(--mobile-header-height) + 636px + 270svh + var(--mobile-story-length))}
 .mobile-card-frame{display:block;position:sticky;top:0;height:calc(var(--mobile-header-height) + 636px + var(--mobile-story-length))}
 .mobile-card-frame>header{height:var(--mobile-header-height);background-color:#efefe8}
 .feature .card-deck{position:relative;top:auto}
 #event-story{height:var(--mobile-story-length)}
 #event-story .story-stage{position:sticky;top:0;height:var(--mobile-story-height);min-height:0;background:#07100d}
 #event-story .story-visuals{inset:0}
 #event-story .story-image{object-position:center top}
 #event-story .story-topline,#event-story .story-kicker{opacity:var(--reveal-overlay,0)}
 #event-story .process-story{opacity:var(--reveal-process,0);transform:translate(-50%,calc((1 - var(--reveal-process,0)) * 24px))}
 #event-story .story-veil{opacity:calc(.35 + var(--reveal-overlay,0) * .65)}
}