*{-webkit-tap-highlight-color:rgba(0,0,0,0)}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;font-size:100%;vertical-align:baseline}body{line-height:1;color:#000;background:#fff}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0;vertical-align:middle}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}a img{border:none}body{font-family:'AvenirNextLTW01-Regular', Helvetica, Arial, sans-serif;}.cssgradients body{background:-webkit-linear-gradient(left, #212120 0%, #424240 100%);background:-moz-linear-gradient(left, #212120 0%, #424240 100%);background:-o-linear-gradient(left, #212120 0%, #424240 100%);background:-ms-linear-gradient(left, #212120 0%, #424240 100%);background:linear-gradient(to right, #212120 0%, #424240 100%)}.no-cssgradients body{background-color:$blackMiddle}.wrap-outer{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:7%;padding-right:7%}.wrap-inner{zoom:1;margin:0 auto;max-width:1400px;width:100%;}.wrap-inner:before,.wrap-inner:after{content:"";display:table}.wrap-inner:after{clear:both}h1,h2,h3{text-rendering:optimizeLegibility}p{line-height:1.4}.nowrap{white-space:nowrap}.section-inner{zoom:1;margin:0 auto;max-width:1400px;width:100%;}.section-inner:before,.section-inner:after{content:"";display:table}.section-inner:after{clear:both}.title{text-transform:uppercase}.light{color:#fffcf5}.section{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:7%;padding-right:7%;padding-top:50px;padding-bottom:50px;}.section .title{font-size:1.125em;font-family:'Avenir Next LT W01 Demi', Helvetica, Arial, sans-serif;text-transform:none;white-space:nowrap}.section .subtitle{font-size:1.125em;line-height:1.4;margin-top:6px}.section .copy.large .title{color:#252422;font-size:2.25em;text-transform:uppercase;font-family:'AvenirNextLTW01-Regular', Helvetica, Arial, sans-serif;color:#66625b;white-space:normal}@media screen and (min-width:37.5em){.section .copy.large .title{font-size:3em;line-height:1.1}}@media screen and (min-width:56.25em){.section .copy.large .title{font-size:4.5em;line-height:1.05}}@media screen and (min-width:75em){.section .copy.large .title{font-size:4.5em;line-height:1.05}}.section .copy.large .subtitle{font-size:1.25em;line-height:1.2;margin-top:18px}@media screen and (min-width:37.5em){.section .copy.large .subtitle{font-size:1.375em}}@media screen and (min-width:56.25em){.section .copy.large .subtitle{font-size:1.625em}}.text-section{background-color:#fffcf5;color:#252422;}.text-section p{font-size:1.25em}.text-section strong{font-family:'Avenir Next LT W01 Bold', Helvetica, Arial, sans-serif}.text-section .title{margin-bottom:6px;font-family:'Avenir Next LT W01 Bold', Helvetica, Arial, sans-serif;font-size:1.6875em;line-height:1.4;text-transform:none;white-space:normal;color:#403d39}.photo-section{background-repeat:no-repeat;background-position:50% 50%;-webkit-background-size:auto 400px;-moz-background-size:auto 400px;background-size:auto 400px;background-color:#fffcf5;height:400px;color:#252422;}.photo-section .wrapper{display:block;font-size:0;margin-left:-5%;margin-right:-5%;width:110%}.photo-section .copy{display:inline-block;font-size:16px;margin-left:5%;margin-right:5%;width:40%;}.photo-section .copy.large{display:inline-block;font-size:16px;margin-left:5%;margin-right:5%;width:90%}@media screen and (min-width:37.5em){.text-section{padding-top:60px;padding-bottom:60px;}.text-section p{font-size:1.375em}.photo-section{height:600px;padding-top:120px;-webkit-background-size:auto 600px;-moz-background-size:auto 600px;background-size:auto 600px;}.photo-section .wrapper{display:block;font-size:0;margin-left:-2.5%;margin-right:-2.5%;width:105%}.photo-section .copy{display:inline-block;font-size:16px;margin-left:2.5%;margin-right:2.5%;width:95%}}@media screen and (min-width:56.25em){.text-section{padding-top:75px;padding-bottom:75px;}.text-section .wrapper{display:block;font-size:0;margin-left:-1.666666666666667%;margin-right:-1.666666666666667%;width:103.33333333333333%}.text-section .copy{display:inline-block;font-size:16px;margin-left:1.666666666666667%;margin-right:1.666666666666667%;width:96.66666666666667%}.text-section p{font-size:1.625em}.photo-section{height:750px;-webkit-background-size:auto;-moz-background-size:auto;background-size:auto;padding-top:140px;}.photo-section .wrapper{display:block;font-size:0;margin-left:-1.666666666666667%;margin-right:-1.666666666666667%;width:103.33333333333333%}.photo-section .copy{display:inline-block;font-size:16px;margin-left:1.666666666666667%;margin-right:1.666666666666667%;width:30%;}.photo-section .copy.large{display:inline-block;font-size:16px;margin-left:1.666666666666667%;margin-right:1.666666666666667%;width:96.66666666666667%;}.photo-section .copy.large .subtitle{display:block}}@media screen and (min-width:75em){.text-section .wrapper{display:block;font-size:0;margin-left:-1.25%;margin-right:-1.25%;width:102.5%}.text-section .copy{display:inline-block;font-size:16px;margin-left:1.25%;margin-right:1.25%;width:72.5%;margin-left:13.75%;margin-right:13.75%}.photo-section .wrapper{display:block;font-size:0;margin-left:-1.25%;margin-right:-1.25%;width:102.5%}.photo-section .copy{display:inline-block;font-size:16px;margin-left:1.25%;margin-right:1.25%;width:22.5%;margin-left:13.75%;}.photo-section .copy.large{display:inline-block;font-size:16px;margin-left:1.25%;margin-right:1.25%;width:72.5%;margin-left:13.75%;margin-right:13.75%}}.hero{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:7%;padding-right:7%;color:#fff;height:500px;overflow:hidden;position:relative;}.backgroundsize .hero{background:#f4f3ef url("/assets/images/pencil/pencil-bg.jpg") no-repeat 42% 50%;-webkit-background-size:auto 380px;-moz-background-size:auto 380px;background-size:auto 380px;height:380px}.no-backgroundsize .hero{background:#f4f3ef url("/assets/images/pencil/pencil-bg.jpg") no-repeat 50% 50%}.hero .intro{display:block;font-size:0;margin-left:-5%;margin-right:-5%;width:110%}.hero-header{display:inline-block;font-size:16px;margin-left:5%;margin-right:5%;width:90%;margin-top:180px;position:relative;z-index:1;}.backgroundsize .hero-header{margin-top:80px}.hero-header .title{margin:0;width:75%;}.hero-header .title h1{color:#fff;font-size:2.5em;line-height:1.05;text-transform:uppercase;}@media screen and (min-width:56.25em){.hero-header .title h1{font-size:4.5em}}.hero-header .name,.hero-header .tagline{display:block}.hero-header .tagline{font-size:.7em}.hero-header .name{font-family:'Avenir Next LT W01 Bold', Helvetica, Arial, sans-serif}.hero-header .action-button{display:inline-block}.hero-header .also-available{font-size:1em;color:#fff;display:block;margin:10px 0 0 0;}@media screen and (min-width:37.5em){.hero-header .also-available{font-size:1.125em}}.hero-header .also-available:visited,.hero-header .also-available:hover,.hero-header .also-available:active{color:#fff}.hero-header .video-anchor{background:url("/assets/images/icons/chevron-sprite.svg") no-repeat -11px 4px;-webkit-background-size:30px auto;-moz-background-size:30px auto;background-size:30px auto;color:#fff;display:block;height:44px;line-height:44px;margin-top:12px;top:260px;width:110px;}.no-backgroundsize .hero-header .video-anchor{background-image:url("/assets/images/icons/chevron-sprite.png")}.hero-header.dark .title{margin:0;width:85%;}.hero-header.dark .title h1{color:#66625b;font-size:2.5em;line-height:1.05;text-transform:uppercase;}@media screen and (min-width:56.25em){.hero-header.dark .title h1{font-size:4.5em}}.hero-header.dark .also-available{color:#66625b;}.hero-header.dark .also-available:visited,.hero-header.dark .also-available:hover,.hero-header.dark .also-available:active{color:#66625b}.hero-header.dark .video-anchor{color:#66625b}@media screen and (min-width:37.5em){.hero{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:7%;padding-right:7%;color:#fff;overflow:hidden;position:relative;}.backgroundsize .hero{background-position:45% 50%;-webkit-background-size:auto 500px;-moz-background-size:auto 500px;background-size:auto 500px;height:500px}.hero .intro{display:block;font-size:0;margin-left:-2.5%;margin-right:-2.5%;width:105%}.hero-header{display:inline-block;font-size:16px;margin-left:2.5%;margin-right:2.5%;width:45%;margin-top:120px;}.backgroundsize .hero-header{margin-top:120px}.hero-header .also-available{margin:20px 0 0 0}.hero-header .video-anchor{font-size:1.125em;margin-top:50px}.hero-header .tagline{font-size:1em}.hero-header.dark .title{width:100%}}@media screen and (min-width:56.25em){.hero{height:750px;}.backgroundsize .hero{background:#323033 url("/assets/images/pencil/pencil-bg.jpg") no-repeat 46%;-webkit-background-size:auto 750px;-moz-background-size:auto 750px;background-size:auto 750px;height:750px}.no-backgroundsize .hero{background-image:url("/assets/images/pencil/pencil-bg.jpg")}.hero .intro{display:block;font-size:0;margin-left:-1.666666666666667%;margin-right:-1.666666666666667%;width:103.33333333333333%}.hero-header{display:inline-block;font-size:16px;margin-left:1.666666666666667%;margin-right:1.666666666666667%;width:46.666666666666664%;margin-top:180px;}.backgroundsize .hero-header{margin-top:180px}.hero-header .subtitle{display:block;margin-top:20px}.hero-header .also-available{display:inline-block;margin:0 0 0 30px;}.hero-header .also-available.sale{margin:0 0 0 0}.hero-header .video-anchor{margin-top:130px}.hero-header .title{width:100%}}@media screen and (min-width:75em){.hero .intro{display:block;font-size:0;margin-left:-1.25%;margin-right:-1.25%;width:102.5%}.backgroundsize .hero{background-position:36% 50%}.hero-header{display:inline-block;font-size:16px;margin-left:1.25%;margin-right:1.25%;width:47.5%;margin-left:13.75%;}}.section.devices-section{zoom:1;margin:0 auto;max-width:1400px;width:100%;background-image:url("/assets/images/pencil/devices-mobile.png");background-position:center bottom;background-repeat:no-repeat;-webkit-background-size:90%;-moz-background-size:90%;background-size:90%;color:#fff;padding-bottom:70%;text-align:center;}.section.devices-section:before,.section.devices-section:after{content:"";display:table}.section.devices-section:after{clear:both}.section.devices-section .large.copy .title{color:#fff !important}.section.devices-section .large.copy .quote{font-size:1.25em;line-height:1.2;font-size:1.25em;font-family:'Avenir Next LT W01 Medium Italic', Helvetica, Arial, sans-serif;text-align:center}@media screen and (min-width:37.5em){.section.devices-section .large.copy .quote{font-size:1.375em}}@media screen and (min-width:56.25em){.section.devices-section .large.copy .quote{font-size:1.625em}}.section.devices-section .large.copy .subtitle{font-size:1.25em;line-height:1.2;line-height:1.3;margin-top:1.2em;max-width:635px;margin-left:auto;margin-right:auto}@media screen and (min-width:37.5em){.section.devices-section .large.copy .subtitle{font-size:1.375em}}@media screen and (min-width:56.25em){.section.devices-section .large.copy .subtitle{font-size:1.625em}}.section.devices-section .large.copy .attribution{font-size:1em;font-family:'Avenir Next LT W01 Bold', Helvetica, Arial, sans-serif;padding-top:1rem}@media screen and (min-width:37.5em){.section.devices-section .large.copy .attribution{font-size:1.125em}}@media screen and (min-width:37.5em){.section.devices-section{background-image:url("/assets/images/pencil/devices.png");-webkit-background-size:100%;-moz-background-size:100%;background-size:100%;padding-bottom:35%;padding-top:100px}}@media screen and (min-width:56.25em){.section.devices-section{padding-bottom:36%}}@media screen and (min-width:75em){.section.devices-section{-webkit-background-size:90%;-moz-background-size:90%;background-size:90%;margin:0 auto;padding-bottom:410px}}.expression-section{background-color:#fffbf5;background-position:50% 0;background-repeat:no-repeat;color:#66625b;}.backgroundsize .expression-section{background-image:url("/assets/images/pencil/expression.jpg");-webkit-background-size:480px auto;-moz-background-size:480px auto;background-size:480px auto;padding-top:250px}.expression-section .wrapper{display:block;font-size:0;margin-left:-5%;margin-right:-5%;width:110%}.expression-section .copy{display:inline-block;font-size:16px;margin-left:5%;margin-right:5%;width:90%;text-align:center}@media screen and (min-width:28.125em){.backgroundsize .expression-section{-webkit-background-size:600px;-moz-background-size:600px;background-size:600px;padding-top:280px}}@media screen and (min-width:37.5em){.expression-section{padding-bottom:100px;}.backgroundsize .expression-section{-webkit-background-size:790px auto;-moz-background-size:790px auto;background-size:790px auto;padding-top:380px}.no-backgroundsize .expression-section{padding-top:50px}.expression-section .wrapper{display:block;font-size:0;margin-left:-2.5%;margin-right:-2.5%;width:105%}.expression-section .copy{display:inline-block;font-size:16px;margin-left:2.5%;margin-right:2.5%;width:95%}.expression-section .title{padding:0 10%}}@media screen and (min-width:56.25em){.backgroundsize .expression-section{background-image:url("/assets/images/pencil/expression@1.5x.jpg");-webkit-background-size:1190px auto;-moz-background-size:1190px auto;background-size:1190px auto;padding-top:550px}.no-backgroundsize .expression-section{background-image:url("/assets/images/pencil/expression.jpg");padding-top:550px}.expression-section .wrapper{display:block;font-size:0;margin-left:-1.666666666666667%;margin-right:-1.666666666666667%;width:103.33333333333333%}.expression-section .copy{display:inline-block;font-size:16px;margin-left:1.666666666666667%;margin-right:1.666666666666667%;width:96.66666666666667%}}@media screen and (min-width:75em){.expression-section .wrapper{display:block;font-size:0;margin-left:-1.25%;margin-right:-1.25%;width:102.5%}.expression-section .copy{display:inline-block;font-size:16px;margin-left:1.25%;margin-right:1.25%;width:72.5%;margin-left:13.75%;margin-right:13.75%}}.feature-section{background:#fefbf5;background-position:84% 100%;background-repeat:no-repeat;border-top:1px solid #f1eae0;color:#66625b;}.feature-section .wrapper{display:block;font-size:0;margin-left:-5%;margin-right:-5%;width:110%}.feature-section .copy{display:inline-block;font-size:16px;margin-left:5%;margin-right:5%;width:90%}.feature-section .flag{background-color:#66625b;color:#fffcf5;display:block;font-family:'Avenir Next LT W01 Demi', Helvetica, Arial, sans-serif;font-size:.75em;padding-left:9px;padding-top:2px;padding-bottom:2px;position:relative;margin-bottom:8px;width:170px;}.feature-section .flag:before{content:'';display:block;width:0;height:0;position:absolute;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #fffcf5;right:0;top:0}.feature-section.surface-pressure-section{background-image:url("/assets/images/pencil/example-surface-pressure.jpg");}.no-backgroundsize .feature-section.surface-pressure-section{background-image:none}.feature-section.palm-rejection-section{background-image:url("/assets/images/pencil/example-palm-rejection.jpg");}.no-backgroundsize .feature-section.palm-rejection-section{background-image:none}.feature-section.erase-section{background-image:url("/assets/images/pencil/example-erase.jpg");}.no-backgroundsize .feature-section.erase-section{background-image:none}.feature-section.blend-section{background-image:url("/assets/images/pencil/example-blend.jpg");}.no-backgroundsize .feature-section.blend-section{background-image:none}.backgroundsize .feature-section{-webkit-background-size:600px auto;-moz-background-size:600px auto;background-size:600px auto;}.backgroundsize .feature-section .feature-icon{background:url("/assets/images/pencil/icons/pencil-icons-sprite-surface.svg") no-repeat 0 0;-webkit-background-size:206px auto;-moz-background-size:206px auto;background-size:206px auto;display:inline-block;float:left;height:80px;width:80px}.backgroundsize .feature-section .title,.backgroundsize .feature-section .subtitle{padding-left:96px}.backgroundsize .feature-section.surface-pressure-section{padding-bottom:300px;}.backgroundsize .feature-section.surface-pressure-section .feature-icon{background-position:50% -698px}.backgroundsize .feature-section.palm-rejection-section{padding-bottom:300px;}.backgroundsize .feature-section.palm-rejection-section .feature-icon{background-position:50% -118px}.backgroundsize .feature-section.erase-section{padding-bottom:290px;}.backgroundsize .feature-section.erase-section .feature-icon{background-position:50% -235px}.backgroundsize .feature-section.blend-section{padding-bottom:330px;}.backgroundsize .feature-section.blend-section .feature-icon{background-position:50% 0}@media screen and (min-width:28.125em){.backgroundsize .feature-section{-webkit-background-size:800px auto;-moz-background-size:800px auto;background-size:800px auto;}.backgroundsize .feature-section.surface-pressure-section{padding-bottom:400px}.backgroundsize .feature-section.palm-rejection-section{padding-bottom:400px}.backgroundsize .feature-section.erase-section{padding-bottom:380px}.backgroundsize .feature-section.blend-section{padding-bottom:440px}}@media screen and (min-width:37.5em){.feature-section{padding-top:60px;}.feature-section .wrapper{display:block;font-size:0;margin-left:-2.5%;margin-right:-2.5%;width:105%}.feature-section .copy{display:inline-block;font-size:16px;margin-left:2.5%;margin-right:2.5%;width:95%;min-height:140px}.feature-section .flag{font-size:.875em;width:240px;}.feature-section .flag:before{border-top:13px solid transparent;border-bottom:13px solid transparent;border-right:13px solid #fffcf5}.no-backgroundsize .feature-section{background-image:none}.backgroundsize .feature-section{background-position:90% 100%;-webkit-background-size:960px auto;-moz-background-size:960px auto;background-size:960px auto;}.backgroundsize .feature-section .title{padding-top:10px}.backgroundsize .feature-section.surface-pressure-section{padding-bottom:480px}.backgroundsize .feature-section.palm-rejection-section{padding-bottom:480px}.backgroundsize .feature-section.erase-section{padding-bottom:420px}.backgroundsize .feature-section.blend-section{padding-bottom:530px}}@media screen and (min-width:56.25em){.feature-section .wrapper{display:block;font-size:0;margin-left:-1.666666666666667%;margin-right:-1.666666666666667%;width:103.33333333333333%}.feature-section .copy{display:inline-block;font-size:16px;margin-left:1.666666666666667%;margin-right:1.666666666666667%;width:30%}.no-backgroundsize .feature-section .feature-icon{background:url("/assets/images/pencil/icons/pencil-icons-sprite-surface.png") no-repeat 0 0;display:inline-block}.no-backgroundsize .feature-section .title{padding-top:10px}.backgroundsize .feature-section,.no-backgroundsize .feature-section{-webkit-background-size:1100px auto;-moz-background-size:1100px auto;background-size:1100px auto;}.backgroundsize .feature-section .title,.no-backgroundsize .feature-section .title,.backgroundsize .feature-section .subtitle,.no-backgroundsize .feature-section .subtitle{padding-left:0}.backgroundsize .feature-section .feature-icon,.no-backgroundsize .feature-section .feature-icon{-webkit-background-size:350px auto;-moz-background-size:350px auto;background-size:350px auto;float:none;height:135px;width:135px}.backgroundsize .feature-section.surface-pressure-section,.no-backgroundsize .feature-section.surface-pressure-section{background-image:url("/assets/images/pencil/example-surface-pressure.jpg");background-position:55% 100%;min-height:560px;padding-bottom:50px;}.backgroundsize .feature-section.surface-pressure-section .feature-icon,.no-backgroundsize .feature-section.surface-pressure-section .feature-icon{background-position:50% -1186px}.backgroundsize .feature-section.palm-rejection-section,.no-backgroundsize .feature-section.palm-rejection-section{background-image:url("/assets/images/pencil/example-palm-rejection.jpg");background-position:55% 100%;min-height:560px;padding-bottom:50px;}.backgroundsize .feature-section.palm-rejection-section .feature-icon,.no-backgroundsize .feature-section.palm-rejection-section .feature-icon{background-position:50% -200px}.backgroundsize .feature-section.erase-section,.no-backgroundsize .feature-section.erase-section{background-image:url("/assets/images/pencil/example-erase.jpg");background-position:50% 100%;min-height:530px;padding-bottom:50px;}.backgroundsize .feature-section.erase-section .feature-icon,.no-backgroundsize .feature-section.erase-section .feature-icon{background-position:50% -400px}.backgroundsize .feature-section.blend-section,.no-backgroundsize .feature-section.blend-section{background-image:url("/assets/images/pencil/example-blend.jpg");background-position:50% 100%;min-height:630px;padding-bottom:50px;}.backgroundsize .feature-section.blend-section .feature-icon,.no-backgroundsize .feature-section.blend-section .feature-icon{background-position:50% 0}}@media screen and (min-width:75em){.feature-section .wrapper{display:block;font-size:0;margin-left:-1.25%;margin-right:-1.25%;width:102.5%}.feature-section .copy{display:inline-block;font-size:16px;margin-left:1.25%;margin-right:1.25%;width:22.5%;margin-left:13.75%;}}.cssgradients .craft-section{background:-webkit-linear-gradient(top, #1a1817, #2d2b28 20%, #2d2b28 68%, #23221f);background:-moz-linear-gradient(top, #1a1817, #2d2b28 20%, #2d2b28 68%, #23221f);background:-o-linear-gradient(top, #1a1817, #2d2b28 20%, #2d2b28 68%, #23221f);background:-ms-linear-gradient(top, #1a1817, #2d2b28 20%, #2d2b28 68%, #23221f);background:linear-gradient(to bottom, #1a1817, #2d2b28 20%, #2d2b28 68%, #23221f)}.no-cssgradients .craft-section{background-color:#2d2b28}.craft-section .copy{text-align:center}.craft-section .light.copy.large .title{color:#fffcf5}.craft-section .subtitle{font-size:1.25em}.craft-section .pencil-crafted{margin-top:64px;}.craft-section .pencil-crafted li{display:block;font-size:0;margin-left:-5%;margin-right:-5%;width:110%;background:url("/assets/images/pencil/sprite-parts@2x.png") no-repeat -2px 0,url("/assets/images/pencil/sprite-shadow@1.5x.png") no-repeat -2px 0;-webkit-background-size:95px auto;-moz-background-size:95px auto;background-size:95px auto;font-size:16px;margin-bottom:50px;}.no-multiplebgs .craft-section .pencil-crafted li{background-image:url("/assets/images/pencil/sprite-pencil.png")}.craft-section .pencil-crafted .pencil-eraser{background-position:-2px -4px;min-height:115px}.craft-section .pencil-crafted .pencil-board{background-position:-2px -172px;min-height:276px}.craft-section .pencil-crafted .pencil-body{background-image:url("/assets/images/pencil/sprite-body@1.5x.png");-webkit-background-size:95px auto;-moz-background-size:95px auto;background-size:95px auto;min-height:592px;}.no-backgroundsize .craft-section .pencil-crafted .pencil-body{background-image:url("/assets/images/pencil/sprite-body.png")}.craft-section .pencil-crafted .pencil-body .part-name{padding-top:24px}.craft-section .pencil-crafted .pencil-battery{background-position:-2px -456px;min-height:326px}.craft-section .pencil-crafted .pencil-sensor{background-position:-2px -840px;min-height:122px}.craft-section .pencil-crafted .pencil-tip{background-position:-2px -1042px;min-height:110px}.craft-section .pencil-crafted .part-name,.craft-section .pencil-crafted .part-desc{display:inline-block;font-size:16px;margin-left:5%;margin-right:5%;width:90%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:106px}.craft-section .pencil-crafted .part-name{font-family:'Avenir Next LT W01 Demi', Helvetica, Arial, sans-serif;line-height:1.2;margin-bottom:.5em;padding-top:10px;vertical-align:top}.craft-section .pencil-crafted .part-desc{line-height:1.2;}.craft-section .pencil-crafted .part-desc p{margin-bottom:1em;}.craft-section .pencil-crafted .part-desc p.also{color:#ccc5b9}@media screen and (min-width:37.5em){.craft-section{padding-top:100px;}.craft-section .wrapper{display:block;font-size:0;margin-left:-2.5%;margin-right:-2.5%;width:105%;font-size:16px}.craft-section .copy{display:inline-block;font-size:16px;margin-left:2.5%;margin-right:2.5%;width:95%}.craft-section .subtitle{font-size:1.375em}.craft-section .pencil-crafted{margin-top:100px;}.craft-section .pencil-crafted li{display:block;font-size:0;margin-left:-2.5%;margin-right:-2.5%;width:105%;background-position:34% 0}.craft-section .pencil-crafted .pencil-eraser{background-position:34% -4px}.craft-section .pencil-crafted .pencil-board{background-position:34% -172px}.craft-section .pencil-crafted .pencil-body .part-name,.craft-section .pencil-crafted .pencil-body .part-desc{padding-top:24px}.craft-section .pencil-crafted .pencil-battery{background-position:34% -456px}.craft-section .pencil-crafted .pencil-sensor{background-position:34% -840px}.craft-section .pencil-crafted .pencil-tip{background-position:34% -1042px}.craft-section .pencil-crafted .part-name{display:inline-block;font-size:16px;margin-left:2.5%;margin-right:2.5%;width:20%;line-height:1.4;padding-left:0;padding-top:10px;text-align:right;}.craft-section .pencil-crafted .part-name span{font-size:1.25em}.craft-section .pencil-crafted .part-desc{display:inline-block;font-size:16px;margin-left:2.5%;margin-right:2.5%;width:45%;margin-left:27.5%;line-height:1.4;padding-left:0;padding-top:10px;}.craft-section .pencil-crafted .part-desc span{font-size:1.125em}.no-touch .craft-section .pencil-crafted li{position:relative}.no-touch .craft-section .pencil-crafted .pencil-eraser{z-index:5}.no-touch .craft-section .pencil-crafted .pencil-board{z-index:4}.no-touch .craft-section .pencil-crafted .pencil-body{z-index:6}.no-touch .craft-section .pencil-crafted .pencil-battery{z-index:2}.no-touch .craft-section .pencil-crafted .pencil-sensor{z-index:1}.no-touch .craft-section .pencil-crafted .pencil-tip{z-index:3}.no-touch.csstransitions.csstransforms3d .craft-section .pencil-crafted li .part-name{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transform:translateX(-6px);-moz-transform:translateX(-6px);-o-transform:translateX(-6px);-ms-transform:translateX(-6px);transform:translateX(-6px);-webkit-transition:opacity 0.2s ease, -webkit-transform 0.2s ease;-moz-transition:opacity 0.2s ease, -moz-transform 0.2s ease;-o-transition:opacity 0.2s ease, -o-transform 0.2s ease;}.no-touch.csstransitions.csstransforms3d .craft-section .pencil-crafted li .part-desc{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transform:translate(6px);-moz-transform:translate(6px);-o-transform:translate(6px);-ms-transform:translate(6px);transform:translate(6px);-webkit-transition:opacity 0.2s ease, -webkit-transform 0.2s ease;-moz-transition:opacity 0.2s ease, -moz-transform 0.2s ease;-o-transition:opacity 0.2s ease, -o-transform 0.2s ease;}.no-touch.csstransitions.csstransforms3d .craft-section .pencil-crafted li.fade-in .part-name{opacity:1;-ms-filter:none;filter:none;-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-webkit-transition:opacity 0.4s ease, -webkit-transform 0.4s ease;-moz-transition:opacity 0.4s ease, -moz-transform 0.4s ease;-o-transition:opacity 0.4s ease, -o-transform 0.4s ease;}.no-touch.csstransitions.csstransforms3d .craft-section .pencil-crafted li.fade-in .part-desc{opacity:1;-ms-filter:none;filter:none;-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-webkit-transition:opacity 0.4s ease 0.2s, -webkit-transform 0.4s ease 0.2s;-moz-transition:opacity 0.4s ease 0.2s, -moz-transform 0.4s ease 0.2s;-o-transition:opacity 0.4s ease 0.2s, -o-transform 0.4s ease 0.2s;}}@media screen and (min-width:56.25em){.craft-section{padding-top:150px;}.craft-section .wrapper{display:block;font-size:0;margin-left:-1.666666666666667%;margin-right:-1.666666666666667%;width:103.33333333333333%;font-size:16px}.craft-section .copy{display:inline-block;font-size:16px;margin-left:1.666666666666667%;margin-right:1.666666666666667%;width:96.66666666666667%}.craft-section .pencil-crafted{margin-top:150px;}.craft-section .pencil-crafted li{display:block;font-size:0;margin-left:-1.666666666666667%;margin-right:-1.666666666666667%;width:103.33333333333333%;background-position:48.5% 0}.craft-section .pencil-crafted .pencil-eraser{background-position:48.5% -4px}.craft-section .pencil-crafted .pencil-board{background-position:48.5% -172px}.craft-section .pencil-crafted .pencil-battery{background-position:48.5% -456px}.craft-section .pencil-crafted .pencil-sensor{background-position:48.5% -840px}.craft-section .pencil-crafted .pencil-tip{background-position:48.5% -1042px}.craft-section .pencil-crafted .part-name{display:inline-block;font-size:16px;margin-left:1.666666666666667%;margin-right:1.666666666666667%;width:30%}.craft-section .pencil-crafted .part-desc{display:inline-block;font-size:16px;margin-left:1.666666666666667%;margin-right:1.666666666666667%;width:30%;margin-left:35%;}}@media screen and (min-width:75em){.craft-section .wrapper{display:block;font-size:0;margin-left:-1.25%;margin-right:-1.25%;width:102.5%;font-size:16px}.craft-section .copy{display:inline-block;font-size:16px;margin-left:1.25%;margin-right:1.25%;width:72.5%;margin-left:13.75%;margin-right:13.75%}.craft-section .pencil-crafted li{display:block;font-size:0;margin-left:-1.25%;margin-right:-1.25%;width:102.5%}.craft-section .pencil-crafted .part-name{display:inline-block;font-size:16px;margin-left:1.25%;margin-right:1.25%;width:22.5%;margin-left:13.75%;}.craft-section .pencil-crafted .part-desc{display:inline-block;font-size:16px;margin-left:1.25%;margin-right:1.25%;width:22.5%;margin-left:26.25%;}}.material-container{zoom:1}.material-container:before,.material-container:after{content:"";display:table}.material-container:after{clear:both}.material-section .copy{display:inline-block;font-size:16px;margin-left:5%;margin-right:5%;width:90%}.walnut-material-section{background:#170904 url("/assets/images/pencil/material-walnut@1.5x.jpg") no-repeat 75% 30%;-webkit-background-size:auto 750px;-moz-background-size:auto 750px;background-size:auto 750px;}.no-backgroundsize .walnut-material-section{background-image:url("/assets/images/pencil/material-walnut.jpg")}.graphite-material-section{background:#0f0f0d url("/assets/images/pencil/material-graphite@1.5x.jpg") no-repeat 25% 50%;-webkit-background-size:auto 750px;-moz-background-size:auto 750px;background-size:auto 750px;}.no-backgroundsize .graphite-material-section{background-image:url("/assets/images/pencil/material-graphite.jpg")}.copy .title,.copy .subtitle{font-size:16px}@media screen and (min-width:37.5em){.material-section .copy{display:inline-block;font-size:16px;margin-left:2.5%;margin-right:2.5%;width:45%}.graphite-material-section{background-position:40% 50%}.walnut-material-section{background-position:75% 50%}.copy .title{font-size:1.25em}.copy .subtitle{font-size:1.125em}}@media screen and (min-width:56.25em){.material-container{background-color:#0f0f0d}.material-section{float:left;width:50%;}.material-section .wrapper{display:block;font-size:0;margin-left:-3.333333333333333%;margin-right:-3.333333333333333%;width:106.66666666666667%}.material-section .copy{display:inline-block;font-size:16px;margin-left:3.333333333333333%;margin-right:3.333333333333333%;width:93.33333333333333%}.walnut-material-section{background-position:85% 50%}.graphite-material-section .copy{margin-left:3.333333333333333%;text-align:left}}@media screen and (min-width:75em){.material-section .wrapper{display:block;font-size:0;margin-left:-2.5%;margin-right:-2.5%;width:105%}.material-section .copy{display:inline-block;font-size:16px;margin-left:2.5%;margin-right:2.5%;width:45%}.walnut-material-section{background-position:100% 50%;}.walnut-material-section .copy{margin-left:52.5%;}}.pencil-form-section{position:relative;background:url("/assets/images/pencil/turn/frame-bg.jpg") no-repeat 50% 50%;}.backgroundsize .pencil-form-section{-webkit-background-size:auto 400px;-moz-background-size:auto 400px;background-size:auto 400px}.no-backgroundsize .pencil-form-section{height:750px}.pencil-form-section .copy{display:inline-block;font-size:16px;margin-left:5%;margin-right:5%;width:90%;position:relative;width:65%;z-index:2;}.pencil-form-section .copy .title{font-size:16px;white-space:normal}.pencil-form-section .copy .subtitle{font-size:16px}.pencil-form-section .frame-list li{display:none;}.pencil-form-section .frame-list li:nth-child(1){background:url("/assets/images/pencil/turn/frame-narrow.jpg") no-repeat 70% 50%;display:block;height:100%;left:0;position:absolute;top:0;width:100%;}.backgroundsize .pencil-form-section .frame-list li:nth-child(1){-webkit-background-size:auto 400px;-moz-background-size:auto 400px;background-size:auto 400px}@media screen and (min-width:37.5em){.backgroundsize .pencil-form-section{-webkit-background-size:auto 600px;-moz-background-size:auto 600px;background-size:auto 600px}.no-backgroundsize .pencil-form-section{height:750px}.pencil-form-section .copy{display:inline-block;font-size:16px;margin-left:2.5%;margin-right:2.5%;width:45%;}.pencil-form-section .copy .title{font-size:1.25em}.pencil-form-section .copy .subtitle{font-size:1.125em;padding-right:10%}.pencil-form-section .frame-list li{display:none;}.pencil-form-section .frame-list li:nth-child(1){background:none;display:none}.pencil-form-section .frame-list li.active{background-position:50%;background-repeat:no-repeat;-webkit-background-size:auto auto;-moz-background-size:auto auto;background-size:auto auto;display:block;height:100%;left:0;position:absolute;top:0;width:100%}.backgroundsize .pencil-form-section .frame-list li:nth-child(1){background-image:url("/assets/images/pencil/turn/frame-1@1.5x.jpg")}.no-backgroundsize .pencil-form-section .frame-list li:nth-child(1){background-image:url("/assets/images/pencil/turn/frame-1.jpg");-webkit-background-size:auto auto;-moz-background-size:auto auto;background-size:auto auto}.backgroundsize .pencil-form-section .frame-list li:nth-child(2){background-image:url("/assets/images/pencil/turn/frame-2@1.5x.jpg")}.no-backgroundsize .pencil-form-section .frame-list li:nth-child(2){background-image:url("/assets/images/pencil/turn/frame-2.jpg");-webkit-background-size:auto auto;-moz-background-size:auto auto;background-size:auto auto}.backgroundsize .pencil-form-section .frame-list li:nth-child(3){background-image:url("/assets/images/pencil/turn/frame-3@1.5x.jpg")}.no-backgroundsize .pencil-form-section .frame-list li:nth-child(3){background-image:url("/assets/images/pencil/turn/frame-3.jpg");-webkit-background-size:auto auto;-moz-background-size:auto auto;background-size:auto auto}.backgroundsize .pencil-form-section .frame-list li:nth-child(4){background-image:url("/assets/images/pencil/turn/frame-4@1.5x.jpg")}.no-backgroundsize .pencil-form-section .frame-list li:nth-child(4){background-image:url("/assets/images/pencil/turn/frame-4.jpg");-webkit-background-size:auto auto;-moz-background-size:auto auto;background-size:auto auto}.backgroundsize .pencil-form-section .frame-list li:nth-child(5){background-image:url("/assets/images/pencil/turn/frame-5@1.5x.jpg")}.no-backgroundsize .pencil-form-section .frame-list li:nth-child(5){background-image:url("/assets/images/pencil/turn/frame-5.jpg");-webkit-background-size:auto auto;-moz-background-size:auto auto;background-size:auto auto}.backgroundsize .pencil-form-section .frame-list li:nth-child(6){background-image:url("/assets/images/pencil/turn/frame-6@1.5x.jpg")}.no-backgroundsize .pencil-form-section .frame-list li:nth-child(6){background-image:url("/assets/images/pencil/turn/frame-6.jpg");-webkit-background-size:auto auto;-moz-background-size:auto auto;background-size:auto auto}.backgroundsize .pencil-form-section .frame-list li:nth-child(7){background-image:url("/assets/images/pencil/turn/frame-7@1.5x.jpg")}.no-backgroundsize .pencil-form-section .frame-list li:nth-child(7){background-image:url("/assets/images/pencil/turn/frame-7.jpg");-webkit-background-size:auto auto;-moz-background-size:auto auto;background-size:auto auto}.backgroundsize .pencil-form-section .frame-list li:nth-child(8){background-image:url("/assets/images/pencil/turn/frame-8@1.5x.jpg")}.no-backgroundsize .pencil-form-section .frame-list li:nth-child(8){background-image:url("/assets/images/pencil/turn/frame-8.jpg");-webkit-background-size:auto auto;-moz-background-size:auto auto;background-size:auto auto}.backgroundsize .pencil-form-section .frame-list li:nth-child(9){background-image:url("/assets/images/pencil/turn/frame-9@1.5x.jpg")}.no-backgroundsize .pencil-form-section .frame-list li:nth-child(9){background-image:url("/assets/images/pencil/turn/frame-9.jpg");-webkit-background-size:auto auto;-moz-background-size:auto auto;background-size:auto auto}.backgroundsize .pencil-form-section .frame-list li:nth-child(10){background-image:url("/assets/images/pencil/turn/frame-10@1.5x.jpg")}.no-backgroundsize .pencil-form-section .frame-list li:nth-child(10){background-image:url("/assets/images/pencil/turn/frame-10.jpg");-webkit-background-size:auto auto;-moz-background-size:auto auto;background-size:auto auto}.backgroundsize .pencil-form-section .frame-list li:nth-child(11){background-image:url("/assets/images/pencil/turn/frame-11@1.5x.jpg")}.no-backgroundsize .pencil-form-section .frame-list li:nth-child(11){background-image:url("/assets/images/pencil/turn/frame-11.jpg");-webkit-background-size:auto auto;-moz-background-size:auto auto;background-size:auto auto}.backgroundsize .pencil-form-section .frame-list li.active{-webkit-background-size:auto 600px;-moz-background-size:auto 600px;background-size:auto 600px}.no-backgroundsize .pencil-form-section .frame-list li.active{height:750px}}@media screen and (min-width:56.25em){.backgroundsize .pencil-form-section,.no-backgroundsize .pencil-form-section{-webkit-background-size:auto;-moz-background-size:auto;background-size:auto}.multiplebgs .pencil-form-section{background:url("/assets/images/pencil/turn/frame-bg.jpg") no-repeat 50% 50%,url("/assets/images/pencil/turn/frame-bg-repeat.gif") repeat-y 50% 0;-webkit-background-size:auto,100%;-moz-background-size:auto,100%;background-size:auto,100%}.backgroundsize .pencil-form-section .frame-list li.active,.no-backgroundsize .pencil-form-section .frame-list li.active{-webkit-background-size:auto 750px;-moz-background-size:auto 750px;background-size:auto 750px}}.steps-section{background-color:#fffcf5;color:#252422;}.steps-section a{color:#eb5e28;font-size:1.125em}.steps-section .step-list{display:block;font-size:0;margin-left:-5%;margin-right:-5%;width:110%;margin-top:50px;margin-bottom:40px}.steps-section .support-list{line-height:2;text-align:center}.steps-section .step{display:inline-block;font-size:16px;margin-left:5%;margin-right:5%;width:90%;margin-bottom:15px;margin-top:15px;padding-bottom:60px;position:relative;}.steps-section .step:last-child{padding-bottom:0}.steps-section .step h3{background:url("/assets/images/pencil/icons/pencil-icons-sprite.svg") no-repeat 50% 0;-webkit-background-size:350px auto;-moz-background-size:350px auto;background-size:350px auto;padding-top:150px;}.no-backgroundsize .steps-section .step h3{background-image:url("/assets/images/pencil/icons/pencil-icons-sprite.png")}.steps-section .step-one h3{background-position:50% -784px}.steps-section .step-two h3{background-position:50% -588px}.steps-section .step-three h3{background-position:50% -980px}.steps-section.section .copy.large .title{color:#66615b}.section-wrapper{display:block;font-size:0;margin-left:-5%;margin-right:-5%;width:110%}.section-copy{display:inline-block;font-size:16px;margin-left:5%;margin-right:5%;width:90%;text-align:center}.subsection-copy{text-align:center}.subsection-title{font-size:1.125em;font-family:'Avenir Next LT W01 Bold', Helvetica, Arial, sans-serif;line-height:1.6;margin-bottom:.25em}@media screen and (min-width:37.5em){.subsection-title{font-size:1.25em}}.subsection-description{font-size:1em;}@media screen and (min-width:37.5em){.subsection-description{font-size:1.125em}}@media screen and (min-width:37.5em){.steps-section{padding-top:100px;}.steps-section .step-list{display:block;font-size:0;margin-left:-2.5%;margin-right:-2.5%;width:105%}.steps-section .step{display:inline-block;font-size:16px;margin-left:2.5%;margin-right:2.5%;width:45%;margin-left:27.5%;margin-right:27.5%}.section-wrapper{display:block;font-size:0;margin-left:-2.5%;margin-right:-2.5%;width:105%}.section-copy{display:inline-block;font-size:16px;margin-left:2.5%;margin-right:2.5%;width:95%}.section-title{font-size:3em}}@media screen and (min-width:56.25em){.steps-section{padding-top:150px;padding-bottom:100px;}.steps-section .step-list{display:block;font-size:0;margin-left:-1.666666666666667%;margin-right:-1.666666666666667%;width:103.33333333333333%;margin-top:100px;margin-bottom:80px}.steps-section .step{display:inline-block;font-size:16px;margin-left:1.666666666666667%;margin-right:1.666666666666667%;width:30%;padding-bottom:0;margin-top:0;margin-bottom:0;vertical-align:top}.section-wrapper{display:block;font-size:0;margin-left:-1.666666666666667%;margin-right:-1.666666666666667%;width:103.33333333333333%}.section-copy{display:inline-block;font-size:16px;margin-left:1.666666666666667%;margin-right:1.666666666666667%;width:96.66666666666667%}.section-title{font-size:4.5em}.section-description{font-size:1.625em}.subsection-description{text-align:left}}@media screen and (min-width:75em){.steps-section .step-list{display:block;font-size:0;margin-left:-1.25%;margin-right:-1.25%;width:102.5%}.steps-section .step{display:inline-block;font-size:16px;margin-left:1.25%;margin-right:1.25%;width:22.5%;}.steps-section .step:first-child{margin-left:13.75%;}.steps-section .step:last-child{margin-right:13.75%}.section-wrapper{display:block;font-size:0;margin-left:-1.25%;margin-right:-1.25%;width:102.5%}.section-copy{display:inline-block;font-size:16px;margin-left:1.25%;margin-right:1.25%;width:72.5%;margin-left:13.75%;margin-right:13.75%}}.wrapper{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:7%;padding-right:7%}.inner-wrapper{zoom:1;margin:0 auto;max-width:1400px;width:100%;}.inner-wrapper:before,.inner-wrapper:after{content:"";display:table}.inner-wrapper:after{clear:both}.row{display:block;font-size:0;margin-left:-5%;margin-right:-5%;width:110%}.columns{display:inline-block;font-size:16px;margin-left:5%;margin-right:5%;width:90%}.sdk{background-color:#fffcf5;padding-top:50px}.sdk-copy{color:#66615b;text-align:center;}.sdk-copy h2{color:#252422;font-size:2.25em;text-transform:uppercase;color:#66615b;margin-bottom:20px}@media screen and (min-width:37.5em){.sdk-copy h2{font-size:3em;line-height:1.1}}@media screen and (min-width:56.25em){.sdk-copy h2{font-size:4.5em;line-height:1.05}}@media screen and (min-width:75em){.sdk-copy h2{font-size:4.5em;line-height:1.05}}.sdk-copy p{font-size:1.25em;line-height:1.2;line-height:1.4;margin-bottom:40px}@media screen and (min-width:37.5em){.sdk-copy p{font-size:1.375em}}@media screen and (min-width:56.25em){.sdk-copy p{font-size:1.625em}}a.sdk-img{background-color:#fffcf5;background-image:url("/assets/images/pencil-ready/pencil-ready-apps.jpg");background-repeat:no-repeat;background-position:top center;-webkit-background-size:150% auto;-moz-background-size:150% auto;background-size:150% auto;display:block;height:0;padding-top:260px;width:100%}.sdk-links{background-color:#fffcf5;padding-bottom:60px;}.sdk-links ul{text-align:center}.sdk-links .link{font-size:1.125em;display:block;margin-bottom:20px;}.sdk-links .link a{color:#eb5e28;}.sdk-links .link a i{display:inline-block;font-style:normal;padding-right:5px;vertical-align:inherit;}.sdk-links .link a i.chevron{background-position:-2px -416px}.sdk-links .link a:hover{color:#b33c12;}.sdk-links .link a:hover i.chevron{background-position:-2px -486px}@media (min-width:380px){.link:first-child{white-space:nowrap}}@media (min-width:420px){.link:first-child{white-space:normal}}@media screen and (min-width:37.5em){.row{display:block;font-size:0;margin-left:-2.5%;margin-right:-2.5%;width:105%}.columns{display:inline-block;font-size:16px;margin-left:2.5%;margin-right:2.5%;width:95%}.sdk{padding-top:100px}a.sdk-img{-webkit-background-size:110% auto;-moz-background-size:110% auto;background-size:110% auto;padding-top:295px}}@media (min-width:500px){.link:last-child{white-space:nowrap}}@media (min-width:535px){.link:last-child{white-space:normal}}@media screen and (min-width:56.25em){.row{display:block;font-size:0;margin-left:-1.666666666666667%;margin-right:-1.666666666666667%;width:103.33333333333333%}.columns{display:inline-block;font-size:16px;margin-left:1.666666666666667%;margin-right:1.666666666666667%;width:96.66666666666667%}a.sdk-img{padding-top:400px}.sdk-links .link{display:inline-block;}.sdk-links .link:first-child{margin-right:20px}}@media screen and (min-width:75em){.row{display:block;font-size:0;margin-left:-1.25%;margin-right:-1.25%;width:102.5%}.columns{display:inline-block;font-size:16px;margin-left:1.25%;margin-right:1.25%;width:72.5%;margin-left:13.75%;margin-right:13.75%}a.sdk-img{padding-top:550px}}@media (min-width:100em){a.sdk-img{-webkit-background-size:1760px auto;-moz-background-size:1760px auto;background-size:1760px auto}}.accolades-section{padding-top:40px;padding-bottom:20px;background-color:#fffcf5;color:#403d39;}.accolades-section .accolades-list li{display:inline-block;font-size:16px;margin-left:5%;margin-right:5%;width:90%;padding-bottom:40px;vertical-align:top;text-align:center;}.accolades-section .accolades-list li span{background:#fffcf5 url("/assets/images/pencil/accolades.png") no-repeat 0 0;-webkit-background-size:auto 180px;-moz-background-size:auto 180px;background-size:auto 180px;display:inline-block;height:40px;max-width:100%;opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80);padding-bottom:20px;width:240px;}.svg .accolades-section .accolades-list li span{background:#fffcf5 url("/assets/images/pencil/accolades.svg") no-repeat 0 0;-webkit-background-size:auto 180px;-moz-background-size:auto 180px;background-size:auto 180px}.accolades-section .accolades-list li span.wired{background-position:18px 0}.accolades-section .accolades-list li span.fast-co-design{background-position:-448px -125px}.accolades-section .accolades-list li span.all-things-d{background-position:-220px 0}.accolades-section .accolades-list li span.the-verge{background-position:-210px -125px}.accolades-section .accolades-list li span.cool-hunting{background-position:20px -128px}.accolades-section .accolades-list li span.mashable{background-position:-450px 0}.accolades-section .accolades-list li a{font-size:1em;color:#403d39;}@media screen and (min-width:37.5em){.accolades-section .accolades-list li a{font-size:1.125em}}.accolades-section .accolades-list li a:active,.accolades-section .accolades-list li a:visited,.no-touch .accolades-section .accolades-list li a:hover{color:#403d39}.accolades-section .accolades-list li a em{font-style:italic}.accolades-section .accolades-list li a p:before{content:"“"}.accolades-section .accolades-list li a p:after{content:"”"}@media screen and (min-width:37.5em){.accolades-section{padding-top:150px;}.accolades-section .accolades-list{padding-bottom:40px;}.accolades-section .accolades-list li{display:inline-block;font-size:16px;margin-left:2.5%;margin-right:2.5%;width:45%;}.accolades-section .accolades-list li span{-webkit-background-size:auto 200px;-moz-background-size:auto 200px;background-size:auto 200px;padding-bottom:40px;}.svg .accolades-section .accolades-list li span{-webkit-background-size:auto 200px;-moz-background-size:auto 200px;background-size:auto 200px}.accolades-section .accolades-list li span.wired{background-position:18px 0}.accolades-section .accolades-list li span.fast-co-design{background-position:-494px -145px}.accolades-section .accolades-list li span.all-things-d{background-position:-240px 0}.accolades-section .accolades-list li span.the-verge{background-position:-236px -145px}.accolades-section .accolades-list li span.cool-hunting{background-position:30px -142px}.accolades-section .accolades-list li span.mashable{background-position:-500px 0}}@media screen and (min-width:56.25em){.accolades-section .accolades-list li{display:inline-block;font-size:16px;margin-left:1.666666666666667%;margin-right:1.666666666666667%;width:30%}}@media screen and (min-width:75em){.accolades-section .accolades-list-wrapper{display:inline-block;font-size:16px;margin-left:1.25%;margin-right:1.25%;width:72.5%;margin-left:13.75%;}.accolades-section .accolades-list{display:block;font-size:0;margin-left:-1.666666666666667%;margin-right:-1.666666666666667%;width:103.33333333333333%;}.accolades-section .accolades-list li{display:inline-block;font-size:16px;margin-left:1.666666666666667%;margin-right:1.666666666666667%;width:30%}}.unlock-section{background:#f1eae0 url("/assets/images/pencil/icons/pencil-icons-sprite.svg") no-repeat 50% 100%;-webkit-background-size:280px auto;-moz-background-size:280px auto;background-size:280px auto;padding-bottom:126.66666666666667px;color:#66625b;text-align:center;}.no-backgroundsize .unlock-section{background-image:url("/assets/images/pencil/icons/pencil-icons-sprite.png")}@media screen and (min-width:37.5em){.unlock-section{-webkit-background-size:350px auto;-moz-background-size:350px auto;background-size:350px auto;padding-bottom:165px}}@media screen and (min-width:56.25em){.unlock-section .copy{display:inline-block;font-size:16px;margin-left:1.666666666666667%;margin-right:1.666666666666667%;width:63.333333333333336%;margin-left:18.333333333333336%;margin-right:18.333333333333336%}}@media screen and (min-width:75em){.unlock-section .copy{display:inline-block;font-size:16px;margin-left:1.25%;margin-right:1.25%;width:47.5%;margin-left:26.25%;margin-right:26.25%}}.order-section{background-color:#fffcf5;color:#403d39;padding-bottom:0;overflow:hidden;}.order-section .section-wrapper{display:inline-block;font-size:16px;margin-left:5%;margin-right:5%;width:90%;display:block}.order-section .order{text-align:center;font-size:16px}.order-section .call-to-action{font-size:16px;line-height:1.4;padding:4% 0;text-align:center;vertical-align:top}.order-section .section-description{color:#eb5e28;font-size:1.25em;-webkit-transition:color 0.3s ease;-moz-transition:color 0.3s ease;-o-transition:color 0.3s ease;text-align:center;}.order-section .section-description:hover{color:#b33c12}.order-section .subtitle{font-size:1.625em}.order-section a.also-available{color:#66615b;display:inline-block;font-size:1em;margin-bottom:50px;}.order-section a.also-available:visited{color:#66615b}.order-section a.also-available:hover,.order-section a.also-available:active{color:#252422}.order-section .product{color:#403d39;height:240px;text-align:center;vertical-align:top;}.order-section .product .pencils{max-width:240px}.order-section .product:active,.order-section .product:visited,.no-touch .order-section .product:hover{color:#403d39}.order-section .subsection-title{font-size:1.25em;margin-bottom:18px}.order-section .subsection-description{display:none;min-height:4em;margin-bottom:20px}.price-symbol{font-size:1.125em;vertical-align:110%}.price-currency{color:#a49e93;font-size:1em;margin-left:-20px;vertical-align:0}.price-number{font-size:3em;}.price-number .price-tenths{font-size:.375em;vertical-align:110%}@media screen and (min-width:37.5em){.order-section .subsection-title{font-size:1.6875em}.order-section .section-description{font-size:1.625em}.order-section .section-wrapper{display:inline-block;font-size:16px;margin-left:2.5%;margin-right:2.5%;width:95%;display:block}.order-section .product{height:340px;}.order-section .product .pencils{max-width:300px}.price-currency{font-size:1.125em;margin-left:-30px}.price-symbol{font-size:1.625em;vertical-align:92%}.price-number{font-size:3.75em;}.price-number .price-cents{font-size:.43333333333333335em;vertical-align:92%}}@media screen and (min-width:56.25em){.order-section{padding-top:75px;}.order-section .section-wrapper{display:inline-block;font-size:16px;margin-left:1.666666666666667%;margin-right:1.666666666666667%;width:96.66666666666667%;display:block}.order-section .section-description{display:inline-block;max-width:250px;text-align:left}.order-section .call-to-action{float:left;padding-top:90px;width:33.33333333%;text-align:left}.order-section .pencils{max-width:270px;width:33.33333333%;}.order-section .pencils .product{height:320px;text-align:center}.order-section .order{float:right;padding-top:57px;width:33.33333333%}.order-section .subsection-title{margin-top:35px;margin-bottom:0}.order-section .subsection-description{min-height:5.5em}}@media screen and (min-width:75em){.order-section .section-wrapper{display:inline-block;font-size:16px;margin-left:1.25%;margin-right:1.25%;width:72.5%;margin-left:13.75%;margin-right:13.75%;display:block}.order-section .section-description{text-align:left}.order-section .subsection-description{min-height:4em}}.banner-section{background-color:#f1eae0;padding-top:0;padding-bottom:0}.banner-item{background-repeat:no-repeat;background-position:bottom center;display:block;margin:50px 0;padding-bottom:155px;}.banner-item .copy{font-size:1.25em;line-height:1.2;text-transform:uppercase;text-align:center;color:#403d39}.banner-item strong{display:block;font-family:'Avenir Next LT W01 Bold', Helvetica, Arial, sans-serif}.paper-banner-item{background-image:url("/assets/images/paper/banner-paper@2x.jpg");-webkit-background-size:135px;-moz-background-size:135px;background-size:135px}.pencil-banner-item{background-image:url("/assets/images/paper/banner-pencil-gold@2x.jpg");-webkit-background-size:149px 135px;-moz-background-size:149px 135px;background-size:149px 135px}.mix-banner-item{background-image:url("/assets/images/paper/banner-mix@2x.jpg");-webkit-background-size:169px 135px;-moz-background-size:169px 135px;background-size:169px 135px}@media screen and (min-width:37.5em){.banner-section .banner-list{display:block;font-size:0;margin-left:-2.5%;margin-right:-2.5%;width:105%}.banner-section .banner-item:first-child{display:inline-block;font-size:16px;margin-left:2.5%;margin-right:2.5%;width:95%}.banner-section .banner-item:nth-child(2),.banner-section .banner-item:last-child{display:inline-block;font-size:16px;margin-left:2.5%;margin-right:2.5%;width:45%}}@media screen and (min-width:56.25em){.banner-section{padding-top:0;padding-bottom:0;}.banner-section .banner-item:first-child,.banner-section .banner-item:nth-child(2),.banner-section .banner-item:last-child{display:inline-block;font-size:16px;margin-left:1.666666666666667%;margin-right:1.666666666666667%;width:30%}.banner-section .banner-item{background-position:80% 50%;margin-top:0;margin-bottom:0;padding-bottom:0;vertical-align:middle}.banner-section .copy{padding-top:60px;padding-bottom:60px;text-align:left}.banner-section .word{display:block}}@media screen and (min-width:75em){.banner-section .banner-item:first-child,.banner-section .banner-item:nth-child(2),.banner-section .banner-item:last-child{display:inline-block;font-size:16px;margin-left:1.25%;margin-right:1.25%;width:22.5%}.banner-section .banner-item:first-child{margin-left:13.75%;}.banner-section .banner-item:last-child{margin-right:13.75%}}