:root {
  --background: #f0ede6;
  --foreground: #171614;
  --card: #f8f6f1;
  --card-foreground: #171614;
  --border: rgba(23, 22, 20, 0.16);
  --input: rgba(23, 22, 20, 0.16);
  --ring: #bd7136;
  --primary: #bd7136;
  --primary-foreground: #f7f3eb;
  --ink: #171614;
  --paper: #f0ede6;
  --muted-paper: #d9d3c8;
  --copper: #bd7136;
  --cream: #f7f3eb;
  --black: #10100f;
  --deep: #141311;
  --line-dark: rgba(247, 243, 235, 0.2);
  --line-paper: rgba(23, 22, 20, 0.16);
}

* { box-sizing: border-box; }
html { background: var(--paper); scroll-behavior: auto; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: 'Manrope', sans-serif; overflow-x: hidden; }
button, a { font: inherit; }
a { color: inherit; text-decoration: none; }
button { border: 0; }
::selection { color: var(--black); background: #d99357; }

@layer base {
  * { @apply border-border outline-ring/50; }
  body { @apply bg-background text-foreground; }
  button:not(:disabled), a[href] { @apply cursor-pointer; }
}

.site-shell { position: relative; width: 100%; overflow: clip; }
.paper-section { background: var(--paper); color: var(--ink); }
.dark-section { background: var(--deep); color: var(--cream); }

/* nav */
.site-nav { position: fixed; z-index: 50; top: 0; left: 0; right: 0; display: flex; align-items: center; justify-content: space-between; height: 88px; padding: 0 clamp(22px, 4vw, 64px); color: var(--cream); mix-blend-mode: difference; }
.wordmark { display: inline-flex; gap: 12px; align-items: center; font-size: 11px; font-weight: 700; letter-spacing: .17em; }
.wordmark-mark { display: grid; place-items: center; width: 27px; height: 27px; border: 1px solid currentColor; border-radius: 50%; font-size: 9px; letter-spacing: -.08em; }
.desktop-nav { position: absolute; left: 50%; transform: translateX(-50%); display: flex; gap: clamp(24px, 3.2vw, 52px); font-family: 'DM Mono', monospace; font-size: 9px; text-transform: uppercase; letter-spacing: .08em; }
.desktop-nav a, .nav-contact { transition: opacity .25s ease; }
.desktop-nav a:hover, .nav-contact:hover { opacity: .6; }
.nav-contact { display: flex; align-items: center; gap: 10px; font-family: 'DM Mono', monospace; font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
.menu-button, .mobile-menu { display: none; }

/* cursor */
.cursor-dot { position: fixed; z-index: 100; top: -5px; left: -5px; width: 9px; height: 9px; margin: -4px 0 0 -4px; border-radius: 50%; background: #e7a36f; pointer-events: none; mix-blend-mode: difference; }
.cursor-shell { position: fixed; z-index: 99; top: 0; left: 0; display: grid; place-items: center; width: 30px; height: 30px; margin: -15px 0 0 -15px; border: 1px solid rgba(230, 164, 111, .8); border-radius: 50%; color: var(--cream); pointer-events: none; mix-blend-mode: difference; transition: width .28s cubic-bezier(.23,1,.32,1), height .28s cubic-bezier(.23,1,.32,1), background .28s ease, border-color .28s ease; }
.cursor-shell span { font-family: 'DM Mono', monospace; font-size: 8px; letter-spacing: .1em; opacity: 0; transition: opacity .2s ease; }
.cursor-shell.is-active { width: 74px; height: 74px; margin: -37px 0 0 -37px; background: var(--copper); border-color: var(--copper); mix-blend-mode: normal; }
.cursor-shell.is-active span { opacity: 1; }
.cursor-shell.is-down { width: 64px; height: 64px; margin: -32px 0 0 -32px; }

/* shared */
.section-label { display: flex; align-items: center; gap: 13px; color: #8f6a4a; font-family: 'DM Mono', monospace; font-size: 9px; font-weight: 500; letter-spacing: .14em; line-height: 1.5; text-transform: uppercase; }
.section-label-light { color: #b97746; }
.label-line { width: 26px; height: 1px; background: currentColor; }
.eyebrow-index { color: #958c80; font-family: 'DM Mono', monospace; font-size: 9px; letter-spacing: .12em; }
.arrow-link { position: relative; display: inline-flex; align-items: center; gap: 14px; color: var(--ink); font-family: 'DM Mono', monospace; font-size: 10px; letter-spacing: .1em; text-transform: uppercase; }
.arrow-link span { border-bottom: 1px solid rgba(23,22,20,.3); padding-bottom: 8px; transition: border-color .25s ease; }
.arrow-link svg { transition: transform .3s cubic-bezier(.23,1,.32,1); }
.arrow-link:hover span { border-color: var(--copper); }
.arrow-link:hover svg { transform: translate(4px, -4px); }
.arrow-link-light { color: var(--cream); }
.arrow-link-light span { border-color: rgba(247,243,235,.32); }

/* hero */
.hero { position: relative; min-height: 100svh; height: max(780px, 100svh); overflow: hidden; background: radial-gradient(circle at 74% 41%, rgba(129,66,30,.2) 0, rgba(16,16,15,0) 29%), #10100f; color: var(--cream); }
.hero-grid { position: absolute; inset: 0; opacity: .18; background-image: linear-gradient(rgba(246,237,224,.075) 1px, transparent 1px), linear-gradient(90deg, rgba(246,237,224,.075) 1px, transparent 1px); background-size: 84px 84px; mask-image: linear-gradient(to bottom, rgba(0,0,0,.45), transparent 80%); }
.hero::after { position: absolute; inset: 0; z-index: 1; pointer-events: none; content: ''; background: linear-gradient(180deg, rgba(16,16,15,.5) 0, transparent 18%, transparent 70%, rgba(16,16,15,.55) 100%); }
.hero-glow { position: absolute; z-index: 0; width: 38vw; height: 38vw; border-radius: 50%; pointer-events: none; filter: blur(60px); opacity: .33; }
.hero-glow-left { top: 15%; left: -22%; background: #642d13; }
.hero-glow-right { right: -20%; bottom: -22%; background: #a75020; opacity: .18; }
.orbital-canvas { position: absolute; z-index: 2; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.orbital-canvas canvas { display: block; width: 100%; height: 100%; }
.hero-fallback-orb { display: none; }
.webgl-fallback .hero-fallback-orb { position: absolute; top: 12%; right: 4%; display: block; width: min(62vw, 820px); aspect-ratio: 1; border: 1px solid rgba(211, 139, 79, .32); border-radius: 50%; background: radial-gradient(circle at 34% 27%, rgba(226, 158, 96, .8), rgba(113, 47, 18, .34) 27%, rgba(14, 14, 13, .85) 69%); box-shadow: inset -50px -35px 90px rgba(0,0,0,.7), 0 0 120px rgba(166, 78, 30, .2); }
.webgl-fallback .hero-fallback-orb::after { position: absolute; inset: 8%; border: 1px solid rgba(236, 185, 139, .22); border-radius: 50%; content: ''; transform: rotate(32deg) scaleY(.92); }
.hero-copy { position: absolute; z-index: 3; left: clamp(24px, 8vw, 132px); top: 22.5%; width: min(740px, 65vw); }
.hero-copy .section-label { margin-bottom: 35px; }
.hero h1 { margin: 0; font-size: clamp(58px, 9.4vw, 154px); font-weight: 500; letter-spacing: -.085em; line-height: .82; text-transform: uppercase; }
.hero h1 span { display: block; }
.hero h1 .indent { padding-left: clamp(20px, 3.7vw, 70px); color: #eee7da; }
.hero h1 .outline { margin-top: 28px; color: transparent; -webkit-text-stroke: 1px rgba(245,239,227,.55); font-size: .29em; font-weight: 500; letter-spacing: .17em; line-height: 1; }
.hero h1 .outline em { color: #c7844d; font-family: 'Playfair Display', serif; font-size: 1.25em; font-style: italic; letter-spacing: .02em; -webkit-text-stroke: 0; }
.hero-deck { margin: 48px 0 0 clamp(0px, 3.6vw, 66px); color: #d9d0c3; font-size: clamp(14px, 1.35vw, 19px); font-weight: 500; letter-spacing: -.02em; line-height: 1.6; }
.hero-deck span { color: #938e85; font-size: .76em; }
.hero-meta { position: absolute; z-index: 3; bottom: 41px; left: clamp(24px, 4vw, 64px); right: clamp(24px, 4vw, 64px); display: flex; align-items: flex-end; justify-content: space-between; color: #9a958c; font-family: 'DM Mono', monospace; font-size: 9px; letter-spacing: .06em; line-height: 1.55; text-transform: uppercase; }
.hero-meta-item { display: flex; gap: 22px; }
.meta-index { color: #c98953; }
.hero-meta-right { display: flex; flex-direction: column; align-items: flex-end; gap: 14px; text-align: right; }
.meta-status { display: inline-flex; align-items: center; gap: 8px; color: #bfad9b; }
.meta-status i { width: 5px; height: 5px; border-radius: 50%; background: #a76b44; box-shadow: 0 0 10px #d6945b; }
.hero-scroll { position: absolute; left: 50%; bottom: 0; display: flex; align-items: center; gap: 9px; color: #bcb5aa; text-transform: uppercase; transform: translateX(-50%); }
.hero-scroll svg { animation: nudge 2.2s ease-in-out infinite; }
.hero-side-label { position: absolute; z-index: 3; right: 22px; top: 42%; color: rgba(213,187,163,.44); font-family: 'DM Mono', monospace; font-size: 8px; letter-spacing: .18em; line-height: 1.7; text-align: right; transform: rotate(90deg) translateX(50%); transform-origin: right center; }
@keyframes nudge { 0%, 100% { transform: translate(0); } 50% { transform: translate(3px, 3px); } }

/* statement */
.statement-section { position: relative; min-height: 92vh; padding: clamp(100px, 14vw, 220px) clamp(24px, 8vw, 132px) clamp(90px, 12vw, 175px); overflow: hidden; }
.statement-top, .work-heading, .process-head { display: flex; align-items: flex-start; justify-content: space-between; }
.statement-wrap { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(220px, .45fr); gap: 8vw; margin: 13vh 0 0 11vw; }
.statement-heading { margin: 0; font-size: clamp(47px, 7.6vw, 124px); font-weight: 500; letter-spacing: -.085em; line-height: .89; }
.statement-heading em, .work-heading em, .services-intro em, .about-copy em, .process-title em, .contact-inner em { color: var(--copper); font-family: 'Playfair Display', serif; font-weight: 500; }
.statement-heading span { color: #9c978e; font-size: .65em; }
.statement-side { align-self: end; max-width: 285px; padding-bottom: 5px; }
.statement-side p { margin: 0 0 35px; color: #706b64; font-size: 13px; line-height: 1.8; }
.statement-annotation { position: absolute; right: 10%; bottom: 15%; color: rgba(120,95,72,.45); font-family: 'DM Mono', monospace; font-size: 8px; letter-spacing: .2em; line-height: 1.6; text-align: right; transform: rotate(-90deg); transform-origin: right; }

/* services */
.services-section { position: relative; min-height: 100vh; padding: clamp(100px, 11vw, 175px) clamp(24px, 8vw, 132px) clamp(100px, 12vw, 190px); overflow: hidden; }
.services-intro { position: relative; z-index: 2; display: grid; grid-template-columns: 1.1fr 1.2fr .7fr; align-items: end; gap: 30px; margin-bottom: 13vh; }
.services-intro h2 { margin: 0; font-size: clamp(50px, 7.2vw, 112px); font-weight: 500; letter-spacing: -.08em; line-height: .84; }
.services-intro p { max-width: 235px; margin: 0 0 4px; color: #8f8880; font-size: 12px; line-height: 1.75; }
.services-list { position: relative; z-index: 2; }
.service-row { position: relative; display: grid; grid-template-columns: 8% 40% 1fr 15% 30px; align-items: center; width: 100%; min-height: 120px; padding: 0 0 0 0; border-top: 1px solid var(--line-dark); background: transparent; color: #eee7da; text-align: left; transition: color .35s ease, padding .35s cubic-bezier(.23,1,.32,1); }
.service-row:last-child { border-bottom: 1px solid var(--line-dark); }
.service-row::before { position: absolute; z-index: -1; inset: 0 -30px; background: rgba(185,105,52,.1); content: ''; opacity: 0; transform: scaleY(.5); transition: opacity .4s ease, transform .5s cubic-bezier(.23,1,.32,1); }
.service-row:hover, .service-row.is-active { color: #d9925b; padding-left: 14px; }
.service-row:hover::before, .service-row.is-active::before { opacity: 1; transform: scaleY(1); }
.service-index, .service-tag { color: #807972; font-family: 'DM Mono', monospace; font-size: 9px; letter-spacing: .1em; }
.service-title { font-size: clamp(27px, 3.1vw, 49px); font-weight: 500; letter-spacing: -.065em; }
.service-copy { max-width: 205px; color: #88817a; font-size: 11px; line-height: 1.55; }
.service-tag { justify-self: end; }
.service-plus { justify-self: end; color: #b56d3f; transform: rotate(0); transition: transform .45s cubic-bezier(.23,1,.32,1); }
.service-row:hover .service-plus, .service-row.is-active .service-plus { transform: rotate(45deg); }
.service-orb { position: absolute; right: 2%; bottom: 2%; width: min(40vw, 570px); aspect-ratio: 1; border: 1px solid rgba(171,81,32,.12); border-radius: 50%; pointer-events: none; transition: transform 1.4s cubic-bezier(.23,1,.32,1); }
.service-orb::before, .service-orb::after, .service-orb div { position: absolute; inset: 16%; border: 1px solid rgba(171,81,32,.12); border-radius: 50%; content: ''; }
.service-orb::after { inset: 31%; border-color: rgba(204,131,78,.18); }
.service-orb div:nth-child(1) { inset: 0; border-color: rgba(214,146,93,.1); transform: rotate(50deg) scaleX(.35); }
.service-orb div:nth-child(2) { inset: 0; border-color: rgba(214,146,93,.1); transform: rotate(-50deg) scaleX(.35); }
.service-orb div:nth-child(3) { inset: 48%; border: 2px solid #bd7136; background: #bd7136; box-shadow: 0 0 70px 18px rgba(189,113,54,.18); }

/* work */
.work-section { position: relative; padding: clamp(100px, 13vw, 210px) clamp(24px, 8vw, 132px) 120px; }
.work-heading { margin-bottom: 13vh; }
.work-heading h2 { margin: 55px 0 0; font-size: clamp(48px, 7.4vw, 118px); font-weight: 500; letter-spacing: -.085em; line-height: .84; }
.work-heading p { align-self: end; max-width: 245px; margin: 0 9vw 5px 0; color: #746e67; font-size: 12px; line-height: 1.7; }
.project-stack { max-width: 1190px; margin: 0 auto; }
.project-item { position: relative; width: 73%; margin-bottom: 15vh; }
.project-item:nth-child(2) { width: 58%; margin-left: 28%; }
.project-item:nth-child(3) { width: 68%; margin-left: 9%; }
.project-topline { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; color: #80786e; font-family: 'DM Mono', monospace; font-size: 9px; letter-spacing: .09em; text-transform: uppercase; }
.project-topline svg { color: var(--copper); }
.project-frame { position: relative; height: clamp(310px, 45vw, 650px); overflow: hidden; background: #c9c3bb; clip-path: polygon(0 0, 100% 4%, 96% 100%, 3% 97%); transform: perspective(1200px) rotateX(calc(var(--my, 0) * -1deg)) rotateY(calc(var(--mx, 0) * 1.4deg)); transition: transform .7s cubic-bezier(.23,1,.32,1), clip-path .7s cubic-bezier(.23,1,.32,1); }
.project-item:hover .project-frame { clip-path: polygon(2% 2%, 98% 0, 100% 97%, 0 100%); }
.project-frame img { width: 100%; height: 108%; object-fit: cover; filter: saturate(.63) contrast(1.08); transform: translate3d(calc(var(--mx, 0) * 10px), calc(var(--my, 0) * 10px), 0); transition: filter .6s ease, transform .7s cubic-bezier(.23,1,.32,1); }
.project-item:hover .project-frame img { filter: saturate(.95) contrast(1.02); }
.project-veil { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.04) 20%, rgba(0,0,0,.55) 100%); }
.project-mark { position: absolute; top: 26px; left: 29px; color: rgba(247,243,235,.82); font-size: 12px; letter-spacing: .12em; }
.project-mark span { display: inline-block; margin-left: 4px; color: #e0a174; font-size: 16px; transform: rotate(30deg); }
.project-caption { position: absolute; right: 29px; bottom: 27px; left: 29px; display: flex; align-items: end; justify-content: space-between; color: var(--cream); }
.project-caption h3 { max-width: 60%; margin: 0; font-size: clamp(22px, 2.4vw, 36px); font-weight: 500; letter-spacing: -.06em; line-height: .95; }
.project-caption span { color: rgba(247,243,235,.64); font-family: 'DM Mono', monospace; font-size: 8px; letter-spacing: .09em; text-transform: uppercase; }
.work-footer { display: flex; align-items: center; justify-content: space-between; margin-top: 5vh; padding-top: 24px; border-top: 1px solid var(--line-paper); color: #958c81; font-family: 'DM Mono', monospace; font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }

/* about */
.about-section { position: relative; min-height: 100vh; padding: clamp(100px, 13vw, 185px) clamp(24px, 8vw, 132px); overflow: hidden; }
.about-copy { position: relative; z-index: 2; margin-left: 14vw; }
.about-copy h2 { margin: 60px 0 42px; font-size: clamp(49px, 7.6vw, 122px); font-weight: 500; letter-spacing: -.085em; line-height: .86; }
.about-copy p { max-width: 305px; margin: 0 0 40px; color: #8d8780; font-size: 13px; line-height: 1.8; }
.about-signal { position: absolute; top: 14%; right: 7%; display: flex; align-items: center; gap: 8px; width: 35vw; height: 60%; transform: rotate(-25deg); opacity: .8; }
.about-signal span { width: 18%; height: 100%; border-radius: 50%; border: 1px solid rgba(194,110,57,.22); transform: skewX(-25deg); }
.about-signal span:nth-child(2) { height: 83%; border-color: rgba(194,110,57,.34); }
.about-signal span:nth-child(3) { height: 64%; border-color: rgba(194,110,57,.5); }
.about-signal span:nth-child(4) { height: 45%; border-color: rgba(194,110,57,.7); }
.about-signal span:nth-child(5) { height: 28%; background: #bd7136; border: 0; box-shadow: 0 0 100px 30px rgba(189,113,54,.2); }
.about-coordinates { position: absolute; right: 5%; bottom: 10%; color: #7f7870; font-family: 'DM Mono', monospace; font-size: 8px; letter-spacing: .12em; line-height: 1.7; text-align: right; }

/* process */
.process-section { min-height: 95vh; padding: clamp(100px, 12vw, 185px) clamp(24px, 8vw, 132px) 140px; }
.process-head { color: #8d847a; font-family: 'DM Mono', monospace; font-size: 9px; letter-spacing: .12em; text-transform: uppercase; }
.process-layout { display: grid; grid-template-columns: .9fr 1.1fr; gap: 6vw; align-items: center; margin: 14vh 0 0 11vw; }
.process-title h2 { margin: 0 0 40px; font-size: clamp(49px, 7.5vw, 116px); font-weight: 500; letter-spacing: -.09em; line-height: .81; }
.process-title p { max-width: 260px; color: #746e67; font-size: 12px; line-height: 1.75; }
.process-wheel { position: relative; width: min(40vw, 520px); aspect-ratio: 1; margin: 0 auto; border: 1px solid rgba(189,113,54,.25); border-radius: 50%; }
.process-wheel::before, .process-wheel::after { position: absolute; inset: 14%; border: 1px solid rgba(189,113,54,.23); border-radius: 50%; content: ''; }
.process-wheel::after { inset: 31%; border-color: rgba(189,113,54,.5); }
.process-orbit { position: absolute; inset: -1px; border: 1px solid transparent; border-top-color: var(--copper); border-radius: 50%; }
.process-center { position: absolute; top: 50%; left: 50%; display: grid; place-items: center; width: 62px; height: 62px; border-radius: 50%; background: var(--copper); color: var(--cream); font-size: 12px; letter-spacing: -.05em; transform: translate(-50%, -50%); }
.process-step { position: absolute; display: flex; flex-direction: column; gap: 5px; color: #83796f; font-family: 'DM Mono', monospace; font-size: 8px; letter-spacing: .1em; }
.process-step strong { color: var(--ink); font-size: 10px; font-weight: 500; }
.step-1 { top: 4%; left: 42%; }.step-2 { top: 39%; right: -4%; }.step-3 { bottom: 6%; left: 40%; }.step-4 { bottom: 26%; left: -9%; }.step-5 { top: 29%; left: -6%; }

/* contact */
.contact-section { position: relative; min-height: 86vh; padding: clamp(100px, 13vw, 190px) clamp(24px, 8vw, 132px) 44px; overflow: hidden; background: #171310; color: var(--cream); }
.contact-section::before { position: absolute; inset: 0; background: radial-gradient(circle at 75% 35%, rgba(166,76,27,.35), transparent 27%), radial-gradient(circle at 14% 100%, rgba(118,50,20,.26), transparent 26%); content: ''; }
.contact-noise { position: absolute; inset: 0; opacity: .07; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E"); pointer-events: none; }
.contact-inner { position: relative; z-index: 2; margin-left: 11vw; }
.contact-inner h2 { margin: 58px 0 75px; font-size: clamp(54px, 8.1vw, 130px); font-weight: 500; letter-spacing: -.09em; line-height: .83; }
.contact-link { display: inline-flex; align-items: center; gap: 24px; padding-bottom: 13px; border-bottom: 1px solid rgba(247,243,235,.42); color: #d79667; font-family: 'DM Mono', monospace; font-size: clamp(14px, 1.6vw, 21px); letter-spacing: .05em; transition: gap .35s ease, color .35s ease; }
.contact-link:hover { gap: 34px; color: #efbb91; }
.contact-bottom { position: absolute; z-index: 2; right: clamp(24px, 8vw, 132px); bottom: 44px; left: clamp(24px, 8vw, 132px); display: flex; justify-content: space-between; color: #766d65; font-family: 'DM Mono', monospace; font-size: 8px; letter-spacing: .08em; text-transform: uppercase; }
.site-footer { display: flex; align-items: center; justify-content: space-between; padding: 28px clamp(24px, 4vw, 64px); background: #10100f; color: #827a71; font-family: 'DM Mono', monospace; font-size: 9px; letter-spacing: .1em; text-transform: uppercase; }
.footer-mark { color: #db9160; font-family: 'Manrope', sans-serif; font-size: 28px; font-weight: 700; letter-spacing: -.12em; }.footer-mark span { margin-left: 7px; color: #736b63; font-size: 8px; vertical-align: top; letter-spacing: 0; }
.footer-links { display: flex; gap: 28px; }.footer-links a:hover { color: var(--cream); }.footer-note { color: #b06a3b; font-family: 'Playfair Display', serif; font-size: 13px; font-style: italic; letter-spacing: 0; text-transform: none; }

.reveal-up { opacity: 1; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
  .cursor-dot, .cursor-shell { display: none; }
}

@media (max-width: 800px) {
  .site-nav { height: 72px; padding: 0 20px; mix-blend-mode: normal; color: var(--cream); }
  .desktop-nav, .nav-contact { display: none; }
  .menu-button { position: relative; z-index: 4; display: flex; flex-direction: column; gap: 5px; width: 28px; padding: 8px 0; background: transparent; }
  .menu-button span { display: block; width: 24px; height: 1px; background: currentColor; transition: transform .3s ease; }
  .menu-open .menu-button span:first-child { transform: translateY(3px) rotate(45deg); }.menu-open .menu-button span:last-child { transform: translateY(-3px) rotate(-45deg); }
  .mobile-menu { position: fixed; inset: 0; display: flex; flex-direction: column; justify-content: flex-end; gap: 22px; padding: 100px 24px 42px; background: #171310; color: var(--cream); opacity: 0; pointer-events: none; transform: translateY(-20px); transition: opacity .35s ease, transform .4s ease; }
  .menu-open .mobile-menu { opacity: 1; pointer-events: auto; transform: translateY(0); }.mobile-menu a { display: flex; align-items: center; justify-content: space-between; font-size: 35px; letter-spacing: -.07em; }.mobile-menu a:last-child { color: #d88957; font-size: 13px; font-family: 'DM Mono', monospace; letter-spacing: .08em; text-transform: uppercase; }
  .cursor-dot, .cursor-shell { display: none; }
  .hero { min-height: 760px; height: 100svh; }.hero-copy { top: 19%; left: 20px; width: calc(100% - 40px); }.hero-copy .section-label { margin-bottom: 28px; font-size: 8px; }.hero h1 { font-size: clamp(55px, 17vw, 110px); line-height: .85; }.hero h1 .outline { margin-top: 22px; font-size: .32em; letter-spacing: .1em; }.hero-deck { margin: 38px 0 0 4px; font-size: 14px; }.hero-side-label { right: 6px; top: 49%; font-size: 7px; }.hero-meta { bottom: 25px; left: 20px; right: 20px; font-size: 8px; }.hero-meta-item:first-child { display: none; }.hero-scroll { left: 50%; bottom: 0; }.hero-meta-right { gap: 7px; }.hero-meta-right > span:first-child { display: none; }.orbital-canvas { transform: translateY(7%); }.webgl-fallback .hero-fallback-orb { top: 13%; right: -23%; width: 110vw; }.hero-grid { background-size: 56px 56px; }
  .statement-section, .services-section, .work-section, .about-section, .process-section, .contact-section { padding-right: 20px; padding-left: 20px; }.statement-section { min-height: 780px; padding-top: 100px; }.statement-wrap { display: block; margin: 18vh 0 0; }.statement-heading { font-size: clamp(47px, 15vw, 82px); }.statement-side { max-width: 280px; margin: 72px 0 0 auto; }.statement-annotation { right: -4px; bottom: 17%; }.services-section { min-height: auto; padding-top: 100px; padding-bottom: 115px; }.services-intro { display: block; margin-bottom: 72px; }.services-intro h2 { margin: 54px 0 30px; font-size: clamp(51px, 16vw, 85px); }.services-intro p { max-width: 210px; }.service-row { grid-template-columns: 34px 1fr 26px; min-height: 96px; }.service-copy, .service-tag { display: none; }.service-title { font-size: 26px; }.service-row::before { inset: 0 -10px; }.service-orb { right: -27%; bottom: 4%; width: 90vw; opacity: .65; }
  .work-section { padding-top: 100px; padding-bottom: 90px; }.work-heading { display: block; margin-bottom: 86px; }.work-heading h2 { margin-top: 50px; font-size: clamp(50px, 15vw, 82px); }.work-heading p { margin: 50px 0 0 auto; max-width: 220px; }.project-item, .project-item:nth-child(2), .project-item:nth-child(3) { width: 100%; margin: 0 0 84px; }.project-frame { height: 107vw; max-height: 510px; }.project-topline { font-size: 8px; }.project-caption { right: 18px; bottom: 18px; left: 18px; display: block; }.project-caption h3 { max-width: 82%; margin-bottom: 15px; font-size: 28px; }.project-caption span { font-size: 8px; }.project-mark { top: 18px; left: 18px; }
  .about-section { min-height: 750px; padding-top: 110px; }.about-copy { margin-left: 0; }.about-copy h2 { margin: 55px 0 38px; font-size: clamp(49px, 15vw, 80px); }.about-copy p { max-width: 255px; }.about-signal { top: auto; right: -32%; bottom: 13%; width: 90vw; height: 48%; }.about-coordinates { right: 20px; bottom: 6%; }
  .process-section { min-height: 880px; padding-top: 100px; }.process-layout { display: block; margin: 15vh 0 0; }.process-title h2 { font-size: clamp(53px, 16vw, 85px); }.process-title p { margin-top: 35px; }.process-wheel { width: 84vw; margin: 90px auto 0; }.process-step { font-size: 7px; }.process-step strong { font-size: 8px; }.step-2 { right: -6%; }.step-4 { left: -8%; }
  .contact-section { min-height: 700px; padding-top: 100px; }.contact-inner { margin-left: 0; }.contact-inner h2 { margin: 60px 0 64px; font-size: clamp(52px, 16vw, 87px); }.contact-link { font-size: 12px; gap: 14px; }.contact-bottom { right: 20px; bottom: 27px; left: 20px; display: block; line-height: 2; }.contact-bottom span { display: block; }.site-footer { padding: 25px 20px; }.footer-links { gap: 14px; }.footer-note { display: none; }
}

@media (min-width: 801px) and (max-width: 1100px) {
  .hero-copy { left: 7vw; }.hero h1 { font-size: 11vw; }.service-row { grid-template-columns: 8% 37% 1fr 15% 30px; }.statement-wrap, .process-layout { margin-left: 5vw; }
}

@media (hover: none) {
  .cursor-dot, .cursor-shell { display: none; }
}

.generic-content { min-height: 70vh; padding: 160px 8vw; }.generic-content article { max-width: 900px; margin: 0 auto; }.generic-content h1 { font-size: clamp(48px, 8vw, 110px); letter-spacing: -.08em; }
/* TeamZtonne Web Performance landing page */
.performance-page{background:var(--paper);color:var(--ink);overflow:clip}.perf-hero{position:relative;min-height:100svh;height:max(760px,100svh);overflow:hidden;background:#0e0f10;color:var(--cream)}.perf-hero::after{position:absolute;inset:0;z-index:1;pointer-events:none;content:'';background:linear-gradient(180deg,rgba(10,11,12,.6),transparent 35%,rgba(10,11,12,.7))}.perf-hero-copy{position:absolute;z-index:3;top:21%;left:clamp(22px,8vw,132px);max-width:980px}.perf-hero-copy .section-label{margin-bottom:42px}.perf-hero h1{margin:0;font-size:clamp(52px,10.5vw,165px);font-weight:500;letter-spacing:-.1em;line-height:.78;text-transform:uppercase}.hero-line{display:block;overflow:hidden}.hero-line-two{padding-left:10vw;color:#e8e4dc}.hero-line-three{color:transparent;-webkit-text-stroke:1px rgba(244,240,231,.7)}.hero-dot{color:var(--copper);-webkit-text-stroke:0}.hero-shift{margin:42px 0 0 10vw;color:#a5a09a;font-family:'DM Mono',monospace;font-size:clamp(12px,1.3vw,17px);letter-spacing:.08em;text-transform:uppercase}.hero-shift em{color:#d8915b;font-family:'Playfair Display',serif;font-size:1.25em;letter-spacing:0}.perf-hero-copy>p{margin:28px 0 0 10vw;color:#9d9992;font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.09em;line-height:2;text-transform:uppercase}.perf-hero-copy>p i{color:var(--copper);font-style:normal}.hero-actions{display:flex;align-items:center;gap:28px;margin:40px 0 0 10vw}.button-copper{display:inline-flex;align-items:center;gap:18px;padding:15px 18px;background:var(--copper);color:var(--cream);font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.09em;text-transform:uppercase;transition:transform .25s ease,background .25s ease}.button-copper:hover{background:#d8915b;transform:translateY(-3px)}.button-copper span,.text-link span{font-size:15px}.text-link{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.light-link{color:#bbb5ac}.light-link:hover{color:#e5c8ae}.perf-hero-footer{position:absolute;z-index:3;right:clamp(22px,4vw,64px);bottom:32px;left:clamp(22px,4vw,64px);display:flex;align-items:center;justify-content:space-between;color:#8f8b84;font-family:'DM Mono',monospace;font-size:8px;letter-spacing:.1em;text-transform:uppercase}.hero-scroll{color:#bfb8ae}.hero-scroll b{margin-left:8px;color:var(--copper);font-size:14px}.hero-status{display:flex;align-items:center;gap:8px}.hero-status i{width:5px;height:5px;border-radius:50%;background:#c87945;box-shadow:0 0 12px #c87945}.section-topline{display:flex;justify-content:space-between;color:#8c857d;font-family:'DM Mono',monospace;font-size:8px;letter-spacing:.1em;text-transform:uppercase}.perf-manifesto{min-height:112vh;padding:clamp(90px,12vw,180px) clamp(22px,8vw,132px) 80px}.manifesto-stage{position:relative;min-height:78vh;margin-top:10vh}.manifesto-word{position:absolute;width:max-content;font-size:clamp(40px,8vw,124px);font-weight:500;letter-spacing:-.09em;line-height:.86;opacity:.16;transform:translateY(30px)}.manifesto-word em{color:var(--copper);font-family:'Playfair Display',serif;font-style:italic}.word-1{top:5%;left:8%}.word-2{top:28%;right:4%}.word-3{top:53%;left:16%}.word-4{top:77%;right:0}.manifesto-foot{display:flex;align-items:end;justify-content:space-between;color:#766f68;font-size:12px;line-height:1.7}.manifesto-foot strong{color:var(--ink);font-weight:600}.manifesto-foot span{font-family:'DM Mono',monospace;font-size:8px;letter-spacing:.1em;text-transform:uppercase}
.problem-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;min-height:100vh;padding:clamp(100px,13vw,200px) clamp(22px,8vw,132px)}.problem-copy h2,.solutions-head h2,.imob-copy h2,.diagnostic-copy h2,.final-cta-inner h2{margin:55px 0 32px;font-size:clamp(48px,7vw,108px);font-weight:500;letter-spacing:-.09em;line-height:.83}.problem-copy h2 em,.solutions-head h2 em,.imob-copy h2 em,.diagnostic-copy h2 em,.final-cta-inner h2 em{color:var(--copper);font-family:'Playfair Display',serif}.problem-copy p,.solutions-head>p,.imob-copy p,.diagnostic-copy>p,.final-cta-inner p{max-width:290px;color:#8b8580;font-size:13px;line-height:1.8}.problem-list{align-self:end}.problem-row{display:grid;grid-template-columns:40px 1fr 25px;align-items:center;min-height:77px;border-top:1px solid var(--line-dark);color:#8d8780;transition:color .3s ease,padding .3s ease}.problem-row:last-child{border-bottom:1px solid var(--line-dark)}.problem-row span,.problem-row i{color:#a9683c;font-family:'DM Mono',monospace;font-size:8px;font-style:normal}.problem-row strong{font-size:clamp(17px,2vw,28px);font-weight:500;letter-spacing:-.05em}.problem-row:hover{padding-left:14px;color:var(--cream)}
.transformation-section{min-height:105vh;padding:clamp(100px,13vw,190px) clamp(22px,8vw,132px)}.transformation-intro{display:grid;grid-template-columns:.5fr 1fr .6fr;gap:4vw;align-items:end}.transformation-intro h2{margin:0;font-size:clamp(43px,6.6vw,105px);font-weight:500;letter-spacing:-.09em;line-height:.84}.transformation-intro h2 em{color:var(--copper);font-family:'Playfair Display',serif}.transformation-intro p{max-width:190px;margin:0;color:#79726b;font-size:12px;line-height:1.7}.transformation-flow{position:relative;display:flex;justify-content:space-between;margin:18vh 3vw 0;padding-top:30px;border-top:1px solid var(--line-paper)}.flow-line{position:absolute;top:-1px;left:0;width:0;height:1px;background:var(--copper)}.flow-step{position:relative;display:flex;flex-direction:column;gap:18px;color:#968c82}.flow-step small{color:var(--copper);font-family:'DM Mono',monospace;font-size:8px}.flow-step strong{color:var(--ink);font-size:clamp(14px,1.5vw,21px);letter-spacing:-.04em}.transformation-end{display:flex;flex-direction:column;gap:4px;margin:18vh 0 0 12vw;font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.transformation-end em{color:var(--copper);font-family:'Playfair Display',serif;font-size:clamp(35px,5vw,80px);font-style:italic;letter-spacing:-.07em;text-transform:none}
.solutions-section{min-height:100vh;padding:clamp(100px,12vw,180px) clamp(22px,8vw,132px)}.solutions-head{display:grid;grid-template-columns:1fr .7fr;align-items:end;gap:5vw;margin-bottom:12vh}.solutions-head h2{margin-bottom:0}.solution-stack{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;min-height:480px}.solution-panel{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:470px;padding:22px;border:1px solid var(--line-dark);background:linear-gradient(160deg,rgba(203,124,72,.12),transparent 35%);transition:background .4s ease}.solution-panel:hover{background:linear-gradient(160deg,rgba(203,124,72,.26),rgba(203,124,72,.03) 55%)}.solution-panel-top,.solution-arrow{display:flex;justify-content:space-between;color:#8d847c;font-family:'DM Mono',monospace;font-size:8px;letter-spacing:.08em;text-transform:uppercase}.solution-panel-main{margin-top:auto}.solution-panel h3{margin:0 0 45px;color:#d88d56;font-size:clamp(17px,2vw,28px);letter-spacing:-.06em}.solution-panel h4{margin:0 0 14px;color:var(--cream);font-size:18px;font-weight:500;letter-spacing:-.05em;line-height:1.05}.solution-panel p{min-height:52px;margin:0 0 25px;color:#8e8880;font-size:11px;line-height:1.6}.solution-panel strong{color:#e2b58e;font-family:'DM Mono',monospace;font-size:10px;font-weight:400}.solution-arrow{align-items:center;color:#c98b5b}.solution-arrow span{font-size:15px}
.vertical-section{min-height:100vh;padding:clamp(100px,13vw,190px) 0 120px;overflow:hidden}.vertical-head{padding:0 clamp(22px,8vw,132px)}.vertical-head h2{margin:58px 0 0;font-size:clamp(46px,7vw,106px);font-weight:500;letter-spacing:-.09em;line-height:.83}.vertical-head h2 em{color:var(--copper);font-family:'Playfair Display',serif}.vertical-rail{margin-top:14vh;overflow:hidden}.vertical-track{display:flex;width:max-content;gap:16px;padding:0 clamp(22px,8vw,132px)}.vertical-card{position:relative;width:min(31vw,410px);min-height:430px;padding:28px;border:1px solid var(--line-paper);background:linear-gradient(135deg,rgba(255,255,255,.32),transparent)}.vertical-card:nth-child(even){margin-top:80px}.vertical-code,.vertical-number{color:#a46c45;font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.12em}.vertical-number{float:right;color:#aaa097}.vertical-card h3{margin:130px 0 20px;max-width:280px;font-size:clamp(25px,3vw,42px);font-weight:500;letter-spacing:-.07em;line-height:.9}.vertical-card p{max-width:245px;color:#756e67;font-size:12px;line-height:1.7}.vertical-card a{position:absolute;bottom:27px;left:28px;color:var(--copper);font-family:'DM Mono',monospace;font-size:8px;letter-spacing:.1em;text-transform:uppercase}.vertical-card a span{margin-left:12px;font-size:15px}
.imob-section{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;overflow:hidden}.imob-visual{position:relative;min-height:650px;overflow:hidden;background:radial-gradient(circle at 55% 40%,rgba(190,112,54,.65),transparent 22%),linear-gradient(125deg,#151616,#5e3725 55%,#161615)}.imob-glow{position:absolute;inset:12% 9%;border:1px solid rgba(238,194,154,.42);transform:rotate(-10deg) skewY(-6deg);box-shadow:0 0 120px rgba(193,110,52,.35),inset 0 0 80px rgba(224,160,108,.2)}.imob-glow::before,.imob-glow::after{position:absolute;inset:12%;border:1px solid rgba(240,204,173,.3);content:''}.imob-glow::after{inset:24%;border-color:rgba(240,204,173,.2)}.imob-lines{position:absolute;inset:0;opacity:.4;background:repeating-linear-gradient(115deg,transparent 0 48px,rgba(255,255,255,.12) 49px 50px);mix-blend-mode:screen}.imob-coordinate,.imob-label{position:absolute;bottom:28px;left:30px;color:#c8a88d;font-family:'DM Mono',monospace;font-size:8px;letter-spacing:.09em}.imob-label{right:30px;left:auto;text-align:right}.imob-copy{align-self:center;padding:12vw 8vw}.imob-copy h2{font-size:clamp(42px,5.4vw,84px)}.imob-copy p{margin-bottom:38px}.button-outline{display:inline-flex;gap:16px;align-items:center;padding:14px 18px;border:1px solid rgba(247,243,235,.4);color:var(--cream);font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.button-outline:hover{border-color:var(--copper);color:#e5a373}
.diagnostic-section{display:grid;grid-template-columns:1fr .8fr;gap:8vw;min-height:100vh;padding:clamp(100px,13vw,190px) clamp(22px,8vw,132px)}.diagnostic-copy h2{font-size:clamp(42px,5.7vw,88px)}.diagnostic-copy>p{margin-bottom:46px}.diagnostic-checks{display:flex;flex-wrap:wrap;gap:7px;max-width:430px}.diagnostic-checks span{padding:7px 9px;border:1px solid var(--line-paper);color:#8a8178;font-family:'DM Mono',monospace;font-size:8px;letter-spacing:.08em}.diagnostic-form-wrap{align-self:center;padding:28px;background:#e6e1d8;border:1px solid var(--line-paper)}.form-kicker{margin-bottom:27px;color:var(--copper);font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.08em;line-height:1.5;text-transform:uppercase}.form-message{margin:0 0 18px;padding:12px;font-family:'DM Mono',monospace;font-size:10px;line-height:1.4}.form-message.success{color:#3e6447;background:#d4e2d6}.form-message.error{color:#8e4238;background:#ead2cf}.diagnostic-form{display:grid;grid-template-columns:1fr 1fr;gap:18px 14px}.diagnostic-form label{display:grid;gap:7px}.diagnostic-form label:nth-of-type(n+3){grid-column:span 2}.diagnostic-form label span{color:#756d64;font-family:'DM Mono',monospace;font-size:8px;letter-spacing:.08em;text-transform:uppercase}.diagnostic-form input,.diagnostic-form select{width:100%;padding:11px 0;border:0;border-bottom:1px solid rgba(23,22,20,.28);outline:0;background:transparent;color:var(--ink);font:inherit;font-size:13px}.diagnostic-form input:focus,.diagnostic-form select:focus{border-color:var(--copper)}.form-submit{grid-column:span 2;justify-content:space-between;margin-top:14px}
.process-performance-section{min-height:90vh;padding:clamp(100px,13vw,190px) clamp(22px,8vw,132px);background:#131415;color:var(--cream)}.process-performance-head h2{max-width:1100px;margin:60px 0 0;font-size:clamp(37px,6vw,94px);font-weight:500;letter-spacing:-.09em;line-height:.9}.process-performance-head h2 span{color:var(--copper);font-family:'Playfair Display',serif;font-style:italic}.process-performance-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:16vh}.process-performance-grid>div{min-height:220px;padding:20px;border-top:1px solid var(--line-dark)}.process-performance-grid span{color:var(--copper);font-family:'DM Mono',monospace;font-size:9px}.process-performance-grid strong{display:block;margin:55px 0 15px;font-size:16px;font-weight:500}.process-performance-grid p{max-width:150px;color:#87837d;font-size:11px;line-height:1.6}
.cases-section{min-height:100vh;padding:clamp(100px,12vw,180px) clamp(22px,8vw,132px)}.cases-section h2{margin:60px 0 70px;font-size:clamp(50px,7vw,108px);font-weight:500;letter-spacing:-.09em;line-height:.84}.cases-section h2 em{color:var(--copper);font-family:'Playfair Display',serif}.case-marquee{display:flex;gap:24px;align-items:center;padding:18px 0;border-top:1px solid var(--line-paper);border-bottom:1px solid var(--line-paper);overflow:hidden;color:#9a9188;font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.16em;white-space:nowrap}.case-marquee i{color:var(--copper);font-size:18px;font-style:normal}.case-grid{display:grid;grid-template-columns:1.2fr .85fr 1fr;gap:18px;align-items:start;margin-top:12vh}.case-grid figure{margin:0}.case-grid figure:nth-child(2){margin-top:80px}.case-grid figure:nth-child(3){margin-top:25px}.case-grid img{width:100%;aspect-ratio:1.15;object-fit:cover;filter:saturate(.55) contrast(1.08)}.case-grid figcaption{padding-top:12px;color:#8c837a;font-family:'DM Mono',monospace;font-size:8px;letter-spacing:.08em;text-transform:uppercase}
.final-cta-section{position:relative;min-height:80vh;padding:clamp(100px,13vw,185px) clamp(22px,8vw,132px) 45px;overflow:hidden}.final-cta-section::before{position:absolute;top:10%;right:-10%;width:52vw;aspect-ratio:1;border:1px solid rgba(189,113,54,.3);border-radius:50%;box-shadow:0 0 100px rgba(189,113,54,.16);content:''}.final-cta-inner{position:relative;z-index:2;margin-left:10vw}.final-cta-inner h2{font-size:clamp(58px,8.2vw,130px)}.final-cta-inner p{margin-bottom:40px}.final-cta-note{position:absolute;right:clamp(22px,8vw,132px);bottom:45px;color:#716b65;font-family:'DM Mono',monospace;font-size:8px;letter-spacing:.1em;line-height:1.7;text-align:right;text-transform:uppercase}
@media (prefers-reduced-motion:reduce){.manifesto-word{opacity:1;transform:none}}@media (max-width:800px){.perf-hero{min-height:800px}.perf-hero-copy{top:18%;left:20px;right:20px}.perf-hero-copy .section-label{margin-bottom:32px;font-size:8px}.perf-hero h1{font-size:clamp(50px,16vw,90px)}.hero-line-two{padding-left:5vw}.hero-shift{margin:38px 0 0 5vw;font-size:9px}.perf-hero-copy>p{margin-left:5vw;font-size:7px}.hero-actions{flex-wrap:wrap;margin-left:5vw;gap:18px}.perf-hero-footer{left:20px;right:20px;bottom:23px;font-size:7px}.hero-counter,.hero-status{display:none}.perf-manifesto{min-height:930px;padding:95px 20px 60px}.manifesto-stage{min-height:700px}.manifesto-word{width:100%;font-size:clamp(37px,13vw,64px)}.word-1{left:0}.word-2{top:29%;right:0;text-align:right}.word-3{top:52%;left:0}.word-4{top:76%;right:0;text-align:right}.manifesto-foot{display:block}.manifesto-foot span{display:block;margin-top:30px}.problem-section,.diagnostic-section{display:block;padding:100px 20px}.problem-copy h2,.solutions-head h2,.diagnostic-copy h2,.final-cta-inner h2{font-size:clamp(45px,14vw,76px)}.problem-list{margin-top:90px}.problem-row{min-height:75px}.problem-row strong{font-size:18px}.transformation-section{padding:100px 20px}.transformation-intro{display:block}.transformation-intro h2{margin:55px 0 25px;font-size:clamp(43px,13vw,72px)}.transformation-flow{display:grid;grid-template-columns:repeat(2,1fr);gap:38px 20px;margin:100px 0 0;padding-top:0;border:0}.flow-line{top:50%;width:100%}.transformation-end{margin:90px 0 0 14vw}.solutions-section{padding:100px 20px}.solutions-head{display:block;margin-bottom:80px}.solutions-head>p{margin-top:35px}.solution-stack{display:block}.solution-panel{min-height:410px;margin-bottom:10px}.vertical-section{padding:100px 0 90px}.vertical-head{padding:0 20px}.vertical-head h2{margin-top:50px;font-size:clamp(44px,13vw,73px)}.vertical-rail{margin-top:90px}.vertical-track{gap:10px;padding:0 20px}.vertical-card{width:79vw;min-height:385px}.vertical-card:nth-child(even){margin-top:45px}.vertical-card h3{margin-top:110px}.imob-section{display:block}.imob-visual{min-height:430px}.imob-copy{padding:100px 20px}.imob-copy h2{font-size:clamp(43px,12vw,70px)}.diagnostic-copy{margin-bottom:80px}.diagnostic-form-wrap{padding:22px 18px}.diagnostic-form{display:block}.diagnostic-form label{margin-bottom:18px}.form-submit{width:100%;margin-top:15px}.process-performance-section{padding:100px 20px}.process-performance-head h2{font-size:clamp(34px,10vw,62px)}.process-performance-grid{grid-template-columns:1fr 1fr;gap:1px;margin-top:80px}.process-performance-grid>div{min-height:205px}.process-performance-grid strong{margin-top:42px;font-size:14px}.cases-section{padding:100px 20px}.cases-section h2{font-size:clamp(48px,14vw,76px)}.case-grid{display:block;margin-top:80px}.case-grid figure,.case-grid figure:nth-child(2),.case-grid figure:nth-child(3){margin:0 0 55px}.final-cta-section{min-height:680px;padding:100px 20px 35px}.final-cta-inner{margin-left:0}.final-cta-note{right:20px;bottom:28px}.final-cta-section::before{right:-44%;width:100vw}}