:root{--ink:#303e48;--coral:#f99576;--paper:#faf7f3;--sand:#ede3d7;--accent:#aa343f;--wash:#f4e1dc;--font:Quicksand,"Trebuchet MS",Arial,sans-serif}
*{box-sizing:border-box}html,body{margin:0;padding:0;overflow:hidden;background:var(--paper)}body{font-family:var(--font);color:var(--ink);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:0;cursor:pointer;padding:0;background:none}button:focus-visible,a:focus-visible{outline:2px solid var(--ink);outline-offset:2px}button:disabled{cursor:default}p,h1,h2,h3{margin:0}button img{pointer-events:none}.creative{position:relative;overflow:hidden;isolation:isolate;border:1px solid #dddad4;background:var(--paper);contain:layout paint}body.wide,body.wide .creative{width:970px;height:250px}body.tall,body.tall .creative{width:300px;height:600px}.brand-block{position:absolute;z-index:3}.brand-block:before{content:"";position:absolute;border-radius:50%;background:radial-gradient(circle at 40% 30%,#fde5d9,rgba(249,149,118,.08) 65%,transparent 70%);pointer-events:none;z-index:-1}.puffy-logo{display:block;object-fit:contain}.collection-label{font-size:8px;font-weight:700;letter-spacing:1.1px}h1{font-size:30px;line-height:1.08;letter-spacing:-1.3px;font-weight:700}h1 em{font-style:normal;color:#c85f45}.intro{font-size:12px;font-weight:500;line-height:1.45}.scene{position:absolute;overflow:hidden;background:#ddd4c9}.room-image{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 64%;user-select:none}.room-image.is-changing{animation:reveal-room .55s cubic-bezier(.2,.8,.2,1) both}.scene-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,25,35,.48),transparent 34%,transparent 75%,rgba(12,25,35,.35));pointer-events:none}.scene-heading{position:absolute;color:#fff;text-shadow:0 1px 10px #0005}.scene-overline{font-size:7px;letter-spacing:1.7px;font-weight:600;display:block;margin-bottom:4px}h2{font-size:21px;line-height:1.1;letter-spacing:-.5px;font-weight:700}.scene-note{position:absolute;color:#fff;font-family:Arial,sans-serif;font-size:7px;font-weight:400;bottom:10px;left:17px;opacity:.95;text-shadow:0 1px 4px #0009;max-width:82%}.scene-pager{position:absolute;bottom:13px;right:14px;display:flex;gap:3px}.scene-pager i{width:4px;height:4px;background:#fff6;border-radius:50%}.scene-pager i.active{width:15px;border-radius:4px;background:#fff}.hotspots{position:absolute;inset:0}.hotspot{position:absolute;transform:translate(-50%,-50%);width:27px;height:27px;border-radius:50%;background:#fff;color:#303e48;border:1px solid #fff7;box-shadow:0 0 0 5px #fff3,0 3px 18px #0003;font-family:Arial,sans-serif;font-size:21px;line-height:25px;font-weight:400;transition:background .2s,box-shadow .2s}.hotspot:hover,.hotspot:focus-visible{background:var(--coral);box-shadow:0 0 0 7px #ffffff50,0 2px 18px #0002}.hotspot:after{content:attr(data-label);position:absolute;top:-29px;left:50%;transform:translateX(-50%);white-space:nowrap;background:var(--paper);color:var(--ink);padding:5px 8px;border-radius:5px;font:700 9px var(--font);opacity:0;pointer-events:none;transition:opacity .2s}.hotspot:hover:after,.hotspot:focus-visible:after{opacity:1}.explorer{position:absolute}.explorer-heading{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1px;font-weight:700}.explorer-heading #world-count{color:#a9a39c;font-size:8px;letter-spacing:.5px}.world-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.world-tab{position:relative;overflow:hidden;isolation:isolate;border:1px solid #e4ddd4;transition:border-color .2s,box-shadow .2s;background:#eee7dd}.world-tab img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}.world-tab[aria-pressed=true]{border-color:var(--coral);box-shadow:0 0 0 2px var(--coral)}.world-tab:hover img{transform:scale(1.06)}.world-tab span{font-weight:700;white-space:nowrap}.discover{display:flex;align-items:center;justify-content:space-between;border:1px solid #d8cec1;border-radius:9px;text-align:left;font-weight:700;font-size:12px;background:#fff8;transition:background .2s,border-color .2s}.discover:hover{background:#fff;border-color:var(--coral)}.discover small{display:block;font-size:8px;line-height:1.1;font-weight:500;color:#7d7c76;margin-top:4px}.discover-plus{font-size:25px;font-weight:400;color:#bb6149}.range-copy{font-size:9px;line-height:1.4;color:#81847e}.cta{position:absolute;z-index:6;border:0;background:var(--ink);color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:space-between;text-decoration:none;font-weight:700;font-size:11px;padding:0 12px;box-shadow:0 3px 7px #293b4510;transition:background .2s,transform .2s}.cta .arrow{font-family:Arial,sans-serif;font-size:19px;color:var(--coral);line-height:1}.cta:hover{background:#1e2b33}.cta:active{transform:translateY(1px)}.legal{position:absolute;font-family:Arial,sans-serif;color:#888a84;font-size:7px;z-index:6}.product-panel{position:absolute;z-index:5;background:var(--paper);animation:panel-in .3s ease both}.product-panel[hidden]{display:none}.panel-heading{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1px;font-weight:700}.panel-heading button{font:400 23px/25px Arial,sans-serif;width:26px;height:26px;border-radius:50%;background:#eae2d9}.product-visual{overflow:hidden;position:relative;background:var(--wash);border-radius:10px;display:flex;align-items:center;justify-content:center}.product-visual img{width:100%;height:100%;object-fit:cover;display:block}.product-visual .crop-image{position:absolute;width:100%;height:100%;object-fit:cover;transform:scale(var(--zoom,1));transform-origin:var(--origin,50% 50%)}.product-visual .category-icon{width:110px;height:82px;color:var(--accent)}.visual-note{position:absolute;bottom:5px;left:7px;font:7px Arial,sans-serif;background:#fffdf6ed;padding:3px 5px;border-radius:3px;color:#596164}.product-kicker{font-size:8px;letter-spacing:.5px;font-weight:700;color:#b8674d;display:block;margin-bottom:3px}.product-text h3{font-size:18px;line-height:1.15;letter-spacing:-.5px}.product-text p{font-size:10px;line-height:1.35;margin-top:5px}.product-controls{display:flex;align-items:center;justify-content:space-between}.product-controls>button{width:29px;height:27px;background:#eee6dc;border-radius:6px;font:17px Arial,sans-serif}.product-controls>button:hover{background:#fbc7b5}.product-dots{display:flex;gap:4px;align-items:center}.product-dots button{width:14px;height:20px;position:relative}.product-dots button:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;top:8px;left:4px;background:#d9cfc3}.product-dots button[aria-pressed=true]:after{background:#c96b4c;width:9px;left:2px}.autoplay-progress{position:absolute;bottom:0;left:0;right:0;height:2px;z-index:9;background:#f995761a}.autoplay-progress i{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:var(--coral)}.is-autoplay .autoplay-progress i{animation:autoplay-line 27s linear forwards}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.google-ads{cursor:pointer}.google-ads button{cursor:pointer}.google-ads .cta{pointer-events:none}
.wide .brand-block{left:23px;top:17px;width:221px}.wide .brand-block:before{width:300px;height:300px;top:36px;left:-155px}.wide .puffy-logo{width:92px;height:36px}.wide .collection-label{margin-top:9px;font-size:7.5px;letter-spacing:1.15px}.wide h1{margin-top:11px}.wide .intro{margin-top:10px;font-size:11px}.wide .scene{left:261px;top:0;width:457px;height:248px;border-radius:72px 0 0 0}.wide .scene-heading{left:56px;top:18px}.wide .explorer{left:734px;right:16px;top:18px}.wide .world-tabs{gap:7px;margin-top:13px}.wide .world-tab{height:47px;border-radius:6px}.wide .world-tab:after{content:"";position:absolute;inset:12px 0 0;background:linear-gradient(transparent,#16212bbf);z-index:1}.wide .world-tab span{position:absolute;bottom:5px;left:1px;right:1px;color:#fff;z-index:2;font-size:8px;text-shadow:0 1px 4px #0007}.wide .discover{height:42px;width:100%;padding:0 11px;margin-top:13px}.wide .range-copy{margin-top:8px}.wide .cta{left:23px;top:204px;width:209px;height:32px}.wide .legal{left:734px;bottom:8px;font-size:6.7px}.wide .product-panel{left:722px;top:0;width:246px;height:231px;padding:11px 16px 6px 12px;box-shadow:-5px 0 20px #303e4807}.wide .product-visual{width:218px;height:95px;margin-top:7px}.wide .product-text{margin-top:9px}.wide .product-text h3{font-size:17px}.wide .product-text p{font-size:9px;min-height:24px}.wide .product-controls{position:absolute;bottom:5px;left:12px;right:16px}.wide .panel-heading{font-size:7.7px}.wide .product-controls>button{height:23px;width:25px}.wide .product-kicker{font-size:7px}.wide .product-dots{gap:3px}
.tall .brand-block{left:19px;top:13px;width:260px}.tall .brand-block:before{width:330px;height:330px;top:-70px;left:-160px}.tall .puffy-logo{width:86px;height:34px}.tall .collection-label{position:absolute;right:0;top:9px;width:132px;text-align:right;font-size:7px;letter-spacing:.6px;line-height:1.4}.tall h1{font-size:30px;line-height:1.08;margin-top:18px;letter-spacing:-1.2px}.tall .intro{font-size:10px;margin-top:8px}.tall .intro br{display:none}.tall .scene{left:0;top:168px;width:298px;height:226px;border-radius:30px 0 30px 0}.tall .scene-heading{left:17px;top:16px}.tall .scene-overline{font-size:6.5px;letter-spacing:1.3px}.tall h2{font-size:18px}.tall .scene-note{bottom:9px;left:12px;font-size:6.5px}.tall .scene-pager{right:24px;bottom:11px}.tall .hotspot{width:25px;height:25px;font-size:20px;line-height:23px}.tall .explorer{left:18px;right:18px;top:409px}.tall .explorer-heading{font-size:8px;letter-spacing:.8px}.tall .world-tabs{gap:7px 7px;margin-top:10px}.tall .world-tab{height:32px;border-radius:6px;background:#fff8;display:flex;align-items:center;gap:4px;padding:3px}.tall .world-tab img{width:24px;height:24px;object-fit:cover;border-radius:4px}.tall .world-tab span{font-size:7.5px;white-space:normal;text-align:left;line-height:1.15}.tall .world-tab[aria-pressed=true]{box-shadow:0 0 0 1px var(--coral);background:#ffe9e0}.tall .discover{height:26px;border:0;border-radius:0;margin-top:9px;width:100%;background:none;font-size:10px;padding:0 1px}.tall .discover>span:first-child{display:flex;align-items:center;gap:7px}.tall .discover small{display:inline;font-size:8px;font-weight:500;margin:0;color:#81847e}.tall .discover-plus{font-size:20px}.tall .range-copy{display:none}.tall .cta{left:18px;right:18px;top:540px;height:39px;font-size:12px;padding:0 15px}.tall .legal{left:0;right:0;bottom:8px;text-align:center;font-size:7px}.tall .product-panel{left:9px;top:175px;width:280px;height:355px;border:1px solid #e7ddd1;border-radius:18px;box-shadow:0 8px 40px #303e482b;padding:12px}.tall .product-visual{height:165px;margin-top:9px}.tall .product-text{margin-top:13px}.tall .product-text h3{font-size:21px}.tall .product-text p{font-size:11px;max-width:245px;min-height:30px}.tall .product-controls{position:absolute;bottom:12px;left:12px;right:12px}.tall .product-dots{gap:7px}.tall .product-controls>button{width:32px;height:29px}.tall .product-visual .category-icon{width:150px;height:126px}.tall .product-visual .visual-note{font-size:8px}
.wide .product-visual{height:84px}.wide .story-mode h1{font-size:25px;line-height:1.12;letter-spacing:-1.1px}.tall .story-mode h1{font-size:28px}
@keyframes reveal-room{from{opacity:.4;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes panel-in{from{opacity:0;transform:translateX(9px)}to{opacity:1;transform:translateX(0)}}@keyframes autoplay-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}