/* A quieter composition with a stronger first impression. Water is the only ambient motion. */
.landscape-copy{max-width:700px}
.landscape-copy h1{font-size:clamp(82px,7.35vw,116px);letter-spacing:-.045em;line-height:.99}
.identity-refined .landscape-copy .eyebrow{margin-bottom:30px}
.landscape-lead{font-size:17px;max-width:420px;margin-top:30px}
.landscape-credentials{margin-top:25px}
.landscape-art::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.74' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23304d42' filter='url(%23grain)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");mix-blend-mode:multiply}
.landscape-art::after{z-index:2}
.work-section{padding-block:88px}
.work-section .section-heading{align-items:end;gap:60px;margin-bottom:37px}
.relay-section-intro{max-width:435px}
.relay-section-intro .section-intro{font-size:15px;line-height:1.85;max-width:none}
.relay-section-intro .relay-product-actions{margin-top:23px;gap:26px}
.relay-section-intro .text-link{font-size:13px;gap:12px}
.relay-showcase.work-feature{border-radius:12px;border-color:#cfdbcb;box-shadow:0 12px 45px #304d4208}
.relay-showcase .work-visual{border-top:0;padding:29px 32px 21px;background:linear-gradient(135deg,#e6ece1,#f4f6ee)}
.relay-screen-heading{padding-bottom:21px}
.relay-screen-heading>span:first-child{font-size:17px;font-weight:600;letter-spacing:-.025em}
.relay-step-tabs{border-radius:7px;background:#fcfdf9}
.relay-showcase .screen-window{box-shadow:0 18px 40px #304d4212}
.relay-demo-footer{padding-inline:32px}
.name-section{position:relative;overflow:hidden;background:#263f35;border:0;padding-block:76px;color:#f7f8f0}
.name-inner{grid-template-columns:155px 1.3fr 1fr;gap:48px}
.name-inner .eyebrow{color:#c1cdb8;font-size:11px;letter-spacing:.13em;margin-bottom:20px}
.name-inner h2{color:#f7f8f0;font-size:clamp(40px,3.6vw,54px);line-height:1.08;letter-spacing:-.025em}
.name-inner h2 em{color:#c6d3ba}
.name-inner>p{color:#d0dacb;font-size:15px;line-height:1.85;max-width:390px}
.name-mark{position:relative;display:grid;place-items:center;border:0;background:transparent;box-shadow:none}
.name-mark img.story-ridgeback{width:155px;height:auto;max-width:none;object-fit:contain;filter:saturate(.7);position:relative;z-index:1}
.name-mark::after{content:"";position:absolute;bottom:-1px;left:9px;right:4px;height:7px;border-radius:50%;background:#102c2555;filter:blur(3px)}
.identity-refined .relay-section-intro .button{font-size:13px}
@media(min-width:901px) and (max-height:850px){.landscape-copy h1{font-size:clamp(76px,6.65vw,100px)}.landscape-hero{min-height:650px}.identity-refined .landscape-copy .eyebrow{margin-bottom:23px}.landscape-lead{margin-top:24px}.landscape-credentials{margin-top:18px}}
@media(max-width:1100px){.landscape-copy h1{font-size:79px}.landscape-lead{font-size:16px;max-width:380px}.work-section .section-heading{gap:36px}.relay-section-intro{max-width:360px}.name-inner{grid-template-columns:110px 1.2fr 1fr;gap:30px}.name-mark img.story-ridgeback{width:110px}.name-inner h2{font-size:40px}.name-inner>p{font-size:14px}}
@media(max-width:900px){.landscape-copy h1{font-size:83px}.landscape-lead{max-width:430px}.work-section .section-heading{align-items:start;gap:30px}.relay-section-intro{max-width:310px}.relay-section-intro .relay-product-actions{gap:18px}.name-inner{grid-template-columns:120px 1fr;gap:28px 35px}.name-inner>p{grid-column:2;max-width:490px}.name-mark{grid-row:1/3;align-self:center}.name-mark img.story-ridgeback{width:120px}.name-inner h2{font-size:46px}.name-section{padding-block:57px}}
@media(max-width:650px){.landscape-copy h1{font-size:clamp(45px,13.3vw,75px);line-height:1.015}.identity-refined .landscape-copy .eyebrow{margin-bottom:23px}.landscape-lead{font-size:15px;margin-top:22px;max-width:365px}.landscape-credentials{margin-top:20px}.work-section{padding-block:52px 56px}.work-section .section-heading{margin-bottom:28px}.relay-section-intro{max-width:none;margin-top:21px}.relay-section-intro .section-intro{font-size:14px;line-height:1.8}.relay-section-intro .relay-product-actions{margin-top:18px;gap:24px}.identity-refined .relay-section-intro .button{font-size:12px;min-height:46px;padding-inline:15px;gap:18px}.relay-section-intro .text-link{font-size:12px;gap:10px}.relay-showcase.work-feature{border-radius:9px}.relay-showcase .work-visual{padding:20px 15px 17px}.relay-screen-heading{display:flex;gap:15px;align-items:center;padding-bottom:18px}.relay-screen-heading>span:first-child{font-size:16px}.relay-screen-heading>span+span{max-width:125px;font-size:11px;line-height:1.5;text-align:right;margin:0}.relay-demo-footer{padding-inline:20px}.name-section{padding-block:44px}.name-inner{grid-template-columns:1fr;gap:25px;position:relative}.name-inner>div:not(.name-mark){grid-row:1}.name-inner .eyebrow{font-size:10px;margin-bottom:20px}.name-inner h2{font-size:40px;max-width:330px}.name-inner>p{grid-column:1;grid-row:2;font-size:14px;max-width:350px}.name-mark{grid-row:3;justify-self:end;margin-top:-4px}.name-mark img.story-ridgeback{width:107px}.name-mark::after{bottom:0}}
@media(max-width:360px){.landscape-copy h1{font-size:45px}.landscape-lead{font-size:14px}.name-inner h2{font-size:35px}.relay-section-intro .relay-product-actions{gap:20px}}

/* Approach: four simple pillars; the founders are introduced in the team section */
.approach-section .principles{grid-template-columns:repeat(4,1fr);gap:40px;margin-top:48px}
.approach-section .principle h3{font-size:28px}
.approach-team-link{display:inline-flex;margin-top:36px}
.person-credentials{font-size:12px;line-height:1.7;color:var(--muted);margin-top:10px}
@media (max-width:1024px){.approach-section .principles{grid-template-columns:repeat(2,1fr);gap:32px}}
@media (max-width:640px){.approach-section .principles{grid-template-columns:1fr;gap:26px;margin-top:32px}}