@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-latin.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}
:root{--ink:#101c48;--ink-deep:#0b1538;--white:#f7f9ff;--paper:#f0f3fc;--periwinkle:#a6b8ff;--blue:#344cbd;--text-soft:#b9c5e9;--orange:#ef7253;--space:clamp(24px,4.45vw,72px);--radius:4px;--ease:cubic-bezier(.16,1,.3,1);font-family:Manrope,Arial,sans-serif;color:var(--ink);background:var(--ink);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:32px;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none;text-underline-offset:5px}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.55}a:focus-visible,button:focus-visible{outline:3px solid #7292ff;outline-offset:6px}::selection{background:var(--periwinkle);color:var(--ink-deep)}*{scrollbar-width:thin;scrollbar-color:#657ab4 var(--ink-deep)}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}svg{display:block}a svg,button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;left:24px;top:12px;z-index:10;background:var(--white);color:var(--ink);padding:14px 20px;transform:translateY(-150%)}.skip-link:focus{transform:none}
.site-header{position:absolute;z-index:3;top:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:33px var(--space);color:var(--white);background:linear-gradient(180deg,var(--ink) 0%,rgba(16,28,72,.94) 68%,rgba(16,28,72,0) 100%)}.wordmark{display:inline-flex;align-items:center;gap:12px;font-weight:700;font-size:27px;letter-spacing:-.035em}.wordmark .brand-mark{width:37px;height:37px;stroke-width:2.2;stroke-linecap:square;fill:none}.site-header nav{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:600}.site-header nav a{padding:12px 0}.site-header nav a:hover{text-decoration:underline}.site-header .nav-contact{display:flex;align-items:center;gap:16px;margin-left:15px}.nav-contact svg{width:18px;height:18px}
.hero{position:relative;isolation:isolate;min-height:790px;height:min(940px,100svh);overflow:hidden;background:var(--ink);color:var(--white);display:flex;flex-direction:column;justify-content:flex-end;padding:160px var(--space) 0}.field-art{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.field-art canvas,.field-fallback{width:100%;height:100%;display:block;position:absolute;inset:0}.field-art canvas{opacity:0;transition:opacity .4s}.field-ready .field-art canvas{opacity:1}.field-ready .field-fallback{visibility:hidden}.field-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,28,72,.35),transparent 55%),linear-gradient(0deg,rgba(16,28,72,.84),transparent 53%)}.hero-copy{position:relative;padding-bottom:49px;max-width:1100px;z-index:1;pointer-events:none}.hero-copy h1{font-size:clamp(58px,6.65vw,96px);line-height:1.055;font-weight:500;letter-spacing:-.04em}.hero-copy h1 span{color:var(--periwinkle)}.hero-intro{display:flex;align-items:center;gap:42px;margin-top:31px}.hero-intro p{font-size:16px;line-height:1.65;max-width:340px;color:#d6def6}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;padding:18px 23px;font-weight:700;font-size:13px;border-radius:var(--radius);min-height:56px;transition:background .2s,box-shadow .2s;pointer-events:auto}.button-light{background:var(--white);color:var(--ink)}.button-light:hover{background:var(--periwinkle);box-shadow:0 6px 20px #0002}.hero-foot{display:grid;grid-template-columns:1fr 2fr auto;align-items:center;padding:26px 0 28px;border-top:1px solid #d1d9ff30;gap:30px}.hero-foot>p{font-size:12px;line-height:1.6;color:var(--text-soft)}.destination-links{display:flex;gap:clamp(24px,4vw,64px)}.destination-links a{display:flex;align-items:center;gap:23px;font-size:15px;font-weight:600}.destination-links a:hover{color:var(--periwinkle)}.destination-links svg{width:17px;height:17px;color:var(--periwinkle)}.scroll-link{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #d1d9ff30;border-radius:50%}.scroll-link:hover{background:#d1d9ff10}.field-controls{position:absolute;right:var(--space);top:53%;display:flex;flex-direction:column;align-items:flex-end;gap:12px;color:#d3dcff}.field-controls[hidden]{display:none}.field-caption{font-size:12px;color:#d6def6;background:var(--ink);padding:5px 8px;border-radius:var(--radius)}.field-actions{display:flex;gap:8px}.field-button,.motion-button{background:var(--ink-deep);border:1px solid #899dd36b;min-height:44px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center}.field-button{gap:11px;font-size:12px;padding:10px 14px}.field-button svg{width:17px;height:17px}.motion-button{width:44px;min-height:44px}.motion-button:disabled{opacity:1;border-color:#899dd36b;color:var(--text-soft)}.motion-button svg{width:18px;height:18px}.field-button:hover,.motion-button:hover{background:#1d2e65}.motion-button .play-icon{display:none}.motion-button[aria-pressed=true] .play-icon{display:block}.motion-button[aria-pressed=true] .pause-icon{display:none}
.work-section{padding:115px var(--space) 100px;background:var(--paper);color-scheme:light}.section-intro{display:grid;grid-template-columns:1.25fr .75fr;align-items:end;gap:70px;margin-bottom:63px}.section-intro h2{font-size:clamp(36px,4.1vw,59px);font-weight:500;line-height:1.1;letter-spacing:-.035em}.section-intro>p{font-size:15px;line-height:1.8;max-width:380px;justify-self:end;color:#465274}.company{position:relative;overflow:hidden;margin-bottom:24px;border-radius:var(--radius);display:grid;isolation:isolate}.company-main,.today-title-block,.today-copy,.retail-copy{position:relative;z-index:1}.company-domain{font-size:12px;font-weight:600;letter-spacing:.01em;margin-top:14px;margin-bottom:0}.company h3{font-size:clamp(46px,5.7vw,82px);line-height:1.08;font-weight:700;letter-spacing:-.04em}.company-description{font-size:clamp(25px,2.4vw,35px);line-height:1.25;font-weight:500;letter-spacing:-.025em;margin-top:33px}.company-detail{font-size:14px;line-height:1.8;max-width:330px;margin-top:21px}.product-link{display:inline-flex;align-items:center;gap:30px;font-size:13px;font-weight:700;margin-top:34px;padding:11px 0;border-bottom:1px solid currentColor}.product-link:hover svg{transform:translate(3px,-3px)}.product-link svg{transition:transform .25s var(--ease);width:19px;height:19px}.company-bottom{position:relative;z-index:1;grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #101c4825;margin:42px 48px 0;padding:21px 0 22px;font-size:12px}.company-clarity{grid-template-columns:1fr 1fr;background:#e1e8ff;min-height:614px;padding-top:45px}.company-clarity .company-main{padding:0 48px}.company-clarity .logo-period{color:var(--blue)}.clarity-art{position:relative;min-height:452px;align-self:stretch;overflow:hidden;margin:0 30px 0 0}.perspective-ring{position:absolute;left:50%;top:50%;border:1px solid #8fa4e9;border-radius:50%;width:400px;height:400px;transform:translate(-50%,-50%)}.ring-one{transform:translate(-50%,-50%) rotate(-36deg) scaleX(.58)}.ring-two{transform:translate(-50%,-50%) rotate(36deg) scaleX(.58)}.ring-three{width:340px;height:340px;background:#b3c4ff24;border-color:#839bdd}.clarity-art-center{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;text-align:center;font-size:54px;line-height:1.06;letter-spacing:-.04em;color:#344cbd;font-weight:500}.lens-label{position:absolute;z-index:2;padding:9px 13px;background:#e1e8ff;font-size:12px;color:#3b508d}.label-strategy{top:12%;left:51%}.label-context{top:53%;left:9%}.label-perspective{top:76%;right:1%}
.company-today{background:var(--blue);color:var(--white);grid-template-columns:1.05fr .95fr;padding-top:45px;min-height:555px}.today-title-block{padding:0 48px}.company-today h3{font-size:70px;font-weight:650}.company-today .logo-period{color:#b5c5ff}.today-art{display:flex;flex-direction:column;font-size:14px;line-height:1.5;font-weight:500;margin-top:34px;color:#d5deff;gap:8px}.today-art span{border-bottom:1px solid #a6b8ff5e;display:block;padding-bottom:8px;width:80%}.today-art span:nth-child(2){width:65%}.today-art span:nth-child(3){width:50%}.today-copy{padding:47px 45px 0 20px}.today-copy .company-description{margin-top:0}.today-copy .company-detail{color:#d9e1ff;max-width:350px}.company-today .company-bottom{border-color:#d5dfff50;color:#d9e1ff}.company-retail{background:var(--ink-deep);color:var(--white);grid-template-columns:.95fr 1.05fr;min-height:563px;padding-top:46px}.retail-art{position:relative;min-height:406px;overflow:hidden;margin:0 20px 0 0;display:flex;align-items:center;justify-content:center}.retail-art svg{position:absolute;width:100%;height:100%;inset:0;opacity:.65}.retail-art span{position:relative;color:#ff997e;font-size:66px;line-height:1.1;letter-spacing:-.04em;font-weight:500;background:var(--ink-deep);padding:20px}.retail-copy{padding:0 45px 0 20px}.company-retail h3{font-size:clamp(42px,4.3vw,62px)}.company-retail .logo-period{color:var(--orange)}.company-retail .company-domain{color:var(--text-soft)}.company-retail .company-detail{color:var(--text-soft);max-width:365px}.company-retail .company-bottom{border-color:#9dadd132;color:var(--text-soft)}.company-retail .product-link{color:#ff997e}.company-retail .company-description{margin-top:26px}
.approach-section{background:var(--ink);color:var(--white);padding:116px var(--space) 125px;display:grid;grid-template-columns:1.2fr .8fr;gap:75px}.approach-heading h2{font-size:clamp(38px,4.6vw,66px);font-weight:500;line-height:1.08;letter-spacing:-.035em}.approach-heading h2 span{color:var(--periwinkle)}.approach-symbol{width:140px;height:140px;fill:none;stroke:var(--periwinkle);stroke-width:1;margin-top:65px}.approach-copy{padding-top:3px;max-width:435px}.thesis-lead{font-size:26px;line-height:1.35;letter-spacing:-.025em;margin-bottom:27px}.approach-copy>p:not(.thesis-lead){font-size:15px;line-height:1.85;color:#c0cbee;margin-top:21px}.si-definition{border-top:1px solid #9dadd13d;margin-top:42px;padding-top:24px}.si-definition h3{font-size:15px;font-weight:600}.si-definition p{font-size:13px;line-height:1.85;color:var(--text-soft);margin-top:12px}.contact-section{background:var(--periwinkle);color:var(--ink);padding:90px var(--space) 93px;display:flex;justify-content:space-between;gap:60px;align-items:end;color-scheme:light}.contact-section h2{font-size:clamp(37px,4.6vw,66px);font-weight:500;line-height:1.1;letter-spacing:-.035em}.contact-section p{font-size:14px;margin-top:25px;line-height:1.75;max-width:440px}.contact-link{display:flex;gap:42px;align-items:center;font-size:18px;font-weight:600;border-bottom:1px solid var(--ink);padding:14px 0;flex-shrink:0;margin-bottom:8px}.contact-link:hover svg{transform:translate(3px,-3px)}.contact-link svg{width:26px;height:26px;transition:transform .25s var(--ease)}.site-footer{background:var(--paper);color:var(--ink);padding:34px var(--space);display:flex;justify-content:space-between;align-items:center;gap:40px;color-scheme:light}.site-footer .wordmark{font-size:21px;gap:9px}.site-footer .brand-mark{width:28px;height:28px}.site-footer p{font-size:12px;color:#465274}.site-footer>div{display:flex;gap:31px;font-size:12px}.site-footer>div a{display:flex;align-items:center;gap:12px;min-height:44px}.site-footer>div a:hover{text-decoration:underline}.work-section a:focus-visible,.contact-section a:focus-visible,.site-footer a:focus-visible,.document-page a:focus-visible{outline-color:var(--ink)}.work-section .company-today a:focus-visible,.work-section .company-retail a:focus-visible{outline-color:var(--white)}.site-footer a svg{width:15px;height:15px}
.field-destinations{position:absolute;inset:0;pointer-events:none;z-index:2}.field-destination{position:absolute;right:var(--space);width:185px;min-height:40px;padding:8px 12px 8px 0;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;background:var(--ink-deep);color:var(--white);border-radius:var(--radius);pointer-events:auto}.field-destination svg{width:20px;height:20px;color:var(--periwinkle)}.field-destination:hover{background:#1d2e65;text-decoration:underline}.route-clarity{top:calc(23% - 20px)}.route-today{top:calc(32% - 20px)}.route-retail{top:calc(41% - 20px)}.route-today svg{color:var(--white)}.route-retail svg{color:#ff997e}
@media(max-width:760px){.field-destination{width:140px;min-height:40px;font-size:12px;gap:6px}.route-clarity{top:100px}.route-today{top:162px}.route-retail{top:224px}}
.document-page{background:var(--paper);color:var(--ink);color-scheme:light;min-height:100svh}.document-page .site-header{position:relative;color:var(--ink);background:var(--paper);border-bottom:1px solid #101c4825}.document-main{max-width:850px;padding:85px var(--space) 110px;margin:auto}.document-main h1{font-size:clamp(38px,5vw,64px);line-height:1.1;letter-spacing:-.035em;font-weight:500;margin-bottom:30px}.document-main h2{font-size:24px;line-height:1.3;font-weight:600;margin:40px 0 15px}.document-main p{font-size:15px;line-height:1.85;color:#465274;margin-bottom:16px}.document-main a:not(.button){text-decoration:underline}.document-main .button{background:var(--ink);color:var(--white);margin-top:20px}.document-main .button:hover{background:var(--blue)}.error-art{height:140px;display:flex;align-items:center;margin-bottom:40px}.error-art svg{width:130px;fill:none;stroke:var(--blue);stroke-width:1.5}
@media(min-width:1600px){.hero-copy{max-width:1200px}.hero{min-height:860px}.company{max-width:1460px;margin-left:auto;margin-right:auto}.section-intro,.approach-section,.contact-section{column-gap:100px}.hero-copy h1{font-size:96px}}
@media(max-width:1050px){.hero{min-height:800px}.hero-intro{gap:26px}.hero-copy h1{font-size:76px}.field-controls{top:52%}.section-intro{gap:35px}.company-clarity .company-main,.today-title-block{padding-left:34px}.company-bottom{margin-left:34px;margin-right:34px}.perspective-ring{width:310px;height:310px}.ring-three{width:270px;height:270px}.clarity-art-center{font-size:44px}.label-context{left:0}.company-today h3{font-size:62px}.approach-section{gap:45px}.site-header nav{gap:25px}.site-footer{gap:20px}.site-footer p{max-width:170px}}
@media(max-width:760px){:root{--space:24px;scroll-padding-top:24px}.site-header{padding-top:24px;padding-bottom:24px;align-items:center}.wordmark{font-size:22px;gap:8px}.wordmark .brand-mark{width:29px;height:29px}.site-header nav{gap:16px;font-size:12px}.site-header nav a{min-height:44px;display:flex;align-items:center}.site-header nav a:nth-child(2){display:none}.site-header .nav-contact{margin-left:0}.site-header .nav-contact svg{display:none}.hero{height:auto;min-height:850px;padding-top:360px}.hero-copy{padding-bottom:38px}.hero-copy h1{font-size:clamp(43px,8.9vw,66px);line-height:1.08}.hero-intro{display:block;margin-top:24px}.hero-intro p{font-size:14px;max-width:305px}.hero-intro .button{margin-top:24px}.button{font-size:12px;padding:16px 20px;min-height:54px}.field-controls{top:290px;left:var(--space);right:auto;align-items:flex-start}.field-caption{font-size:12px}.field-art:after{background:linear-gradient(0deg,var(--ink) 8%,rgba(16,28,72,.75) 38%,transparent 70%)}.hero-foot{grid-template-columns:1fr auto;gap:20px;padding-top:22px;padding-bottom:24px}.hero-foot>p{display:none}.destination-links{gap:0;justify-content:space-between}.destination-links a{font-size:12px;gap:7px;min-height:44px}.destination-links svg{width:13px;height:13px}.scroll-link{width:32px;height:32px}.scroll-link svg{width:17px;height:17px}.work-section{padding-top:69px;padding-bottom:55px}.section-intro{display:block;margin-bottom:35px}.section-intro h2{font-size:35px;line-height:1.13}.section-intro>p{font-size:14px;margin-top:23px;max-width:360px}.company{margin-bottom:18px;display:flex;flex-direction:column;padding-top:30px}.company-main,.today-title-block,.today-copy,.retail-copy{padding-left:26px!important;padding-right:26px!important}.company-domain{font-size:12px;margin-top:12px;margin-bottom:0}.company h3,.company-today h3{font-size:55px}.company-description{font-size:27px;margin-top:25px}.company-detail{font-size:13px;line-height:1.85;max-width:100%;margin-top:18px}.product-link{font-size:12px;margin-top:23px}.company-bottom{margin:25px 26px 0;padding:17px 0 20px;font-size:12px;gap:15px}.company-bottom span{max-width:48%}.company-bottom span:last-child{text-align:right}.company-clarity{min-height:0}.clarity-art{min-height:315px;margin:26px 10px 0}.perspective-ring{width:290px;height:290px}.ring-three{width:250px;height:250px}.clarity-art-center{font-size:43px}.label-strategy{top:6%}.label-context{left:0}.label-perspective{right:0;top:80%}.company-today{min-height:0}.company-today h3{line-height:1.02}.today-title-block h3 br{display:block}.today-title-block h3{font-size:clamp(38px,9.7vw,55px)}.today-art{margin-top:28px;font-size:12px;gap:7px}.today-art span{width:100%}.today-art span:nth-child(2){width:80%}.today-art span:nth-child(3){width:60%}.today-copy{padding-top:32px}.company-retail{min-height:0}.retail-copy{order:0}.retail-art{order:1;min-height:260px;margin:32px 0 0}.retail-art svg{width:100%;height:100%}.retail-art span{font-size:53px}.company-retail .company-bottom{order:2}.company-retail h3{font-size:clamp(38px,10vw,55px)}.approach-section{display:block;padding-top:72px;padding-bottom:75px}.approach-heading{position:relative}.approach-heading h2{font-size:42px;line-height:1.1}.approach-symbol{display:none}.approach-copy{margin-top:42px;max-width:100%}.thesis-lead{font-size:23px;margin-bottom:22px}.approach-copy>p:not(.thesis-lead){font-size:14px;line-height:1.85}.si-definition{margin-top:30px;padding-top:24px}.si-definition h3{font-size:14px}.si-definition p{font-size:12px}.contact-section{display:block;padding-top:62px;padding-bottom:65px}.contact-section h2{font-size:40px}.contact-section p{font-size:13px;max-width:300px}.contact-link{width:fit-content;font-size:17px;gap:44px;margin-top:30px}.site-footer{padding-top:28px;padding-bottom:23px;flex-wrap:wrap;column-gap:10px;row-gap:15px}.site-footer .wordmark{font-size:20px}.site-footer p{font-size:12px;max-width:none;width:100%;order:2}.site-footer>div{gap:21px;font-size:12px}.site-footer>div a{gap:6px}.document-page .site-header nav a{display:flex}.document-main{padding-top:60px;padding-bottom:70px}.document-main p{font-size:14px}.document-main h2{font-size:22px}}
@media(max-width:370px){:root{--space:18px}.site-header nav{gap:11px;font-size:12px}.site-header nav a:first-child{display:none}.hero{min-height:825px}.hero-copy h1{font-size:42px}.hero-foot{gap:11px}.destination-links a{font-size:12px;gap:4px}.company-main,.today-title-block,.today-copy,.retail-copy{padding-left:21px!important;padding-right:21px!important}.company-bottom{margin-left:21px;margin-right:21px}.section-intro h2{font-size:32px}.approach-heading h2{font-size:39px}.contact-section h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.product-link:hover svg,.contact-link:hover svg{transform:none}}