/* Service exploration */
.planet-grid{gap:34px 28px;border:0;background:transparent;margin-bottom:38px}
.planet-card{border:0;border-top:1px solid #3b443e;border-bottom:1px solid #3b443e;padding:24px 12px 28px;background:transparent}
.planet-card:nth-child(3n+2){transform:translateY(34px)}
.planet-card:nth-child(3n+1)>img{transform:rotate(-4deg)}
.planet-card:nth-child(3n)>img{transform:rotate(4deg)}
.planet-card:hover{background:#19201b}
.planet-card:hover>img{transform:translateY(-7px) scale(1.06)}
.planet-card>img{height:280px}
.planet-title{padding-right:24px}
.planet-caption{font-size:.9375rem}
.service-fit{background:#eaf0e8;padding:18px;margin-top:24px;border-left:2px solid var(--green)}
.service-fit>span{font-size:.75rem;letter-spacing:.06em;color:var(--green)}
.service-fit>p{margin-top:8px;font-size:1rem;line-height:1.55}
.dialog-copy h3{margin-top:22px}
.dialog-copy .dialog-example{font-size:.8125rem;margin:18px 0;border-left:0;padding-left:0}
.dialog-copy .button{position:sticky;bottom:0;box-shadow:0 0 0 10px var(--paper)}
.brand-grid img[alt="Tony Roma’s"]{object-fit:cover}
/* A clear process, with a useful outcome at each stage. */
.greenhouse-layout{grid-template-columns:1.25fr 1fr;align-items:center;gap:5%}
.greenhouse-image-wrap{overflow:hidden}
.greenhouse-image-wrap>img{transition:transform .65s,transform-origin .65s;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 4%,#000 95%,transparent);mask-composite:intersect;transform:scale(1.05);transform-origin:55% 82%}
.greenhouse-scene[data-stage="1"] .greenhouse-image-wrap>img{transform:scale(1.13);transform-origin:55% 40%}
.greenhouse-scene[data-stage="2"] .greenhouse-image-wrap>img{transform:scale(1);transform-origin:50% 50%}
.growth-process{min-width:0}
.growth-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid #aebbad;margin-bottom:30px}
.growth-tabs button{border:0;border-bottom:3px solid transparent;background:transparent;color:#727b71;display:flex;gap:8px;align-items:center;justify-content:center;padding:16px 6px;font-size:.8125rem}
.growth-tabs button span{font-size:.9375rem;font-weight:500}
.growth-tabs button[aria-selected="true"]{border-color:var(--green);color:var(--green);background:#eaf0e7}
.growth-tabs button:hover{background:#edf1eb;color:var(--green)}
#growth-panel{min-height:350px}
#growth-metaphor{font-size:.75rem;color:var(--green);letter-spacing:.1em}
#growth-title{font-size:clamp(1.6rem,2.5vw,2.3rem);font-weight:500;line-height:1.14;letter-spacing:-.045em;margin:15px 0 20px}
#growth-description{color:#62685f;font-size:1rem;line-height:1.65}
.growth-delivery{margin-top:24px;padding:22px 24px;background:#e8eee4;border-left:3px solid var(--green)}
.growth-delivery>span{font-size:.6875rem;letter-spacing:.08em;color:var(--green)}
.growth-delivery>p{font-size:1rem;line-height:1.6;margin-top:9px}
#growth-question{font-size:.875rem;color:var(--muted);margin-top:20px}
.team{display:grid;grid-template-columns:1fr 1fr;gap:10%;border-top:1px solid var(--line);margin-top:50px;padding-top:45px}
.team-intro>.eyebrow{font-size:.75rem;color:var(--green)}
.team h3{font-size:2.4rem;line-height:1.12;font-weight:500;letter-spacing:-.05em;margin:18px 0}
.team-intro>p{color:var(--muted);font-size:.9375rem;max-width:380px}
.team-people>div{padding:15px 0 24px}
.team-people>div+div{border-top:1px solid var(--line);padding-top:24px}
.team-people span{font-size:.75rem;letter-spacing:.06em;color:var(--green)}
.team-people h4{font:500 1.7rem/1.2 'Space Grotesk',sans-serif;letter-spacing:-.035em;margin:8px 0}
.team-people p{color:var(--muted);font-size:.9375rem}
/* Quote request and direct contact. */
.contact-email{display:inline-flex;align-items:center;gap:12px;margin-top:30px;border-bottom:1px solid #888f85;font-size:clamp(.9rem,1.6vw,1.35rem);padding-bottom:8px;overflow-wrap:anywhere}
.contact-email:hover{color:var(--magenta);border-color:var(--magenta)}
#contact-name,#contact-email{display:block;width:100%;background:transparent;border:0;border-bottom:1px solid #a7aba4;border-radius:0;padding:12px 0;margin-bottom:22px;color:var(--ink)}
.form-note{font-size:.875rem}
footer{flex-wrap:wrap}
footer>span:nth-child(2){margin:0 20px}
@media(max-width:1000px){.planet-grid{gap:24px 16px}.planet-card>img{height:205px}.planet-caption{font-size:.875rem}.growth-tabs button{flex-direction:column;gap:3px}.greenhouse-layout{gap:3%}.team{gap:7%}.contact-email{font-size:1rem}}
@media(max-width:700px){
 .header{gap:20px}.header nav{flex-shrink:0;gap:0}.header nav>a:first-child{display:none}.header .brand{flex-shrink:0}.header .brand img{width:130px}.nav-contact{display:flex;align-items:center;gap:18px;white-space:nowrap;padding:10px 15px}.nav-contact span{margin:0}
 .hero{display:flex;flex-direction:column}.hero>.eyebrow{order:0}.hero-copy{display:contents}.hero-copy h1{order:1;margin-top:20px;font-size:clamp(3.4rem,14vw,4rem)}.hero-art{order:2;width:104%;margin:22px -2% 8px}.hero-art .art-label{display:none}.hero-art .art-coordinate{margin-top:23px}.hero-copy>p{order:3;margin:12px 0 20px}.hero-copy>.button{order:4;align-self:flex-start;margin-bottom:28px}.hero-bottom{order:5;width:100%}.hero-art .orbit-badge{width:78px;height:78px;font-size:.5625rem;right:7%;bottom:-2px}.orbit-badge b{font-size:27px}
 .planet-grid{gap:20px 14px;margin-bottom:0}.planet-card{padding:15px 0 20px}.planet-card:nth-child(3n+2){transform:none}.planet-card>img{height:160px}.planet-title{font-size:1.2rem;padding-right:15px}.planet-title b{font-size:18px}.planet-caption{font-size:.8125rem;padding-right:0}.planet-card:hover>img{transform:translateY(-4px)}
 .dialog-close{position:sticky;top:12px;float:right;margin:12px 12px -54px 0}.dialog-copy{padding:24px}.dialog-copy .button{font-size:.875rem}.service-fit{padding:15px}.service-fit p{font-size:.9375rem}
 .greenhouse-layout{display:flex;flex-direction:column;gap:0}.greenhouse-scene{width:100%;margin:0}.greenhouse-image-wrap{max-width:380px;margin:auto}.greenhouse-scene figcaption{display:none}.greenhouse-image-wrap>img{max-height:240px;object-fit:contain}.growth-process{width:100%;margin-top:18px}.growth-tabs{margin-bottom:23px}.growth-tabs button{flex-direction:row;font-size:.75rem;padding:13px 4px;gap:6px}.growth-tabs button span{font-size:.875rem}#growth-title{font-size:1.8rem}#growth-panel{min-height:390px}.growth-delivery{padding:18px}#growth-description,.growth-delivery p{font-size:.9375rem}
 .team{display:block;margin-top:30px;padding-top:30px}.team h3{font-size:2.2rem}.team-people{margin-top:25px}.team-people h4{font-size:1.5rem}.team-people p{font-size:.875rem}
 .contact-email{font-size:1rem;margin-top:22px;gap:8px}.contact-grid>div>p{max-width:100%}.contact form{margin-top:28px}.form-note{font-size:.8125rem}footer>span:nth-child(2){margin:0}
}
@media(prefers-reduced-motion:reduce){.greenhouse-image-wrap>img{transition:none}}

/* Vector icons keep the same appearance on iOS and other systems. */
.ui-icon{display:inline-block;width:1em;height:1em;vertical-align:-.125em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.spark .ui-icon,.orbit-badge .ui-icon,.universe-foot .ui-icon{stroke-width:2.8}
.dialog-close{display:grid;place-items:center}
.form-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#brief-form .button:disabled{opacity:.65;cursor:wait;transform:none}
#form-status[data-state="error"]{color:#a22043}
#form-status[data-state="pending"]{color:var(--muted)}