:root{--sk-ink:#17211f;--sk-charcoal:#1d2429;--sk-paper:#fff;--sk-soft:#ececec;--sk-blue:#3a41e4;--sk-mint:#79c7ae;--sk-coral:#ea8179;--sk-line:#d1d6d3}
.sk-page{margin:0;background:#fff;color:var(--sk-ink);font-family:'Montserrat',sans-serif}
.sk-page *{box-sizing:border-box}
.sk-page img,.sk-page video{display:block;max-width:100%}
.sk-page button{font:inherit}
.sk-story{overflow:clip}
.sk-wrap{width:min(100% - clamp(40px,7vw,96px),1440px);margin-inline:auto}
.sk-skip{position:absolute;top:-100px;left:16px;z-index:200;padding:12px 18px;background:#fff;color:#111}.sk-skip:focus{top:16px}
.sk-page :focus-visible{outline:3px solid var(--sk-blue);outline-offset:4px}
.sk-hero :focus-visible,.sk-page .case-chapters :focus-visible,.sk-product :focus-visible,.sk-entry-proof :focus-visible,.sk-next :focus-visible{outline-color:#b9e6d5}
.sk-page footer :focus-visible{outline-color:#fff}
.sk-page a{text-underline-offset:4px}
.sk-page p{line-height:1.62}
.sk-page h1,.sk-page h2,.sk-page h3,.sk-page p,.sk-page figure,.sk-page blockquote{margin:0}
.sk-section{padding-block:clamp(88px,10vw,150px)}
.sk-section-number{display:block;color:var(--sk-blue);font-size:12px;font-weight:750;letter-spacing:.13em;text-transform:uppercase;margin-bottom:26px}
.sk-section h2{font-size:clamp(38px,5.3vw,77px);line-height:1.07;letter-spacing:-.055em;font-weight:650}
.sk-section-head{max-width:1000px;margin-bottom:clamp(46px,6vw,90px)}
.sk-section-head>p{max-width:780px;margin-top:var(--case-intro-copy-gap);font-size:clamp(17px,1.5vw,21px);line-height:1.64;color:#46514e}
.sk-small-note{font-size:12px!important;color:#66716d}
.sk-motion-ready .sk-reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.sk-motion-ready .sk-reveal.is-visible{opacity:1;transform:translateY(0)}
.sk-motion-ready .sk-actors-visual.is-visible .sk-actors-line{animation:sk-line-draw .85s .35s both}
.sk-motion-ready .sk-actors-visual.is-visible .sk-actor-orb{animation:sk-orb-in .65s both}
.sk-motion-ready .sk-actors-visual.is-visible .sk-actor-orb-one{animation-delay:.2s}
.sk-motion-ready .sk-actors-visual.is-visible .sk-actor-orb-two{animation-delay:.35s}
.sk-motion-ready .sk-actors-visual.is-visible .sk-actor-orb-three{animation-delay:.5s}
@keyframes sk-line-draw{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}
@keyframes sk-orb-in{from{opacity:0;scale:.82}to{opacity:1;scale:1}}

/* The original product photography leads the page. */
.sk-hero{position:relative;min-height:min(880px,100svh);background:#121a18;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate}
.sk-hero-image{position:absolute;z-index:-3;inset:0 0 0 43%;background:url('/assets/serikat/making-brunhilde.jpg') center/cover no-repeat}
.sk-hero-shade{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,#121a18 0%,#121a18 27%,rgba(18,26,24,.93) 40%,rgba(18,26,24,.24) 79%),linear-gradient(0deg,rgba(18,26,24,.82),transparent 45%)}
.sk-hero-content{padding-top:clamp(145px,17vh,200px);padding-bottom:clamp(90px,12vh,140px)}
.sk-wordmark{display:inline-block;border:2px solid currentColor;padding:7px 15px 6px;letter-spacing:.34em;font-weight:700;font-size:14px;line-height:1.1;margin-bottom:46px}
.sk-hero h1{font-size:clamp(56px,8.4vw,128px);font-weight:650;line-height:.99;letter-spacing:-.07em;max-width:990px}
.sk-hero h1 em{font-style:normal;color:#b9e6d5}
.sk-hero-content>p{font-size:clamp(17px,1.65vw,23px);font-weight:400;max-width:650px;margin-top:36px;color:#e0e8e2}
.sk-page .sk-hero-link{display:inline-flex!important;align-items:center;gap:55px;margin-top:35px;border:1px solid rgba(255,255,255,.66);border-radius:100px;padding:15px 22px;font-size:14px;font-weight:700;color:#fff;text-decoration:none;transition:background .25s,color .25s,transform .25s}
.sk-hero-link:hover{background:#fff;color:var(--sk-ink);transform:translateY(-3px);text-decoration:none}
.sk-hero-link span{font-size:22px;line-height:12px}
.sk-hero-photo-credit{position:absolute;right:clamp(24px,4vw,62px);bottom:190px;font-size:11px;color:#e8eae4;text-shadow:0 1px 10px #000;writing-mode:vertical-rl}
.sk-hero-meta{background:rgba(16,24,22,.88);border-top:1px solid rgba(255,255,255,.18)}
.sk-hero-meta-grid{display:grid;grid-template-columns:1.55fr .7fr 1.3fr 1.05fr;gap:32px;padding-block:30px 36px}
.sk-hero-meta-grid>div{border-left:1px solid rgba(255,255,255,.24);padding-left:19px}
.sk-hero-meta-grid span{display:block;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#a5bdb4;font-weight:700;margin-bottom:9px}
.sk-hero-meta-grid strong{display:block;font-size:14px;line-height:1.5;font-weight:600;color:#fff}
.sk-page .case-chapters{background:var(--sk-charcoal)}
.sk-page .case-chapters__number{color:#a9d7c7}
.sk-page .case-chapters a:hover,.sk-page .case-chapters a:focus-visible{border-bottom-color:var(--sk-mint)}

/* A visible relationship, not three disconnected persona cards. */
.sk-opening{background:#fff}
.sk-opening-intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(270px,.75fr);column-gap:8vw;align-items:end}
.sk-opening-intro .sk-section-number{grid-column:1/-1}
.sk-opening-intro h2{max-width:810px}
.sk-opening-intro>p{font-size:clamp(17px,1.5vw,21px);color:#46514e;max-width:560px;padding-bottom:7px}
.sk-actors{margin-top:clamp(65px,7vw,100px);display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.85fr);gap:clamp(35px,7vw,100px);align-items:center;border-top:1px solid var(--sk-line);padding-top:clamp(40px,6vw,80px)}
.sk-actors-visual{height:560px;position:relative;background:radial-gradient(circle at 50% 55%,#f4f7f4 0 19%,transparent 19.2%),repeating-linear-gradient(0deg,#f2f4f1 0 1px,transparent 1px 44px),repeating-linear-gradient(90deg,#f2f4f1 0 1px,transparent 1px 44px);border:1px solid #e2e7e2;border-radius:8px}
.sk-actor-orb,.sk-actor-core{position:absolute;z-index:2;display:grid;place-items:center;border-radius:50%;font-weight:700;box-shadow:0 18px 45px rgba(22,35,30,.08)}
.sk-actor-orb{width:128px;height:128px;background:#fff;border:2px solid;color:var(--sk-ink);font-size:14px}
.sk-actor-orb-one{left:calc(50% - 64px);top:12%;border-color:var(--sk-mint)}
.sk-actor-orb-two{left:13%;bottom:13%;border-color:#75ba94}
.sk-actor-orb-three{right:13%;bottom:13%;border-color:var(--sk-coral)}
.sk-actor-core{width:145px;height:145px;left:calc(50% - 72.5px);top:calc(54% - 72.5px);background:var(--sk-ink);color:#fff;letter-spacing:.14em;font-size:13px}
.sk-actors-line{position:absolute;z-index:1;height:2px;background:#b7c4ba;transform-origin:left center;left:50%;top:54%}
.sk-line-a{width:145px;transform:rotate(-90deg)}.sk-line-b{width:180px;transform:rotate(148deg)}.sk-line-c{width:180px;transform:rotate(32deg)}
.sk-actor-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;border-bottom:1px solid var(--sk-line);padding-bottom:12px}
.sk-actor-controls button{text-align:left;background:transparent;color:#7a8580;border:0;border-bottom:3px solid transparent;padding:12px 4px 15px;cursor:pointer;font-size:11px;letter-spacing:.07em;transition:color .2s}
.sk-actor-controls button span{display:block;font-size:14px;letter-spacing:0;margin-top:5px;font-weight:650}
.sk-actor-controls button.is-active{color:var(--sk-ink);border-bottom-color:var(--sk-blue)}
.sk-actor-detail{min-height:270px;padding-top:35px}
.sk-actor-detail>span,.sk-medium-copy>span,.sk-venture-media-copy>span{font-size:11px;letter-spacing:.12em;font-weight:750;color:var(--sk-blue)}
.sk-actor-detail h3{font-size:clamp(27px,3vw,42px);line-height:1.15;letter-spacing:-.045em;margin-top:14px;font-weight:650}
.sk-actor-detail p{color:#4c5852;font-size:17px;margin-top:17px}
.sk-actor-detail strong{display:block;font-size:13px;color:var(--sk-blue);margin-top:20px}

/* Research is evidenced by people and methods, with the sample caveat visible. */
.sk-research{background:var(--sk-soft)}
.sk-research-grid{display:grid;grid-template-columns:minmax(190px,.65fr) minmax(330px,1.15fr) minmax(300px,.9fr);gap:clamp(26px,3vw,46px);align-items:stretch}
.sk-research-stat{padding:30px 25px 30px 0;border-top:2px solid var(--sk-ink)}
.sk-research-stat strong{display:block;font-size:clamp(88px,10vw,160px);line-height:1;letter-spacing:-.09em;font-weight:600}
.sk-research-stat span{font-size:15px;font-weight:700}
.sk-research-stat p{font-size:14px;color:#5b6660;margin-top:27px}
.sk-research-image{background:#fff;align-self:stretch;display:flex;flex-direction:column}
.sk-research-image img{height:390px;width:100%;object-fit:cover}
.sk-research-image figcaption,.sk-site-frame figcaption,.sk-app-frame figcaption,.sk-magazine-frame figcaption,.sk-product-gallery figcaption,.sk-venture-video figcaption,.sk-film-grid figcaption{font-size:12px;line-height:1.5;color:#6d7973;padding:15px 18px}
.sk-research-methods{border-top:2px solid var(--sk-ink);padding-top:29px}
.sk-research-methods h3{font-size:24px;letter-spacing:-.03em;margin-bottom:25px}
.sk-research-methods ol{list-style:none;padding:0;margin:0}
.sk-research-methods li{display:grid;grid-template-columns:36px 1fr;gap:12px;padding:16px 0;border-top:1px solid #c8cfca}
.sk-research-methods li span{font-size:12px;color:var(--sk-blue);font-weight:750}
.sk-research-methods li strong{font-size:15px}.sk-research-methods li p{color:#58645d;font-size:13px;margin-top:4px}
.sk-process-artifact{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr);margin-top:clamp(55px,7vw,105px);background:#1a2924;color:#fff;overflow:hidden}
.sk-process-artifact-image{height:430px;display:grid;grid-template-columns:1.55fr .75fr;gap:6px;overflow:hidden;background:#e5e9e5}
.sk-process-artifact-image img{display:block;width:100%;height:100%;min-width:0;object-fit:cover;transform:scale(1.04);transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}
.sk-process-artifact-image img:first-child{object-position:center 52%}
.sk-process-artifact-image img:last-child{object-position:35% center}
.sk-process-artifact.is-visible img{transform:scale(1)}
.sk-process-artifact figcaption{display:flex;flex-direction:column;justify-content:center;gap:16px;padding:clamp(30px,4vw,58px)}
.sk-process-artifact figcaption span{font-size:11px;font-weight:750;letter-spacing:.12em;color:#a8dfc3}
.sk-process-artifact figcaption strong{font-size:clamp(24px,2.5vw,38px);line-height:1.17;letter-spacing:-.04em;font-weight:650}
.sk-process-artifact figcaption p{font-size:14px;color:#cad9d0}

/* Three media, one student project. */
.sk-system{background:#fff}
.sk-mediums{display:grid;grid-template-columns:260px minmax(0,1fr);border:1px solid #d8ded9;min-height:640px}
.sk-medium-controls{background:#f2f4f1;padding:28px 24px;display:flex;flex-direction:column;gap:10px;border-right:1px solid #d8ded9}
.sk-medium-controls button{text-align:left;padding:25px 17px;border:1px solid transparent;background:transparent;color:#63716a;cursor:pointer;display:grid;gap:8px;transition:background .25s,border-color .25s}
.sk-medium-controls button span{color:var(--sk-blue);font-size:11px;font-weight:700}
.sk-medium-controls button strong{font-size:23px;color:var(--sk-ink);font-weight:650}
.sk-medium-controls button small{font-size:13px}
.sk-medium-controls button.is-active{background:#fff;border-color:#cdd7cf;box-shadow:0 10px 30px rgba(31,46,37,.05)}
.sk-medium-stage{min-width:0;background:#fff}
.sk-medium-panel{min-height:640px;display:grid;grid-template-columns:minmax(240px,.78fr) minmax(320px,1.12fr);gap:4vw;padding:clamp(30px,4vw,60px);align-items:center}
.sk-medium-panel[hidden]{display:none}
.sk-medium-copy h3{font-size:clamp(29px,3.2vw,47px);letter-spacing:-.05em;line-height:1.1;margin:16px 0 25px;font-weight:650}
.sk-medium-copy p{font-size:16px;color:#526058}
.sk-site-frame,.sk-app-frame,.sk-magazine-frame{background:#f0f1ee;min-width:0;box-shadow:0 18px 45px rgba(28,42,34,.08)}
.sk-site-frame img{width:100%;height:500px;object-fit:cover;object-position:top}
.sk-app-screens{min-height:500px;display:flex;justify-content:center;align-items:center;gap:16px;padding:25px;background:radial-gradient(circle at 30% 30%,#d5ebe0,transparent 40%),#e5ebe7;overflow:hidden}
.sk-app-screen{width:min(42%,230px);height:440px;overflow:hidden;background:#fff;border:7px solid #1e2824;border-radius:28px;box-shadow:0 20px 30px rgba(25,39,32,.18)}
.sk-app-screen img{width:100%;height:100%;object-fit:cover;object-position:top}
.sk-app-screen-two{transform:translateY(26px)}
.sk-magazine-frame img{width:100%;height:420px;object-fit:cover}
.sk-responsive-proof{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);margin-top:24px;background:#e8eeeb;overflow:hidden}
.sk-responsive-proof img{display:block;width:100%;height:clamp(310px,34vw,500px);object-fit:cover;object-position:center center;transform:scale(1.04);transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}
.sk-responsive-proof.is-visible img{transform:scale(1)}
.sk-responsive-proof figcaption{display:flex;flex-direction:column;justify-content:center;gap:14px;padding:clamp(30px,4.5vw,64px)}
.sk-responsive-proof figcaption span{font-size:11px;letter-spacing:.12em;color:var(--sk-blue);font-weight:750}
.sk-responsive-proof figcaption strong{font-size:clamp(25px,2.7vw,39px);font-weight:650;line-height:1.15;letter-spacing:-.045em}
.sk-responsive-proof figcaption p{font-size:15px;color:#526058;max-width:450px}

/* Physical product before venture abstraction. */
.sk-product{background:#1a2924;color:#fff;padding-bottom:0}
.sk-product .sk-section-number{color:#a8dfc3}
.sk-product-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,.63fr);gap:7vw;align-items:end;margin-bottom:65px}
.sk-product-heading .sk-section-number{grid-column:1/-1}
.sk-product-heading p{font-size:clamp(17px,1.5vw,21px);color:#c6d5cc}
.sk-product-sketch{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);margin-bottom:16px;background:#f1f0eb;color:var(--sk-ink);overflow:hidden}
.sk-product-sketch img{display:block;width:100%;height:clamp(390px,38vw,570px);object-fit:contain;background:#fff;transform:scale(1.04);transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}
.sk-product-sketch.is-visible img{transform:scale(1)}
.sk-product-sketch figcaption{display:flex;flex-direction:column;justify-content:center;gap:17px;padding:clamp(32px,5vw,75px)}
.sk-product-sketch figcaption span{font-size:11px;letter-spacing:.12em;color:var(--sk-blue);font-weight:750}
.sk-product-sketch figcaption strong{font-size:clamp(27px,3.2vw,47px);font-weight:650;line-height:1.12;letter-spacing:-.05em}
.sk-product-sketch figcaption p{font-size:15px;color:#526058;max-width:390px}
.sk-product-gallery{display:grid;grid-template-columns:.87fr 1.13fr;gap:16px;height:clamp(560px,54vw,760px)}
.sk-product-gallery figure{position:relative;min-width:0;min-height:0;overflow:hidden;background:#101a16}
.sk-product-gallery img{width:100%;height:100%;object-fit:cover;transform:scale(1.055) translateY(calc((var(--sk-gallery-progress, .5) - .5) * 22px));will-change:transform}
.sk-product-process{display:grid;grid-template-rows:1fr 1fr;gap:16px;min-height:0}
.sk-product-process figure:first-child img{object-position:center 57%}
.sk-product-process figure:last-child img{object-position:54% center}
.sk-product-gallery figcaption{position:absolute;inset:auto 0 0;display:grid;gap:5px;padding:42px 22px 20px;background:linear-gradient(0deg,rgba(12,21,17,.9),transparent);color:#fff}
.sk-product-gallery figcaption span{font-size:11px;letter-spacing:.12em;font-weight:750;color:#b9e6d5}
.sk-product-gallery figcaption strong{font-size:clamp(16px,1.6vw,23px);line-height:1.25;font-weight:650}
.sk-product-editorial{display:grid;grid-template-columns:1.15fr .85fr;margin-top:16px;background:#e9ede8;color:var(--sk-ink);overflow:hidden}
.sk-product-editorial img{width:100%;height:clamp(340px,31vw,470px);object-fit:cover;object-position:center 48%}
.sk-product-editorial figcaption{display:flex;flex-direction:column;justify-content:center;gap:14px;padding:clamp(30px,5vw,75px)}
.sk-product-editorial figcaption span{font-size:11px;letter-spacing:.12em;color:var(--sk-blue);font-weight:750}
.sk-product-editorial figcaption strong{font-size:clamp(27px,3vw,46px);font-weight:650;line-height:1.15;letter-spacing:-.05em}
.sk-product-editorial figcaption p{font-size:15px;color:#536058}
.sk-product-quote{display:grid;grid-template-columns:180px 1fr;gap:30px;border-top:1px solid #6d8677;margin-top:clamp(55px,7vw,95px);padding:45px 0 90px}
.sk-product-quote span{font-size:11px;letter-spacing:.12em;color:#a8dfc3;font-weight:700}
.sk-product-quote blockquote{font-size:clamp(30px,4.4vw,65px);line-height:1.1;letter-spacing:-.05em;max-width:980px}

/* The same platform concept explored as a venture. */
.sk-venture{background:#fff}
.sk-venture-intro{max-width:1110px}
.sk-venture-intro>p{font-size:clamp(17px,1.5vw,21px);color:#526058;max-width:780px;margin-top:var(--case-intro-copy-gap)}
.sk-journey{margin-top:clamp(55px,7vw,100px);display:grid;grid-template-columns:minmax(0,1.12fr) minmax(310px,.78fr);gap:clamp(45px,7vw,110px);border-top:1px solid var(--sk-line);align-items:start}
.sk-journey-sticky{position:sticky;top:clamp(90px,calc((100svh - 620px)/2),150px);height:min(620px,calc(100svh - 160px));min-height:470px;margin-top:clamp(35px,5vw,70px);background:#1b2421;overflow:hidden;isolation:isolate}
.sk-journey-screen{position:absolute;inset:0 0 30px;opacity:0;transform:scale(1.04);transition:opacity .6s ease,transform 1.1s cubic-bezier(.2,.7,.2,1);pointer-events:none;background:#e9eee8}
.sk-journey:not([data-stage]) .sk-journey-screen:first-child,.sk-journey[data-stage="0"] [data-journey-scene="0"],.sk-journey[data-stage="1"] [data-journey-scene="1"],.sk-journey[data-stage="2"] [data-journey-scene="2"]{opacity:1;transform:scale(1)}
.sk-journey-screen>img{width:100%;height:calc(100% - 40px);margin-top:40px;object-fit:cover;object-position:top}
.sk-journey-screen[data-journey-scene="0"] img{object-position:center top}
.sk-journey-screen[data-journey-scene="1"] img{object-position:center top}
.sk-journey-compare-grid{position:absolute;inset:40px 0 0;display:grid;grid-template-columns:1fr 1fr}
.sk-journey-compare-grid>div{position:relative;overflow:hidden;background:#e6ece6}
.sk-journey-compare-grid>div+div{border-left:3px solid #fff}
.sk-journey-compare-grid img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;max-width:none}
.sk-journey-compare-grid>div:first-child img{width:105%;object-position:center top}
.sk-journey-compare-grid>div>span{position:absolute;bottom:75px;left:14px;padding:8px 10px;background:rgba(23,33,31,.9);color:#fff;font-size:10px;font-weight:750;letter-spacing:.1em}
.sk-journey-compare .sk-journey-screen-foot{font-size:11px;max-width:calc(100% - 48px)}
.sk-journey-screen-label,.sk-journey-screen-foot{position:absolute;z-index:2;left:24px;right:24px;width:max-content;max-width:calc(100% - 48px);background:#fff;color:var(--sk-ink);font-size:11px;font-weight:750;letter-spacing:.1em;line-height:1.3;padding:12px 15px}
.sk-journey-screen-label{top:0;left:0;right:0;width:100%;max-width:none;height:40px;background:#17231e;color:#fff;padding:12px 24px}
.sk-journey-screen-foot{bottom:24px;color:var(--sk-blue);letter-spacing:0;font-size:13px}
.sk-journey-progress{position:absolute;bottom:0;left:0;right:0;height:30px;display:flex;align-items:center;gap:13px;background:var(--sk-ink);color:#fff;padding:0 16px;font-size:10px;font-weight:750;letter-spacing:.12em}
.sk-journey-progress>div{height:2px;background:#678478;flex:1}.sk-journey-progress i{display:block;width:calc(var(--sk-journey-progress, 0) * 100%);height:100%;background:#b9e6d5;transition:width .12s linear}
.sk-journey-diagram{background:#17231e;color:#fff}
.sk-journey-diagram .sk-journey-screen-label{background:#17231e;color:#fff}
.sk-journey-diagram-inner{height:100%;display:grid;grid-template-columns:44% 1fr;gap:7%;align-items:center;padding:75px 8% 80px}
.sk-journey-diagram-product{aspect-ratio:4/5;position:relative;max-height:360px;overflow:hidden;border:1px solid #769889}
.sk-journey-diagram-product img{width:100%;height:100%;object-fit:cover;object-position:61% center}
.sk-journey-diagram-product span{position:absolute;inset:auto 0 0;background:rgba(14,23,19,.84);padding:12px 15px;font-weight:700;font-size:13px}
.sk-journey-diagram-line{position:absolute;left:46%;top:43%;display:flex;align-items:center;gap:5px;height:15px}.sk-journey-diagram-line i{width:9px;height:9px;flex:none;background:#b9e6d5;border-radius:50%}.sk-journey-diagram-line i:nth-child(n+4){display:none}
.sk-journey-diagram-batch{border-left:2px solid #b9e6d5;padding-left:21px;display:grid;gap:15px;align-content:center}
.sk-journey-diagram-batch b{font-size:clamp(16px,1.8vw,25px);font-weight:650;letter-spacing:-.03em;line-height:1.2}.sk-journey-diagram-batch span{font-size:24px;color:#b9e6d5}
.sk-journey-diagram .sk-journey-screen-foot{background:#e7eee7}
.sk-journey-beat{min-height:80svh;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid var(--sk-line);padding:90px 0}
.sk-journey-beat-copy{padding-left:25px;border-left:3px solid #bcc9c0;transition:border-color .4s,opacity .4s,transform .4s}
.sk-journey-ready .sk-journey-beat:not(.is-active) .sk-journey-beat-copy{opacity:.42;transform:translateY(12px)}
.sk-journey-beat.is-active .sk-journey-beat-copy{border-left-color:var(--sk-blue)}
.sk-journey-beat-copy>span{display:block;color:var(--sk-blue);font-size:11px;letter-spacing:.13em;font-weight:750;margin-bottom:20px}
.sk-journey-beat h3{font-size:clamp(30px,3.6vw,55px);line-height:1.1;letter-spacing:-.05em;font-weight:650}
.sk-journey-beat p{font-size:clamp(15px,1.3vw,18px);color:#526058;margin-top:24px}
.sk-journey-mobile{display:none}
.sk-journey-mobile-compare{position:relative}
.sk-order-block{margin-top:clamp(90px,9vw,130px);background:#eff3ef;padding:clamp(30px,5vw,68px)}
.sk-order-head{display:flex;justify-content:space-between;gap:6vw;align-items:end;margin-bottom:45px}
.sk-order-head h3{font-size:clamp(30px,4vw,55px);letter-spacing:-.05em;line-height:1.12;max-width:700px}
.sk-order-head p{font-size:14px;color:#5a685e;max-width:360px}
.sk-order-visual{position:relative;margin-bottom:22px;padding:32px 20px 12px;background:#17231e;color:#fff}
.sk-order-track{height:35px;position:relative;display:flex;align-items:center;justify-content:space-between}
.sk-order-track::before,.sk-order-track-fill{content:"";position:absolute;left:0;right:0;top:16px;height:2px;background:#5a7466}
.sk-order-track-fill{right:auto;width:calc(var(--sk-order-step, 0) * 33.333%);background:#b9e6d5;transition:width .4s ease}
.sk-order-track-dot{position:relative;z-index:1;width:17px;height:17px;background:#17231e;border:2px solid #819a8d;border-radius:50%;transition:background .4s,border-color .4s,scale .4s}
.sk-order-track-dot.is-passed{background:#b9e6d5;border-color:#b9e6d5;scale:1.15}
.sk-order-symbols{display:grid;grid-template-columns:repeat(4,1fr);font-size:11px;letter-spacing:.07em;font-weight:700;color:#b8d2c0}.sk-order-symbols span:not(:first-child){text-align:center}.sk-order-symbols span:last-child{text-align:right}
.sk-order-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.sk-order-flow button{text-align:left;padding:21px 19px;min-height:145px;border:1px solid #cad6cc;background:#fff;display:flex;flex-direction:column;cursor:pointer;transition:transform .25s,border-color .25s,box-shadow .25s}
.sk-order-flow button:hover{transform:translateY(-3px)}
.sk-order-flow button.is-active{border-color:var(--sk-blue);box-shadow:inset 0 4px 0 var(--sk-blue),0 15px 35px rgba(28,40,34,.08)}
.sk-order-flow button span{font-size:12px;color:var(--sk-blue);font-weight:700}
.sk-order-flow button strong{font-size:20px;margin-top:16px;color:var(--sk-ink);font-weight:650}.sk-order-flow button small{margin-top:6px;color:#68756d;font-size:12px}
.sk-order-detail{border-top:1px solid #c4d0c6;margin-top:28px;padding-top:22px;display:grid;grid-template-columns:95px 1fr;gap:24px;align-items:start}
.sk-order-detail span{font-size:12px;color:var(--sk-blue);font-weight:750}.sk-order-detail p{font-size:17px;max-width:820px}
.sk-venture-media{display:grid;grid-template-columns:minmax(260px,.55fr) minmax(0,1fr);gap:8vw;align-items:center;margin-top:clamp(100px,10vw,155px)}
.sk-venture-media-copy h3{font-size:clamp(33px,4vw,57px);letter-spacing:-.05em;line-height:1.1;margin:16px 0 25px}
.sk-venture-media-copy p{font-size:17px;color:#536058}
.sk-venture-media-copy a{display:inline-block;margin-top:26px;color:var(--sk-blue);font-size:14px;font-weight:700}
.sk-venture-video{background:#f0f1ef;padding:16px}
.sk-venture-video video{width:100%;aspect-ratio:16/9;object-fit:cover;background:#111}
.sk-venture-video figcaption{padding-bottom:4px}
.sk-entry-proof{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);margin-top:clamp(78px,9vw,130px);background:#17231e;color:#fff;align-items:stretch}
.sk-entry-proof img{width:100%;height:100%;min-height:390px;object-fit:cover;object-position:center}
.sk-entry-proof figcaption{display:flex;flex-direction:column;justify-content:center;padding:clamp(30px,4vw,58px)}
.sk-entry-proof figcaption span{font-size:11px;font-weight:750;letter-spacing:.12em;color:#b9e6d5}
.sk-entry-proof figcaption strong{font-size:clamp(31px,3.2vw,50px);line-height:1.1;letter-spacing:-.05em;font-weight:650;margin-top:22px}
.sk-entry-proof figcaption p{font-size:clamp(15px,1.25vw,17px);line-height:1.6;color:#d9e7df;margin-top:26px}

.sk-outcome{background:#ececec}
.sk-outcome-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.65fr);gap:10vw}
.sk-outcome-grid h2{max-width:850px}
.sk-outcome-grid p{font-size:clamp(16px,1.4vw,19px);color:#4b5951;max-width:750px;margin-top:30px}
.sk-outcome-list{border-top:2px solid var(--sk-ink)}
.sk-outcome-list>div{padding:20px 0 25px;border-bottom:1px solid #c9d0ca}
.sk-outcome-list span{font-size:11px;color:var(--sk-blue);letter-spacing:.12em;text-transform:uppercase;font-weight:750}
.sk-outcome-list p{font-size:15px;margin-top:8px;color:#344239}
.sk-film-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:25px;margin-top:clamp(75px,8vw,120px)}
.sk-film-grid>figure,.sk-film-side{background:#fff}
.sk-film-grid video{width:100%;aspect-ratio:16/9;object-fit:cover;background:#111}
.sk-film-grid figcaption a{color:var(--sk-blue);font-weight:700;white-space:nowrap}
.sk-film-side img{width:100%;height:clamp(270px,28vw,400px);object-fit:cover}
.sk-film-side p{font-size:15px;color:#526058;padding:25px}
.sk-credits{border-top:1px solid #bec8c0;margin-top:75px;padding-top:27px;display:grid;grid-template-columns:1.45fr 1fr;gap:8vw}
.sk-credits p{font-size:13px;color:#526058}
.sk-credits strong{color:var(--sk-ink)}
.sk-credits>div>p+p{margin-top:12px}
.sk-next{background:var(--sk-ink);color:#fff;padding-block:clamp(70px,8vw,120px)}
.sk-next .sk-wrap{display:grid;grid-template-columns:180px 1fr;gap:3vw}
.sk-next span{font-size:11px;letter-spacing:.13em;color:#9cd7ba;font-weight:700}
.sk-next h2{font-size:clamp(29px,4vw,56px);letter-spacing:-.05em;line-height:1.12;max-width:850px}
.sk-next .sk-wrap>div{grid-column:2;display:flex;gap:30px;flex-wrap:wrap;margin-top:28px}
.sk-next a{color:#fff;font-size:15px;font-weight:700;text-decoration:underline}
.sk-next a span{font-size:17px;color:#fff}

@media(max-width:1100px){.sk-hero-meta-grid{grid-template-columns:repeat(2,1fr)}.sk-research-grid{grid-template-columns:1fr 1.5fr}.sk-research-methods{grid-column:1/-1;display:grid;grid-template-columns:1fr 2fr;gap:35px}.sk-research-methods ol{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.sk-medium-panel{grid-template-columns:1fr;gap:28px}.sk-medium-copy{max-width:700px}.sk-site-frame img{height:400px}}
@media(max-width:800px){.sk-hero{min-height:760px}.sk-hero-image{inset:0 0 0 15%;background-position:62% center}.sk-hero-shade{background:linear-gradient(90deg,rgba(18,26,24,.96),rgba(18,26,24,.52)),linear-gradient(0deg,#121a18,transparent 65%)}.sk-hero-photo-credit{display:none}.sk-opening-intro,.sk-actors,.sk-product-heading,.sk-venture-media,.sk-outcome-grid{grid-template-columns:1fr}.sk-opening-intro>p,.sk-product-heading p{margin-top:var(--case-intro-copy-gap)}.sk-actors-visual{height:500px}.sk-actors-details{max-width:650px}.sk-research-grid{grid-template-columns:1fr}.sk-research-stat{padding-bottom:10px}.sk-research-methods{grid-column:auto;display:block}.sk-research-methods ol{display:block}.sk-mediums{grid-template-columns:1fr}.sk-medium-controls{flex-direction:row;overflow:auto;border-right:0;border-bottom:1px solid #d8ded9;padding:12px}.sk-medium-controls button{min-width:155px;padding:15px}.sk-medium-panel{min-height:0}.sk-journey{display:block}.sk-journey-sticky{display:none}.sk-journey-beat{min-height:0;display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1fr);gap:30px;align-items:center;padding:40px 0}.sk-journey-ready .sk-journey-beat:not(.is-active) .sk-journey-beat-copy{opacity:1;transform:none}.sk-journey-mobile{display:block;background:#e8eee8;overflow:hidden}.sk-journey-mobile img{display:block;width:100%;height:300px;object-fit:cover;object-position:top}.sk-journey-mobile figcaption{padding:10px 14px;font-size:11px;color:#59675e}.sk-journey-mobile-model{display:grid;grid-template-columns:40% 1fr;background:#17231e;color:#fff}.sk-journey-mobile-model img{width:100%;height:100%;min-height:300px;object-fit:cover;object-position:60% center}.sk-journey-mobile-model>div{display:grid;gap:8px;align-content:center;padding:20px}.sk-journey-mobile-model b{font-size:15px;line-height:1.2}.sk-journey-mobile-model div>span:first-child{font-size:10px;color:#b9e6d5;font-weight:750;letter-spacing:.1em;margin-bottom:8px}.sk-journey-mobile-model div span[aria-hidden]{font-size:20px;color:#b9e6d5}.sk-order-head{display:block}.sk-order-head p{margin-top:20px}.sk-order-flow{grid-template-columns:repeat(2,1fr)}.sk-venture-media{gap:40px}.sk-entry-proof{grid-template-columns:1fr}.sk-entry-proof img{height:auto;min-height:0;aspect-ratio:1500/740}.sk-film-grid{grid-template-columns:1fr}.sk-next .sk-wrap{grid-template-columns:1fr}.sk-next .sk-wrap>div{grid-column:1}}
@media(max-width:560px){.sk-wrap{width:min(100% - 36px,1440px)}.sk-section{padding-block:80px}.sk-hero{min-height:710px}.sk-hero-content{padding-bottom:70px}.sk-hero h1{font-size:clamp(54px,13vw,74px)}.sk-hero-content>p{margin-top:26px}.sk-hero-meta-grid{grid-template-columns:1fr 1fr;gap:22px 12px;padding-block:25px}.sk-hero-meta-grid strong{font-size:12px}.sk-hero-meta-grid>div{padding-left:10px}.sk-hero-meta-grid span{font-size:9px}.sk-opening-intro>p{font-size:17px}.sk-actors{margin-top:50px}.sk-actors-visual{height:380px}.sk-actor-orb{width:90px;height:90px;font-size:11px}.sk-actor-orb-one{left:calc(50% - 45px);top:8%}.sk-actor-orb-two{left:5%;bottom:9%}.sk-actor-orb-three{right:5%;bottom:9%}.sk-actor-core{width:110px;height:110px;left:calc(50% - 55px);top:calc(54% - 55px);font-size:10px}.sk-line-a{width:110px}.sk-line-b,.sk-line-c{width:115px}.sk-actor-detail{min-height:310px}.sk-actor-controls button span{font-size:12px}.sk-research-image img{height:270px}.sk-medium-panel{padding:25px}.sk-site-frame img{height:310px}.sk-app-screens{min-height:310px;padding:12px;gap:9px}.sk-app-screen{height:280px;width:45%;border-width:5px;border-radius:18px}.sk-magazine-frame img{height:290px}.sk-product-gallery{grid-template-columns:1fr}.sk-product-gallery img{height:400px}.sk-product-quote{grid-template-columns:1fr;gap:20px}.sk-journey-beat{display:block;padding:36px 0}.sk-page .sk-journey-mobile{margin-top:28px}.sk-journey-mobile img{height:260px}.sk-journey-mobile-model{grid-template-columns:36% 1fr}.sk-journey-mobile-model img{height:100%;min-height:265px}.sk-journey-mobile-model>div{padding:14px}.sk-journey-mobile-model b{font-size:14px}.sk-order-block{padding:24px;margin-inline:-18px}.sk-order-visual{padding:22px 13px 12px}.sk-order-symbols{font-size:9px;letter-spacing:0}.sk-order-flow{gap:7px}.sk-order-flow button{min-height:130px;padding:15px 12px}.sk-order-flow button strong{font-size:17px}.sk-order-detail{grid-template-columns:1fr;gap:8px}.sk-credits{grid-template-columns:1fr;gap:20px}.sk-next h2{font-size:34px}}
@media(max-width:800px){
  .sk-process-artifact{grid-template-columns:1fr}
  .sk-process-artifact-image{height:310px}
  .sk-responsive-proof,.sk-product-sketch{grid-template-columns:1fr}
  .sk-responsive-proof img{height:380px}
  .sk-product-sketch img{height:430px}
  .sk-product-editorial{grid-template-columns:1fr}
  .sk-product-editorial img{height:360px}
  .sk-journey-mobile-compare{display:grid;grid-template-columns:1fr 1fr}
  .sk-journey-mobile-compare>div{position:relative;min-width:0;overflow:hidden}
  .sk-journey-mobile-compare>div+div{border-left:3px solid #fff}
  .sk-journey-mobile-compare>div img{height:270px;width:100%;object-fit:cover;object-position:top}
  .sk-journey-mobile-compare>div span{position:absolute;left:8px;bottom:8px;background:#17231e;color:#fff;padding:7px 9px;font-size:10px;font-weight:750;letter-spacing:.1em}
  .sk-journey-mobile-compare figcaption{grid-column:1/-1}
}
@media(max-width:560px){
  .sk-process-artifact-image{height:220px;grid-template-columns:1.3fr .7fr}
  .sk-process-artifact figcaption{padding:26px}
  .sk-responsive-proof img{height:240px}
  .sk-responsive-proof figcaption,.sk-product-sketch figcaption{padding:28px}
  .sk-product-sketch img{height:255px}
  .sk-product-gallery{height:auto}
  .sk-product-gallery .sk-product-portrait{height:440px}
  .sk-product-gallery img{height:100%}
  .sk-product-process{height:240px;grid-template-columns:1fr 1fr;grid-template-rows:1fr}
  .sk-product-gallery figcaption{padding:36px 12px 12px}
  .sk-product-gallery figcaption strong{font-size:14px}
  .sk-product-gallery figcaption span{font-size:9px}
  .sk-product-editorial img{height:270px}
  .sk-product-editorial figcaption{padding:28px}
  .sk-journey-mobile-compare>div img{height:220px}
  .sk-medium-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;overflow:visible;padding:8px}
  .sk-medium-controls button{min-width:0;padding:12px 10px;gap:5px}
  .sk-medium-controls button strong{font-size:17px}
  .sk-medium-controls button small{font-size:11px;line-height:1.3}
}
@media(max-width:380px){
  .sk-medium-controls{gap:4px;padding:6px}
  .sk-medium-controls button{padding:10px 6px}
  .sk-medium-controls button strong{font-size:14px}
  .sk-medium-controls button small{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.sk-page *, .sk-page *::before,.sk-page *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}.sk-reveal{opacity:1;transform:none}.sk-product-gallery img,.sk-process-artifact-image img,.sk-responsive-proof img,.sk-product-sketch img{transform:none;will-change:auto}.sk-journey-ready .sk-journey-beat:not(.is-active) .sk-journey-beat-copy{opacity:1;transform:none}}