@font-face{font-family:Aspekta;src:url('/fonts/aspekta-variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--ink:#1f1f1f;--paper:#faf8f4;--muted:#75736e;--line:#dedbd4;--spectral:linear-gradient(120deg,#ffc6a5 0%,#d8b7f3 30%,#a8abff 55%,#96bef4 77%,#98ddc6 100%)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:36px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Aspekta,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #7073c9;outline-offset:5px}img{max-width:100%;display:block}.skip-link{position:fixed;top:8px;left:12px;z-index:10;background:var(--ink);color:var(--paper);padding:12px;transform:translateY(-160%)}.skip-link:focus{transform:none}
.brand-header{height:104px;max-width:1440px;width:90%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:12px;font-weight:550;font-size:19px;letter-spacing:.06em}.wordmark img{flex:0 0 auto}.brand-header nav{display:flex;gap:32px;font-size:12px;color:var(--muted)}.brand-header nav a:hover{color:var(--ink)}.header-download{font-size:12px;display:flex;gap:25px}.header-download span{font-size:17px}main{max-width:1440px;width:90%;margin:auto}.brand-hero{padding-top:78px;display:grid;grid-template-columns:1.15fr 1fr;gap:5vw;align-items:center}.eyebrow{font-size:10px;font-weight:450;letter-spacing:.19em;line-height:1.7;margin:0 0 30px;color:var(--muted)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(64px,6.6vw,102px);line-height:.99;letter-spacing:-.052em;font-weight:500;margin-bottom:32px}.intro{font-size:17px;color:var(--muted);line-height:1.75;margin-bottom:38px}.text-link{font-size:12px;display:inline-flex;align-items:center;gap:40px;border-bottom:1px solid #aaa59c;padding-bottom:10px}.hero-art{aspect-ratio:1;position:relative;overflow:hidden;background:var(--ink);border-radius:24px;display:grid;place-items:center;isolation:isolate}.hero-art>img{width:72%;position:relative;z-index:1}.hero-light{position:absolute;height:150%;width:150%;inset:-60% -25% auto;background:conic-gradient(from 110deg,transparent 15%,#ffc6a53b 31%,#d8b7f34c 41%,#96bef42c 49%,transparent 60%);filter:blur(45px);opacity:.65;transform:rotate(-15deg)}.art-label{position:absolute;bottom:32px;left:32px;font-size:9px;letter-spacing:.18em;color:#dad7d0}.hero-foot{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted);border-bottom:1px solid var(--line);padding:29px 0 31px}.hero-foot>span:first-child{letter-spacing:.11em}
.brand-section{padding:100px 0;border-bottom:1px solid var(--line)}.section-heading{display:grid;grid-template-columns:1fr 2.6fr;gap:25px;margin-bottom:53px}.section-heading>.eyebrow{padding-top:8px}.section-heading>div{display:grid;grid-template-columns:1.2fr 1fr;gap:4vw;align-items:start}h2{font-size:clamp(34px,3.1vw,48px);line-height:1.1;font-weight:500;letter-spacing:-.035em;margin-bottom:0}.section-heading p:not(.eyebrow){font-size:14px;line-height:1.85;color:var(--muted);max-width:370px;margin-bottom:0;padding-top:4px}.logo-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.logo-card{height:300px;background:#f0ede7;border-radius:12px;display:flex;flex-direction:column;padding:25px 30px}.logo-card.inverse{background:var(--ink);color:var(--paper)}.logo-lockup{display:flex;align-items:center;justify-content:center;gap:23px;flex:1}.logo-lockup img{width:82px;height:82px}.logo-lockup>span{font-size:clamp(25px,3.3vw,48px);font-weight:500;letter-spacing:.06em}.card-caption{display:flex;justify-content:space-between;font-size:10px;opacity:.7;gap:15px}.card-caption>a{padding:5px;margin:-5px}.application-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:70px;margin-top:65px}.app-icons{display:flex;gap:15px;flex-wrap:wrap;align-content:start}.icon-tile{width:calc((100% - 30px)/3);aspect-ratio:1;max-width:170px;border-radius:23%;display:grid;place-items:center}.icon-tile img{width:70%;height:70%;object-fit:contain}.icon-tile.light{background:var(--paper);box-shadow:inset 0 0 0 1px #e3dfd7,0 8px 17px #7168570c}.icon-tile.dark{background:var(--ink)}.icon-tile.spectral{background:var(--spectral)}.application-caption{width:100%;margin-top:25px}.application-caption h3{font-size:16px;font-weight:500;margin-bottom:10px}.application-caption p{font-size:12px;color:var(--muted);line-height:1.8;max-width:400px;margin:0}.space-grid{width:210px;height:210px;position:relative;margin:auto;display:grid;place-items:center;background:linear-gradient(90deg,transparent 34px,#dedbd4 35px,transparent 36px,transparent 174px,#dedbd4 175px,transparent 176px),linear-gradient(transparent 34px,#dedbd4 35px,transparent 36px,transparent 174px,#dedbd4 175px,transparent 176px);border:1px solid var(--line)}.space-grid img{width:125px;height:125px}.space-measure{position:absolute;font-size:11px;color:#8e8980;font-style:normal}.space-measure.top{top:10px;left:50%}.space-measure.side{top:50%;left:13px}.clear-space .application-caption{max-width:400px;margin:25px auto 0}
.color-foundation{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:16px}.color-card{height:236px;padding:25px;border:0;border-radius:12px;display:flex;flex-direction:column;align-items:start;justify-content:space-between;text-align:left}.color-card>span:first-child{font-size:16px;font-weight:500}.color-card>span:last-child{font-size:11px;display:flex;width:100%;justify-content:space-between;letter-spacing:.025em}.color-card.charcoal{background:var(--ink);color:var(--paper)}.color-card.ivory{background:var(--paper);border:1px solid var(--line)}.color-card.activation{background:var(--spectral)}.gradient-stops{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:22px}.gradient-stops button{display:flex;flex-direction:column;gap:7px;background:transparent;border:0;text-align:left;padding:0 0 12px;font-size:12px}.gradient-stops button:before{content:'';height:5px;width:100%;background:var(--swatch);border-radius:3px;margin-bottom:6px}.gradient-stops button>span{font-size:10px;color:var(--muted)}.section-note{font-size:10px;color:var(--muted);margin:20px 0 0;line-height:1.7}.type-specimen{border:1px solid var(--line);border-radius:12px;padding:30px 38px}.type-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.type-name{font-size:clamp(40px,12.8vw,178px);line-height:1.25;font-weight:500;letter-spacing:.03em;padding:22px 0}.type-bottom{display:flex;justify-content:space-between;align-items:end;gap:20px}.type-bottom>span:first-child{font-size:12px;letter-spacing:.3em;color:var(--muted)}.type-bottom>span:last-child{font-size:18px;line-height:1.5;letter-spacing:.06em}.voice-examples{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;margin-top:45px}.voice-examples article>span{display:block;font-size:9px;letter-spacing:.15em;color:var(--muted);margin-bottom:24px}.voice-examples h3{font-size:29px;font-weight:450;line-height:1.25;letter-spacing:-.02em;margin-bottom:0}.voice-examples p{font-size:20px;line-height:1.6;margin:0 0 15px}.voice-examples small{font-size:11px;color:var(--muted)}
.motion-study{display:grid;grid-template-columns:1.25fr 1fr;gap:65px;align-items:center}.motion-stage{height:380px;border-radius:14px;background:#f0ede7;position:relative;overflow:hidden;display:grid;place-items:center;isolation:isolate}.animated-mark{width:245px;height:245px;position:relative;z-index:2}.mark-part{position:absolute;inset:0;background:var(--ink);mask:url('/media/brand/lifeline-mark.svg') center/contain no-repeat;transition:transform .8s cubic-bezier(.22,1.3,.36,1),background .7s;will-change:transform}.mark-head{clip-path:circle(17% at 50% 30%)}.mark-left{clip-path:polygon(0 37%,33% 37%,50% 62%,50% 100%,0 100%)}.mark-right{clip-path:polygon(100% 37%,67% 37%,50% 62%,50% 100%,100% 100%)}.motion-stage-label{position:absolute;bottom:25px;left:25px;font-size:9px;letter-spacing:.16em;color:#928c82}.motion-halo{position:absolute;left:50%;top:calc(50% - 49px);width:90px;height:90px;border:1px solid #ffc6a5;border-radius:50%;transform:translate(-50%,-50%);opacity:0}.motion-stage[data-state=incident] .mark-head{background:#ffbda0;animation:incident-breathe 2.7s ease-in-out infinite}.motion-stage[data-state=incident] .motion-halo{animation:attention-pulse 2.7s ease-out infinite}.motion-stage[data-state=reaching] .mark-head{background:#ffbda0;transform:translateY(-7px)}.motion-stage[data-state=reaching] .mark-left{transform:translateX(-19px)}.motion-stage[data-state=reaching] .mark-right{transform:translateX(19px)}.motion-dots{position:absolute;top:59%;left:50%;display:flex;gap:9px;transform:translateX(-50%);opacity:0;z-index:3;transition:opacity .5s}.motion-dots i{width:4px;height:4px;border-radius:50%;background:#ffbda0}.motion-stage[data-state=reaching] .motion-dots{opacity:1}.motion-stage[data-state=reaching] .motion-dots i{animation:thread-dots 1.5s infinite}.motion-dots i:nth-child(2){animation-delay:.2s!important}.motion-dots i:nth-child(3){animation-delay:.4s!important}.motion-stage[data-state=responder] .mark-head{background:#a8abff;transform:translateY(-10px)}.motion-bridge{width:154px;height:59px;border:2px solid transparent;border-top-color:#beb5ed;border-bottom-color:#ffc6a5;border-radius:50%;position:absolute;top:46%;left:50%;transform:translateX(-50%) scale(.8);opacity:0;transition:opacity .6s,transform .8s}.motion-stage[data-state=responder] .motion-bridge{opacity:1;transform:translateX(-50%) scale(1)}.motion-stage[data-state=resolution] .mark-part{background:var(--spectral)}.motion-stage[data-state=resolution]{background:#f1efee}.motion-copy>span{font-size:10px;color:var(--muted);letter-spacing:.08em}.motion-copy h3{font-size:31px;line-height:1.15;font-weight:500;letter-spacing:-.025em;margin:24px 0 18px}.motion-copy p{font-size:14px;line-height:1.85;color:var(--muted);max-width:390px;min-height:80px}.motion-states{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.motion-states button{padding:10px 14px;border:1px solid var(--line);border-radius:25px;background:transparent;font-size:11px}.motion-states button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.reference-header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:30px}.reference-header>.eyebrow{margin:0}.reference-section figure{margin:0}.reference-section figure img{width:100%;height:auto;border-radius:12px;border:1px solid #ece8e2}.reference-section figcaption{font-size:11px;color:var(--muted);margin-top:18px;line-height:1.7}.assets-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-bottom:105px}.assets-section h2{margin-bottom:25px}.assets-section p:not(.eyebrow){font-size:14px;line-height:1.85;color:var(--muted);max-width:365px;margin-bottom:27px}.kit-button{display:inline-flex;gap:60px;align-items:center;padding:18px 23px;border-radius:7px;background:var(--ink);color:var(--paper);font-size:12px}.kit-button:hover{background:#393732}.asset-list{display:flex;flex-direction:column;justify-content:center}.asset-list a{padding:21px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:13px}.asset-list a>span:last-child{font-size:10px;color:var(--muted)}.brand-footer{max-width:1440px;width:90%;margin:auto;padding:35px 0;display:flex;justify-content:space-between;gap:20px;align-items:center}.brand-footer>.wordmark{font-size:14px}.brand-footer>span,.brand-footer>a:last-child{font-size:11px;color:var(--muted)}.copy-toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);padding:14px 22px;background:var(--ink);color:var(--paper);border-radius:30px;box-shadow:0 8px 30px #0002;font-size:12px;z-index:10;white-space:nowrap}
@keyframes incident-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.045)}}@keyframes attention-pulse{0%{opacity:.5;transform:translate(-50%,-50%) scale(.85)}100%{opacity:0;transform:translate(-50%,-50%) scale(2.4)}}@keyframes thread-dots{0%,70%,100%{opacity:.35;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}
@media(min-width:1600px){.brand-hero{gap:90px}.hero-art{max-height:570px}}
@media(max-width:900px){.brand-header{height:84px}.brand-header nav{gap:20px}.section-heading{grid-template-columns:1fr 3fr}.section-heading>div{grid-template-columns:1fr;gap:22px}.section-heading p:not(.eyebrow){max-width:540px}.application-grid{gap:35px}.logo-lockup{gap:15px}.logo-lockup img{width:66px;height:66px}.logo-card{height:240px;padding:22px}.motion-study{gap:35px}.motion-stage{height:340px}.animated-mark{width:220px;height:220px}.assets-section{gap:55px}.type-name{font-size:12vw}.type-bottom>span:last-child{font-size:14px}.type-bottom>span:first-child{font-size:10px}}
@media(max-width:650px){html{scroll-padding-top:20px}.brand-header,main,.brand-footer{width:89%}.brand-header{height:78px;gap:16px}.brand-header .wordmark{font-size:14px;gap:7px}.brand-header .wordmark img{width:27px;height:27px}.brand-header nav{display:none}.header-download{font-size:10px;gap:12px}.brand-hero{grid-template-columns:1fr;gap:30px;padding-top:47px}h1{font-size:clamp(52px,14vw,80px)}.intro{font-size:15px;margin-bottom:25px}.hero-art{width:100%;border-radius:18px;aspect-ratio:1.13}.hero-art>img{width:65%}.art-label{bottom:25px;left:25px;font-size:8px}.hero-foot{padding:10px 0 26px;font-size:9px;flex-direction:column;gap:9px}.brand-section{padding:62px 0}.section-heading{grid-template-columns:1fr;gap:0;margin-bottom:32px}.section-heading .eyebrow{margin-bottom:18px}.section-heading>div{gap:18px}h2{font-size:34px}.section-heading p:not(.eyebrow){font-size:13px}.logo-grid{grid-template-columns:1fr;gap:13px}.logo-card{height:228px}.logo-lockup img{width:74px;height:74px}.logo-lockup>span{font-size:30px}.application-grid{grid-template-columns:1fr;gap:38px;margin-top:38px}.app-icons{gap:12px}.icon-tile{width:calc((100% - 24px)/3)}.application-caption{margin-top:19px}.clear-space{display:grid;grid-template-columns:130px 1fr;gap:20px;align-items:center}.space-grid{width:130px;height:130px;background:none}.space-grid img{width:85px;height:85px}.space-measure.top{top:4px}.space-measure.side{left:6px}.clear-space .application-caption{margin:0}.color-foundation{grid-template-columns:1fr 1fr;gap:12px}.color-card{height:168px;padding:20px}.color-card.activation{grid-column:1/-1;height:190px}.gradient-stops{grid-template-columns:repeat(3,1fr);gap:18px 12px}.type-specimen{padding:21px}.type-name{font-size:12vw;padding:28px 0}.type-bottom{align-items:start;flex-direction:column;gap:20px}.type-bottom>span:first-child{font-size:9px;letter-spacing:.2em}.voice-examples{grid-template-columns:1fr;gap:32px;margin-top:35px}.voice-examples h3{font-size:25px}.voice-examples article>span{margin-bottom:15px}.motion-study{grid-template-columns:1fr;gap:28px}.motion-stage{height:310px}.motion-copy h3{font-size:29px;margin:17px 0 13px}.motion-copy p{min-height:0;font-size:13px}.motion-states{margin-top:23px}.motion-states button{padding:9px 12px;font-size:10px}.reference-header{align-items:start;flex-direction:column;gap:20px}.reference-header .text-link{font-size:11px}.reference-section figure img{border-radius:6px}.assets-section{grid-template-columns:1fr;gap:24px}.kit-button{gap:40px}.asset-list a{font-size:12px}.brand-footer{align-items:start;flex-wrap:wrap;padding:28px 0}.brand-footer>.wordmark{flex:0 0 100%;margin-bottom:5px}.brand-footer>span,.brand-footer>a:last-child{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-stage[data-state=incident] .motion-halo{opacity:.35;transform:translate(-50%,-50%) scale(1.5)}}
