/* Spectrum studio: editorial work, capabilities, process and native disclosures. */
.sp-work,.sp-services,.sp-studio,.sp-faq{--sp-studio-ink:#111315;--sp-studio-paper:#f5f5f1;--sp-studio-line:#d4d6d0;--sp-studio-orange:#ff5c28;font-family:var(--sp-font,Arial,Helvetica,sans-serif)}
.sp-work.sp-section,.sp-studio.sp-section,.sp-faq.sp-section{padding-block:clamp(80px,9vw,145px)}
.sp-work .sp-section-heading{display:grid;grid-template-columns:1.4fr .6fr;align-items:end;gap:7%;margin-bottom:58px}
.sp-work .sp-section-heading h2{font-weight:650;letter-spacing:-.065em;font-size:clamp(42px,5.6vw,82px);line-height:1.02;max-width:800px;margin-top:27px}
.sp-work__intro p{max-width:380px;font-size:15px;line-height:1.7;color:#636762}
.sp-work__scroll-note{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--sp-studio-line);padding-top:19px;margin-top:25px;font-size:9px;letter-spacing:.13em;font-weight:650}
.sp-work__scroll-note>span{font-size:20px;letter-spacing:0}
.sp-work .sp-work__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:64px 28px}
.sp-work .sp-work-card{min-width:0;grid-row:auto}
.sp-work .sp-work-card:first-child{grid-column:1/-1;grid-row:auto}
.sp-work .sp-work-card__visual{position:relative;isolation:isolate;display:block;height:clamp(470px,45vw,650px);overflow:hidden;border-radius:12px;background:#e7e8e0;transition:box-shadow .55s ease,transform .55s cubic-bezier(.2,.7,.3,1)}
.sp-work .sp-work-card:first-child .sp-work-card__visual{height:clamp(550px,47vw,700px);display:block;padding:0;background:#dce1d4}
.sp-work .sp-work-card:hover .sp-work-card__visual{box-shadow:0 18px 55px #11131512;transform:translateY(-5px)}
.sp-work .sp-work-card__image{width:100%;height:100%!important;object-fit:cover;transition:transform 1s cubic-bezier(.18,.65,.2,1)}
.sp-work .sp-work-card:hover .sp-work-card__image{transform:scale(1.055)}
.sp-work .sp-work-card__badge{z-index:5;top:28px;left:30px;right:auto;border:1px solid #11131520;border-radius:50px;background:#f5f5f1d9;backdrop-filter:blur(12px);padding:7px 12px;color:#262a25;font-size:8px;font-weight:650;letter-spacing:.13em;line-height:1.4;max-width:calc(100% - 92px)}
.sp-work .sp-work-card__index{position:absolute;right:29px;top:26px;z-index:5;width:29px;height:29px;display:grid;place-items:center;font-size:10px;font-weight:650;border:1px solid #11131538;border-radius:50%;color:#222820}
.sp-work .sp-work-card__info{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:25px}
.sp-work .sp-work-card__info h3{font-size:clamp(21px,2.1vw,29px)!important;line-height:1.2!important;letter-spacing:-.045em!important;font-weight:650!important;max-width:720px}
.sp-work .sp-work-card__info p{font-size:9px;font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:#6b6f67;margin:0 0 9px!important}
.sp-work .sp-work-card__info a{width:48px;height:48px;border:1px solid #bfc4b8;background:transparent;transition:transform .3s ease,background .3s,border-color .3s}
.sp-work .sp-work-card__info a svg{width:20px;height:20px}
.sp-work .sp-work-card__info a:hover{background:var(--sp-studio-ink);border-color:var(--sp-studio-ink);color:white;transform:rotate(6deg)}
.sp-work .sp-work-statement{position:absolute;left:4%;top:27%;width:34%;z-index:1}
.sp-work .sp-work-statement>span{display:block;font-size:clamp(34px,4.2vw,65px);line-height:1.03;letter-spacing:-.065em;font-weight:700;color:#243026}
.sp-work .sp-work-statement em{font-style:normal;color:#62775b}
.sp-work .sp-work-statement small{display:block;font-size:8px;letter-spacing:.12em;margin-top:27px;color:#52604c}
.sp-work .sp-shop-concept{position:absolute;z-index:2;width:53%;max-width:none;right:5%;top:12%;background:#faf9f4;border:7px solid #f8f8f4;border-radius:10px;box-shadow:0 24px 60px #222c2230;transform:perspective(1500px) rotateY(-9deg) rotate(-5deg);transform-origin:50% 50%;transition:transform 1s cubic-bezier(.18,.65,.2,1),box-shadow 1s}
.sp-work .sp-work-card:hover .sp-shop-concept{transform:perspective(1500px) rotateY(-3deg) rotate(-2deg) translateY(-6px);box-shadow:0 30px 65px #222c223b}
.sp-work .sp-mock-browser{height:31px;padding-inline:12px;background:#efeee8;border-bottom:1px solid #dfdfd7;gap:5px}
.sp-work .sp-mock-browser i{width:5px;height:5px;background:#c7c8be;border:0}.sp-work .sp-mock-browser>span{font-size:7px;letter-spacing:.12em}.sp-work .sp-mock-browser>b{font-size:12px;font-weight:400}
.sp-work .sp-mock-nav{padding:21px 25px;gap:12px;font-size:6px}.sp-work .sp-mock-nav strong{font-size:25px;letter-spacing:-1.8px;font-weight:650}.sp-work .sp-mock-nav>span{display:block;white-space:nowrap}
.sp-work .sp-mock-body{padding:28px 30px 0;background:#e9e7de}.sp-work .sp-mock-body>span{font-size:7px;letter-spacing:.15em}
.sp-work .sp-mock-body h3{font-family:Georgia,serif!important;font-size:clamp(36px,3.2vw,55px)!important;line-height:1.03!important;letter-spacing:-2px!important;font-weight:400!important;margin-top:13px!important}
.sp-work .sp-mock-plinth{height:clamp(145px,14vw,225px);gap:25px;padding:0 25px 0;background:radial-gradient(ellipse at 55% 115%,#b8b2a1,transparent 70%)}
.sp-work .sp-object{width:120px;height:140px;background:#9a8a70;box-shadow:inset -18px 0 28px #372a3b35,14px 17px 13px #574a3933}.sp-work .sp-object--two{width:90px;height:180px;background:#b46b4e}
.sp-work .sp-mock-bottom{padding:17px 0 15px;margin-top:16px;font-size:8px;border-top:1px solid #bcb7a9}
.sp-work .sp-shop-detail{position:absolute;z-index:3;bottom:8%;left:35%;width:22%;padding:15px;background:#fcfbf7;border:1px solid #fff;box-shadow:0 15px 45px #2d382233;transform:rotate(6deg);border-radius:5px;transition:transform .8s cubic-bezier(.2,.7,.3,1)}
.sp-work .sp-work-card:hover .sp-shop-detail{transform:rotate(2deg) translate(-6px,-10px)}
.sp-work .sp-shop-detail>span{font-size:10px;letter-spacing:-.05em;font-weight:700}.sp-work .sp-shop-detail__object{height:85px;width:100%;position:relative;margin:10px 0;background:radial-gradient(ellipse at 50% 105%,#d0c9b6,transparent 70%),#e8e5db;border-radius:2px}
.sp-work .sp-shop-detail__object:after{content:'';position:absolute;left:38%;bottom:7px;width:27%;height:68px;border-radius:40% 40% 25% 25%;background:linear-gradient(90deg,#ada18c,#d9cfbd 37%,#a7977b);box-shadow:10px 6px 12px #8e806940}
.sp-work .sp-shop-detail strong{display:block;font-size:10px;font-weight:600;line-height:1.4}.sp-work .sp-shop-detail small{display:block;font-size:7px;color:#77776f;margin-top:3px}.sp-work .sp-shop-detail>i{position:absolute;right:14px;bottom:14px;font-size:17px;font-style:normal}
.sp-work .sp-work-card:not(:first-child) .sp-work-statement{display:none}.sp-work .sp-work-card:not(:first-child) .sp-shop-concept{width:80%;right:8%;top:15%}.sp-work .sp-work-card:not(:first-child) .sp-shop-detail{width:34%;left:5%;bottom:6%}
.sp-work .sp-media-overlay{inset:34px;z-index:2;color:#20221e}
.sp-work .sp-media-overlay>span{font-size:9px;font-weight:650;letter-spacing:.13em}.sp-work .sp-media-overlay strong{font-size:clamp(47px,5.2vw,78px);font-weight:650;line-height:.98;letter-spacing:-.065em;max-width:500px;margin-top:auto;margin-bottom:28px}
.sp-work .sp-media-overlay>span:last-child{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #24282050;padding-top:17px}.sp-work .sp-media-overlay i{font-size:27px;font-style:normal;line-height:1}
.sp-work .sp-work-card--media .sp-work-card__image{object-position:62% center}.sp-work .sp-work-card--media .sp-work-card__badge{display:none}
.sp-work .sp-motion-concept{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;padding:36px 30px;background:#111315;color:#f5f5f1;height:100%}
.sp-work .sp-motion-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(transparent,#000 40%,#000);opacity:.7}
.sp-work .sp-motion-kicker{font-size:8px!important;letter-spacing:.14em!important;font-weight:600;position:relative;z-index:2;max-width:190px;margin-top:40px;color:#a9afaa}
.sp-work .sp-motion-type{font-size:clamp(48px,5.65vw,89px);font-weight:750;line-height:.88;letter-spacing:-.075em;transform:none;position:relative;z-index:2;margin-block:30px}
.sp-work .sp-motion-type>span{display:block;white-space:nowrap;animation:sp-studio-type-shift 7s cubic-bezier(.65,0,.35,1) infinite}.sp-work .sp-motion-type>span+span{color:#ff5c28;animation-delay:-3.5s;margin-top:12px}
.sp-work .sp-motion-type em{font:inherit;letter-spacing:inherit;color:#f5f5f1;font-style:normal;margin-right:4px}
.sp-work .sp-motion-orbit{position:absolute;top:14%;right:-22%;width:70%;aspect-ratio:1;z-index:0;border:1px solid #ff5c284d;border-radius:50%;animation:sp-studio-orbit 24s linear infinite}.sp-work .sp-motion-orbit:after{content:'';position:absolute;inset:15%;border:1px solid #ffffff13;border-radius:50%}.sp-work .sp-motion-orbit i{position:absolute;left:8%;top:14%;width:14px;height:14px;border-radius:50%;background:#ff5c28}.sp-work .sp-motion-orbit i+i{left:auto;top:auto;right:8%;bottom:14%;width:7px;height:7px;background:#f5f5f1}
.sp-work .sp-motion-timeline{position:relative;z-index:2;display:flex;gap:15px;padding-top:21px;border-top:1px solid #ffffff26;font-size:8px;letter-spacing:.08em;color:#c4c9c2}.sp-work .sp-motion-timeline>span:first-child{max-width:45px;line-height:1.5}.sp-work .sp-motion-timeline>span:last-child{font-size:23px;color:#ff5c28;line-height:1}.sp-work .sp-motion-timeline>div{position:relative;display:flex;gap:5px;align-items:center;height:35px;overflow:hidden}
.sp-work .sp-motion-timeline i{width:12%;height:11px;flex:1;background:#ff5c28;transform-origin:center;animation:sp-studio-wave 2s ease-in-out infinite alternate}.sp-work .sp-motion-timeline i:nth-child(2n){height:28px;animation-delay:-.8s}.sp-work .sp-motion-timeline i:nth-child(3n){height:19px;animation-delay:-1.4s}
.sp-work .sp-motion-timeline b{position:absolute;top:0;bottom:0;left:0;width:1px;background:#fff;animation:sp-studio-playhead 7s linear infinite}
.sp-work .sp-work-card--motion .sp-work-card__badge{display:block;top:26px;left:30px;right:auto;background:#ffffff0d;border-color:#ffffff33;color:#f5f5f1}.sp-work .sp-work-card--motion .sp-work-card__index{color:#cbd0c8;border-color:#ffffff38}
.sp-work .sp-work-card--custom-image .sp-work-card__badge{display:block}.sp-work .sp-work-card--custom-image .sp-work-card__visual{padding:0}
.sp-work__footnote{display:flex;align-items:flex-start;gap:14px;border-top:1px solid var(--sp-studio-line);margin-top:45px;padding-top:22px;color:#70756d}.sp-work__footnote>span{font-size:22px;line-height:1}.sp-work .sp-caption{margin:0!important;font-size:9px;line-height:1.7;letter-spacing:.08em}

.sp-services.sp-section{background:var(--sp-studio-ink);color:var(--sp-studio-paper);padding-block:clamp(85px,9vw,140px)}
.sp-services .sp-services__layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:9%;align-items:start}
.sp-services__intro{position:sticky;top:145px}.sp-services .sp-eyebrow{color:#b9c0b8;font-size:10px}.sp-services .sp-dot{background:#ff5c28}
.sp-services .sp-services__intro h2{font-size:clamp(40px,4.25vw,64px);font-weight:650;letter-spacing:-.06em;line-height:1.05;white-space:pre-line;max-width:570px;margin-top:28px}
.sp-services__description{font-size:14px;line-height:1.8;color:#a5aca4;max-width:400px;margin-top:27px!important}
.sp-services .sp-service-note{display:block;margin-top:45px;padding-top:27px;border-top:1px solid #ffffff24;max-width:400px}
.sp-services .sp-service-note>span{display:block;font-size:15px;line-height:1.5;font-weight:600;margin-top:20px}.sp-services .sp-service-note>p{font-size:12px;line-height:1.8;color:#8d978b;margin-top:10px;max-width:375px}
.sp-service-note__mark{display:flex;align-items:center;gap:7px;height:30px}.sp-service-note__mark i{width:24px;height:7px;border-radius:1px;background:#ff5c28;transform:rotate(-45deg);transform-origin:center;transition:transform .5s cubic-bezier(.2,.7,.3,1)}.sp-service-note__mark i:nth-child(2){opacity:.8}.sp-service-note__mark i:nth-child(3){opacity:.6}.sp-service-note__mark i:nth-child(4){opacity:.4}.sp-service-note:hover .sp-service-note__mark i{transform:rotate(0deg)}
.sp-services .sp-service-list{min-width:0;border-top:1px solid #ffffff30}
.sp-services .sp-service{border-top:0;border-bottom:1px solid #ffffff24;transition:background .3s}
.sp-services .sp-service:last-child{border-bottom:1px solid #ffffff24}
.sp-services .sp-service summary{display:grid;grid-template-columns:28px minmax(0,1fr) 36px;gap:20px;align-items:start;padding:29px 0;list-style:none}
.sp-services .sp-service summary::-webkit-details-marker{display:none}.sp-services .sp-service__number{font-size:10px;line-height:1.5;color:#778375;letter-spacing:.04em;padding-top:7px;font-weight:600}
.sp-services .sp-service .sp-service__title{display:block;font-size:clamp(23px,2.1vw,31px);font-weight:600;letter-spacing:-.045em;line-height:1.15;color:#e9ece5;transition:color .3s}
.sp-services .sp-service__short{display:block;font-size:11px;line-height:1.65;color:#8d978b;margin-top:8px}
.sp-services .sp-service__plus{display:grid;place-items:center;width:34px;height:34px;border:1px solid #ffffff30;border-radius:50%;font-size:22px;line-height:1;font-weight:400;color:#c9d1c5;transition:transform .35s,background .35s,border-color .35s,color .35s;margin-top:1px}
.sp-services .sp-service[open] .sp-service__title{color:#ff754c}.sp-services .sp-service[open] .sp-service__plus{transform:rotate(45deg);background:#ff5c28;border-color:#ff5c28;color:#111315}.sp-services .sp-service summary:hover .sp-service__title{color:#ff754c}
.sp-services .sp-service__body{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;padding:0 40px 32px 48px}
.sp-services .sp-service__body>p{font-size:13px;line-height:1.8;max-width:550px;color:#b1b9ae}
.sp-services .sp-service__deliverables{font-size:12px;line-height:1.7;color:#d8dfd4}.sp-services .sp-service__deliverables ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 20px}.sp-services .sp-service__deliverables li{position:relative;padding-left:16px;margin:0}.sp-services .sp-service__deliverables li:before{content:'';width:4px;height:4px;background:#ff5c28;border-radius:50%;position:absolute;left:0;top:.67em;margin:0}
.sp-services .sp-service__body .sp-text-link{font-size:11px;font-weight:600;color:#e9ece5;justify-self:start;gap:32px;border-color:#788472;padding-bottom:9px;margin-top:3px}.sp-services .sp-service[open] .sp-service__body{animation:sp-studio-disclosure .35s ease both}
.sp-services__closing{display:flex;align-items:flex-start;justify-content:space-between;gap:25px;margin-top:29px}.sp-services__closing>span{font-size:8px;line-height:1.7;letter-spacing:.12em;color:#748271;max-width:150px}.sp-services__closing>a{font-size:11px;font-weight:600;display:flex;align-items:center;gap:20px;color:#c2cdbb}.sp-services__closing>a span{color:#ff5c28;font-size:19px}

.sp-studio .sp-studio__topline{display:flex;align-items:center;justify-content:space-between;gap:25px}.sp-studio__topline>span:last-child{font-size:9px;letter-spacing:.1em;color:#737b70;font-weight:550}
.sp-studio .sp-studio__headline{display:grid;grid-template-columns:minmax(0,1fr) 190px;align-items:center;gap:60px;margin-top:40px}
.sp-studio .sp-studio__intro h2{font-size:clamp(52px,7.5vw,110px);font-weight:650;line-height:1.025;letter-spacing:-.07em;white-space:pre-line;max-width:1050px;margin:0}
.sp-studio__symbol{width:160px;height:160px;position:relative;animation:sp-studio-orbit 55s linear infinite}
.sp-studio__symbol i{position:absolute;left:0;top:calc(50% - 9px);width:100%;height:18px;background:#ff5c28;border-radius:2px;transform:rotate(0deg)}.sp-studio__symbol i:nth-child(2){transform:rotate(30deg)}.sp-studio__symbol i:nth-child(3){transform:rotate(60deg)}.sp-studio__symbol i:nth-child(4){transform:rotate(90deg)}.sp-studio__symbol i:nth-child(5){transform:rotate(120deg)}.sp-studio__symbol i:nth-child(6){transform:rotate(150deg)}
.sp-studio .sp-studio__text{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);align-items:start;gap:12%;margin-top:43px;padding-top:29px;border-top:1px solid var(--sp-studio-line)}
.sp-studio__position{font-size:10px;font-weight:600;line-height:1.8;letter-spacing:.1em;color:#6e7868}.sp-studio .sp-studio__text p{font-size:16px;line-height:1.85;max-width:600px;color:#616a5b}
.sp-studio .sp-process{margin-top:100px}.sp-studio .sp-process__heading{display:flex;align-items:center;justify-content:space-between;gap:25px;border:0;padding-bottom:35px}.sp-studio .sp-process__heading>span:last-child{font-size:8px;letter-spacing:.12em;color:#7f8778;display:block}
.sp-studio .sp-process__grid{display:grid;grid-template-columns:repeat(var(--sp-step-count,4),minmax(0,1fr));gap:26px}
.sp-studio .sp-process__step,.sp-studio .sp-process__step+.sp-process__step,.sp-studio .sp-process__step:nth-child(3){position:relative;padding:0;border:0;min-width:0}
.sp-studio .sp-process__line{height:1px;background:#ccd2c6;position:relative;margin:0 0 29px}.sp-studio .sp-process__line:before{content:'';position:absolute;inset:0;background:#ff5c28;transform:scaleX(0);transform-origin:left;transition:transform .65s cubic-bezier(.2,.7,.3,1)}.sp-studio .sp-process__line i{position:absolute;left:0;top:-3px;width:7px;height:7px;background:#969f8d;border-radius:50%;transition:background .3s,box-shadow .3s}
.sp-studio .sp-process__number{display:flex;justify-content:space-between;align-items:flex-start;font-size:70px;line-height:1;letter-spacing:-.065em;font-weight:550;color:#c5cdc0;margin-bottom:31px;transition:color .4s}
.sp-studio .sp-process__number i{font-size:23px;font-style:normal;font-weight:400;letter-spacing:0;color:#8e9984;line-height:1.2;margin-top:7px;transition:transform .4s,color .4s}
.sp-studio .sp-process__step h3{font-size:clamp(20px,2vw,28px);font-weight:650;letter-spacing:-.045em;line-height:1.2;margin-bottom:15px}
.sp-studio .sp-process__step p{font-size:13px;line-height:1.85;color:#6b7561;max-width:270px;padding-right:8px}
.sp-studio .sp-process__step:hover .sp-process__line:before{transform:scaleX(1)}.sp-studio .sp-process__step:hover .sp-process__line i{background:#ff5c28;box-shadow:0 0 0 5px #ff5c2812}.sp-studio .sp-process__step:hover .sp-process__number{color:#ff5c28}.sp-studio .sp-process__step:hover .sp-process__number i{color:#111315;transform:translate(4px,-4px)}

.sp-faq.sp-section{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:10%;border-top:1px solid var(--sp-studio-line);align-items:start}
.sp-faq__intro{position:sticky;top:145px}.sp-faq .sp-faq__title{font-size:clamp(43px,4.75vw,68px);font-weight:650;letter-spacing:-.065em;line-height:1.05;white-space:pre-line;margin:27px 0}
.sp-faq .sp-faq__intro>p{max-width:340px;color:#6b7461;font-size:14px;line-height:1.8}
.sp-faq .sp-faq__intro>.sp-text-link{font-size:12px;font-weight:600;margin-top:29px;gap:35px}
.sp-faq .sp-faq__list{border-top:1px solid #bec7b5;min-width:0}.sp-faq .sp-faq__list details{border-top:0;border-bottom:1px solid #cdd4c6}
.sp-faq .sp-faq__list summary{display:grid;grid-template-columns:25px minmax(0,1fr) 32px;align-items:start;gap:17px;padding:25px 0;font-weight:600;line-height:1.4;list-style:none}
.sp-faq .sp-faq__list summary::-webkit-details-marker{display:none}.sp-faq .sp-faq__list summary .sp-faq__number{font-size:9px;letter-spacing:.04em;font-weight:600;color:#839077;line-height:1.8;padding-top:3px;transform:none}
.sp-faq .sp-faq__list summary .sp-faq__question{font-size:17px;font-weight:600;letter-spacing:-.025em;line-height:1.4;transform:none;transition:color .25s}
.sp-faq .sp-faq__list summary .sp-faq__plus{display:grid;place-items:center;width:30px;height:30px;border:1px solid #bfc8b5;border-radius:50%;font-size:20px;line-height:1;font-weight:400;transition:transform .3s,background .3s,border-color .3s}
.sp-faq .sp-faq__list details[open] summary .sp-faq__number,.sp-faq .sp-faq__list details[open] summary .sp-faq__question{transform:none}
.sp-faq .sp-faq__list details[open] summary .sp-faq__plus{transform:rotate(45deg);background:#ff5c28;border-color:#ff5c28;color:#111315}
.sp-faq .sp-faq__list summary:hover .sp-faq__question{color:#c34b25}
.sp-faq .sp-faq__list .sp-faq__answer{font-size:13px;line-height:1.85;color:#66705b;padding:0 40px 27px 42px}.sp-faq .sp-faq__answer p+p{margin-top:12px}.sp-faq .sp-faq__list details[open] .sp-faq__answer{animation:sp-studio-disclosure .3s ease both}.sp-faq .sp-faq__answer a{text-decoration:underline;text-underline-offset:3px}

@keyframes sp-studio-orbit{to{transform:rotate(360deg)}}
@keyframes sp-studio-wave{from{transform:scaleY(.45);opacity:.55}to{transform:scaleY(1);opacity:1}}
@keyframes sp-studio-playhead{from{left:0}to{left:100%}}
@keyframes sp-studio-type-shift{0%,20%,70%,100%{transform:translateX(0)}40%,50%{transform:translateX(8px)}}
@keyframes sp-studio-disclosure{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

@media(min-width:1500px){.sp-work .sp-shop-concept{width:50%;right:7%;top:10%}.sp-work .sp-mock-plinth{height:220px}.sp-work .sp-shop-detail{bottom:9%;left:36%;width:20%}.sp-work .sp-media-overlay strong{font-size:78px}.sp-work .sp-motion-type{font-size:90px}}
@media(max-width:1150px){.sp-services .sp-services__layout{gap:7%;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.sp-services .sp-services__intro h2{font-size:44px}.sp-services .sp-service summary{gap:15px;grid-template-columns:23px minmax(0,1fr) 32px}.sp-services .sp-service .sp-service__title{font-size:25px}.sp-services .sp-service__body{padding-left:38px;padding-right:20px}.sp-services .sp-service__deliverables ul{grid-template-columns:1fr;gap:7px}.sp-work .sp-shop-concept{width:54%;right:4%;top:16%}.sp-work .sp-work-statement>span{font-size:42px}.sp-work .sp-work-card__visual{height:490px}.sp-work .sp-work-card:first-child .sp-work-card__visual{height:560px}.sp-work .sp-motion-type{font-size:64px}.sp-studio .sp-studio__headline{grid-template-columns:minmax(0,1fr) 140px;gap:35px}.sp-studio__symbol{width:130px;height:130px}.sp-studio .sp-process__grid{gap:22px}.sp-studio .sp-process__step h3{font-size:22px}.sp-studio .sp-process__step p{font-size:12px}.sp-faq.sp-section{gap:7%}}
@media(max-width:900px){.sp-work .sp-section-heading{grid-template-columns:1.2fr .8fr;gap:6%;margin-bottom:38px}.sp-work .sp-section-heading h2{font-size:52px}.sp-work__intro p{font-size:13px}.sp-work .sp-work__grid{gap:45px 22px}.sp-work .sp-work-card__visual{height:440px}.sp-work .sp-work-card:first-child .sp-work-card__visual{height:520px}.sp-work .sp-shop-concept{width:57%;top:18%;right:3%;border-width:5px}.sp-work .sp-work-statement{left:5%;top:23%;width:34%}.sp-work .sp-work-statement>span{font-size:35px}.sp-work .sp-mock-body{padding:20px 20px 0}.sp-work .sp-mock-nav{padding:16px 18px}.sp-work .sp-mock-nav>span{font-size:5px}.sp-work .sp-mock-body h3{font-size:34px!important}.sp-work .sp-mock-plinth{height:155px;gap:16px;padding:15px 10px 0}.sp-work .sp-object{width:95px;height:110px}.sp-work .sp-object--two{width:70px;height:145px}.sp-work .sp-shop-detail{width:24%;left:32%;bottom:9%;padding:12px}.sp-work .sp-shop-detail__object{height:70px}.sp-work .sp-shop-detail__object:after{height:58px}.sp-work .sp-media-overlay{inset:26px}.sp-work .sp-media-overlay strong{font-size:52px}.sp-work .sp-motion-concept{padding:28px 22px}.sp-work .sp-motion-type{font-size:51px;letter-spacing:-.075em}.sp-work .sp-motion-timeline{gap:10px}.sp-work .sp-work-card__info h3{font-size:21px!important}.sp-work .sp-work-card__info p{font-size:8px;line-height:1.7}.sp-work .sp-work-card__info a{width:42px;height:42px}.sp-services .sp-services__layout{grid-template-columns:1fr;gap:45px}.sp-services__intro{position:static;display:grid;grid-template-columns:1.1fr .9fr;gap:0 8%;align-items:start}.sp-services__intro>.sp-eyebrow{grid-column:1/-1}.sp-services .sp-services__intro h2{grid-column:1;font-size:51px;grid-row:2/4;margin-top:25px;max-width:520px}.sp-services__description{grid-column:2;margin-top:28px!important;font-size:13px;max-width:390px}.sp-services .sp-service-note{grid-column:2;margin-top:22px;padding-top:17px}.sp-services .sp-service-note__mark{display:none}.sp-services .sp-service-note>span{margin-top:0;font-size:13px}.sp-services .sp-service-note>p{font-size:11px}.sp-services .sp-service .sp-service__title{font-size:29px}.sp-services .sp-service__body{max-width:700px}.sp-services .sp-service__deliverables ul{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-studio .sp-studio__intro h2{font-size:68px}.sp-studio .sp-studio__headline{grid-template-columns:minmax(0,1fr) 110px;gap:28px}.sp-studio__symbol{width:108px;height:108px}.sp-studio__symbol i{height:13px;top:calc(50% - 6.5px)}.sp-studio .sp-studio__text{gap:10%;grid-template-columns:.7fr 1.3fr}.sp-studio .sp-studio__text p{font-size:14px}.sp-studio .sp-process__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 35px}.sp-studio .sp-process__number{font-size:65px;margin-bottom:24px}.sp-studio .sp-process__step h3{font-size:26px}.sp-studio .sp-process__step p{font-size:13px;max-width:100%}.sp-faq.sp-section{grid-template-columns:.8fr 1.2fr;gap:7%}.sp-faq .sp-faq__title{font-size:46px}.sp-faq .sp-faq__list summary{grid-template-columns:18px 1fr 28px;gap:12px}.sp-faq .sp-faq__list summary .sp-faq__question{font-size:15px}.sp-faq .sp-faq__list .sp-faq__answer{padding-left:30px;padding-right:25px;font-size:12px}}
@media(max-width:600px){.sp-work.sp-section,.sp-studio.sp-section,.sp-faq.sp-section{padding-block:75px}.sp-work .sp-section-heading{display:block;margin-bottom:35px}.sp-work .sp-section-heading h2{font-size:46px;max-width:500px;margin-top:23px}.sp-work__intro p{font-size:14px;max-width:420px;margin-top:23px}.sp-work__scroll-note{font-size:8px;margin-top:20px;max-width:100%}.sp-work .sp-work__grid{grid-template-columns:1fr;gap:38px}.sp-work .sp-work-card:first-child{grid-column:auto}.sp-work .sp-work-card__visual{height:440px;border-radius:9px}.sp-work .sp-work-card:first-child .sp-work-card__visual{height:535px;padding:0}.sp-work .sp-work-card__badge{top:20px;left:20px;font-size:7px;padding:6px 10px;max-width:calc(100% - 74px)}.sp-work .sp-work-card__index{top:18px;right:18px;width:25px;height:25px;font-size:9px}.sp-work .sp-work-statement{left:6%;top:75px;width:57%}.sp-work .sp-work-statement>span{font-size:34px;line-height:1.01;letter-spacing:-.06em}.sp-work .sp-work-statement>span br:nth-child(2){display:none}.sp-work .sp-work-statement small{display:none}.sp-work .sp-shop-concept{width:77%;right:4%;top:167px;max-width:none;border-width:4px;border-radius:7px;transform:rotate(-6deg)}.sp-work .sp-work-card:hover .sp-shop-concept{transform:rotate(-3deg) translateY(-4px)}.sp-work .sp-mock-browser{height:21px;padding-inline:9px}.sp-work .sp-mock-browser>span{font-size:5px}.sp-work .sp-mock-nav{padding:13px 15px}.sp-work .sp-mock-nav strong{font-size:20px}.sp-work .sp-mock-nav>span{display:block;font-size:4px}.sp-work .sp-mock-nav>span:nth-child(2){display:none}.sp-work .sp-mock-body{padding:16px 18px 0}.sp-work .sp-mock-body>span{font-size:5px}.sp-work .sp-mock-body h3{font-size:31px!important;letter-spacing:-1.4px!important;line-height:1.04!important;margin-top:10px!important}.sp-work .sp-mock-plinth{height:137px;gap:16px;padding:10px 10px 0}.sp-work .sp-object{width:76px;height:99px}.sp-work .sp-object--two{width:58px;height:124px}.sp-work .sp-object:before{height:22px;top:-6px}.sp-work .sp-object--two:before{height:17px;top:-5px}.sp-work .sp-mock-bottom{font-size:6px;padding:12px 0 10px;margin-top:10px}.sp-work .sp-shop-detail{left:5%;bottom:24px;width:38%;padding:10px;transform:rotate(5deg)}.sp-work .sp-shop-detail__object{height:64px;margin:8px 0}.sp-work .sp-shop-detail__object:after{height:51px;bottom:5px}.sp-work .sp-shop-detail>span{font-size:8px}.sp-work .sp-shop-detail strong{font-size:8px}.sp-work .sp-shop-detail small{font-size:5px}.sp-work .sp-shop-detail>i{font-size:14px;right:10px;bottom:13px}.sp-work .sp-work-card:not(:first-child) .sp-shop-concept{width:80%;top:18%;right:5%}.sp-work .sp-work-card:not(:first-child) .sp-shop-detail{width:38%;left:5%;bottom:6%}.sp-work .sp-work-card__info{margin-top:20px;gap:15px}.sp-work .sp-work-card__info h3{font-size:22px!important;letter-spacing:-.045em!important}.sp-work .sp-work-card__info p{font-size:8px;margin-bottom:8px!important;line-height:1.6}.sp-work .sp-work-card__info a{width:44px;height:44px}.sp-work .sp-media-overlay{inset:26px}.sp-work .sp-media-overlay>span{font-size:8px}.sp-work .sp-media-overlay strong{font-size:59px;margin-bottom:24px;max-width:350px}.sp-work .sp-media-overlay>span:last-child{padding-top:16px}.sp-work .sp-motion-concept{padding:28px 26px}.sp-work .sp-motion-type{font-size:clamp(58px,17vw,86px);line-height:.88;letter-spacing:-.07em;margin-block:25px}.sp-work .sp-motion-kicker{margin-top:42px;font-size:7px!important}.sp-work .sp-motion-timeline{font-size:7px;gap:15px}.sp-work .sp-motion-timeline>span:first-child{max-width:55px}.sp-work .sp-work-card--motion .sp-work-card__badge{left:25px;top:23px}.sp-work__footnote{margin-top:32px;padding-top:19px;gap:10px}.sp-work .sp-caption{font-size:8px;letter-spacing:.05em}.sp-services.sp-section{padding-block:78px}.sp-services .sp-services__layout{gap:35px}.sp-services__intro{display:block}.sp-services .sp-services__intro h2{font-size:45px;line-height:1.06;max-width:440px;margin-top:25px}.sp-services__description{font-size:14px;line-height:1.8;margin-top:25px!important}.sp-services .sp-service-note{display:none}.sp-services .sp-service summary{grid-template-columns:21px minmax(0,1fr) 30px;gap:12px;padding:24px 0}.sp-services .sp-service .sp-service__title{font-size:24px;line-height:1.16;letter-spacing:-.045em}.sp-services .sp-service__number{font-size:9px;padding-top:5px}.sp-services .sp-service__short{font-size:10px;line-height:1.6;margin-top:7px}.sp-services .sp-service__plus{width:29px;height:29px;font-size:21px;margin:0}.sp-services .sp-service__body{padding:0 24px 27px 33px;gap:18px}.sp-services .sp-service__body>p{font-size:12px;line-height:1.8}.sp-services .sp-service__deliverables ul{grid-template-columns:1fr;gap:8px}.sp-services .sp-service__deliverables{font-size:11px}.sp-services .sp-service__body .sp-text-link{font-size:11px}.sp-services__closing{flex-direction:column;gap:13px;margin-top:25px}.sp-services__closing>span{max-width:100%;font-size:8px}.sp-services__closing>a{font-size:11px}.sp-studio .sp-studio__topline>span:last-child{display:none}.sp-studio .sp-studio__headline{grid-template-columns:1fr;gap:30px;margin-top:30px;position:relative}.sp-studio .sp-studio__intro h2{font-size:clamp(46px,11.5vw,65px);line-height:1.05;letter-spacing:-.065em;max-width:530px}.sp-studio__symbol{width:65px;height:65px;justify-self:end;margin-top:-5px}.sp-studio__symbol i{height:8px;top:calc(50% - 4px)}.sp-studio .sp-studio__text{display:block;margin-top:22px;padding-top:22px}.sp-studio__position{display:block;font-size:9px;line-height:1.7;margin-bottom:18px}.sp-studio .sp-studio__text p{font-size:14px;line-height:1.85}.sp-studio .sp-process{margin-top:65px}.sp-studio .sp-process__heading{padding-bottom:26px}.sp-studio .sp-process__heading .sp-eyebrow{font-size:8px;letter-spacing:.08em}.sp-studio .sp-process__heading>span:last-child{display:none}.sp-studio .sp-process__grid{grid-template-columns:1fr;gap:34px}.sp-studio .sp-process__step{display:grid;grid-template-columns:64px 1fr;gap:0 20px}.sp-studio .sp-process__line{grid-column:1/-1;margin-bottom:24px}.sp-studio .sp-process__number{grid-column:1;grid-row:2/4;display:block;font-size:48px;letter-spacing:-.06em;margin:0}.sp-studio .sp-process__number i{display:block;font-size:21px;margin-top:14px}.sp-studio .sp-process__step h3{grid-column:2;grid-row:2;font-size:25px;margin:1px 0 12px}.sp-studio .sp-process__step p{grid-column:2;grid-row:3;font-size:12px;line-height:1.85;max-width:100%;padding:0}.sp-faq.sp-section{grid-template-columns:1fr;gap:39px}.sp-faq__intro{position:static}.sp-faq .sp-faq__title{font-size:45px;line-height:1.07;margin-block:24px}.sp-faq .sp-faq__intro>p{font-size:14px;max-width:390px}.sp-faq .sp-faq__intro>.sp-text-link{font-size:12px;margin-top:22px}.sp-faq .sp-faq__list summary{grid-template-columns:19px 1fr 28px;gap:12px;padding-block:22px}.sp-faq .sp-faq__list summary .sp-faq__question{font-size:15px;letter-spacing:-.02em;line-height:1.45}.sp-faq .sp-faq__list summary .sp-faq__number{font-size:8px}.sp-faq .sp-faq__list summary .sp-faq__plus{width:28px;height:28px;font-size:19px}.sp-faq .sp-faq__list .sp-faq__answer{font-size:12px;line-height:1.85;padding:0 30px 24px 31px}}
@media(max-width:360px){.sp-work .sp-work-statement>span{font-size:30px}.sp-work .sp-mock-body h3{font-size:27px!important}.sp-work .sp-shop-concept{width:80%;right:1%}.sp-work .sp-motion-type{font-size:57px}.sp-services .sp-service .sp-service__title{font-size:21px}.sp-services .sp-services__intro h2{font-size:40px}.sp-faq .sp-faq__list summary .sp-faq__question{font-size:14px}}
body[data-sp-motion='paused'] .sp-work *,body[data-sp-motion='paused'] .sp-services *,body[data-sp-motion='paused'] .sp-studio *,body[data-sp-motion='paused'] .sp-faq *{animation:none!important}
@media(prefers-reduced-motion:reduce){.sp-work *,.sp-services *,.sp-studio *,.sp-faq *{animation:none!important;transition:none!important}.sp-work .sp-work-card:hover .sp-work-card__visual{transform:none}.sp-work .sp-work-card:hover .sp-work-card__image{transform:none}}
@media print{.sp-services.sp-section{background:white;color:black}.sp-work .sp-work-card__visual{height:350px}.sp-services .sp-services__intro,.sp-faq__intro{position:static}.sp-work *,.sp-services *,.sp-studio *,.sp-faq *{animation:none!important}}