/* Three invitations, with context on hover, focus or tap. */
.hero-goals{display:flex;align-items:center;flex-wrap:wrap;gap:9px 17px;margin:28px 0 0;max-width:460px}
.hero-goal{position:relative}
.hero-goal>button{font:inherit;font-size:17px;letter-spacing:-.035em;font-weight:600;background:none;color:var(--forest);padding:4px 0 6px;border:0;border-bottom:2px solid #88a28d;cursor:pointer;min-height:36px}
.hero-goal>button:hover,.hero-goal>button[aria-expanded=true]{border-bottom-color:var(--forest)}
.hero-goal>button:focus-visible{outline:2px solid var(--forest);outline-offset:5px}
.goal-popover{position:absolute;left:0;top:calc(100% + 10px);z-index:30;width:285px;max-width:calc(100vw - 40px);padding:22px;background:#fffdf7;color:var(--forest);box-shadow:0 15px 45px #173e3428;border-radius:9px;text-align:left}
.goal-popover[hidden]{display:none}
.goal-popover strong{font-size:18px;letter-spacing:-.035em;line-height:1.3;display:block}
.goal-popover p{font-size:13px;line-height:1.7;margin-top:10px}
.goal-popover a{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:600;min-height:40px;margin-top:8px}
.goal-popover a:hover{text-decoration:underline;text-underline-offset:4px}
.hero-goals+p{margin-top:17px}
.hero-bottom{justify-content:flex-start}
.team-backgrounds{text-align:center;margin-top:44px}
.team-backgrounds>p{font-size:11px;color:#6b7b6c}
.team-marks{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:36px 60px;margin-top:25px}
.team-marks img{width:auto;height:34px;object-fit:contain;max-width:170px;filter:grayscale(1);opacity:.85}
.team-marks .drake-logo{width:124px;filter:brightness(0);opacity:.75}
.team-marks .catagonia-logo{width:160px;mix-blend-mode:multiply}
.team-marks .telli-logo{width:70px;height:30px}
.team-marks .bethmann-logo{width:150px;filter:brightness(0);opacity:.75}
.package-brand path{fill:var(--package-ink,#f5f4ec)}
.handoff-scroll-space{height:175svh}
.production.cinematic.is-complete .production-steps{display:none}
.production.cinematic.is-complete .production-visual{position:relative;top:auto}
.production.cinematic.is-complete{scroll-margin-top:0}
.production.cinematic.is-complete .handoff-tail{opacity:1}
.briefing dl{margin-bottom:0}
.trigger-pulse,.call-voice-a,.call-voice-b{opacity:0}
.siren-flash,.inlet-notice{opacity:0}
.call-connection{position:absolute;inset:0;width:100%;height:100%;z-index:2;opacity:0;pointer-events:none;overflow:visible}
.call-connection path{fill:#244c3f}
.call-pair .person-line{stroke:#d8e3d5;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}
.call-pair .headset{stroke:#d8fa70;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}
.call-moment{position:absolute;right:10%;top:28%;width:178px;z-index:2;background:#244c3f;border-radius:10px;box-shadow:0 12px 30px #061f1720;overflow:hidden;opacity:0;pointer-events:none}
.call-window-bar{display:flex;gap:4px;padding:8px 10px;background:#315b4a}
.call-window-bar i{display:block;width:4px;height:4px;border-radius:50%;background:#8eaa95}
.call-window-body{display:flex;align-items:center;justify-content:center;gap:14px;padding:13px 15px 17px}
.call-avatar{width:37px;height:44px;flex:0 0 37px;color:#d9e4d5}
.call-wave{width:31px;height:29px;color:#d8fa70}
@media(max-width:760px){.call-moment{width:139px;right:20px;top:221px}.call-window-bar{padding:6px 8px}.call-window-body{padding:9px 10px 12px;gap:10px}.call-avatar{width:29px;height:35px;flex-basis:29px}.call-wave{width:25px;height:25px}}
@media(max-width:360px){.call-moment{width:124px;right:18px;top:209px}.call-window-body{gap:8px}.call-avatar{width:26px;height:31px;flex-basis:26px}}
@media(max-width:760px){
 .hero-goals{position:relative;gap:7px 15px;margin-top:24px}.hero-goal{position:static}.hero-goal>button{font-size:16px}.hero-goals+p{margin-top:17px}.goal-popover{box-sizing:border-box;left:0;right:auto;width:100%;padding:20px}.team-backgrounds{margin-top:26px}.team-marks{display:grid;grid-template-columns:1fr 1fr;gap:28px 30px;max-width:400px;margin:24px auto 0;justify-items:center}.team-marks img{max-width:100%}.team-marks .catagonia-logo{width:145px}.team-marks .drake-logo{width:110px}.team-marks .bethmann-logo{width:135px}
}
@media(max-width:360px){.hero-goals{gap:5px 13px}.hero-goal>button{font-size:15px}.team-marks{gap:23px}.team-marks .catagonia-logo{width:124px}.team-marks .bethmann-logo{width:115px}}

/* The hero has one message and one action. */
.hero-grid{padding-top:22px;min-height:565px}
.hero-copy{padding-bottom:20px}
.hero-copy>p{max-width:430px;margin:27px 0 28px}
.hero-actions{margin:0}
.hero{padding-bottom:48px}
@media(max-width:760px){.hero-grid{padding-top:20px;min-height:0}.hero-copy{padding-bottom:0}.hero-copy>p{margin:24px 0}.hero{padding-top:12px;padding-bottom:35px}.hero-sculpture{margin-top:32px}}

.hero-process-link{display:inline-flex;align-items:center;gap:12px;min-height:48px;font-size:12px;font-weight:600;color:var(--forest)}
.hero-process-link .icon{width:16px;height:16px}
.hero-process-link:hover{text-decoration:underline;text-underline-offset:5px}

/* The reference row contains the two existing references. */
.client-logos{grid-template-columns:repeat(2,minmax(0,1fr));max-width:600px;margin-left:auto;margin-right:auto;gap:32px}
@media(max-width:760px){.client-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:430px;margin-left:auto;margin-right:auto}.client-slot{grid-column:auto}}

/* Mobile is a reading experience. No camera, pinned scene or scroll playback. */
@media(max-width:760px){
 html{scroll-behavior:auto;scroll-padding-top:24px}
 *,*:before,*:after{animation:none!important;transition:none!important}
 .hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px}
 .hero-process-link{font-size:12px}
 .hero-brand-graphic{will-change:auto}
 .button:hover,.button:hover .icon,.kern-ai-action:hover,.map-symbol:hover{transform:none}
 .factory-intro .motion-switch,.station-captions,.call-moment,.call-connection,.siren-flash,.inlet-notice,.mobile-station-art{display:none!important}
 .connector i:after{left:50%}
 .factory{padding-top:55px}
 .production:not(.cinematic){width:calc(100% - 40px);margin-top:24px}
 .production:not(.cinematic) .production-visual{position:relative;inset:auto;height:auto;min-height:0;padding:0 0 8px}
 .production:not(.cinematic) .machine-camera{position:relative;inset:auto;width:calc(100% + 32px);margin:0 -16px}
 .production:not(.cinematic) .machine-svg{height:auto;max-height:none;overflow:visible}
 .production:not(.cinematic) .workpiece{transform:translate(753.8px,257.2px);will-change:auto}
 .production:not(.cinematic) .station-nav{display:none}
 .production:not(.cinematic) .production-steps{display:block;padding:12px 0 35px}
 .production:not(.cinematic) .step{display:block;min-height:0;height:auto;padding:24px 0 24px 37px;scroll-margin-top:24px}
 .production:not(.cinematic) .step:before{content:attr(data-mobile-number);position:absolute;left:0;top:27px;font-size:11px;color:var(--lime)}
 .production:not(.cinematic) .step-icon,.production:not(.cinematic) .step-number,.production:not(.cinematic) .step .eyebrow{display:none}
 .production:not(.cinematic) .step h3{font-size:26px;line-height:1.18;letter-spacing:-.04em}
 .production:not(.cinematic) .step h3 br{display:none}
 .production:not(.cinematic) .step h3 em{display:block;margin-top:2px}
 .production:not(.cinematic) .step>p:not(.eyebrow){font-size:14px;line-height:1.75;margin:13px 0 0;max-width:500px}
 .handoff{padding-top:55px;padding-bottom:45px}
 .handoff-grid{gap:32px}
 .handoff:not(.is-linked) .handoff-art{height:440px;max-width:340px;width:100%;margin:0 auto}
 .handoff .delivery-box,.handoff .unbox-caption,.door-light{display:none}
 .handoff .door-frame{left:43%;top:12px;width:145px;height:260px;border-width:16px;border-bottom:0}
 .handoff .door-leaf{transform:rotateY(-72deg)}
 .handoff .briefing{left:0;bottom:0;width:min(100%,310px);transform:rotate(-3deg)}
 .human-bridge{display:none}
 .people{padding-top:50px}
 .portrait img{filter:none}
 .machine-svg *{will-change:auto}
}
@media(max-width:360px){.hero-actions{gap:4px 20px}.hero-process-link{font-size:11px}.handoff:not(.is-linked) .handoff-art{height:425px}.handoff .door-frame{left:41%;width:140px}.production:not(.cinematic) .step{padding-left:30px}.production:not(.cinematic) .step h3{font-size:24px}}