/* LUME: a complete change on one stage. Artboard 720 × 660. */
.t17-transform{position:relative;width:720px;height:660px;color:#33271f;font-family:Figtree,Arial,sans-serif;font-size:16px;line-height:1.3;text-align:left;isolation:isolate}
.t17-transform *{box-sizing:border-box}.t17-transform img{display:block;max-width:none}.t17-transform svg{display:block}.t17-transform h3,.t17-transform h4,.t17-transform p{margin:0}.t17-transform .l16-logo{font-family:Sora,sans-serif}
.t17-halo{position:absolute;left:65px;top:5px;width:630px;height:610px;pointer-events:none;background:radial-gradient(ellipse at 45% 50%,#bc864743,transparent 66%)}
.t17-orbit{position:absolute;left:37px;top:72px;width:616px;height:452px;border:1px solid #e0bd782c;transform:rotate(-7deg);pointer-events:none}
.t17-mac{position:absolute;left:4px;top:108px;width:628px;overflow:hidden;border:1px solid #9e9b90;border-radius:11px 11px 9px 9px;background:#151716;box-shadow:0 28px 50px #0007,0 0 0 3px #282a27;transform-origin:50% 50%;isolation:isolate}
.t17-browser{position:relative;z-index:8;height:28px;display:flex;align-items:center;justify-content:space-between;background:#e9e7df;color:#7b7a72;padding-inline:13px;border-bottom:1px solid #a49e8c33}.t17-browser>span:first-child{display:flex;gap:5px}.t17-browser i{width:5px;height:5px;border-radius:50%;background:#a8a79e}.t17-browser i:first-child{background:#b6a39b}.t17-browser b{font:8px 'IBM Plex Mono',monospace;font-weight:400;letter-spacing:.3px}.t17-browser>span:last-child{font:11px Arial}
.t17-display{height:387px;position:relative;overflow:hidden;background:#161816;isolation:isolate}.t17-new-site,.t17-old-layer,.t17-maintenance{position:absolute;inset:0;overflow:hidden;transform-origin:50% 50%}.t17-new-site{background:#eee7d8}.t17-web-scroll{width:1200px;transform:translateY(-85px) scale(.521666667);transform-origin:0 0;will-change:transform}.t17-mac-chin{height:15px;background:linear-gradient(#292c29,#212421);display:flex;justify-content:center;align-items:center;border-top:1px solid #0007}.t17-mac-chin>i{display:block;width:4px;height:4px;border-radius:50%;background:#9c9f9160}
.t17-web-extra{width:1200px;height:356px;display:grid;grid-template-columns:1fr 1fr;background:#e9dfcd;color:#33271f;padding:39px 53px;position:relative;border-top:1px solid #33271f24}.t17-web-extra>div:first-child>span{font:10px Figtree,sans-serif;letter-spacing:1.5px}.t17-web-extra h3{font:500 43px/1.02 Figtree,sans-serif;letter-spacing:-2px;margin:17px 0 16px}.t17-web-extra h3 em{font:400 45px Georgia,serif;letter-spacing:-2px}.t17-web-extra p{font:16px/1.4 Figtree,sans-serif;max-width:330px;color:#74624e}.t17-web-extra b{font:500 14px Figtree,sans-serif;display:flex;justify-content:space-between;width:200px;margin-top:20px;border-bottom:1px solid #33271f6a;padding-bottom:10px}.t17-web-detail{background:#ccb497;position:relative;overflow:hidden;margin-left:26px;border-radius:140px 0 0 0}.t17-web-detail img{position:absolute;width:440px;height:440px;object-fit:contain;left:16px;top:-65px}.t17-web-detail>span{position:absolute;bottom:15px;right:19px;font:11px Figtree,sans-serif;color:#5d4734}
/* Deliberately dated, cramped and indecisive. This is a fictional before version. */
.t17-old-layer{opacity:0}.t17-old-site{height:387px;width:626px;background:#fff;color:#000;font:10px Arial,sans-serif;padding:8px 15px 0;box-shadow:inset 0 0 0 8px #cfdae8}
.t17-old-top{height:47px;display:flex;align-items:center;gap:22px;background:linear-gradient(#304f8c,#9aacd3);padding:6px 16px;border:2px ridge #acbdd9}.t17-old-top>strong{font:bold italic 33px Georgia,serif;letter-spacing:3px;color:#ffff86;text-shadow:2px 2px #1b2752}.t17-old-top>span{font:bold 13px 'Times New Roman',serif;color:#fff}.t17-old-links{height:24px;background:#eee;text-align:center;line-height:24px;color:#112d68;font:bold 10px/24px Arial;margin:4px 0;border:2px outset #ddd}
.t17-old-columns{display:grid;grid-template-columns:112px 1fr 102px;gap:10px;height:276px}.t17-old-columns aside{padding:5px;background:#eee;border:1px solid #abc}.t17-old-columns aside>b{display:block;background:#4672b4;color:#fff;font:11px Arial;padding:3px;margin:-4px -4px 8px}.t17-old-columns aside>span{display:block;font:10px/1.8 Arial;text-decoration:underline;color:#235aa0;white-space:nowrap}.t17-old-columns aside>div{background:#ffff99;color:#d60000;border:2px ridge #e33;text-align:center;font:bold 17px/1.1 'Times New Roman',serif;margin:17px 1px 12px;padding:12px 0}.t17-old-columns aside small{font:9px/1.4 Arial;color:#444}.t17-old-columns .t17-old-main{padding:7px 2px 0}.t17-old-columns .t17-old-main h3{font:bold 14px/1.1 'Times New Roman',serif;color:#284278;text-align:center;letter-spacing:0}.t17-old-columns .t17-old-main>p{font:10px/1.25 Arial;margin:12px 0}.t17-old-columns .t17-old-main hr{border:0;border-top:1px solid #b1c0d9;margin:10px 0}.t17-old-columns .t17-old-main h4{font:bold 11px Arial;text-align:center;color:#cc1e1e;text-decoration:underline}.t17-old-product{display:flex;gap:14px;align-items:center;justify-content:center;margin:6px 0}.t17-old-product img{width:62px;height:74px;object-fit:contain;background:#f1ede6;padding:8px;border:1px solid #ddd;image-rendering:pixelated}.t17-old-product b{font:bold 11px Arial}.t17-old-product p{font:8px/1.2 Arial;margin:5px 0;color:#555}.t17-old-product u{font:9px Arial;color:#00e}.t17-old-columns .t17-old-main>p.t17-old-red{font:bold 8px Arial;color:#d11;text-align:center;margin:8px 0}.t17-old-boxes{display:flex;gap:5px;margin-top:10px}.t17-old-boxes>span{flex:1;text-align:center;font:9px Arial;padding:7px 4px;border:2px outset #cbd3df;background:#eff3f9;color:#003782}.t17-old-right{background:#f8f8e6!important}.t17-old-right>strong{font:bold 12px Arial;color:#d22}.t17-old-right>p{font:10px/1.2 Arial;margin-top:12px!important}.t17-old-right>div{background:#e4eefb!important;color:#243b70!important;border:2px dotted #ba3d3d!important;font-size:11px!important}.t17-old-right em{font:bold 29px Arial;color:#d11}.t17-old-bottom{text-align:center;font:8px/22px Arial;color:#44637e;border-top:1px solid #b9cbe1}
/* The CRT transition stays inside the monitor, never flashes the page. */
.t17-crt-line{position:absolute;z-index:7;left:8%;right:8%;top:50%;height:2px;background:#fff3cd;box-shadow:0 0 7px #fff0b3;opacity:0;transform-origin:center}
.t17-maintenance{z-index:2;background:#29251f;color:#f2eadc;opacity:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding-bottom:10px}.t17-maintenance>.l16-logo{font-size:35px;letter-spacing:-3px}.t17-maintenance h3{font:500 39px/1.02 Figtree,sans-serif;letter-spacing:-1.5px;color:#f2eadc;margin:30px 0 16px}.t17-maintenance h3 em{font:400 42px Georgia,serif;color:#d7ae71}.t17-maintenance p{font:12px Figtree,sans-serif;color:#bdb4a3}.t17-maintenance>div:last-child{width:133px;height:2px;background:#f6ecda22;margin-top:23px;overflow:hidden}.t17-maintenance>div:last-child i{height:100%;display:block;background:#d6ad6b;transform-origin:0 50%}
/* One upright phone: the screen clips behind an opaque, unmoving bezel. */
.t17-phone{position:absolute;z-index:5;left:491px;top:215px;width:217px;height:436px;padding:5px;border-radius:30px;background:linear-gradient(115deg,#b2a38e,#615a4d 17%,#cfc4ae 53%,#6c6558 87%,#b8ac95);box-shadow:0 1px 0 1px #c6bcae,0 25px 37px #0008;transform-origin:50% 50%;isolation:isolate}.t17-phone:before{content:"";position:absolute;width:2px;height:36px;right:-2px;top:104px;background:#8c826f;border-radius:2px}.t17-phone-glass{position:relative;height:100%;width:100%;border:4px solid #171a16;border-radius:26px;overflow:hidden;background:#eee7d8;isolation:isolate;transform:translateZ(0)}.t17-phone-glass:after{content:"";position:absolute;z-index:20;inset:-.4px;border:2px solid #181a16;border-radius:24px;pointer-events:none}.t17-status{position:absolute;z-index:10;inset:0 0 auto;height:26px;display:flex;justify-content:space-between;padding:7px 12px 0;background:#eee7d8;color:#33271f;font:8px Figtree,sans-serif}.t17-status>i{position:absolute;left:50%;top:4px;width:55px;height:15px;border-radius:20px;background:#151813;transform:translateX(-50%)}.t17-status>i:after{content:"";position:absolute;width:4px;height:4px;right:6px;top:5px;border-radius:50%;background:#223534}.t17-status>span:last-child{font:7px Figtree,sans-serif;letter-spacing:1px}.t17-phone-view{position:absolute;top:26px;left:0;right:0;bottom:10px;overflow:hidden;isolation:isolate}.t17-homebar{position:absolute;z-index:22;bottom:4px;left:50%;width:62px;height:3px;border-radius:5px;background:#1b211b;transform:translateX(-50%)}
.t17-product-page,.t17-order-page,.t17-success-page{position:absolute;inset:0;background:#eee7d8;overflow:hidden}.t17-product-page,.t17-order-page{opacity:0}.t17-p-nav{height:39px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #3d2b1a22;margin:0 12px}.t17-p-nav>.l16-logo{font-size:23px;letter-spacing:-2px}.t17-p-nav>.l16-logo>span:after{width:3px;height:3px;top:4px;left:6px}.t17-p-nav>.l16-logo>i{height:3px;width:3px;margin-left:4px;margin-top:2px}.t17-p-nav>span{font:8px Figtree,sans-serif;letter-spacing:.4px}.t17-cart-icon{width:21px;height:26px;display:flex;align-items:center;position:relative}.t17-cart-icon>svg{width:17px;height:19px}.t17-cart-icon>i{position:absolute;right:-2px;top:1px;background:#9a653d;color:#fff8e7;font:7px/10px Figtree,sans-serif;width:10px;height:10px;text-align:center;border-radius:50%;font-style:normal}
.t17-p-photo{position:relative;height:167px;background:radial-gradient(ellipse at 50% 65%,#d3bb9552,transparent 72%)}.t17-p-photo>span{position:absolute;left:9px;top:3px;font:500 59px Figtree,sans-serif;letter-spacing:-5px;color:#a7886923}.t17-p-photo>img{position:absolute;left:16px;top:9px;width:168px;height:158px;object-fit:contain;filter:drop-shadow(5px 6px 4px #5d3c2520)}.t17-p-info{padding:0 13px;font-size:10px;line-height:1.3}.t17-p-info>span{display:block;font:7px/10px Figtree,sans-serif;letter-spacing:1.3px;color:#8a7055}.t17-p-info>div:first-of-type{display:flex;align-items:center;justify-content:space-between;margin:6px 0}.t17-p-info strong{font:500 22px Figtree,sans-serif;letter-spacing:-.8px}.t17-p-info b{font:500 12px Figtree,sans-serif}.t17-p-info>p{font:10px/1.4 Figtree,sans-serif;color:#7b624c}.t17-p-choice{display:flex;align-items:center;gap:7px;margin:9px 0 11px;font:8px Figtree,sans-serif;color:#7b624c}.t17-p-choice>i{width:15px;height:15px;border-radius:50%;background:linear-gradient(135deg,#844122,#dfb592 40%,#914822);border:1px solid #ad784e;outline:1px solid #947454;outline-offset:2px}.t17-p-choice>b{margin-left:auto;font:7px Figtree,sans-serif;color:#6c765d}.t17-add-cart{height:32px;background:#33271f;color:#f6ead8;display:flex;align-items:center;justify-content:space-between;padding:0 10px;font:9px Figtree,sans-serif}.t17-add-cart>svg{width:14px;height:17px}.t17-p-info>small{font:6.5px Figtree,sans-serif;display:block;text-align:center;margin-top:6px;color:#7d6953}
.t17-order-page h3{font:500 27px/1.05 Figtree,sans-serif;letter-spacing:-1px;margin:20px 13px 16px;color:#33271f}.t17-order-item{display:flex;gap:13px;margin:0 13px 16px;border-bottom:1px solid #33271f27;padding-bottom:14px}.t17-order-item>img{width:56px;height:66px;object-fit:contain;background:#e1d3be;border-radius:3px}.t17-order-item>div{display:flex;flex-direction:column;justify-content:center;gap:4px}.t17-order-item b{font:500 14px Figtree,sans-serif}.t17-order-item span{font:9px Figtree,sans-serif;color:#8b755e}.t17-order-item strong{font:500 11px Figtree,sans-serif;margin-top:5px}.t17-order-row{display:flex;align-items:center;justify-content:space-between;margin:13px;font:10px Figtree,sans-serif;color:#8b755e}.t17-order-row>b{font-weight:400;color:#33271f}.t17-order-total{display:flex;align-items:center;justify-content:space-between;margin:15px 13px;font:13px Figtree,sans-serif}.t17-order-total strong{font:500 17px Figtree,sans-serif;letter-spacing:-.5px}.t17-apple-pay{height:40px;background:#181917;color:#fff;display:flex;align-items:center;justify-content:center;gap:2px;border-radius:5px;margin:18px 13px 12px}.t17-apple-pay svg{width:17px;height:22px}.t17-apple-pay span{font:500 20px Figtree,sans-serif;letter-spacing:-.4px}.t17-pay-note{font:9px/1.4 Figtree,sans-serif!important;text-align:center;color:#8b755e}.t17-pay-processing{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:6px;font:8px Figtree,sans-serif;color:#8b755e;opacity:0}.t17-pay-processing i{width:9px;height:9px;border:1px solid #bba88b;border-right-color:#33271f;border-radius:50%}
.t17-success-page{text-align:center}.t17-success-icon{display:flex;align-items:center;justify-content:center;width:47px;height:47px;background:#e3d7c1;border:1px solid #95836755;border-radius:50%;margin:22px auto 13px;color:#655b41}.t17-success-icon svg{width:35px;height:35px}.t17-success-page>span{font:7px Figtree,sans-serif;letter-spacing:1.5px;color:#8c7557}.t17-success-page h3{font:500 24px/1.05 Figtree,sans-serif;letter-spacing:-.9px;color:#33271f;margin:10px 0 18px}.t17-success-page h3 em{font:400 24px/1.15 Georgia,serif;letter-spacing:-1px}.t17-success-item{display:flex;align-items:center;gap:15px;padding:11px 20px;background:#e4d9c5;margin:0 13px;text-align:left}.t17-success-item img{width:38px;height:51px;object-fit:contain}.t17-success-item>div{display:flex;flex-direction:column;gap:7px}.t17-success-item b{font:500 12px Figtree,sans-serif}.t17-success-item span{font:8px Figtree,sans-serif;color:#8b755e}.t17-success-total{display:flex;justify-content:space-between;margin:15px 17px;color:#8b755e;font:9px Figtree,sans-serif}.t17-success-total strong{color:#33271f;font-weight:500}.t17-success-page>p{font:8px/1.5 Figtree,sans-serif;color:#8b755e;margin-top:13px}
.t17-cursor{position:absolute;z-index:15;width:22px;height:28px;left:0;top:0;pointer-events:none;opacity:0;filter:drop-shadow(0 2px 2px #0003)}.t17-complete-note{position:absolute;top:566px;left:38px;display:flex;align-items:center;gap:13px;color:#c2bcad;font:15px/1.45 Figtree,sans-serif;letter-spacing:-.2px}.t17-complete-note>i{display:flex;width:27px;height:27px;align-items:center;justify-content:center;border:1px solid #d4b37166;border-radius:50%;color:#d6b477;font:16px Figtree,sans-serif;font-style:normal}.t17-complete-note strong{font-weight:500;color:#f1e5cf}

/* Safari chrome is shared verbatim by the transformation and result shots. */
.t18-safari{height:34px;position:relative;z-index:8;display:flex;align-items:center;gap:14px;padding:0 13px;background:linear-gradient(#e4e2dd,#d9d7d2);border-bottom:1px solid #a8a69d;color:#6b6a65;font:9px Figtree,sans-serif;box-sizing:border-box}
.t18-safari *{box-sizing:border-box}.t18-safari svg{display:block;fill:none;stroke:currentColor;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.t18-traffic{display:flex;gap:6px;align-items:center;flex-shrink:0}.t18-traffic>i{height:7px;width:7px;display:block;border-radius:50%;box-shadow:inset 0 0 0 .5px #0002;background:#ed6a5e}.t18-traffic>i:nth-child(2){background:#f4bf4f}.t18-traffic>i:nth-child(3){background:#61c555}
.t18-history{display:flex;gap:13px;align-items:center;padding-left:5px;flex-shrink:0}.t18-history svg{width:9px;height:13px}.t18-history svg:last-child{opacity:.45}
.t18-address{display:flex;align-items:center;gap:7px;justify-content:center;height:23px;max-width:315px;flex:1;margin-left:31px;margin-right:auto;background:#f6f5f2;border:1px solid #c9c7bf;border-radius:5px;box-shadow:0 1px 2px #514d4308;position:relative;color:#66665f}
.t18-address>svg{width:8px;height:10px}.t18-address>span{font:8px Figtree,sans-serif;letter-spacing:.1px}.t18-address>svg:last-child{position:absolute;right:7px;width:10px;height:10px;opacity:.8}
.t18-safari-tools{display:flex;gap:13px;align-items:center;margin-left:auto;flex-shrink:0}.t18-safari-tools>svg{width:12px;height:15px}
/* The long opening line gets its own optical size, on the exact same baseline. */
.l16-title>.t18-changing-title{position:relative;min-height:124px;white-space:nowrap}
.t18-changing-title>.t18-title-first{position:absolute;left:0;top:4px;display:block;font:400 98px/1.14 Georgia,"Times New Roman",serif;letter-spacing:-5.7px;opacity:0}
.t18-changing-title>.t18-title-final{position:relative;display:block;font:400 113px/1.08 Georgia,"Times New Roman",serif;letter-spacing:-7px;opacity:1}
.t17-success-page>.t18-success-signature{display:block;margin:14px 12px 0;padding-top:10px;border-top:1px solid #33271f28;color:#30251e;font:600 8px/1.1 Figtree,sans-serif;letter-spacing:1.55px}
.t17-success-page .t17-success-icon{width:43px;height:43px;margin:15px auto 10px}.t17-success-page h3{margin-bottom:14px}.t17-success-page .t17-success-item{padding-block:8px}.t17-success-page .t17-success-item img{height:44px}.t17-success-page>.t18-success-signature{margin-top:11px;padding-top:8px}
