/* Product materials: graphite, glass, paper and satin. No decorative icon badges. */
.product-story{background:#fdfaf3;padding-block:clamp(64px,8vw,120px);overflow:hidden}
.product-story__grid{display:grid;grid-template-columns:1.03fr 1fr;gap:clamp(32px,5vw,80px);align-items:center}
.product-story__copy h2{font-family:var(--body);font-size:clamp(2.4rem,4.1vw,4rem);font-weight:600;line-height:1.13;letter-spacing:-.045em;margin:22px 0 26px}
.product-story__copy>p:not(.eyebrow){font-size:1rem;line-height:1.9;max-width:490px}
.connection-steps{list-style:none;counter-reset:connection;padding:0;margin:34px 0 38px}
.connection-steps li{counter-increment:connection;position:relative;padding:17px 0 17px 45px;border-top:1px solid #dfd4c4}
.connection-steps li:before{content:'0' counter(connection);position:absolute;left:0;top:19px;color:#956443;font-size:.75rem}
.connection-steps b,.connection-steps span{display:block}.connection-steps b{font-size:.93rem;font-weight:600}.connection-steps span{font-size:.84rem;line-height:1.7;margin-top:4px}
.product-still{position:relative;min-height:610px;perspective:1200px;isolation:isolate;--mx:0deg;--my:0deg}
.product-still__surface{position:absolute;inset:12% -20% 0 0;background:radial-gradient(ellipse at 53% 85%,#d7b88e55,transparent 65%);z-index:-1}
.real-device{position:absolute;left:27%;top:12px;width:258px;height:521px;padding:7px;border-radius:43px;background:linear-gradient(110deg,#d2ccc3 0%,#474641 4%,#111210 12%,#727168 90%,#d6d3cb 97%);box-shadow:1px 0 0 1px #756e64,-2px 0 0 1px #c9c0b2,14px 18px 25px -12px #261e1966,36px 55px 65px -25px #513b3c44;transform:rotate(-7deg) rotateY(var(--mx)) rotateX(var(--my));transition:transform .6s cubic-bezier(.22,1,.36,1);will-change:transform}
.real-device:before{content:'';position:absolute;left:-3px;top:103px;width:3px;height:54px;border-radius:2px;background:linear-gradient(#b4aea3,#55524d,#aba69c)}
.real-device:after{content:'';position:absolute;inset:7px;border-radius:36px;box-shadow:inset 0 0 0 1px #ffffff50;pointer-events:none}
.real-device__screen{height:100%;background:#fcf7eb;border:3px solid #171916;border-radius:36px;overflow:hidden}
.device-status{display:flex;align-items:center;justify-content:space-between;padding:12px 17px 9px;font-size:9px;color:#241f1b;font-weight:600;position:relative}.device-status i{position:absolute;left:calc(50% - 36px);width:72px;height:19px;top:7px;background:#171916;border-radius:20px}
.real-device__screen>img{width:100%;height:174px;object-fit:cover;display:block}
.device-content{padding:22px 17px}.device-content>span{font-size:7px;letter-spacing:1.3px;color:#9f4829}.device-content h3{font-family:Georgia,serif;font-size:29px;font-weight:400;line-height:1.05;margin:13px 0}.device-content p{font-size:8px;margin:9px 0;line-height:1.5}.device-rule{height:1px;background:#ded4c2;margin:15px 0}.device-content a{display:flex;justify-content:space-between;font-size:9px;background:#235b50;color:#fffaf1;border-radius:3px;padding:12px 10px;margin-top:17px;text-decoration:none}
.keepsake{position:absolute;left:7%;bottom:60px;width:164px;height:126px;background:linear-gradient(100deg,#7a251c,#a74631 30%,#8e3325 90%,#692519);box-shadow:inset 0 1px #df8a5a55,inset -9px 0 12px #49171133,10px 18px 22px -12px #56342988;transform:rotate(-5deg);border-radius:2px}
.keepsake__lid{position:absolute;left:-5px;right:-5px;top:-11px;height:20px;background:linear-gradient(#b95c40,#9c3929 55%,#742a20);border-radius:2px;box-shadow:0 4px 3px #3e100943}
.keepsake__ribbon{position:absolute;left:68px;top:-11px;bottom:0;width:28px;background:linear-gradient(90deg,#ad8650,#dbc49a 20%,#f3e0b4 50%,#bd985c 85%,#d7b77c);box-shadow:2px 0 2px #3f1c1844}
.keepsake__bow{position:absolute;top:-38px;width:54px;height:31px;border:8px solid #d4b582;box-shadow:inset 1px 2px 3px #75543277,1px 2px 2px #4e302933;background:#caa46b22}
.keepsake__bow--left{left:32px;border-radius:70% 100% 20% 100%;transform:rotate(17deg)}.keepsake__bow--right{left:81px;border-radius:100% 70% 100% 20%;transform:rotate(-17deg)}
.keepsake>span{position:absolute;left:13px;bottom:15px;color:#efd6aa;font:italic 14px Georgia,serif}
.product-still__caption{position:absolute;right:0;bottom:8px;margin:0;font-size:.7rem;line-height:1.9;text-align:right;color:#785e45}.product-still__caption em{font:italic 22px Georgia,serif;color:#3d3027}
.text-link{background-image:linear-gradient(currentColor,currentColor);background-size:0 1px;background-repeat:no-repeat;background-position:left bottom;transition:background-size .3s ease}.text-link:hover{background-size:100% 1px}
.product-story__copy,.product-still{transition:opacity .8s ease,translate .8s cubic-bezier(.22,1,.36,1)}
.product-story.is-entering .product-story__copy{opacity:0;translate:0 22px}.product-story.is-entering .product-still{opacity:0;translate:0 36px}
html.motion-paused .real-device{transform:rotate(-7deg);transition:none}html.motion-paused .product-story__copy,html.motion-paused .product-still{opacity:1;translate:none;transition:none}
@media(max-width:900px){.product-story__grid{gap:24px}.product-still{min-height:555px}.real-device{left:16%;width:236px;height:495px}.device-content{padding:17px}.keepsake{left:0;bottom:34px;width:146px;height:110px}.product-still__caption{bottom:-20px}}
@media(max-width:700px){.product-story__grid{grid-template-columns:1fr}.product-still{width:min(100%,410px);margin:12px auto 20px;min-height:555px}.real-device{left:27%;width:230px;height:485px}.keepsake{left:5%;bottom:30px}.product-still__caption{right:4%;bottom:-14px}.product-story__copy h2{font-size:2.6rem}.connection-steps{margin-block:24px}.product-story__copy>p:not(.eyebrow){font-size:.94rem}}
@media(prefers-reduced-motion:reduce){.real-device{transform:rotate(-7deg);transition:none}.product-story__copy,.product-still{opacity:1!important;translate:none!important;transition:none!important}}

/* Plain section transitions replace the repeated scallop treatment. */
.band::before,.band::after{display:none!important}.band{border-block:1px solid #e1cba5;background:#fff0ca!important}