*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#26221e}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #d56a3d;outline-offset:4px}.demo-header{height:88px;padding:0 clamp(22px,5vw,86px);display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid rgba(42,37,30,.17);position:relative;z-index:3}.demo-brand{font-size:24px;font-weight:900;letter-spacing:-.07em;white-space:nowrap}.demo-brand span{color:#ca6335}.demo-header nav{display:flex;gap:32px;font-size:13px;font-weight:700}.demo-header nav a:hover,.demo-footer a:hover{text-decoration:underline;text-underline-offset:5px}.header-note,.eyebrow,.hero-meta,.visual-caption,.preview-tag,.control-index,.demo-footer,.stage-label,.stage-number,.sneaker-side,.shoe-details{font-size:10px;font-weight:700;letter-spacing:.14em}.header-note{opacity:.7}.round-link{display:inline-flex;align-items:center;gap:52px;font-size:13px;font-weight:700;border-bottom:1px solid currentColor;padding:0 0 12px}.round-link span{font-size:22px;line-height:1}.round-link:hover span,.primary-action:hover span{transform:translate(4px,-4px)}.round-link span,.primary-action span{transition:transform .25s}.demo-footer{display:flex;justify-content:space-between;gap:20px;padding:32px clamp(22px,5vw,86px);background:#251e18;color:#eee6dc}.coffee-page{background:#eee8df}.coffee-hero{min-height:700px;display:grid;grid-template-columns:48% 52%;overflow:hidden}.hero-copy{padding:clamp(64px,10vw,150px) clamp(26px,5vw,88px) 40px;display:flex;flex-direction:column;align-items:flex-start}.coffee-hero .eyebrow{color:#9b4f2e}.hero-copy h1{font-family:Georgia,serif;font-size:clamp(58px,6.4vw,112px);font-weight:400;letter-spacing:-.075em;line-height:.98;margin:40px 0 24px}.hero-copy h1 em{font-weight:400;color:#ad6a46}.hero-copy p{max-width:410px;font-size:17px;line-height:1.65;color:#675d54;margin:0 0 42px}.hero-meta{margin-top:auto;padding-top:70px;display:flex;gap:36px;color:#776c63}.hero-visual{min-height:660px;position:relative;display:flex;align-items:center;justify-content:center;background:#7d4e36;overflow:hidden}.hero-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#a87956 0%,#6d402c 65%,#4c2d22)}.hero-visual img{position:relative;z-index:2;height:90%;width:auto;max-width:83%;object-fit:contain;animation:float 7s ease-in-out infinite;filter:drop-shadow(0 28px 28px rgba(43,22,11,.24))}.orbit{position:absolute;border:1px solid rgba(255,243,222,.5);border-radius:50%;transform:rotate(-19deg);z-index:1}.orbit-one{width:80%;height:38%}.orbit-two{width:104%;height:54%}.visual-caption{position:absolute;bottom:36px;left:36px;color:#f5e9dc;z-index:2;line-height:1.6}.customizer{padding:110px clamp(22px,5vw,86px) 120px;background:#f8f4ed}.customizer-heading{text-align:center;max-width:680px;margin:0 auto 56px}.customizer-heading .eyebrow{color:#aa603c}.customizer-heading h2,.shoe-copy h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.065em;font-size:clamp(42px,5vw,76px);line-height:1.04;margin:20px 0}.customizer-heading p,.shoe-copy p{color:#6e665e;line-height:1.6}.customizer-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(35px,6vw,100px);max-width:1300px;margin:auto;align-items:center}.drink-preview{position:relative;min-height:600px;background:linear-gradient(135deg,#b08165,#5a3b2d);display:flex;align-items:center;justify-content:center;overflow:hidden}.drink-preview img{height:580px;width:auto;max-width:90%;object-fit:contain;transition:transform .5s}.drink-preview:hover img{transform:scale(1.035)}.preview-tag{position:absolute;top:24px;left:28px;color:#f6e9dd}.preview-name{position:absolute;left:28px;right:28px;bottom:24px;display:flex;justify-content:space-between;color:white;font-size:22px;font-weight:700}.controls{max-width:560px}.control-group{padding:25px 0 31px;border-bottom:1px solid #d5c9bd}.control-index{color:#a26645}.control-group h3{font-size:24px;letter-spacing:-.03em;margin:12px 0 20px}.choices{display:flex;flex-wrap:wrap;gap:9px}.choices button,.sizes button{border:1px solid #cfc5bb;background:transparent;padding:13px 18px;min-width:74px;color:#302a24;transition:background .2s,color .2s,border-color .2s}.choices button small{display:block;font-size:10px;margin-top:5px}.choices button.selected,.sizes button.selected{background:#2b241f;color:#fff;border-color:#2b241f}.choices button:hover,.sizes button:hover{border-color:#2b241f}.primary-action{background:#2b241f;border:0;color:#fff;display:flex;align-items:center;justify-content:space-between;width:100%;padding:22px 24px;margin-top:30px;text-align:left;font-weight:700}.primary-action:hover{background:#514033}.demo-disclaimer{font-size:12px;color:#796f67;line-height:1.5}.sneaker-page{background:#eae6dd;color:#20221f}.sneaker-page .demo-header{border-color:#c8c5bc}.sneaker-hero{min-height:calc(100vh - 88px);position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:70px clamp(22px,5vw,86px);background:#dcd5c9}.sneaker-title{position:relative;z-index:2}.sneaker-title .eyebrow{color:#a95832}.sneaker-title h1{font-size:clamp(58px,8vw,140px);line-height:.86;letter-spacing:-.095em;margin:35px 0;font-weight:900;white-space:nowrap}.sneaker-title h1 em{font-style:normal;color:#bc6240}.sneaker-title p{max-width:370px;font-size:18px;line-height:1.5;margin:0 0 36px}.shoe-stage{height:min(60vw,680px);min-height:480px;position:relative;display:flex;align-items:center;justify-content:center}.shoe-stage:before{content:"";position:absolute;width:75%;aspect-ratio:1;border:1px solid rgba(93,77,61,.32);border-radius:50%;animation:rotate 25s linear infinite}.shoe-stage:after{content:"";position:absolute;width:96%;aspect-ratio:1;border:1px solid rgba(93,77,61,.2);border-radius:50%}.shoe-stage img{width:115%;max-width:none;position:relative;z-index:1;mix-blend-mode:multiply;transform:rotate(-10deg);filter:drop-shadow(0 24px 25px rgba(64,49,33,.17));animation:float 7s ease-in-out infinite}.stage-label{position:absolute;top:45px;left:0;z-index:2}.stage-number{position:absolute;right:0;bottom:35px}.sneaker-side{position:absolute;bottom:30px;left:5vw;color:#68645e}.shoe-customizer{padding:100px clamp(22px,5vw,86px) 130px;background:#f5f2eb;display:grid;grid-template-columns:35% 65%;gap:40px}.shoe-copy{padding-top:65px}.shoe-copy .eyebrow{color:#bd6241}.shoe-copy p{max-width:360px}.shoe-details{margin-top:80px;display:flex;flex-direction:column;gap:18px}.shoe-details span{border-top:1px solid #d4cfc5;padding-top:12px;max-width:330px}.shoe-product{background:#e8dfd1;min-width:0}.shoe-image-wrap{height:450px;display:flex;align-items:center;justify-content:center;overflow:hidden}.shoe-image-wrap img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:filter .45s,transform .45s}.shoe-image-wrap:hover img{transform:scale(1.05)}.shoe-panel{padding:30px 34px 38px;background:#fff}.shoe-panel h3{font-size:30px;margin:8px 0 4px}.shoe-panel>strong{font-size:23px}.shoe-option{margin-top:28px}.shoe-option>span{font-size:13px}.shoe-option b{font-weight:700}.swatches,.sizes{display:flex;gap:10px;flex-wrap:wrap;margin-top:13px}.swatches button{border:2px solid transparent;background:var(--swatch);width:36px;height:36px;border-radius:50%}.swatches button.selected{outline:1px solid #27231f;outline-offset:3px}.sizes button{min-width:49px;padding:12px}.shoe-panel .primary-action{margin-top:32px}.shoe-panel .demo-disclaimer{margin-bottom:0}@keyframes float{50%{transform:translateY(-13px)}}@keyframes rotate{to{transform:rotate(360deg)}}@media(max-width:900px){.demo-header{height:72px}.header-note{display:none}.coffee-hero{grid-template-columns:1fr}.hero-copy{min-height:510px;padding-top:80px}.hero-visual{min-height:560px}.customizer-layout,.shoe-customizer{grid-template-columns:1fr}.shoe-customizer{gap:22px}.shoe-copy{padding-top:0}.shoe-details{margin-top:28px;flex-direction:row;flex-wrap:wrap}.sneaker-hero{grid-template-columns:1fr;padding-top:75px}.sneaker-title h1{font-size:clamp(54px,10vw,100px)}.shoe-stage{min-height:420px;height:55vw}.sneaker-side{display:none}}@media(max-width:600px){.demo-header nav{gap:12px;font-size:11px}.demo-header nav a:first-child{display:none}.demo-brand{font-size:19px}.hero-copy{min-height:490px}.hero-copy h1{font-size:58px;margin-top:32px}.hero-visual{min-height:470px}.hero-visual img{height:95%}.hero-meta{gap:15px;font-size:8px}.customizer{padding-top:70px}.drink-preview{min-height:430px}.drink-preview img{height:450px}.preview-name{font-size:17px}.sneaker-title h1{font-size:54px}.shoe-stage{height:400px;min-height:400px}.shoe-stage img{width:135%}.shoe-customizer{padding-top:70px}.shoe-image-wrap{height:280px}.shoe-panel{padding:25px 20px}.demo-footer{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}