/* STALDIA v26: all page styles belong to the isolated front-page template. */
html:has(> .staldia-home-v26) {
    --v26-entry-duration: 3000ms;
    scrollbar-gutter: stable;
}
.staldia-home-v26 {
    --v26-dark: #090b10;
    --v26-gray: #22272e;
    --v26-card: #2b3139;
    --v26-text: #f4f7fb;
    --v26-muted: #b6c2d1;
    --v26-blue: #0099ff;
    --v26-cyan: #70d8ff;
    --v26-line: #3c4755;
    --v26-header-height: 80px;
    --v26-header-offset: 0px;
    --v26-sans: 'Zen Kaku Gothic New', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', sans-serif;
    --v26-serif: 'Shippori Mincho', 'Yu Mincho', 'Hiragino Mincho ProN', serif;
    --v26-english: 'Jost', 'Zen Kaku Gothic New', sans-serif;
    background: var(--v26-dark);
    color: var(--v26-text);
    font: 400 17px/1.9 var(--v26-sans);
    font-synthesis: none;
    overflow-wrap: break-word;
    -webkit-font-smoothing: antialiased;
}
.staldia-home-v26 [hidden] { display: none !important; }
.staldia-home-v26 :is(a, button):focus-visible { outline: 2px solid var(--v26-cyan); outline-offset: 3px; }
.staldia-home-v26 a { color: inherit; }
.staldia-home-v26 ::selection { background: #006eb8; color: #fff; }
.v26-container { position: relative; z-index: 2; width: min(1200px, calc(100% - 64px)); margin-inline: auto; }
.v26-skip { position: absolute; top: 16px; left: 16px; z-index: 100; clip-path: inset(50%); opacity: 0; background: var(--v26-blue); color: var(--v26-dark) !important; padding: 12px 16px; border-radius: 4px; font-size: 14px; }
.v26-skip:focus { clip-path: none; opacity: 1; }
/* A one-shot opening: CSS owns its start and end; the document stays usable. */
.v26-entry { position: fixed; inset: 0; z-index: 90; place-items: center; overflow: hidden; isolation: isolate; contain: paint; pointer-events: none; opacity: 0; }
.v26-entry::before { content: ''; position: absolute; inset: 0; background: var(--v26-dark); opacity: 1; }
.v26-entry__aura { position: absolute; top: 50%; left: 50%; width: clamp(240px,50vw,560px); aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle,rgba(0,153,255,.24),rgba(0,110,183,.08) 38%,transparent 70%); opacity: 0; }
.v26-entry__flash { position: absolute; top: 50%; left: 50%; width: min(1100px,145vmax); height: 2px; background: linear-gradient(90deg,transparent,var(--v26-blue) 22%,#c9f2ff 50%,var(--v26-blue) 78%,transparent); box-shadow: 0 0 8px rgba(0,153,255,.85),0 0 28px rgba(0,153,255,.4); opacity: 0; }
.v26-entry__mark { position: relative; width: clamp(120px,14vw,190px); opacity: 0; }
.v26-entry__mark svg { display: block; width: 100%; height: auto; filter: drop-shadow(0 0 20px rgba(0,153,255,.3)); }
.v26-entry__shine { transform-origin: 0 0; opacity: 0; }
.staldia-home-v26 .v26-entry[hidden] { display: grid !important; animation: v26-entry-reveal var(--v26-entry-duration,3000ms) linear both !important; }
@media (prefers-reduced-motion: no-preference) {
    /* No fill mode: the lock releases even if home.js never runs. */
    html:has(> .staldia-home-v26 .v26-entry[hidden]), .staldia-home-v26:has(.v26-entry[hidden]) {
        animation: v26-entry-scroll-lock var(--v26-entry-duration,3000ms) step-end;
    }
    .v26-entry__aura { animation: v26-entry-aura var(--v26-entry-duration,3000ms) ease-out both; }
    .v26-entry__flash { animation: v26-entry-flash var(--v26-entry-duration,3000ms) ease-out both; }
    .v26-entry__mark { animation: v26-entry-mark var(--v26-entry-duration,3000ms) ease-out both; }
    .v26-entry__shine { animation: v26-entry-shine var(--v26-entry-duration,3000ms) ease-out both; }
}
.staldia-home-v26.v26-entry-finished .v26-entry[hidden], .staldia-home-v26.v26-motion-paused .v26-entry[hidden], .staldia-home-v26:focus-within .v26-entry[hidden], .staldia-home-v26:has(:target) .v26-entry[hidden] { opacity: 0 !important; visibility: hidden !important; }
html:has(> .staldia-home-v26:is(.v26-entry-finished,.v26-motion-paused,:focus-within)),
html:has(> .staldia-home-v26 :target),
.staldia-home-v26:is(.v26-entry-finished,.v26-motion-paused,:focus-within,:has(:target)) {
    animation: none !important;
}
@media (prefers-reduced-motion: reduce) {
    .staldia-home-v26 .v26-entry[hidden] { opacity: 0 !important; visibility: hidden !important; }
}
@keyframes v26-entry-scroll-lock {
    from, to { overflow: hidden; touch-action: none; }
}
@keyframes v26-entry-reveal {
    0%,76% { opacity: 1; }
    100% { opacity: 0; }
}
@keyframes v26-entry-aura {
    0%,18% { opacity: 0; transform: translate(-50%,-50%) scale(.65); }
    42% { opacity: 1; transform: translate(-50%,-50%) scale(1); }
    74% { opacity: .8; }
    100% { opacity: 0; transform: translate(-50%,-50%) scale(1.2); }
}
@keyframes v26-entry-flash {
    0% { opacity: 0; transform: translate(-50%,-50%) rotate(-42deg) scaleX(0); }
    8% { opacity: .95; }
    10%,24% { opacity: .95; transform: translate(-50%,-50%) rotate(-42deg) scaleX(1); }
    52% { opacity: .35; transform: translate(-50%,-50%) rotate(-42deg) scaleX(1.06); }
    100% { opacity: 0; transform: translate(-50%,-50%) rotate(-42deg) scaleX(1.15); }
}
@keyframes v26-entry-mark {
    0%,10% { opacity: 0; transform: scale(.78); }
    32%,74% { opacity: 1; transform: scale(1); }
    100% { opacity: 0; transform: scale(1.035); }
}
@media (max-width: 767px) {
    .v26-entry__flash { width: 160vmin; animation-name: v26-entry-flash-mobile; animation-timing-function: linear; }
    .v26-entry__mark { animation-name: v26-entry-mark-mobile; }
}
@keyframes v26-entry-flash-mobile {
    0% { opacity: 0; transform: translate(-50%,-50%) rotate(-42deg) scaleX(0); }
    4% { opacity: .95; }
    20%,24% { opacity: .95; transform: translate(-50%,-50%) rotate(-42deg) scaleX(1); }
    52% { opacity: .35; transform: translate(-50%,-50%) rotate(-42deg) scaleX(1.06); }
    100% { opacity: 0; transform: translate(-50%,-50%) rotate(-42deg) scaleX(1.15); }
}
@keyframes v26-entry-mark-mobile {
    0%,20% { opacity: 0; transform: scale(.78); }
    42%,74% { opacity: 1; transform: scale(1); }
    100% { opacity: 0; transform: scale(1.035); }
}
@keyframes v26-entry-shine {
    0%,38% { opacity: 0; transform: translateX(-280px) skewX(-18deg); }
    45% { opacity: .85; }
    70% { opacity: .85; transform: translateX(760px) skewX(-18deg); }
    100% { opacity: 0; transform: translateX(760px) skewX(-18deg); }
}
.staldia-home-v26.admin-bar { --v26-header-offset: 32px; }
.v26-header { position: sticky; top: var(--v26-header-offset); z-index: 20; height: var(--v26-header-height); background: var(--v26-dark); border-bottom: 1px solid rgba(60,71,85,.65); }
@supports ((backdrop-filter: blur(14px)) or (-webkit-backdrop-filter: blur(14px))) {
    .v26-header { background: rgba(9,11,16,.78); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); }
    .v26-header:has(.v26-menu-toggle[aria-expanded=true]) { background: rgba(9,11,16,.96); }
}
.staldia-home-v26 :is(#main, .v26-section) { scroll-margin-top: calc(var(--v26-header-height) + var(--v26-header-offset) + 24px); }
@media (max-width: 782px) {
    .staldia-home-v26.admin-bar { --v26-header-offset: 46px; }
}
@media (max-width: 600px) {
    .staldia-home-v26.admin-bar { --v26-header-offset: 0px; }
}
.v26-header__inner { height: 100%; display: flex; align-items: center; justify-content: space-between; }
.v26-logo { display: flex; width: 172px; flex-shrink: 0; }
.v26-logo img { display: block; width: 100%; height: auto; }
.v26-nav ul { display: flex; align-items: center; gap: 16px; font-family: var(--v26-english); letter-spacing: .06em; }
.v26-nav a { display: inline-flex; align-items: center; min-height: 44px; padding: 8px 12px; font-size: 15px; text-decoration: none; }
.v26-menu-label { position: relative; display: inline-block; }
.v26-menu-label::after { content: ''; position: absolute; left: 0; right: 0; bottom: -5px; height: 1px; pointer-events: none; background: linear-gradient(90deg,transparent,var(--v26-blue) 20%,var(--v26-cyan) 50%,var(--v26-blue) 80%,transparent); box-shadow: 0 0 6px rgba(0,153,255,.8), 0 0 12px rgba(0,153,255,.45); opacity: 0; transform: scaleX(0); transform-origin: center; transition: transform 220ms ease, opacity 220ms ease; }
.v26-nav__contact .v26-menu-label::after { display: none; }
:is(.v26-nav, .v26-footer nav) a:focus-visible .v26-menu-label::after { opacity: 1; transform: scaleX(1); }
@media (hover: hover) {
    :is(.v26-nav, .v26-footer nav) a:hover .v26-menu-label::after { opacity: 1; transform: scaleX(1); }
}
.v26-nav .v26-nav__blog { color: var(--v26-muted); font-size: 14px; }
.v26-nav .v26-nav__contact { min-height: 44px; padding: 8px 22px; border: 1px solid var(--v26-blue); color: var(--v26-dark); }
.v26-menu-toggle { --v26-menu-light: linear-gradient(90deg,var(--v26-blue),#38baff,#008de8); position: relative; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 0; overflow: hidden; flex-shrink: 0; touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
.v26-menu-toggle span { position: absolute; left: 11px; right: 11px; height: 1.5px; background: var(--v26-menu-light); opacity: 1; transform: translateX(0); transition: transform 280ms cubic-bezier(.22,.7,.2,1), opacity 180ms ease-out; transition-delay: 110ms; }
.v26-menu-toggle span:nth-child(1) { top: 15.25px; }
.v26-menu-toggle span:nth-child(2) { top: 21.25px; }
.v26-menu-toggle span:nth-child(3) { top: 27.25px; }
.v26-menu-toggle::before, .v26-menu-toggle::after { content: ''; position: absolute; left: 9px; top: 21.25px; width: 26px; height: 1.5px; background: var(--v26-menu-light); opacity: 0; pointer-events: none; transition: transform 320ms cubic-bezier(.22,.7,.2,1), opacity 200ms ease-out; }
.v26-menu-toggle::before { transform: rotate(45deg) translateX(-48px); }
.v26-menu-toggle::after { transform: rotate(-45deg) translateX(-48px); }
.v26-menu-toggle[aria-expanded=true] span { opacity: 0; transition-delay: 0ms; }
.v26-menu-toggle[aria-expanded=true] span:nth-child(1) { transform: translateX(32px); }
.v26-menu-toggle[aria-expanded=true] span:nth-child(2) { transform: scaleX(.4); }
.v26-menu-toggle[aria-expanded=true] span:nth-child(3) { transform: translateX(-32px); }
.v26-menu-toggle[aria-expanded=true]::before { opacity: 1; transform: rotate(45deg) translateX(0); transition-delay: 70ms; }
.v26-menu-toggle[aria-expanded=true]::after { opacity: 1; transform: rotate(-45deg) translateX(0); transition-delay: 110ms; }
.v26-button { display: inline-flex; align-items: center; justify-content: center; min-height: 56px; padding: 10px 32px; border: 1px solid var(--v26-blue); border-radius: 4px; background: var(--v26-blue); color: var(--v26-dark) !important; font-size: 16px; font-weight: 500; line-height: 1.5; letter-spacing: .04em; text-decoration: none; transition: background-color 150ms, border-color 150ms; }
.v26-button:hover { border-color: var(--v26-cyan); background: var(--v26-cyan); }
.v26-button--outline { border-color: #6b7a8c; background: var(--v26-dark); color: var(--v26-text) !important; }
.v26-button--outline:hover { border-color: var(--v26-text); background: var(--v26-card); }
.v26-eyebrow, .v26-number { font: 500 13px/normal var(--v26-english); letter-spacing: .14em; color: var(--v26-blue); }
.v26-eyebrow { display: flex; align-items: center; gap: 12px; }
.v26-eyebrow::before { content: ''; width: 24px; height: 1px; background: currentColor; flex-shrink: 0; }
.v26-heading { font: 500 42px/1.45 var(--v26-serif); letter-spacing: .02em; }
.v26-wrap { display: flex; flex-wrap: wrap; }
.v26-wrap > span { flex: 0 0 auto; min-width: 0; max-width: 100%; }
.v26-lead { color: var(--v26-muted); font-size: 17px; line-height: 1.9; text-wrap: pretty; }
.v26-hero { position: relative; min-height: 820px; overflow: hidden; }
.v26-hero::after { content: ''; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(90deg, rgba(9,11,16,.55), rgba(9,11,16,.42) 42%, rgba(9,11,16,.08) 64%, transparent); }
.v26-hero__layout { display: grid; grid-template-columns: repeat(12, minmax(0,1fr)); gap: 24px; padding-block: 136px 120px; }
.v26-hero__content { display: flex; flex-direction: column; grid-column: 1 / span 7; }
.v26-hero__content .v26-eyebrow { order: -1; }
.v26-hero__heading { margin-top: 32px; font: 500 clamp(48px,5.7vw,72px)/1.2 var(--v26-serif); letter-spacing: .02em; }
.v26-hero__heading > span:first-child { width: 100%; }
.v26-hero__latin { font-family: var(--v26-english); font-weight: 400; }
.v26-hero__subcopy { margin-top: 36px; font-size: 21px; font-weight: 500; line-height: 1.6; }
.v26-hero__body { margin-top: 20px; max-width: 38em; color: var(--v26-muted); font-size: 17px; line-height: 1.9; text-wrap: pretty; }
.v26-hero__actions { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 48px; }
.v26-section { position: relative; overflow: hidden; padding-block: 136px; }
.v26-section__intro { display: flex; flex-direction: column; gap: 24px; max-width: 690px; }
.v26-section__intro .v26-eyebrow { order: -1; }
.v26-services { background: var(--v26-gray); padding-bottom: 128px; }
.v26-services__lead { display: flex; flex-wrap: wrap; }
.v26-services__lead > span { white-space: nowrap; }
.v26-services__grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; margin-top: 64px; }
.v26-service { position: relative; padding: 48px; background: var(--v26-card); border: 1px solid var(--v26-line); border-radius: 4px; display: flex; flex-direction: column; gap: 20px; }
.v26-service > :not(.v26-light) { position: relative; z-index: 1; }
.v26-service .v26-number { --v26-clipped-color: #12a0ff; order: -1; letter-spacing: .12em; color: var(--v26-clipped-color); }
.v26-service__name { font-size: 24px; font-weight: 500; line-height: 1.5; }
.v26-service__description { display: flex; flex-direction: column; gap: 20px; }
.v26-service__catch { font: 500 22px/1.55 var(--v26-serif); }
.v26-service__body { color: var(--v26-muted); font-size: 16px; line-height: 1.9; text-wrap: pretty; }
.v26-service__pending { align-self: flex-start; margin-top: 8px; color: var(--v26-cyan); font-size: 16px; font-weight: 500; line-height: normal; }
.v26-service--featured { grid-column: 1 / -1; padding: 56px; display: grid; grid-template-columns: 5fr 7fr; grid-template-rows: min-content min-content 1fr; column-gap: 56px; row-gap: 20px; }
.v26-service--featured .v26-number { grid-column: 1; grid-row: 1; }
.v26-service--featured .v26-service__name { grid-column: 1; grid-row: 2; font-size: 30px; line-height: 1.45; }
.v26-service--featured .v26-service__description { grid-column: 2; grid-row: 1 / 4; padding-top: 4px; }
.v26-service--featured .v26-service__catch { font-size: 26px; line-height: 1.5; }
.v26-service--featured .v26-service__body { font-size: 17px; }
.v26-works__grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 88px 24px; margin-top: 64px; }
.v26-work { position: relative; display: grid; grid-template-columns: minmax(0,1fr); grid-template-rows: auto auto auto auto 1fr; row-gap: 12px; }
.v26-work__name { grid-row: 3; font-size: 24px; font-weight: 500; line-height: 1.5; padding-right: 24px; }
.v26-work__link::after { content: ''; position: absolute; inset: 0; z-index: 2; }
.staldia-home-v26 .v26-work__link:focus-visible { outline: none; }
.v26-work__link:focus-visible::after { outline: 2px solid var(--v26-cyan); outline-offset: 8px; border-radius: 4px; }
.v26-work__external { position: relative; display: inline-block; width: 14px; height: 14px; margin-left: 12px; margin-right: 5px; color: var(--v26-muted); vertical-align: .08em; }
.v26-work__external::before { content: ''; position: absolute; inset: 0; border: 1.5px solid currentColor; border-radius: 1px; clip-path: polygon(0 0,55% 0,55% 45%,100% 45%,100% 100%,0 100%); }
.v26-work__external::after { content: ''; position: absolute; top: -4px; right: -4px; width: 12px; height: 12px; background: currentColor; clip-path: polygon(40% 0,100% 0,100% 60%,89.3% 60%,89.3% 18.2%,7.6% 100%,0 92.4%,81.8% 10.7%,40% 10.7%); }
.v26-work__link:focus-visible, .v26-work__link:focus-visible .v26-work__external { color: var(--v26-cyan); }
@media (hover: hover) {
    .v26-work:hover .v26-work__link, .v26-work:hover .v26-work__external { color: var(--v26-cyan); }
}
.v26-work__image { grid-row: 1; position: relative; width: 100%; margin-bottom: 16px; border: 1px solid var(--v26-line); border-radius: 4px; overflow: hidden; background: var(--v26-card); }
.v26-work__image img { position: relative; z-index: 0; display: block; width: 100%; height: auto; }
.v26-work__image > .v26-light { z-index: 1; }
.v26-work .v26-number { grid-row: 2; }
.v26-work__label { grid-row: 4; font: 500 12px/normal var(--v26-english); letter-spacing: .12em; color: var(--v26-muted); }
.v26-work__description { grid-row: 5; display: flex; flex-direction: column; gap: 12px; padding-right: 24px; margin-top: 8px; color: var(--v26-muted); font-size: 16px; line-height: 1.9; text-wrap: pretty; }
.v26-work--featured { grid-column: 1 / -1; grid-template-columns: 5fr 7fr; grid-template-rows: auto auto auto auto; column-gap: 56px; }
.v26-work--featured .v26-work__image { grid-column: 1 / -1; margin-bottom: 20px; }
.v26-work--featured .v26-number, .v26-work--featured .v26-work__name, .v26-work--featured .v26-work__label { grid-column: 1; }
.v26-work--featured .v26-work__name { font-size: 30px; line-height: 1.4; padding: 0; }
.v26-work--featured .v26-work__description { grid-column: 2; grid-row: 2 / 5; padding: 28px 0 0; margin: 0; font-size: 17px; }
.v26-works__note { margin-top: 56px; color: var(--v26-muted); font-size: 13px; line-height: 1.6; }
.v26-two-columns { display: grid; grid-template-columns: repeat(12,minmax(0,1fr)); gap: 24px; }
.v26-two-columns > .v26-section__intro { grid-column: 1 / span 5; }
.v26-two-columns > :nth-child(2) { grid-column: 7 / span 6; }
.v26-philosophy { background: var(--v26-gray); padding-block: 176px 184px; }
.v26-philosophy::after { content: ''; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(90deg, transparent, rgba(34,39,46,.35) 45%, rgba(34,39,46,.88) 62%, rgba(34,39,46,.88)); }
.v26-philosophy .v26-section__intro { gap: 32px; }
.v26-philosophy .v26-heading { font-size: 44px; line-height: 1.5; }
.v26-philosophy__body { padding-top: 168px; display: flex; flex-direction: column; gap: 32px; color: var(--v26-muted); font-size: 18px; line-height: 1.95; text-wrap: pretty; }
.v26-philosophy__question { color: var(--v26-text); font-weight: 500; }
.v26-about { padding-block: 144px; }
.v26-about .v26-section__intro { gap: 28px; }
.v26-about .v26-heading { font-size: 40px; line-height: 1.5; }
.v26-about__body { position: relative; margin-top: 52px; padding: 8px 0 8px 48px; border-left: 1px solid var(--v26-line); display: flex; flex-direction: column; gap: 28px; color: var(--v26-muted); font-size: 17px; line-height: 1.9; text-wrap: pretty; }
.v26-about__signature { display: flex; align-items: center; justify-content: flex-end; gap: 14px; font-size: 14px; }
.v26-about__name { color: var(--v26-text); font: 500 22px/1.5 var(--v26-serif); }
.v26-contact { background: var(--v26-gray); padding-block: 144px 152px; }
.v26-contact__layout { position: relative; border-top: 1px solid var(--v26-line); padding-top: 80px; display: grid; grid-template-columns: repeat(12,minmax(0,1fr)); gap: 24px; align-items: end; }
.v26-contact__layout::before { content: ''; position: absolute; left: 0; top: -1px; width: 200px; height: 1px; background: linear-gradient(90deg,var(--v26-cyan),var(--v26-blue) 40%,transparent); box-shadow: 0 0 10px rgba(0,153,255,.55); }
.v26-contact .v26-section__intro { grid-column: 1 / span 7; gap: 28px; }
.v26-contact .v26-heading { font-size: 44px; line-height: 1.45; }
.v26-contact__button { grid-column: 9 / span 4; width: 100%; font-size: 17px; }
.v26-decoration { --v26-clipped-color: var(--v26-dark); position: absolute; z-index: 1; pointer-events: none; user-select: none; color: var(--v26-clipped-color); font-family: var(--v26-english); font-weight: 500; line-height: .8; white-space: nowrap; letter-spacing: .02em; }
.v26-decoration--services { left: max(22px, calc(50% - 610px)); top: 100px; font-size: 120px; }
.v26-decoration--works { --v26-clipped-color: #272c33; right: -.15em; top: 136px; writing-mode: vertical-rl; font-size: 104px; line-height: 1; letter-spacing: .06em; }
.v26-decoration--philosophy { right: -.03em; bottom: -.06em; font-size: 132px; }
.v26-decoration--about { --v26-clipped-color: #272c33; left: -.15em; top: 120px; writing-mode: vertical-rl; transform: rotate(180deg); font-size: 96px; line-height: 1; letter-spacing: .08em; }
.v26-decoration--contact { right: -.03em; bottom: -.06em; font-size: 120px; }
/* Keep solid text as the fallback for print, forced colors, and older browsers. */
@supports ((background-clip: text) or (-webkit-background-clip: text)) {
    @media screen and (forced-colors: none) {
        .v26-service .v26-number, .v26-decoration {
            background-color: var(--v26-clipped-color);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            -webkit-text-fill-color: transparent;
        }
    }
}
.v26-footer { padding-block: 56px 48px; border-top: 1px solid var(--v26-card); }
.v26-footer__inner { display: flex; flex-direction: column; gap: 40px; }
.v26-footer__row { display: flex; align-items: center; justify-content: space-between; gap: 32px; flex-wrap: wrap; }
.v26-footer .v26-logo { width: 160px; }
.v26-footer nav ul { display: flex; font-size: 14px; }
.v26-footer nav li { position: relative; }
.v26-footer nav li + li::before { content: ''; position: absolute; left: 0; top: 50%; width: 1px; height: 14px; background: var(--v26-line); transform: translateY(-50%); }
.v26-footer nav a { display: inline-flex; align-items: center; min-height: 44px; padding: 8px 12px; color: var(--v26-muted); text-decoration: none; }
.v26-footer nav a:hover { color: var(--v26-text); }
.v26-footer__bottom { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.v26-copyright { color: var(--v26-muted); font: 400 13px/1.5 var(--v26-english); letter-spacing: .08em; }
.v26-motion-toggle { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 8px 12px; border: 0; border-radius: 4px; color: var(--v26-muted); font-size: 12px; line-height: 1.5; }
.v26-motion-toggle:hover { color: var(--v26-cyan); }
.v26-motion-icon { position: relative; width: 12px; height: 12px; flex-shrink: 0; }
.v26-motion-icon::before, .v26-motion-icon::after { content: ''; position: absolute; top: 1px; bottom: 1px; width: 2px; background: currentColor; }
.v26-motion-icon::before { left: 2px; }
.v26-motion-icon::after { left: 8px; }
.v26-motion-toggle[aria-pressed=true] .v26-motion-icon::before { top: 0; bottom: auto; width: 10px; height: 12px; clip-path: polygon(0 0,100% 50%,0 100%); }
.v26-motion-toggle[aria-pressed=true] .v26-motion-icon::after { display: none; }
.v26-light { position: absolute; z-index: 0; inset: 0; overflow: hidden; pointer-events: none; border-radius: inherit; }
.v26-light svg { display: block; position: absolute; inset: 0; }
.v26-light--grid { background: var(--v26-dark) url('./tiles-hero-desktop.svg') repeat right top; }
.v26-hero .v26-light--grid { background-color: #171c22; }
.v26-philosophy .v26-light--grid { background-color: #272d35; background-image: url('./tiles-philosophy-desktop.svg'); }
/* The CSS fallback must not show through the SVG tile gutters. */
.staldia-home-v26 .v26-light--grid:has(> svg) { background-image: none; }
.v26-light--vertical { left: -13px; right: auto; width: 24px; }
.v26-light--horizontal { top: -13px; bottom: auto; height: 24px; }
.v26-light__trail { animation: v26-light-loop var(--duration) linear var(--delay) infinite both; animation-play-state: paused; }
.v26-light[data-visible=true] .v26-light__trail { animation-play-state: running; }
.v26-motion-paused .v26-light__trail, .v26-document-hidden .v26-light__trail { animation-play-state: paused !important; }
.v26-motion-paused .v26-light__trail { opacity: 0; }
@keyframes v26-light-loop { 0% { stroke-dashoffset: var(--from); animation-timing-function: cubic-bezier(.45,0,.55,1); } 62% { stroke-dashoffset: var(--to); } 100% { stroke-dashoffset: var(--to); } }
@media (max-width: 1199px) and (min-width: 768px) {
    .v26-hero__heading { font-size: clamp(48px,5vw,64px); }
    .v26-hero__content { grid-column: 1 / span 9; }
    .v26-nav ul { gap: 0; }
    .v26-service { padding: 32px; }
    .v26-heading, .v26-contact .v26-heading { font-size: 36px; }
    .v26-philosophy .v26-heading { font-size: clamp(36px,3.5vw,42px); }
    .v26-about .v26-heading { font-size: 32px; }
}
@media (max-width: 1023px) {
    .v26-services__grid, .v26-works__grid, .v26-two-columns, .v26-contact__layout { grid-template-columns: minmax(0,1fr); }
    .v26-service--featured { display: flex; }
    .v26-service--featured .v26-service__description { padding: 0; }
    .v26-work--featured { grid-template-columns: minmax(0,1fr); }
    .v26-work--featured .v26-work__description { grid-column: 1; grid-row: 5; padding: 0; margin-top: 8px; }
    .v26-two-columns > .v26-section__intro, .v26-two-columns > :nth-child(2), .v26-contact .v26-section__intro, .v26-contact__button { grid-column: 1; }
    .v26-philosophy__body { padding-top: 32px; max-width: 42em; }
    .v26-about__body { margin-top: 24px; }
    .v26-contact__button { justify-self: start; width: auto; margin-top: 8px; }
}
@media (max-width: 767px) {
    .staldia-home-v26 { --v26-header-height: 64px; font-size: 16px; }
    .v26-container { width: calc(100% - 40px); }
    .v26-header { height: auto; min-height: 64px; }
    .staldia-home-v26:not(.v26-menu-enhanced) .v26-header { position: relative; top: auto; }
    .v26-js .staldia-home-v26:not(.v26-menu-enhanced) .v26-nav { display: none; }
    .v26-js .staldia-home-v26:not(.v26-menu-enhanced) .v26-header { height: 64px; }
    .v26-header__inner { min-height: 64px; flex-wrap: wrap; }
    .v26-logo { width: 140px; }
    .v26-nav { width: 100%; }
    .v26-nav ul { flex-direction: column; align-items: stretch; gap: 0; padding: 8px 0 32px; }
    .v26-nav a { display: flex; min-height: 60px; border-bottom: 1px solid var(--v26-line); font-size: 20px; }
    .v26-nav .v26-nav__blog { min-height: 56px; font-size: 16px; }
    .v26-nav .v26-nav__contact { margin-top: 28px; min-height: 56px; font-size: 16px; }
    .v26-menu-enhanced .v26-header { height: 64px; }
    .v26-menu-enhanced .v26-menu-toggle { display: block; }
    html.v26-menu-open { overflow: hidden; overscroll-behavior: none; }
    .staldia-home-v26.v26-menu-open { position: fixed; top: var(--v26-menu-scroll-top); inset-inline: 0; width: 100%; }
    .staldia-home-v26.v26-menu-open .v26-header { position: fixed; inset: var(--v26-header-offset) 0 0; height: calc(100vh - var(--v26-header-offset)); height: calc(100dvh - var(--v26-header-offset)); z-index: 110; background: var(--v26-dark); border-bottom: 0; -webkit-backdrop-filter: none; backdrop-filter: none; }
    .v26-menu-open .v26-header__inner { display: grid; grid-template-columns: minmax(0,1fr) auto; grid-template-rows: var(--v26-header-height) minmax(0,1fr); height: 100%; padding-top: env(safe-area-inset-top,0px); align-items: center; }
    .v26-menu-open .v26-header__inner > .v26-logo { grid-column: 1; grid-row: 1; }
    .v26-menu-open .v26-menu-toggle { grid-column: 2; grid-row: 1; }
    .v26-menu-open .v26-nav { position: static; grid-column: 1 / -1; grid-row: 2; align-self: stretch; display: flex; flex-direction: column; width: 100%; min-height: 0; max-height: none; padding: 24px 0 calc(24px + var(--v26-header-height) + env(safe-area-inset-bottom,0px)); border-bottom: 0; box-shadow: none; overflow-y: auto; overscroll-behavior: contain; }
    .v26-menu-open .v26-nav ul { width: 100%; margin-block: auto; padding: 0; flex-shrink: 0; }
    .v26-menu-open .v26-nav .v26-menu-label { min-width: 0; overflow-wrap: anywhere; }
    .v26-hero { min-height: 0; }
    .v26-hero::after { background: rgba(9,11,16,.45); }
    .v26-hero__layout { display: block; padding-block: 56px 104px; }
    .v26-eyebrow { font-size: 12px; letter-spacing: .12em; }
    .v26-heading { letter-spacing: 0; }
    .v26-eyebrow::before { display: none; }
    .v26-hero__heading { margin-top: 24px; font-size: clamp(30px,9vw,36px); line-height: 1.3; letter-spacing: 0; }
    .v26-hero__subcopy { margin-top: 24px; font-size: 18px; line-height: 1.6; }
    .v26-hero__body { margin-top: 16px; font-size: 16px; line-height: 1.85; text-wrap: wrap; }
    .v26-hero__actions { margin-top: 32px; flex-direction: column; gap: 12px; }
    .v26-button { width: 100%; padding-inline: 16px; }
    .v26-section { padding-block: 80px; }
    .v26-section__intro { gap: 16px; }
    .v26-heading { font-size: 28px; line-height: 1.45; }
    .v26-lead { font-size: 16px; line-height: 1.85; text-wrap: wrap; }
    .v26-services { padding-bottom: 72px; }
    .v26-services .v26-heading { font-size: 27px; }
    .v26-services__grid { margin-top: 40px; gap: 16px; }
    .v26-service, .v26-service--featured { padding: 32px 24px; gap: 16px; }
    .v26-number { font-size: 12px; letter-spacing: .12em; }
    .v26-service__name { font-size: 21px; }
    .v26-service--featured .v26-service__name { font-size: 22px; line-height: 1.5; }
    .v26-service__description { gap: 16px; }
    .v26-service__catch { font-size: 19px; }
    .v26-service--featured .v26-service__catch { font-size: 20px; line-height: 1.55; }
    .v26-service__body, .v26-service--featured .v26-service__body { font-size: 16px; line-height: 1.85; text-wrap: wrap; }
    .v26-service__pending { margin-top: 0; }
    .v26-works__grid { margin-top: 40px; gap: 48px; }
    .v26-work { row-gap: 10px; }
    .v26-work:nth-child(2) { margin-top: 8px; }
    .v26-work__image, .v26-work--featured .v26-work__image { margin-bottom: 10px; }
    .v26-work__name { font-size: 21px; padding: 0; }
    .v26-work--featured .v26-work__name { font-size: 22px; line-height: 1.5; }
    .v26-work__label { letter-spacing: .1em; }
    .v26-work__description, .v26-work--featured .v26-work__description { gap: 10px; padding: 0; margin-top: 6px; font-size: 16px; line-height: 1.85; text-wrap: wrap; }
    .v26-works__note { margin-top: 40px; }
    .v26-philosophy { padding-block: 96px 104px; }
    .v26-philosophy::after { background: linear-gradient(180deg,rgba(34,39,46,.2),rgba(34,39,46,.85) 40%,rgba(34,39,46,.85)); }
    .v26-philosophy .v26-section__intro { gap: 20px; }
    .v26-philosophy .v26-heading { font-size: 30px; }
    .v26-two-columns { display: block; }
    .v26-philosophy__body { margin-top: 56px; padding-top: 0; gap: 24px; font-size: 16px; line-height: 1.9; text-wrap: wrap; }
    .v26-about .v26-section__intro { gap: 16px; }
    .v26-about .v26-heading { font-size: 27px; line-height: 1.45; }
    .v26-about__body { margin-top: 32px; padding: 0 0 0 20px; gap: 20px; font-size: 16px; line-height: 1.85; text-wrap: wrap; }
    .v26-contact { padding-block: 72px 80px; }
    .v26-contact__layout { display: block; padding-top: 56px; }
    .v26-contact__layout::before { width: 120px; box-shadow: 0 0 8px rgba(0,153,255,.55); }
    .v26-contact .v26-section__intro { gap: 16px; }
    .v26-contact .v26-heading { font-size: clamp(22px,7vw,27px); }
    .v26-contact .v26-lead { margin-top: 4px; }
    .v26-contact__button { width: 100%; margin-top: 32px; font-size: 16px; }
    .v26-decoration--services { left: 16px; top: 56px; font-size: 52px; }
    .v26-decoration--works { top: 48px; font-size: 48px; }
    .v26-decoration--philosophy { font-size: 52px; }
    .v26-decoration--about { left: auto; right: -.15em; top: 48px; transform: none; font-size: 48px; }
    .v26-decoration--contact { font-size: 48px; }
    .v26-footer { padding-block: 40px 32px; }
    .v26-footer__inner { gap: 28px; }
    .v26-footer__row { align-items: start; flex-direction: column; gap: 28px; }
    .v26-footer .v26-logo { width: 130px; }
    .v26-footer nav ul { display: grid; grid-template-columns: max-content max-content; font-size: 15px; }
    .v26-footer nav li:last-child { grid-column: 1 / -1; }
    .v26-footer nav li:last-child::before { display: none; }
    .v26-copyright { font-size: 12px; }
    .v26-light--grid { background-image: url('./tiles-hero-mobile.svg'); }
    .v26-philosophy .v26-light--grid { background-image: url('./tiles-philosophy-mobile.svg'); }
}
@media (max-width: 359px) {
    .v26-container { width: calc(100% - 32px); }
    .v26-hero__heading { font-size: clamp(28px,9vw,34px); }
    .v26-services .v26-heading { font-size: 24px; }
    .v26-about .v26-heading { font-size: 25px; }
    .v26-hero__actions .v26-button { font-size: 15px; letter-spacing: 0; }
    .v26-service { padding-inline: 20px; }
}
@media (prefers-reduced-motion: reduce) {
    .staldia-home-v26 *, .staldia-home-v26 *::before, .staldia-home-v26 *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
    .v26-light__trail { display: none; }
}