/* Product-led departments, campaign compositions and motion. */
.scroll-progress{position:fixed;inset:0 0 auto;height:3px;z-index:80;pointer-events:none}.scroll-progress span{display:block;width:100%;height:100%;background:var(--red);transform:scaleX(0);transform-origin:left;box-shadow:0 0 12px #ed202a70}.button,.filter{position:relative;isolation:isolate;overflow:hidden}.button-ripple{position:absolute;width:15px;height:15px;border-radius:50%;background:currentColor;opacity:.14;transform:translate(-50%,-50%) scale(0);animation:buttonRipple .65s ease-out forwards;pointer-events:none;z-index:-1}.button svg{transition:transform .25s}.button:hover svg{transform:translate(3px,-2px)}.text-link svg{transition:transform .25s}.text-link:hover svg{transform:translateX(5px)}.product-image{isolation:isolate}.product-image:after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;transition:opacity .35s;background:radial-gradient(200px circle at var(--pointer-x,50%) var(--pointer-y,50%),#ffffff48,transparent 75%)}.product-image:hover:after{opacity:1}.product-image img{transition:transform .5s cubic-bezier(.2,.7,.2,1),filter .4s}.product-image:hover img{transform:translateY(-5px) scale(1.045);filter:drop-shadow(0 10px 6px #0002)}.hero-product:nth-child(2) img{animation:gentleFloat 7s ease-in-out infinite}.hero-scribble path{stroke-dasharray:300;animation:drawLine 4s ease-in-out infinite alternate}.custom-arrow path{stroke-dasharray:280;animation:drawLine 5s ease-in-out infinite alternate}.campaign-bg{transform:translateY(var(--parallax,0px)) scale(1.08);will-change:transform}.scene-photo img{transform:translateY(var(--parallax,0px)) scale(1.07);will-change:transform}.range-section{border-top:1px solid #d1cabb}.range-caption{display:flex;align-items:center;gap:12px;border-top:1px solid #cbc3b5;padding-top:22px;margin-top:30px}.range-caption>svg{width:21px;height:21px;color:#a52b32}.range-caption p{font-size:11px}.range-caption .text-link{margin-left:auto;font-size:10px}.category-card .category-image{transition:background .4s,border-color .4s}.category-card:hover .category-image{border-color:#cf6264}.category-card:nth-child(7) .category-image{background:#e1d9c9}.category-card:nth-child(8) .category-image{background:#b1bfbc}.category-card:nth-child(9) .category-image{background:#979895}.category-card:nth-child(10) .category-image{background:#b5a27f}.category-card:nth-child(11) .category-image{background:#c0b5a3}.category-card:nth-child(12) .category-image{background:#9fa59e}.category-grid{row-gap:32px}.more-grid{row-gap:35px}.extras-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin:65px 0 30px;border-top:1px solid #cbc4b6;padding-top:45px}.extras-heading .eyebrow{font-size:8px}.extras-heading h3{font-size:34px;line-height:1.2}.extras-heading p{font-size:11px;max-width:270px}.extras-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 25px}.extras-product-grid .product-image{aspect-ratio:1.3;padding:28px}.dark-product-grid{color:var(--paper)}.dark-product-grid .product-category{color:#b4ac9d}.dark-product-grid .product-price{color:#a89e8b}.dark-product-grid .product-price strong{color:var(--paper)}.dark-product-grid .add-button,.dark-product-grid .quick-button{color:var(--paper);border-color:#686055}.dark-product-grid .add-button:hover{background:var(--paper);color:var(--ink);border-color:var(--paper)}.dark-product-grid .quick-button:hover{background:var(--red);border-color:var(--red)}.dark-product-grid .product-image{background:#dfdbd2;border-color:#dfdbd2}
/* A real mug campaign, with products that can be shopped directly. */
.mug-section{background:#22211f;position:relative;overflow:hidden}.mug-editorial{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center;margin-bottom:65px}.mug-copy h2{font-size:clamp(46px,4.8vw,72px)}.mug-copy>p{font-size:13px;line-height:1.9;margin:25px 0}.mug-copy>.handwritten{display:block;color:#cfb78f;margin-top:25px;font-size:28px}.mug-stage{min-height:420px;position:relative;isolation:isolate}.mug-stage:before{content:'CHAI.';position:absolute;top:105px;left:0;font-family:var(--display);font-size:150px;font-weight:700;letter-spacing:-12px;color:#ffffff05;z-index:-1}.stage-product{position:absolute;padding:12px 12px 10px;background:#eee8dc;border:1px solid #bfb39b;border-radius:6px;box-shadow:0 20px 35px #0004;color:#302b23;text-align:left;animation:gentleFloat 8s ease-in-out infinite;width:43%;transition:box-shadow .3s}.stage-product img{width:100%;height:175px;object-fit:contain;background:#e9e5dc}.stage-product>span{font-size:8px;display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:12px}.stage-product svg{width:15px;height:15px}.stage-product:hover{box-shadow:0 25px 45px #0007}.stage-product-1{top:0;left:0;z-index:2}.stage-product-2{top:100px;right:0;animation-delay:-3s;z-index:3}.stage-product-3{bottom:0;left:7%;animation-delay:-5s;width:36%;z-index:1}.stage-product-3 img{height:130px}.mug-stage-label{position:absolute;right:0;bottom:10px;font-size:7px;letter-spacing:1.5px;color:#b9a37e}.mug-orbit{position:absolute;width:340px;height:340px;border:1px dashed #786348;border-radius:50%;top:30px;left:40px;z-index:-1;animation:starTurn 55s linear infinite}.mug-orbit:before{content:'';position:absolute;width:8px;height:8px;background:var(--red);border-radius:50%;left:50%;top:-4px}.mug-orbit.orbit-two{width:230px;height:230px;top:85px;left:95px;border-color:#bcb3a525;border-style:solid;animation-direction:reverse}.mug-orbit.orbit-two:before{background:#ad9471;width:5px;height:5px}
/* Device skins are their own product family, not hidden in a category label. */
.setup-banners{display:grid;grid-template-columns:1fr 1fr;gap:25px}.setup-banner{border:1px solid #625c51;border-radius:5px;position:relative;background:#ddd7ca;color:var(--ink);overflow:hidden;isolation:isolate}.setup-banner:after{position:absolute;inset:0;content:'';pointer-events:none;z-index:-1;opacity:.3;background:radial-gradient(350px circle at var(--pointer-x,40%) var(--pointer-y,30%),#fff,transparent)}.setup-banner-copy{padding:0 35px 35px;position:relative}.setup-banner-copy>.micro{font-size:8px;color:#675f52;margin-bottom:16px}.setup-banner h3{font-size:40px;line-height:1.1;letter-spacing:-1.6px}.setup-banner p{font-size:11px;line-height:1.8;max-width:320px;margin:18px 0;color:#686052}.setup-links{display:flex;gap:25px;flex-wrap:wrap}.setup-banner .text-link{font-size:11px}.setup-console{background:#353b38;color:var(--paper);border-color:#505d54}.setup-console .micro,.setup-console p{color:#b7b9a9}.setup-console .script{color:#e5cfaa}.setup-graphic{height:320px;position:relative;padding:30px;display:flex;align-items:center;justify-content:center;overflow:hidden}.setup-product{padding:10px;background:#ede9df;border:1px solid #b4afa3;border-radius:5px;width:62%;position:relative;z-index:2;box-shadow:0 15px 20px #0003;transition:transform .5s}.setup-product img{width:100%;height:205px;object-fit:contain}.setup-product>span{font-size:7px;display:flex;gap:8px;align-items:center;justify-content:space-between;color:#37332d;margin:9px 2px 3px}.setup-product svg{width:15px;height:15px}.setup-product:hover{transform:translateY(-8px)}.setup-product.secondary{width:36%;position:absolute;right:20px;bottom:25px;z-index:3;background:#f0e9db;animation:gentleFloat 7s ease-in-out infinite}.setup-product.secondary img{height:115px}.setup-product.secondary>span{font-size:6px}.setup-laptop .setup-graphic:before{content:'YOUR SETUP';position:absolute;font-family:var(--display);font-size:60px;letter-spacing:-4px;color:#aca18d45;top:15px;left:20px;white-space:nowrap;font-weight:700}.setup-console .setup-product{margin-right:auto;width:65%}.setup-stamp{font-family:var(--display);font-weight:700;line-height:1;letter-spacing:-2px;font-size:49px;color:#d6c5a7;position:absolute;right:22px;top:67px;z-index:1}.setup-stamp em{font-style:normal;color:#c08f6c}.setup-selection-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin:45px 0 25px}.setup-selection-heading h3{font-size:27px}.setup-selection-heading>span{font-size:9px;color:#9f9685}
/* Wall art and acrylic pieces, shown at a different scale from stickers. */
.wall-editorial{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;margin-bottom:65px}.wall-gallery{height:450px;position:relative;background:#d5cbb9;border-radius:4px;isolation:isolate;background-image:linear-gradient(90deg,#ffffff18 1px,transparent 1px);background-size:60px 100%;overflow:hidden}.wall-gallery:after{content:'';position:absolute;height:9px;bottom:55px;left:30px;right:30px;background:#ad9874;box-shadow:0 5px 7px #74634e40;z-index:-1}.gallery-frame{position:absolute;padding:8px;background:#272623;color:var(--paper);box-shadow:0 10px 15px #51493840;transition:transform .4s}.gallery-frame img{width:100%;height:100%;object-fit:contain;background:#e9e2d6}.gallery-frame>span{display:flex;justify-content:space-between;align-items:center;font-size:7px;gap:8px;margin-top:7px}.gallery-frame svg{width:12px;height:12px}.gallery-frame:hover{transform:translateY(-6px)}.gallery-frame.tall{top:35px;left:25px;width:43%;height:265px;animation:galleryIn 1s ease both}.gallery-frame.tall img{height:225px}.gallery-frame.small{top:70px;right:25px;width:38%;height:205px}.gallery-frame.small img{height:165px}.gallery-frame.shelf{bottom:65px;right:40px;width:43%;height:130px;background:#f0e9dd;padding:9px;color:#302c26}.gallery-frame.shelf img{height:95px}.wall-gallery-caption{position:absolute;bottom:21px;left:30px;font-size:6px;color:#69604f}.wall-copy p{font-size:13px;line-height:1.9;margin:25px 0}.wall-copy .button{font-size:11px;padding-inline:18px;gap:18px}.button.subtle{border:1px solid #b0a58e;color:var(--ink)}.wall-copy .wall-fineprint{font-size:9px;line-height:1.8;color:#827665;margin-top:20px}.wall-selection-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:25px}.wall-selection-heading h3{font-size:28px}.wall-selection-heading .filter-row{margin-bottom:0}
/* Scroll entrance effects. No rotation is applied to images or cards. */
.motion-enabled [data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .7s ease var(--reveal-delay,0ms),transform .7s cubic-bezier(.2,.75,.2,1) var(--reveal-delay,0ms)}.motion-enabled [data-reveal].is-visible{opacity:1;transform:translateY(0)}.hero-product{animation:productArrival .55s ease both}.category-image:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#fff2 45%,transparent 65%);transform:translateX(-150%);transition:transform .7s;pointer-events:none}.category-card:hover .category-image:after{transform:translateX(150%)}
@keyframes gentleFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes drawLine{0%,15%{stroke-dashoffset:290}70%,100%{stroke-dashoffset:0}}@keyframes buttonRipple{to{transform:translate(-50%,-50%) scale(28);opacity:0}}@keyframes productArrival{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes galleryIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1101px){.desktop-nav{gap:23px}.desktop-nav>a,.nav-link{font-size:14px}}@media(max-width:1100px){.desktop-nav>a[href="#our-scene"]{display:none}.mug-editorial{gap:5%}.stage-product img{height:145px}.stage-product-3 img{height:115px}.mug-stage{min-height:370px}.mug-orbit{width:280px;height:280px;left:10px}.mug-orbit.orbit-two{width:210px;height:210px;left:45px;top:65px}.setup-graphic{height:280px;padding:22px}.setup-product img{height:180px}.setup-product.secondary{right:15px;bottom:20px}.setup-product.secondary img{height:95px}.setup-stamp{font-size:43px;right:18px;top:60px}.setup-banner-copy{padding-inline:28px}.wall-gallery{height:420px}.gallery-frame.tall{left:20px;width:44%}.gallery-frame.small{right:20px;width:38%}.gallery-frame.shelf{right:25px;width:48%}.wall-copy h2{font-size:48px}.wall-copy .button{font-size:10px;padding-inline:14px;gap:12px}}
@media(max-width:800px){.category-grid{row-gap:26px}.range-caption{flex-wrap:wrap}.range-caption p{font-size:10px}.range-caption .text-link{font-size:10px;margin-left:33px}.mug-editorial{grid-template-columns:1fr 1fr;gap:25px;margin-bottom:40px}.mug-copy h2{font-size:43px}.mug-copy p{font-size:11px;margin-block:20px}.mug-copy .button{font-size:10px;padding-inline:16px;gap:15px}.mug-copy>.handwritten{font-size:25px}.mug-stage{min-height:350px}.stage-product{width:48%;padding:8px}.stage-product img{height:130px}.stage-product>span{font-size:6px;margin-top:8px;gap:3px}.stage-product svg{width:12px;height:12px}.stage-product-2{top:90px}.stage-product-3{width:42%;bottom:5px;left:0}.stage-product-3 img{height:110px}.mug-stage-label{font-size:5px;right:0;bottom:-12px}.mug-orbit{width:230px;height:230px;left:0;top:30px}.mug-orbit.orbit-two{width:165px;height:165px;left:30px;top:62px}.mug-stage:before{font-size:100px;letter-spacing:-7px;top:140px}.setup-banners{gap:18px}.setup-banner-copy{padding:0 23px 25px}.setup-banner h3{font-size:33px;letter-spacing:-1.3px}.setup-banner p{font-size:10px;margin-block:17px}.setup-graphic{height:240px;padding:16px}.setup-product{width:70%;padding:8px}.setup-product img{height:150px}.setup-product>span{font-size:6px}.setup-product.secondary{width:37%;right:12px;bottom:15px;padding:5px}.setup-product.secondary img{height:80px}.setup-product.secondary>span{font-size:5px}.setup-laptop .setup-graphic:before{font-size:43px;letter-spacing:-2.5px;left:15px;top:20px}.setup-links{gap:15px}.setup-banner .text-link{font-size:9px;gap:10px}.setup-console .setup-product{width:72%}.setup-stamp{font-size:34px;letter-spacing:-1px;right:12px;top:70px}.setup-selection-heading{margin-top:35px}.setup-selection-heading h3{font-size:23px}.setup-selection-heading>span{font-size:8px;max-width:220px;text-align:right}.wall-editorial{gap:6%;margin-bottom:40px}.wall-gallery{height:380px}.gallery-frame{padding:6px}.gallery-frame.tall{top:35px;left:13px;height:220px;width:46%}.gallery-frame.tall img{height:183px}.gallery-frame.small{top:60px;right:13px;height:175px;width:38%}.gallery-frame.small img{height:138px}.gallery-frame>span{font-size:5px;gap:3px}.gallery-frame.shelf{right:20px;bottom:60px;width:50%;height:110px;padding:7px}.gallery-frame.shelf img{height:77px}.wall-gallery-caption{font-size:5px;left:20px;bottom:20px}.wall-copy h2{font-size:40px}.wall-copy p{font-size:11px;margin-block:20px}.wall-copy .button-row{gap:9px}.wall-copy .button{font-size:9px;min-height:44px;gap:10px;padding-inline:12px}.wall-copy .wall-fineprint{font-size:8px}.wall-selection-heading h3{font-size:23px}.wall-selection-heading .filter{font-size:9px;padding-inline:12px}.extras-heading{margin-top:50px;padding-top:35px;gap:25px}.extras-heading h3{font-size:28px}.extras-heading p{font-size:10px;max-width:210px}.extras-heading .eyebrow{font-size:7px}.extras-product-grid{gap:25px 15px;grid-template-columns:repeat(3,minmax(0,1fr))}.extras-product-grid .product-image{aspect-ratio:1.05;padding:18px}.extras-product-grid .product-title{font-size:12px}.extras-product-grid .add-button{font-size:8px;padding:9px 6px}.extras-product-grid .add-button svg{display:none}}
@media(max-width:540px){.range-section .section-heading p{font-size:12px}.range-tabs{margin-top:25px}.range-caption{gap:10px;margin-top:25px;padding-top:20px}.range-caption p{font-size:9px;flex:1}.range-caption .text-link{font-size:10px;margin-left:31px}.mug-editorial{grid-template-columns:1fr;gap:35px;margin-bottom:35px}.mug-copy h2{font-size:46px}.mug-copy p{font-size:12px}.mug-copy .button{font-size:11px}.mug-copy>.handwritten{font-size:27px;margin-top:20px}.mug-stage{min-height:370px;max-width:400px;width:100%;margin:auto}.stage-product{width:45%;padding:10px}.stage-product img{height:150px}.stage-product>span{font-size:7px}.stage-product-1{top:0;left:0}.stage-product-2{top:95px;right:0}.stage-product-3{bottom:0;left:7%;width:38%}.stage-product-3 img{height:115px}.mug-orbit{width:280px;height:280px;top:35px;left:10px}.mug-orbit.orbit-two{width:190px;height:190px;top:80px;left:55px}.mug-stage-label{font-size:6px;bottom:0}.mug-stage:before{font-size:115px;top:125px;left:25px}.setup-banners{grid-template-columns:1fr;gap:25px}.setup-graphic{height:280px;padding:25px}.setup-product{width:66%;padding:9px}.setup-product img{height:180px}.setup-product>span{font-size:7px}.setup-product.secondary{width:35%;right:22px;bottom:20px;padding:7px}.setup-product.secondary img{height:95px}.setup-product.secondary>span{font-size:6px}.setup-laptop .setup-graphic:before{font-size:50px;letter-spacing:-3px;top:20px}.setup-banner-copy{padding:5px 25px 28px}.setup-banner h3{font-size:39px;letter-spacing:-1.4px}.setup-banner p{font-size:12px;line-height:1.8;margin:19px 0}.setup-links{gap:25px}.setup-banner .text-link{font-size:11px}.setup-stamp{font-size:42px;top:65px;right:20px}.setup-console .setup-product{width:66%}.setup-selection-heading{display:block;margin-top:38px}.setup-selection-heading h3{font-size:26px;margin-bottom:10px}.setup-selection-heading>span{font-size:9px;text-align:left;max-width:none}.wall-editorial{grid-template-columns:1fr;gap:35px;margin-bottom:35px}.wall-gallery{height:405px}.gallery-frame.tall{top:35px;left:20px;height:245px;width:45%;padding:7px}.gallery-frame.tall img{height:205px}.gallery-frame.small{top:65px;right:20px;height:200px;width:38%;padding:7px}.gallery-frame.small img{height:160px}.gallery-frame>span{font-size:6px}.gallery-frame.shelf{width:47%;right:25px;bottom:60px;height:120px;padding:7px}.gallery-frame.shelf img{height:85px}.wall-gallery-caption{font-size:5px;left:20px}.wall-copy h2{font-size:45px}.wall-copy p{font-size:12px}.wall-copy .button{font-size:11px;padding-inline:16px;gap:16px;min-height:49px}.wall-copy .wall-fineprint{font-size:9px}.wall-selection-heading{display:block;margin-bottom:20px}.wall-selection-heading h3{font-size:26px;margin-bottom:23px}.wall-selection-heading .filter-row{margin-bottom:0}.wall-selection-heading .filter{font-size:10px}.extras-heading{display:block;margin-top:45px;padding-top:35px}.extras-heading h3{font-size:31px;line-height:1.2}.extras-heading p{font-size:11px;max-width:none;margin-top:18px}.extras-heading .eyebrow{font-size:7px}.extras-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 12px}.extras-product-grid .product-image{aspect-ratio:1.05;padding:15px}.extras-product-grid .product-title{font-size:12px}.extras-product-grid .add-button{font-size:8.5px;padding:9px 7px}.more-grid .more-image{height:175px}.more-grid .more-card h3{font-size:20px}.motion-enabled [data-reveal]{transform:translateY(17px);transition-duration:.6s}}
@media(prefers-reduced-motion:reduce){.motion-enabled [data-reveal]{opacity:1!important;transform:none!important;transition:none!important}.campaign-bg,.scene-photo img{transform:none!important;will-change:auto}.stage-product,.hero-product img,.hero-scribble path,.custom-arrow path,.mug-orbit,.hero-product{animation:none!important}.button-ripple{display:none}.scroll-progress span{box-shadow:none}}
