/* Easteed / image-led campaign, a continuous dark material world. */
:root{--paper:#091b28;--ink:#e8f2f6;--muted:#9eb7c5;--line:#355567;--blue:#8fc2d2}
body{isolation:isolate;background:linear-gradient(135deg,#071722,#0b2533 55%,#0a1e2d);background-attachment:fixed}
main,.site-footer,.preview-strip{position:relative;z-index:1}.site-header{z-index:100;background:#091b28d9;backdrop-filter:blur(22px)}
.brand img{filter:none!important;width:47px;height:32px}.desktop-nav>a{font-size:16px}.desktop-nav{gap:32px}.header-cta{font-size:14px!important}.preview-strip{font-size:9px;padding-top:5px;padding-bottom:5px;color:#7498ac;background:#081c28}
.site-lightfield{position:fixed;inset:-20%;z-index:0;pointer-events:none;overflow:hidden;opacity:.8}.site-lightfield i{position:absolute;display:block;width:85%;height:85%;will-change:transform;background:radial-gradient(ellipse,#1c8ba52a,transparent 62%);filter:blur(42px);animation:light-drift-a 31s ease-in-out infinite alternate}.site-lightfield i:nth-child(1){left:-23%;top:5%}.site-lightfield i:nth-child(2){right:-18%;bottom:-16%;background:radial-gradient(ellipse,#3762a72b,transparent 65%);animation:light-drift-b 37s ease-in-out infinite alternate}.site-lightfield i:nth-child(3){width:120%;height:20%;top:45%;left:-10%;background:linear-gradient(177deg,transparent,#75d4e412,transparent);filter:blur(35px);animation:light-ribbon 26s ease-in-out infinite alternate}.background-motion-paused .site-lightfield i{animation-play-state:paused}.ambient-toggle{position:fixed;right:23px;bottom:20px;z-index:90;font-size:10px;letter-spacing:.04em;color:#b7d8e6;border:1px solid #6f9aac44;border-radius:30px;padding:10px 13px;background:#102a3ad9;backdrop-filter:blur(14px);display:flex;gap:13px;align-items:center;box-shadow:0 4px 25px #03141b33}.ambient-toggle:hover{border-color:#9bcddb;color:#f0f9fc}
@keyframes light-drift-a{0%{transform:translate(-9%,-12%) scale(.8)}50%{transform:translate(28%,12%) scale(1.15)}100%{transform:translate(42%,31%) scale(1.05)}}
@keyframes light-drift-b{0%{transform:translate(15%,8%) scale(1.05)}100%{transform:translate(-35%,-32%) scale(1.35)}}
@keyframes light-ribbon{from{transform:translate(-9%,-60%) rotate(-20deg);opacity:.25}to{transform:translate(10%,95%) rotate(10deg);opacity:.9}}

.campaign-hero{position:relative;height:calc(100svh - 118px);min-height:690px;max-height:1020px;overflow:hidden;isolation:isolate;background:#071721}.campaign-images,.campaign-frame,.campaign-shade,.campaign-grain{position:absolute;inset:0}.campaign-images{z-index:0}.campaign-frame{opacity:0;transition:opacity 1.3s ease;pointer-events:none}.campaign-frame.is-active{opacity:1}.campaign-frame img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.04);transition:transform 9.5s linear;filter:none}.campaign-frame.is-active img{transform:scale(1)}.campaign-shade{z-index:1;pointer-events:none;background:linear-gradient(90deg,#071722ed 0%,#071722c7 20%,#07172261 40%,transparent 65%),linear-gradient(0deg,#091e2c 0%,#081d2a5c 15%,transparent 40%),linear-gradient(180deg,#07172245,transparent 22%)}.campaign-grain{z-index:2;opacity:.15;pointer-events:none;background:radial-gradient(ellipse at 58% 75%,#64b0ce24,transparent 50%);mix-blend-mode:screen}
.campaign-copy{position:relative;z-index:3;padding-top:clamp(85px,12vh,155px);pointer-events:none}.campaign-copy a{pointer-events:auto}.campaign-copy .eyebrow{font-size:10px;letter-spacing:.17em;color:#96bbc9;display:block;margin-bottom:30px}.campaign-copy h1{font-size:clamp(86px,8vw,130px);line-height:.99;letter-spacing:-.065em;font-weight:400;max-width:790px;color:#eef4f6;text-shadow:0 3px 35px #03131b33}.campaign-italic{font-family:Georgia,'Times New Roman',serif;font-style:italic;letter-spacing:-.065em;font-weight:400;color:#e1edf1}.campaign-copy>p{font-size:19px;line-height:1.55;letter-spacing:-.015em;color:#b7ccd7;margin-top:30px;max-width:29ch}.campaign-copy .button-row{margin-top:32px;gap:28px}.campaign-copy .button{padding:16px 21px;min-height:52px;font-size:13px;background:#bcdce6;border-color:#bcdce6;color:#123143}.campaign-copy .text-link{font-size:13px;color:#d6e8f0;border-color:#90b6c755}
.campaign-detail{position:absolute;right:var(--gutter);bottom:180px;z-index:4;display:flex;flex-direction:column;gap:9px;text-align:right}.campaign-detail>span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#9ebccd}.campaign-detail a{font-size:17px;color:#e3eef3;display:flex;align-items:center;gap:22px}.campaign-detail .arrow{width:17px;height:17px}
.campaign-bottom{position:absolute;z-index:5;bottom:44px;left:0;right:0;display:flex;gap:45px;align-items:center}.campaign-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:25px;flex:1}.campaign-tab{position:relative;text-align:left;color:#8ca9b9;background:none;border:0;padding:22px 0 0;display:grid;grid-template-columns:24px 1fr;gap:8px;min-height:64px;font-size:13px;line-height:1.4}.campaign-tab-number{font-size:9px;color:#60889e;padding-top:3px;letter-spacing:.06em}.campaign-tab-title{max-width:135px}.campaign-tab-line{position:absolute;left:0;top:0;height:1px;width:100%;background:#608ca04d;overflow:hidden}.campaign-tab-line::after{content:'';position:absolute;inset:0;background:#c2e6f0;transform:translateX(-100%);transition:none}.campaign-tab.is-active{color:#eaf4f7}.campaign-tab.is-active .campaign-tab-number{color:#bedce8}.campaign-tab.is-active .campaign-tab-line::after{animation:campaign-progress 8s linear forwards}.campaign-paused .campaign-tab.is-active .campaign-tab-line::after{animation-play-state:paused}.campaign-paused .campaign-frame img{transition:none;transform:scale(1)}.campaign-playback{display:flex;align-items:center;gap:16px;color:#9bb9ca;font-size:10px;padding-bottom:6px}.campaign-playback button{border:1px solid #7a9daf66;background:#16354733;color:#c1dce8;width:37px;height:37px;border-radius:50%;font-size:12px}.campaign-playback button:hover{border-color:#c1deea}.campaign-disclosure{position:absolute;bottom:17px;left:var(--gutter);z-index:4;color:#7397ab;font-size:8px;letter-spacing:.04em}
@keyframes campaign-progress{to{transform:translateX(0)}}
img[src$="sole-carbon.webp"]{object-fit:contain!important;padding:20px}
.campaign-frame[data-campaign-frame="0"] img{width:92%;margin-left:auto;display:block;object-fit:contain;mask-image:linear-gradient(180deg,transparent 8%,#000 28%,#000 72%,transparent 93%)}
@media(max-width:560px){.campaign-frame[data-campaign-frame="0"] img{width:85%;margin-right:3%;mask-image:linear-gradient(0deg,transparent,#000 13%,#000 80%,transparent)}}

.capability-index{display:grid;grid-template-columns:.85fr 1.6fr;gap:75px;padding-top:62px;padding-bottom:65px;border-bottom:1px solid #496c7d44}.capability-index .eyebrow{font-size:9px;color:#749bad}.capability-index>div>p{font-size:25px;line-height:1.3;letter-spacing:-.03em;color:#d1e3ec;margin-top:16px}.capability-index nav{display:grid;grid-template-columns:1fr 1fr;gap:0 45px}.capability-index nav a{display:flex;align-items:center;gap:15px;border-bottom:1px solid #3b5e7055;padding:15px 0;font-size:14px;color:#b9d1dd}.capability-index nav a>span{font-size:9px;color:#668fa4}.capability-index .arrow{margin-left:auto;width:13px;height:13px;transition:transform .3s}.capability-index nav a:hover{color:#edf7fb}.capability-index nav a:hover .arrow{transform:translate(2px,-2px)}

.perspective-story{height:255vh;position:relative;margin-top:0}.perspective-sticky{position:sticky;top:96px;height:calc(100svh - 96px);min-height:660px;max-height:1100px;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.perspective-layout{display:grid;grid-template-columns:.85fr 1.65fr;gap:30px;align-items:center;width:100%}.perspective-copy{position:relative;z-index:3;padding-top:40px;padding-bottom:35px}.perspective-copy .pill{font-size:9px}.perspective-copy h2{font-size:clamp(43px,4.35vw,70px);line-height:1.06;letter-spacing:-.055em;font-weight:400;margin-top:27px;max-width:500px}.perspective-copy>p{font-size:14px;line-height:1.7;max-width:34ch;color:#90aebe;margin-top:24px}.perspective-copy>.text-link{font-size:12px;margin-top:28px}.perspective-steps{display:grid;gap:0;margin-top:31px}.perspective-step{display:block;width:100%;border:0;border-top:1px solid #4d71844d;border-left:2px solid transparent;padding:16px 0 16px 17px;text-align:left;color:#6f94a9;background:transparent;transition:color .4s,border-color .4s;cursor:pointer}.perspective-step>span:first-child{font-size:9px;letter-spacing:.1em;text-transform:uppercase;display:block}.perspective-step strong{font-size:17px;line-height:1.3;font-weight:400;display:block;margin-top:8px}.perspective-step .perspective-description{display:none;font-size:12px;line-height:1.7;margin-top:9px;max-width:33ch;color:#98b5c7}.perspective-step.is-active{border-left-color:#86bed3;color:#e3edf3}.perspective-step.is-active .perspective-description{display:block}.perspective-art{position:relative;min-height:530px;align-self:stretch;display:flex;align-items:center;isolation:isolate}.perspective-product{position:relative;width:112%;margin-left:-6%;height:520px;perspective:1100px;z-index:2}.perspective-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;filter:drop-shadow(0 25px 30px #0006);will-change:opacity,transform;transform:translate3d(0,0,0);pointer-events:none}.perspective-image.is-active{opacity:1}.perspective-halo{position:absolute;inset:5% -20%;background:radial-gradient(ellipse,#287b9921,transparent 65%);filter:blur(15px);z-index:0}.perspective-orbit{position:absolute;left:5%;right:0;height:250px;top:50%;border:1px solid #678a9d1f;border-radius:50%;transform:rotate(-15deg);z-index:1}.perspective-orbit::after{content:'';position:absolute;inset:30px -40px;border:1px solid #678a9d12;border-radius:50%;transform:rotate(20deg)}.perspective-image-caption{position:absolute;left:12%;right:0;bottom:22px;display:flex;justify-content:space-between;gap:20px;color:#82adbf;font-size:9px;letter-spacing:.08em}.perspective-image-caption>span:last-child{color:#658a9d;letter-spacing:0}.perspective-note{font-size:8px;color:#5c8196;width:100%;margin-top:12px;padding-bottom:15px}

.editorial-head h2{font-size:clamp(40px,4.2vw,65px);letter-spacing:-.05em;line-height:1.08}.editorial-head>p{font-size:14px;line-height:1.8;color:#9ab6c6}.section{padding-top:95px;padding-bottom:95px}.sample-featured .archive-art{aspect-ratio:1.08}.sample-featured .archive-art img{transition:transform .8s;filter:none}.sample-featured .archive-art:hover img{transform:scale(1.05)}.sample-card .sample-meta{font-size:9px}.sample-card h3{font-size:25px}.process-cinema{padding-top:90px}.process-slide>img{filter:none!important}.brand-reference-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 35px}.brand-reference{margin:0}.brand-reference>div{height:126px;background:#f1f3f2;border-radius:3px;padding:30px;display:flex;align-items:center;justify-content:center;transition:transform .4s}.brand-reference>div:hover{transform:translateY(-3px)}.brand-reference svg{display:block;width:100%;height:100%;max-width:170px;overflow:hidden}.brand-reference image{filter:none!important}.brand-reference figcaption{font-size:9px;color:#769eb4;letter-spacing:.08em;margin-top:13px}.partner-reference-section .catalog-footnote{max-width:none;font-size:10px}.partner-reference-section .catalog-footnote a{color:#c0dce8;text-decoration:underline;text-underline-offset:3px}.partner-spotlight img{filter:none!important;mix-blend-mode:normal}.closing h2{font-size:clamp(40px,4.3vw,66px)}.footer-brand .brand img{filter:none!important}.catalog-footnote{font-size:10px;line-height:1.75}.catalog-footnote a{color:#b2d4e2}.insights .journal-card{background:transparent}

@media(min-width:1700px){.campaign-copy{padding-top:145px}.campaign-detail{bottom:200px}.campaign-bottom{bottom:55px}}
@media(max-width:1250px){.desktop-nav{gap:22px}.desktop-nav>a{font-size:14px}.campaign-copy h1{font-size:100px}.campaign-copy{padding-top:100px}.campaign-detail{bottom:170px}.campaign-tabs{gap:18px}.campaign-tab{font-size:12px}.campaign-bottom{gap:26px}.capability-index{gap:40px}.perspective-layout{grid-template-columns:1fr 1.5fr}.perspective-copy h2{font-size:53px}.perspective-product{height:470px}.brand-reference>div{height:115px;padding:27px}}
@media(max-width:1050px){.campaign-hero{height:800px;min-height:800px}.campaign-copy{padding-top:100px}.campaign-copy h1{font-size:100px}.campaign-images img{object-position:62% center}.campaign-detail{bottom:185px}.campaign-tabs{gap:15px}.campaign-tab{grid-template-columns:20px 1fr;font-size:11px;gap:5px}.campaign-copy .eyebrow{font-size:9px}.campaign-bottom{gap:20px}.perspective-copy h2{font-size:46px}.perspective-step strong{font-size:15px}.perspective-product{height:430px}.capability-index>div>p{font-size:23px}.capability-index nav a{font-size:12px}.brand-reference-grid{gap:25px}.brand-reference>div{height:100px;padding:23px}}
@media(max-width:850px){.campaign-hero{height:850px;min-height:850px}.campaign-copy{padding-top:70px}.campaign-copy h1{font-size:90px}.campaign-copy>p{font-size:17px}.campaign-copy .button-row{gap:23px}.campaign-shade{background:linear-gradient(90deg,#071722db,#07172269 57%,transparent),linear-gradient(0deg,#091e2c,transparent 45%)}.campaign-images img{object-position:65% center}.campaign-detail{bottom:170px}.campaign-bottom{display:block;bottom:47px}.campaign-tabs{gap:15px}.campaign-tab{font-size:11px;min-height:57px;grid-template-columns:1fr;gap:5px;padding-top:15px}.campaign-tab-number{font-size:8px}.campaign-playback{position:absolute;right:var(--gutter);bottom:-30px;font-size:8px;gap:14px}.campaign-playback button{height:28px;width:28px}.campaign-disclosure{bottom:15px;font-size:7px}.capability-index{grid-template-columns:1fr;gap:22px;padding-top:45px;padding-bottom:45px}.capability-index>div{display:flex;gap:30px;align-items:center;justify-content:space-between}.capability-index .eyebrow{max-width:170px;line-height:1.6}.capability-index>div>p{margin:0;font-size:21px}.capability-index nav{gap:0 30px}.perspective-story{height:auto}.perspective-sticky{position:relative;top:0;height:auto;min-height:0;max-height:none;overflow:hidden;padding-top:60px;padding-bottom:30px}.perspective-layout{grid-template-columns:1fr;gap:0}.perspective-copy{padding-top:0;padding-bottom:0}.perspective-copy h2{font-size:54px;max-width:600px;margin-top:22px}.perspective-copy h2 br{display:none}.perspective-copy>p{max-width:55ch;font-size:13px;margin-top:20px}.perspective-art{min-height:380px;grid-row:2}.perspective-product{height:360px;width:100%;margin-left:0}.perspective-image{transition:opacity .65s,transform .8s}.perspective-image-caption{bottom:8px;left:0}.perspective-steps{display:flex;gap:12px;margin-top:25px}.perspective-step{width:auto;flex:1;border:1px solid #466a7e77;padding:13px 12px;min-height:80px}.perspective-step>span:first-child{font-size:8px;letter-spacing:.04em}.perspective-step strong{font-size:13px;margin-top:6px}.perspective-step .perspective-description{display:none!important}.perspective-step.is-active{border-color:#89bed4;background:#315b6f33}.perspective-copy>.text-link{margin-top:23px}.perspective-note{font-size:8px;line-height:1.6;margin-top:20px}.brand-reference-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:23px 20px}.brand-reference>div{height:90px;padding:20px}.section{padding-top:70px;padding-bottom:70px}.editorial-head h2{font-size:47px}.ambient-toggle{right:15px;bottom:15px;font-size:9px;padding:9px 12px}}
@media(max-width:560px){.brand img{width:43px;height:29px}.campaign-hero{height:800px;min-height:800px;max-height:none}.campaign-copy{padding-top:43px}.campaign-copy .eyebrow{font-size:8px;line-height:1.7;max-width:280px;margin-bottom:23px;letter-spacing:.12em}.campaign-copy h1{font-size:clamp(61px,16vw,85px);line-height:.99;letter-spacing:-.06em}.campaign-copy>p{font-size:15px;line-height:1.5;margin-top:22px}.campaign-copy .button-row{margin-top:22px;gap:20px}.campaign-copy .button{font-size:10px;padding:13px 14px;min-height:44px;gap:12px}.campaign-copy .text-link{font-size:10px;gap:10px}.campaign-images{top:320px;bottom:135px;left:-42%;right:-6%}.campaign-frame img{object-fit:contain;object-position:center;transform:scale(1.03);mask-image:linear-gradient(0deg,transparent,#000 13%,#000 80%,transparent)}.campaign-frame.is-active img{transform:scale(1)}.campaign-shade{background:linear-gradient(180deg,#071722 0%,#071722 16%,#071722f2 32%,transparent 55%,#091e2c 85%,#091e2c 100%)}.campaign-copy{z-index:4}.campaign-detail{left:var(--gutter);right:var(--gutter);bottom:167px;text-align:left;gap:6px}.campaign-detail>span{font-size:8px}.campaign-detail a{font-size:14px;gap:15px}.campaign-detail .arrow{width:13px;height:13px}.campaign-bottom{bottom:60px}.campaign-tabs{gap:11px}.campaign-tab{font-size:9px;line-height:1.35;min-height:72px;padding-top:13px;display:flex;flex-direction:column;gap:6px}.campaign-tab-number{font-size:7px;padding:0}.campaign-tab-title{max-width:69px}.campaign-tab-line{height:1px}.campaign-playback{bottom:-41px}.campaign-disclosure{bottom:17px}.capability-index{padding-top:34px;padding-bottom:35px;gap:18px}.capability-index>div{display:block}.capability-index .eyebrow{font-size:8px;max-width:none}.capability-index>div>p{font-size:24px;margin-top:12px}.capability-index nav{gap:0 22px}.capability-index nav a{font-size:11px;gap:9px;padding:15px 0;min-height:55px;line-height:1.35}.capability-index .arrow{width:11px;height:11px;flex-shrink:0}.capability-index nav a>span{font-size:7px}.perspective-sticky{padding-top:50px;padding-bottom:10px}.perspective-copy h2{font-size:45px;line-height:1.06}.perspective-copy h2 br{display:block}.perspective-copy .pill{font-size:8px}.perspective-copy>p{font-size:12px;max-width:39ch}.perspective-steps{gap:9px}.perspective-step{padding:12px 9px;min-height:84px}.perspective-step strong{font-size:12px}.perspective-step>span:first-child{font-size:7px}.perspective-copy>.text-link{font-size:10px;margin-top:20px}.perspective-art{min-height:285px}.perspective-product{width:110%;margin-left:-5%;height:280px}.perspective-orbit{height:150px;top:48%}.perspective-image-caption{font-size:7px;letter-spacing:.04em;bottom:0}.perspective-note{font-size:7px;line-height:1.7;margin-top:18px;max-width:49ch;margin-left:0}.editorial-head h2{font-size:39px;max-width:500px}.editorial-head>p{font-size:12px}.sample-featured .archive-art{aspect-ratio:1.05}.sample-card h3{font-size:21px}.brand-reference-grid{grid-template-columns:1fr 1fr;gap:23px 20px}.brand-reference>div{height:92px;padding:22px}.brand-reference figcaption{font-size:8px;margin-top:10px}.partner-reference-section .catalog-footnote{font-size:8px}.catalog-footnote{font-size:8px}.ambient-toggle{font-size:8px;padding:9px 11px;gap:10px;right:12px;bottom:12px}.closing h2{font-size:38px}.perspective-note{width:auto}.campaign-hero .campaign-frame.is-active img{filter:none}}
@media(prefers-reduced-motion:reduce){.site-lightfield i{animation:none!important;will-change:auto}.campaign-frame,.campaign-frame img{transition:none;transform:none!important}.campaign-tab-line::after{animation:none!important}.perspective-story{height:auto}.perspective-sticky{position:relative;top:0;height:auto;min-height:0;padding-top:60px;padding-bottom:40px}.perspective-image{transition:none!important;transform:none!important;will-change:auto}.ambient-toggle{display:none}.campaign-tab.is-active .campaign-tab-line::after{transform:none}.perspective-step{transition:none}}
