/* Product stories, scoped to the brand homepage. */
#homeView .hx-feature{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:76px;border-bottom:1px solid var(--hm-line)}
#homeView .hm-hero-photos .hx-art{height:550px;padding:22px}
#homeView .hm-hero-photos .hx-art h3{font-size:22px}
#homeView #hm-lightbox-scene{max-width:540px;margin:auto}
#homeView #hm-lightbox-image[hidden]{display:none}
@media(max-width:640px){#homeView .hm-hero-photos .hx-art{height:388px;padding:14px}#homeView .hm-hero-photos .hx-art h3{font-size:16px;margin:12px 0}#homeView .hm-hero-photos .hx-art>header{font-size:18px;margin-bottom:12px;padding-bottom:10px}#homeView .hm-hero-photos .hx-row{font-size:9px;padding:10px 0;min-height:40px}#homeView .hm-hero-photos .hx-paper{padding:10px;margin-top:12px}#homeView .hm-hero-photos .hx-lines{height:25px}#homeView .hm-hero-photos .hx-landscape{height:70px}}
#homeView .hx-feature h2{font-size:clamp(32px,3.7vw,52px)}
#homeView .hx-stage{background:#eae5da;border-radius:28px;padding:32px;min-width:0}
#homeView .hx-controls{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:24px}
#homeView .hx-controls button{border:1px solid #cfc7b8;border-radius:25px;background:transparent;color:#70695d;padding:10px 17px;font:12px system-ui;cursor:pointer}
#homeView .hx-controls button[aria-pressed=true]{background:#666f5d;color:#fff;border-color:#666f5d}
#homeView .hx-art{background:#f7f3eb;padding:28px;border:1px solid #d9d1c2;border-radius:19px;color:#57564c;text-align:left;line-height:1.6;min-width:0}
#homeView .hx-art>header{font:600 23px system-ui;display:flex;justify-content:space-between;border-bottom:1px solid #ded5c5;padding-bottom:21px;margin-bottom:26px}
#homeView .hx-art>header span{font-size:16px;color:#aaa58f}
#homeView .hx-art small{font:10px/1.7 system-ui;color:#8b826f;letter-spacing:.06em}
#homeView .hx-art h3{font:26px/1.45 Georgia,SimSun,serif;margin:15px 0 24px}
#homeView .hx-art h4{font:22px Georgia,SimSun,serif;margin:15px 0}
#homeView .hx-row{display:flex;align-items:center;gap:16px;border-bottom:1px solid #ded6c8;padding:19px 0;font:12px/1.8 system-ui;color:#797460}
#homeView .hx-row>strong{font-weight:450;color:#55564b;flex:1}
#homeView .hx-row>small{font-size:9px;max-width:90px}
#homeView .hx-paper{background:#ede9de;border:1px solid #d9d1c2;border-radius:14px;padding:20px;margin-top:24px}
#homeView .hx-paper p{font:17px/1.9 Georgia,SimSun,serif;margin:16px 0}
#homeView .hx-lines{height:55px;background:repeating-linear-gradient(transparent 0,transparent 25px,#cfcabb 26px,transparent 27px)}
#homeView .hx-pill{font:11px/1.7 system-ui;color:#777961;margin-top:24px;border-radius:20px;background:#e4e5d9;padding:11px 16px;text-align:center}
#homeView .hx-arrow{font:28px Georgia;text-align:center;padding:12px;color:#aaa18d}
#homeView .hx-message{padding:24px;background:#e5dccd;border-radius:18px 18px 18px 2px;font:16px/1.9 Georgia,SimSun,serif}
#homeView .hx-art>footer{display:flex;justify-content:space-between;border-top:1px solid #d9d1c2;font:11px system-ui;padding-top:18px;margin-top:26px}
#homeView .hx-landscape{height:145px;border-radius:12px;background:#d9d9c5;position:relative;overflow:hidden;margin:20px 0}
#homeView .hx-landscape:before,#homeView .hx-landscape:after{content:"";position:absolute;background:#aeb39a;width:110%;height:135px;left:-30%;bottom:-75px;border-radius:50%;transform:rotate(-15deg)}
#homeView .hx-landscape:after{background:#c0c4ac;left:40%;bottom:-55px;transform:rotate(20deg)}
#homeView .hx-landscape span{position:absolute;left:20px;top:17px;font:30px Georgia;z-index:1;color:#666c58}
#homeView .hx-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin:20px 0}
#homeView .hx-grid>span{padding:8px 0;text-align:center;font:12px system-ui;border-radius:5px}
#homeView .hx-grid .hx-mark{background:#c5b49c}
#homeView .hx-time .hx-row{min-height:85px}
#homeView .hx-time .hx-row:nth-child(2){background:#d9c4b3;border-radius:12px;padding:18px 12px}
#homeView .hx-widgets{display:grid;grid-template-columns:1fr 1fr;gap:18px;--cover:#b9bea6;--shape:#8c967a}
#homeView .hx-mood-1{--cover:#c8cabb;--shape:#8b9a92}
#homeView .hx-mood-2{--cover:#e1cdb2;--shape:#c0a47e}
#homeView .hx-widget{position:relative;overflow:hidden;min-height:155px;background:#f7f3eb;border:1px solid #d2c9b8;border-radius:24px;padding:23px;color:#585b4c;box-shadow:0 12px 20px -18px #534a3a55;transition:background .4s}
#homeView .hx-widget small{font:9px system-ui;letter-spacing:.15em;display:block}
#homeView .hx-widget b{font:42px Georgia;display:block;margin-top:13px}
#homeView .hx-widget-day{grid-column:1/-1;min-height:285px;background:var(--cover)}
#homeView .hx-widget-day strong{font:106px Georgia;display:block;position:relative;z-index:2}
#homeView .hx-widget-day span{position:relative;z-index:2;font:15px Georgia,SimSun,serif}
#homeView .hx-widget-day i{position:absolute;width:300px;height:300px;border:38px solid var(--shape);border-radius:50%;right:-55px;bottom:-130px;transform:rotate(-25deg)}
#homeView .hx-mood-1 .hx-widget-day i{border-radius:25%;transform:rotate(35deg)}
#homeView .hx-mood-2 .hx-widget-day i{border-radius:50%;width:160px;height:160px;bottom:70px;right:35px;border-width:0;background:#eee1bb}
#homeView .hx-week{margin-top:22px;word-spacing:7px;font:10px system-ui}
#homeView .hx-widget .hx-grid{margin:8px 0 0;gap:2px}
#homeView .hx-widget .hx-grid>span{font-size:9px;padding:3px 0}
#homeView .hx-note{font:10px/1.8 system-ui;color:#827965;margin-top:20px}
#homeView .hx-orbit{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:15px}
#homeView .hx-orbit button{aspect-ratio:1;border-radius:50%;border:1px solid #b4b59f;background:#dedfce;color:#59634f;font:24px Georgia,SimSun,serif;cursor:pointer;transition:transform .3s}
#homeView .hx-orbit button:nth-child(2){background:#e3d0bc}
#homeView .hx-orbit button:nth-child(3){background:#d9c6bd}
#homeView .hx-orbit button:nth-child(4){background:#cbd3cd}
#homeView .hx-orbit button[aria-pressed=true]{outline:2px solid #77775f;outline-offset:5px;transform:scale(.95)}
#homeView .hx-orbit button span{display:block;font:10px system-ui;margin-bottom:10px}
#homeView .hx-relation-card{background:#f7f3eb;border-radius:15px;padding:6px 22px;margin-top:22px}
#homeView .hx-relation-card .hx-row{border:0}
#homeView .hx-people{display:flex;margin:28px 0}
#homeView .hx-people span{width:60px;height:60px;border:3px solid #f7f3eb;margin-right:-8px;border-radius:50%;background:#bac0ac;display:grid;place-items:center;font:12px system-ui}
#homeView .hx-people span:nth-child(2){background:#d6bda7}
#homeView .hx-people span:nth-child(3){background:#c3cfca}
#homeView .hm-shot:has(.hx-art){line-height:1.6;border:0;border-radius:18px;height:auto;box-shadow:0 15px 35px -25px #554a3e55}
#homeView .hm-flow-image .hx-art{padding:23px}
#homeView .hm-photo-flow #hm-flow-panel{max-width:390px}
#homeView .hm-screenshot-compare #hm-calendar{max-width:390px}
#homeView #hm-detail-shot{display:none}
#homeView .hm-capture-shot .hx-art{min-height:425px}
#homeView .hm-journal-photo .hx-art{min-height:520px}
#homeView .hm-scenario-photo .hx-art{min-height:380px}
#homeView .hx-device-scene{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:35px}
#homeView .hx-device-scene>div{border:1px solid #c6bdac;border-radius:15px;padding:20px;background:#efeade}
#homeView .hx-device-scene>div:first-child{grid-column:1/-1;border-radius:10px;border-bottom:7px solid #bbb6a5}
#homeView .hx-device-scene strong{display:block;font:18px Georgia;margin-bottom:13px}
#homeView .hx-device-scene span{display:block;background:#d8ddcd;border-radius:5px;font:11px/1.7 system-ui;padding:12px;color:#59634f}
@media(max-width:800px){#homeView .hx-feature{grid-template-columns:1fr;gap:30px}#homeView .hx-stage{padding:24px}#homeView .hx-feature .hm-lead{max-width:100%}}
@media(max-width:480px){#homeView .hx-stage{padding:18px}#homeView .hx-art{padding:20px}#homeView .hx-art h3{font-size:23px}#homeView .hx-controls button{font-size:11px;padding:9px 12px}#homeView .hx-widgets{gap:12px}#homeView .hx-widget{padding:17px}#homeView .hx-row{gap:10px;font-size:11px}#homeView .hx-orbit{padding:9px;gap:18px}}