@font-face{font-family:SC Robuck;src:url('/assets/scrollcontrol/case-study/robuck-rounded.woff2') format('woff2');font-display:swap}
@font-face{font-family:SC Diatype;src:url('/assets/scrollcontrol/case-study/diatype-rounded.woff2') format('woff2');font-display:swap}
.scrollcontrol-case-page{background:#141414}
.scrollcontrol-case-page .site-header{height:126px;padding-top:30px;padding-bottom:20px}
.scrollcontrol-case-page .site-header .logo{width:132px;min-width:0}
.sc-case{--sc-blue:#3863f5;--sc-yellow:#ffd43c;--sc-orange:#ff5100;--sc-paper:#f3efe0;--sc-space:clamp(24px,5.5vw,100px);background:#141414;color:#f3f3ef;overflow:clip;font-size:clamp(16px,1.3vw,21px);line-height:1.55}
.sc-case *{box-sizing:border-box}
.sc-case h1,.sc-case h2,.sc-case h3,.sc-case p,.sc-case figure{margin:0}
.sc-case h2{font-size:clamp(42px,5.5vw,90px);font-weight:500;line-height:1.05;letter-spacing:-.055em}
.sc-case h3{font-weight:500;letter-spacing:-.025em}
.sc-case img{display:block;max-width:100%}
.sc-case svg{display:block}
.sc-case a{color:inherit}
.sc-case section[id]{scroll-margin-top:84px}
.sc-case section:focus{outline:none}
.sc-pad{padding-left:var(--sc-space);padding-right:var(--sc-space)}
.sc-section-label{font-size:14px;margin-bottom:28px!important}
.sc-section-head{display:flex;justify-content:space-between;gap:24px;font-size:14px;padding-bottom:48px}
.sc-section-head>span{opacity:.65}
.sc-reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:var(--sc-blue);transform-origin:left;z-index:200;pointer-events:none}
.sc-hero{padding:0 var(--sc-space) 78px}
.sc-hero-top{display:flex;justify-content:space-between;font-size:13px;align-items:center;margin-bottom:20px;color:#b4b4af}
.sc-back:hover{text-decoration:underline;text-underline-offset:5px}
.sc-motion-toggle{padding:6px 0;display:flex;align-items:center;gap:12px;min-height:40px;font-size:13px;color:#b4b4af}
.sc-motion-toggle span{font-size:11px;width:20px}
.sc-case .sc-hero h1{font-size:clamp(70px,12.25vw,230px);line-height:.95;font-weight:500;letter-spacing:-.075em;position:relative;margin-left:-.05em;z-index:2;white-space:nowrap;margin-bottom:50px}
.sc-title-dot{font-size:.15em;vertical-align:top;display:inline-block;letter-spacing:0;margin:1em 0 0 .65em}
.sc-hero-grid{display:grid;grid-template-columns:1fr 2.3fr;gap:5vw;align-items:stretch}
.sc-hero-info{display:flex;align-items:flex-start;flex-direction:column;padding-top:8px}
.sc-hero-statement{font-size:clamp(21px,2.25vw,37px);line-height:1.25;letter-spacing:-.025em;max-width:13em}
.sc-project-meta{font-size:13px;display:grid;grid-template-columns:1fr 1.7fr;gap:20px;width:100%;margin:42px 0}
.sc-project-meta dt{color:#a2a29e;margin-bottom:10px}
.sc-project-meta dd{margin:0;line-height:1.7}
.sc-outline-link{border:1px solid #777;border-radius:40px;display:inline-flex;align-items:center;gap:26px;justify-content:space-between;padding:13px 20px;font-size:13px;line-height:1.4;transition:background .2s,color .2s;min-height:48px}
.sc-outline-link svg,.sc-screen-open svg{width:21px;height:21px;flex:none}
.sc-outline-link:hover{background:#f3f3ef;color:#141414}
.sc-hero-info>.sc-outline-link{margin-top:auto}
.sc-hero-art{position:relative;isolation:isolate;background:var(--sc-yellow);aspect-ratio:1.48;overflow:hidden;border-radius:3px}
.sc-hero-image{width:100%;height:100%;object-fit:cover;object-position:55% center;transform:translateY(var(--hero-drift,0px)) scale(1.06);will-change:transform}
.sc-hero-sticker{position:absolute;right:6%;top:7%;width:24%;aspect-ratio:1;background:var(--sc-orange);color:var(--sc-paper);transform:rotate(9deg);display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:50%;font-family:SC Robuck,sans-serif;font-size:clamp(23px,3.1vw,58px);line-height:.86;letter-spacing:0;box-shadow:0 3px 0 #fff8}
.sc-hero-art figcaption{position:absolute;bottom:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px 25px;background:var(--sc-blue);color:white;font-size:14px}
.sc-hero-art figcaption a{width:40px;height:35px;display:grid;place-items:center}
.sc-hero-art figcaption svg{width:23px;height:23px}
.sc-chapters{position:fixed;bottom:22px;left:50%;transform:translate(-50%,18px);opacity:0;visibility:hidden;pointer-events:none;display:flex;gap:3px;padding:6px;border:1px solid #ffffff30;border-radius:50px;background:#222;color:#fff;z-index:40;box-shadow:0 4px 22px #0002;transition:opacity .25s,transform .25s,visibility .25s;white-space:nowrap}
.sc-chapters.is-visible{opacity:1;visibility:visible;transform:translate(-50%,0);pointer-events:auto}
.sc-chapters a{font-size:12px;min-height:39px;padding:10px 17px;border-radius:30px}
.sc-chapters a[aria-current]{background:#f3f3ef;color:#141414}
.sc-chapters a:hover{background:#444;color:#fff}
.sc-brief{background:var(--sc-paper);color:#202020;padding-top:90px;padding-bottom:110px}
.sc-brief h2{max-width:15em;font-size:clamp(42px,5.2vw,85px);padding-left:25%;line-height:1.1}
.sc-brief-bottom{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin-top:60px}
.sc-short-note{font-size:clamp(21px,2vw,32px);line-height:1.25;letter-spacing:-.03em}
.sc-brief-bottom>div p+p{margin-top:24px}
.sc-brief-bottom>div{max-width:40em}
.sc-identity{padding-top:70px;background:var(--sc-paper);color:#202020}
.sc-brand-intro{display:grid;grid-template-columns:1.4fr 1fr;align-items:end;gap:8vw;padding-bottom:65px}
.sc-brand-intro h2{font-size:clamp(40px,4.7vw,80px)}
.sc-brand-intro>p{font-size:16px;max-width:29em;color:#57564e}
.sc-mark-board{background:#fff;position:relative;padding:100px var(--sc-space) 24px;color:#202020;transition:background .5s,color .5s}
.sc-mark-large{width:62%;max-width:920px;aspect-ratio:316/114;margin:0 auto 95px;background-image:url('/assets/scrollcontrol/case-study/logo.svg');background-size:contain;background-position:center;background-repeat:no-repeat}
.sc-mark-board[data-tone=blue]{background:var(--sc-blue);color:#fff}
.sc-mark-board[data-tone=orange]{background:var(--sc-orange);color:#fff}
.sc-mark-board:not([data-tone=paper]) .sc-mark-large{background:var(--sc-paper);mask:url('/assets/scrollcontrol/case-study/logo.svg') center/contain no-repeat}
.sc-mark-board-foot{display:flex;justify-content:space-between;align-items:center;font-size:12px;gap:20px}
.sc-brand-tone-controls{display:flex;align-items:center;gap:8px}
.sc-brand-tone-controls button{width:40px;height:40px;padding:7px;position:relative;border-radius:50%;border:1px solid transparent}
.sc-brand-tone-controls button::after{content:'';position:absolute;inset:7px;border-radius:50%;background:var(--sc-paper);box-shadow:inset 0 0 0 1px #0002}
.sc-brand-tone-controls button[data-sc-tone=blue]::after{background:var(--sc-blue)}
.sc-brand-tone-controls button[data-sc-tone=orange]::after{background:var(--sc-orange)}
.sc-brand-tone-controls button[aria-pressed=true]{border-color:currentColor}
.sc-applications{background:#141414;padding-top:90px;padding-bottom:0}
.sc-application-intro{display:grid;grid-template-columns:1.4fr 1fr;gap:0 8vw;align-items:end;padding-bottom:60px}
.sc-application-intro>.sc-section-label{grid-column:1/-1}
.sc-application-intro>p:last-child{font-size:16px;max-width:29em;color:#b9b9b4}
.sc-application-plate>img{width:100%;height:auto}
.sc-composed-art{position:relative;isolation:isolate;aspect-ratio:3/2}
.sc-composed-art>img{display:block;width:100%;height:100%;object-fit:contain}
.sc-exact-logo-layer{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}
.sc-application-plate figcaption{display:flex;justify-content:space-between;gap:25px;align-items:baseline;padding:25px var(--sc-space) 65px}
.sc-application-plate figcaption>span:first-child{font-size:clamp(26px,3.2vw,50px);letter-spacing:-.04em}
.sc-application-plate figcaption>span:last-child{font-size:12px;color:#b9b9b4}
.sc-poster-plate{padding:0 var(--sc-space)}
.sc-poster-plate figcaption{padding-left:0;padding-right:0}
.sc-type-spread{display:grid;grid-template-columns:1.25fr 1fr;min-height:620px}
.sc-type-poster{position:relative;overflow:hidden;background:var(--sc-yellow);padding:50px var(--sc-space);display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;color:var(--sc-blue)}
.sc-type-poster>img{width:126px;height:auto;mix-blend-mode:multiply}
.sc-brand-words{font-family:SC Robuck,Impact,sans-serif;line-height:.88;letter-spacing:0;font-size:clamp(62px,8.7vw,152px);padding:70px 0 115px;position:relative;z-index:1}
.sc-type-caption{font-size:12px;color:#252525;position:relative;z-index:1}
.sc-poster-smile{position:absolute;width:210px;right:-20px;bottom:25px;transform:rotate(-18deg)}
.sc-type-notes{background:var(--sc-blue);color:#fff;padding:65px var(--sc-space);display:flex;flex-direction:column;justify-content:center}
.sc-diatype-sample{font-family:SC Diatype,sans-serif;font-size:clamp(34px,4.5vw,75px);line-height:1.03;letter-spacing:-.04em;margin-bottom:36px!important}
.sc-type-notes>p:not(.sc-diatype-sample){font-size:16px;max-width:28em}
.sc-type-pair{display:flex;gap:20px;font-size:12px;border-top:1px solid #ffffff55;padding-top:20px;margin-top:34px}
.sc-swatch-row{display:flex;margin:40px 0 24px;height:54px;gap:10px;align-items:center}
.sc-swatch-row i{display:block;background:var(--swatch);height:50px;width:50px;border-radius:50%;box-shadow:0 0 0 1px #fff8}
.sc-type-notes .sc-small{font-size:13px!important;color:#e6eafa}
.sc-circle-section{height:235vh;min-height:1350px;background:var(--sc-paper);color:#202020;position:relative}
.sc-circle-sticky{position:sticky;top:75px;height:calc(100svh - 75px);min-height:620px;display:grid;grid-template-columns:.86fr 1.25fr;align-items:center;gap:5vw;padding-top:30px;padding-bottom:40px}
.sc-circle-story{padding-bottom:20px}
.sc-circle-story h2{font-size:clamp(54px,6.4vw,108px);margin-bottom:22px}
.sc-circle-intro{max-width:26em;font-size:15px;color:#56564f}
.sc-circle-steps{list-style:none;padding:0;margin:30px 0 0;display:flex;flex-direction:column;gap:13px}
.sc-circle-steps li{border-left:3px solid #d1cfbf;padding-left:18px;color:#6d6c65;transition:color .2s,border-color .2s}
.sc-circle-steps li.is-active{color:#202020;border-color:var(--sc-blue)}
.sc-circle-steps span{font-size:20px;font-weight:500;letter-spacing:-.025em}
.sc-circle-steps p{font-size:13px;padding-top:2px}
.sc-scroll-instruction{display:flex;align-items:center;gap:18px;color:#66665e;font-size:12px;margin-top:32px!important}
.sc-scroll-instruction svg{width:17px;height:17px}
.sc-circle-art{aspect-ratio:1;position:relative;width:100%;max-width:670px;justify-self:center}
.sc-ring{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.sc-ring circle{fill:none;stroke-width:34}
.sc-ring-track{stroke:#e0ddcf}
.sc-ring-draw{stroke:var(--sc-blue);stroke-dasharray:1;stroke-dashoffset:0;stroke-linecap:round;transform-origin:50% 50%;transform:rotate(-90deg)}
.sc-circle-center{position:absolute;inset:30%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:12px}
.sc-circle-center>span:first-child{font-size:14px}
.sc-circle-center strong{font-family:SC Robuck,Impact,sans-serif;color:var(--sc-blue);font-size:clamp(45px,5.2vw,88px);line-height:.94;font-weight:400;letter-spacing:0}
.sc-circle-check{display:grid;place-items:center;width:32px;height:32px;background:var(--sc-blue);color:white;border-radius:50%;opacity:0;transform:scale(.4);transition:opacity .25s,transform .25s;font-size:19px}
.sc-circle-art.is-complete .sc-circle-check{opacity:1;transform:scale(1)}
.sc-person{position:absolute;display:flex;align-items:center;flex-direction:column;width:29%;opacity:var(--person-opacity,1);transform:scale(var(--person-scale,1)) rotate(var(--person-turn,0deg));will-change:transform;gap:0}
.sc-person img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 6px 0 #fff)}
.sc-person span{font-family:SC Diatype,sans-serif;font-size:clamp(14px,1.4vw,22px);padding:5px 19px;background:white;border-radius:30px;transform:rotate(-5deg);box-shadow:0 5px 20px #00000008}
.sc-person-parents{top:-3%;left:34%}
.sc-person-teachers{top:48%;right:-3%}
.sc-person-children{top:49%;left:-3%}
.sc-world{padding-top:110px;padding-bottom:90px}
.sc-world-heading{display:grid;grid-template-columns:1.4fr 1fr;gap:8vw;align-items:end;margin-bottom:60px}
.sc-world-heading>p{color:#b9b9b4;font-size:16px;max-width:28em;line-height:1.6;padding-bottom:6px}
.sc-art-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.sc-art-grid figure{min-width:0}
.sc-art-grid img{width:100%;aspect-ratio:1.13;object-fit:cover;background:var(--sc-paper);height:auto}
.sc-art-illustration{padding-top:100px}
.sc-art-illustration img{object-position:55% center}
.sc-art-grid figcaption{font-size:12px;color:#b9b9b4;margin-top:14px}
.sc-entertainment-art{margin-top:90px!important}
.sc-entertainment-art>img{width:100%;aspect-ratio:2;object-fit:cover;height:auto;border-radius:3px}
.sc-entertainment-art figcaption{display:flex;justify-content:space-between;gap:25px;align-items:baseline;padding-top:22px}
.sc-entertainment-art figcaption span:first-child{font-size:clamp(28px,3vw,48px);letter-spacing:-.04em}
.sc-entertainment-art figcaption span:last-child{font-size:12px;color:#b9b9b4}
.sc-product{padding-top:90px;padding-bottom:90px;background:#e4eafd;color:#1a1d28}
.sc-product .sc-world-heading>p{color:#525968}
.sc-showcase{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #20345d0e}
.sc-showcase-toolbar{display:flex;align-items:center;justify-content:space-between;padding:17px 24px;gap:10px}
.sc-screen-tabs{display:flex;gap:5px}
.sc-screen-tabs button{padding:11px 20px;min-height:45px;border-radius:30px;color:#5b5e6a;font-size:14px;transition:background .2s}
.sc-screen-tabs button[aria-selected=true]{background:var(--sc-blue);color:#fff}
.sc-screen-tabs button:not([aria-selected=true]):hover{background:#e4eafd;color:#1a1d28}
.sc-screen-open{padding:10px;display:flex;align-items:center;gap:13px;font-size:12px;white-space:nowrap}
.sc-screen-open:hover,.sc-screen-url:hover{color:var(--sc-blue)}
.sc-browser-chrome{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:15px;padding:12px 20px;font-size:11px;color:#6d7079;border-top:1px solid #e7e7e9;border-bottom:1px solid #e7e7e9;background:#f8f8fa}
.sc-browser-dots{display:flex;gap:6px}
.sc-browser-dots i{width:7px;height:7px;background:#ccced4;border-radius:50%}
.sc-screen-url{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:4px 10px;border-radius:4px;transition:color .2s}
.sc-live-label{justify-self:end;display:flex;align-items:center;gap:6px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#43765c}
.sc-live-label i{height:5px;width:5px;border-radius:50%;background:#51af67}
.sc-browser-hint{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 20px;background:#fff;font-size:11px;color:#646978;border-bottom:1px solid #e7e7e9}
.sc-browser-hint p{margin:0}
.sc-browser-hint a{display:flex;align-items:center;gap:7px;white-space:nowrap;color:#30394f}
.sc-browser-hint svg{width:13px;height:13px}
.sc-site-window{height:clamp(440px,68svh,760px);overflow:hidden;background:var(--sc-paper)}
.sc-site-frame{display:block;width:100%;height:100%;border:0;background:var(--sc-paper)}
.sc-screen-caption{scroll-margin-top:110px}
.sc-screen-caption{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:35px 40px 40px;border-top:1px solid #ececf0}
.sc-screen-caption h3{font-size:clamp(23px,2.4vw,40px);line-height:1.13;max-width:12em}
.sc-screen-caption p{font-size:14px;line-height:1.6;color:#5b5e6a}
.sc-product-end{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-top:30px;font-size:12px;color:#525968}
.sc-product-end .sc-outline-link{border-color:#9299ad;color:#202636}
.sc-product-end .sc-outline-link:hover{background:var(--sc-blue);color:white;border-color:var(--sc-blue)}
.sc-delivery{display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:var(--sc-paper);color:#202020;padding-top:110px;padding-bottom:100px}
.sc-delivery h2{font-size:clamp(42px,4.6vw,78px)}
.sc-delivery-list>div{padding:25px 0;border-top:1px solid #c9c6b9}
.sc-delivery-list h3{font-size:24px;margin-bottom:12px}
.sc-delivery-list p{font-size:15px;color:#57564e;max-width:30em}
.sc-credits{border-top:1px solid #c9c6b9;margin-top:15px;padding-top:22px;font-size:14px}
.sc-credits summary{display:flex;justify-content:space-between;list-style:none;cursor:pointer;padding:4px 0 10px}
.sc-credits summary::-webkit-details-marker{display:none}
.sc-credits summary span{font-size:22px;line-height:1}
.sc-credits[open] summary span{transform:rotate(45deg)}
.sc-credits p{padding-top:20px;line-height:1.8;font-size:13px}
.sc-next{background:var(--sc-blue);padding-top:70px;padding-bottom:40px}
.sc-next>p{font-size:14px;margin-bottom:32px}
.sc-next>a{font-size:clamp(38px,6.5vw,110px);line-height:1.08;letter-spacing:-.06em;display:flex;justify-content:space-between;align-items:center;gap:30px;font-weight:500}
.sc-next>a svg{width:.85em;height:.85em;flex:none;transition:transform .25s}
.sc-next>a:hover svg{transform:translate(6px,-6px)}
.sc-next>div{display:flex;justify-content:space-between;border-top:1px solid #ffffff55;padding-top:25px;margin-top:65px;font-size:13px}
.sc-next>div a{display:flex;align-items:center;gap:20px}
.sc-next>div svg{width:18px;height:18px}
.scrollcontrol-case-page .site-footer{padding-top:55px}
.sc-motion-off .sc-circle-section{height:auto;min-height:0}
.sc-motion-off .sc-circle-sticky{position:relative;top:auto;height:auto;min-height:720px}
.sc-motion-off .sc-scroll-instruction{visibility:hidden}
.sc-motion-off .sc-hero-image{will-change:auto}
@media(min-width:1600px){.sc-circle-sticky{max-width:1800px;margin:auto}.sc-hero-grid{grid-template-columns:1fr 2.5fr}.sc-type-spread{min-height:750px}}
@media(max-width:1050px){.sc-hero-grid{grid-template-columns:1fr 1.7fr;gap:30px}.sc-project-meta{grid-template-columns:1fr;gap:16px;margin:24px 0}.sc-project-meta>div:first-child{display:none}.sc-hero-art{aspect-ratio:1}.sc-type-spread{min-height:570px}.sc-type-poster{padding:40px}.sc-type-notes{padding:45px}.sc-circle-sticky{gap:4vw;grid-template-columns:1fr 1.2fr}.sc-circle-steps{gap:10px;margin-top:25px}.sc-circle-story h2{font-size:64px}.sc-world-heading{gap:40px}.sc-world-heading h2{font-size:48px}.sc-world-heading>p{font-size:15px}}
@media(max-width:760px){.scrollcontrol-case-page .site-header{height:104px;padding-top:25px}.scrollcontrol-case-page .site-header .logo{width:116px}.sc-case{--sc-space:24px;font-size:16px}.sc-hero{padding-bottom:45px}.sc-hero-top{margin-bottom:17px;font-size:12px}.sc-case .sc-hero h1{font-size:12.1vw;margin-bottom:27px;letter-spacing:-.075em}.sc-title-dot{display:none}.sc-hero-grid{display:flex;flex-direction:column;gap:28px}.sc-hero-info{display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center;padding:0}.sc-hero-statement{font-size:21px}.sc-project-meta{display:none}.sc-hero-info>.sc-outline-link{margin:0;font-size:11px;gap:10px;padding:12px 14px;max-width:170px}.sc-hero-art{aspect-ratio:1.18}.sc-hero-sticker{font-size:8vw;width:24%;top:6%;right:5%}.sc-hero-art figcaption{font-size:12px;padding:9px 16px}.sc-hero-art figcaption a{height:30px}.sc-section-head{padding-bottom:35px;font-size:12px}.sc-section-head>span{display:none}.sc-brief{padding-top:60px;padding-bottom:65px}.sc-brief h2{font-size:clamp(36px,7.5vw,58px);padding-left:0;line-height:1.12;letter-spacing:-.05em}.sc-brief-bottom{grid-template-columns:1fr;gap:28px;margin-top:35px}.sc-short-note{font-size:21px}.sc-brief-bottom>div p{font-size:15px}.sc-identity{padding-top:20px}.sc-type-spread{grid-template-columns:1fr}.sc-type-poster{min-height:440px;padding:32px var(--sc-space)}.sc-brand-words{font-size:17vw;padding:50px 0 80px}.sc-type-poster>img{width:115px}.sc-poster-smile{width:145px;bottom:45px}.sc-type-notes{padding:50px var(--sc-space)}.sc-diatype-sample{font-size:49px}.sc-type-notes>p:not(.sc-diatype-sample){font-size:15px}.sc-type-pair{margin-top:26px}.sc-swatch-row{margin-top:30px}.sc-circle-section{height:auto;min-height:0}.sc-circle-sticky{position:relative;top:auto;height:auto;min-height:0;display:flex;flex-direction:column;padding-top:65px;padding-bottom:65px;gap:25px}.sc-circle-story{width:100%;padding:0}.sc-circle-story h2{font-size:60px}.sc-section-label{font-size:12px;margin-bottom:24px!important}.sc-circle-intro{max-width:32em}.sc-circle-steps{gap:16px;margin-top:28px}.sc-circle-steps span{font-size:18px}.sc-scroll-instruction{display:none}.sc-circle-art{max-width:530px;width:93%;margin:35px 0 20px}.sc-person span{font-size:13px;padding:4px 14px}.sc-circle-center strong{font-size:10vw}.sc-circle-center>span:first-child{font-size:12px}.sc-circle-center{gap:6px}.sc-circle-check{width:25px;height:25px;font-size:16px}.sc-circle-story br{display:none}.sc-circle-story h2{font-size:51px}.sc-world{padding-top:65px;padding-bottom:60px}.sc-world-heading{grid-template-columns:1fr;gap:25px;margin-bottom:34px}.sc-world-heading h2{font-size:43px}.sc-world-heading>p{font-size:15px;max-width:36em}.sc-art-grid{gap:24px;grid-template-columns:1fr}.sc-art-grid img{aspect-ratio:1.25}.sc-art-illustration{padding-top:0}.sc-entertainment-art{margin-top:45px!important}.sc-entertainment-art>img{aspect-ratio:1.2}.sc-entertainment-art figcaption{display:block;padding-top:18px}.sc-entertainment-art figcaption span:first-child{font-size:28px;display:block}.sc-entertainment-art figcaption span:last-child{display:block;margin-top:8px}.sc-product{padding-top:60px;padding-bottom:55px}.sc-showcase{margin-left:-12px;margin-right:-12px;border-radius:7px}.sc-showcase-toolbar{padding:11px 9px;gap:0}.sc-screen-tabs{gap:0;flex:1}.sc-screen-tabs button{font-size:11px;padding:8px 11px;min-height:40px;flex:1;white-space:nowrap}.sc-screen-open{padding:8px}.sc-screen-open svg{height:17px;width:17px}.sc-browser-chrome{font-size:9px;padding:8px 12px}.sc-browser-chrome i{width:5px;height:5px}.sc-screen-caption{grid-template-columns:1fr;gap:16px;padding:24px 20px}.sc-screen-caption h3{font-size:28px;max-width:14em}.sc-screen-caption p{font-size:13px}.sc-product-end{align-items:flex-start;flex-direction:column;gap:20px;font-size:11px}.sc-delivery{grid-template-columns:1fr;gap:40px;padding-top:65px;padding-bottom:65px}.sc-delivery h2{font-size:43px}.sc-delivery-list h3{font-size:23px}.sc-delivery-list p{font-size:14px}.sc-next{padding-top:45px;padding-bottom:32px}.sc-next>p{font-size:12px;max-width:20em;margin-bottom:25px}.sc-next>a{font-size:43px;gap:25px}.sc-next>div{margin-top:40px;padding-top:22px;font-size:11px;gap:20px}.sc-next>div a{gap:6px}.sc-chapters{bottom:14px;padding:5px;gap:1px;max-width:calc(100vw - 20px)}.sc-chapters a{padding:10px 13px;font-size:11px;min-height:36px}.sc-motion-off .sc-circle-sticky{min-height:0}.scrollcontrol-case-page .site-footer{padding-top:40px}}
@media(max-width:760px){.sc-screen-open>span{display:none}.sc-browser-chrome{grid-template-columns:auto minmax(0,1fr) auto;gap:8px}.sc-screen-url{text-align:center;padding:6px 0}.sc-live-label{font-size:8px}.sc-browser-hint{padding:12px;font-size:10px;gap:10px;align-items:flex-start}.sc-browser-hint p{max-width:16em}.sc-browser-hint a{gap:4px}.sc-site-window{height:clamp(430px,65svh,580px)}.sc-screen-caption{scroll-margin-top:125px}}
@media(max-width:370px){.sc-case{--sc-space:20px}.sc-hero-info{grid-template-columns:1fr}.sc-hero-info>.sc-outline-link{max-width:none;justify-self:start}.sc-screen-tabs button{font-size:10px;padding:8px}.sc-next>a{font-size:36px}.sc-chapters a{padding:10px 11px}}
@media(max-width:600px){.sc-case .sc-hero h1{font-size:16vw}.sc-hero-info{grid-template-columns:1fr;gap:20px}.sc-hero-statement{font-size:24px;max-width:100%}.sc-hero-info>.sc-outline-link{justify-self:start;max-width:none;font-size:12px;padding:11px 17px;gap:24px}}
@media(max-width:760px){.sc-brand-intro{grid-template-columns:1fr;gap:25px;padding-bottom:45px}.sc-brand-intro h2{font-size:41px}.sc-brand-intro>p{font-size:15px}.sc-mark-board{padding-top:70px;padding-bottom:18px}.sc-mark-large{width:86%;margin-bottom:65px}.sc-mark-board-foot{font-size:11px}.sc-brand-tone-controls{gap:2px}.sc-brand-tone-controls button{width:35px;height:35px}.sc-applications{padding-top:55px}.sc-application-intro{grid-template-columns:1fr;gap:24px;padding-bottom:35px}.sc-application-intro>.sc-section-label{margin-bottom:0!important}.sc-application-intro>p:last-child{font-size:15px}.sc-application-plate figcaption{flex-direction:column;gap:8px;padding-top:18px;padding-bottom:40px}.sc-application-plate figcaption>span:first-child{font-size:27px}.sc-application-plate figcaption>span:last-child{font-size:11px}.sc-poster-plate{padding-left:0;padding-right:0}.sc-poster-plate figcaption{padding-left:var(--sc-space);padding-right:var(--sc-space)}}
@media(prefers-reduced-motion:reduce){.sc-circle-section{height:auto;min-height:0}.sc-circle-sticky{position:relative;top:auto;height:auto;min-height:0;padding-top:80px;padding-bottom:80px}.sc-ring-draw{stroke-dashoffset:0!important}.sc-person{opacity:1!important;transform:none!important;will-change:auto}.sc-hero-image{transform:none!important;will-change:auto}.sc-scroll-instruction{display:none}.sc-circle-check{opacity:1;transform:none}}