/* Visual direction for the homepage sections. */
body[data-route="home"] .home-intro{padding-block:85px 70px;gap:7%;grid-template-columns:1.1fr 1fr}
body[data-route="home"] .home-intro h2{font-size:clamp(54px,6.6vw,104px);letter-spacing:-4px;line-height:.97}
body[data-route="home"] .home-intro h2 em{color:#8b7050}
.visual-index{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.8px;text-transform:uppercase;border-bottom:1px solid #cfc7b8;padding-bottom:16px;margin-bottom:28px}
.visual-index>span:last-child{color:#8b806d}
.home-campaign{position:relative;isolation:isolate;min-height:680px;height:min(62vw,870px);background:#302b27;color:#f5f2ea;overflow:hidden;display:flex;align-items:center}
.campaign-image{position:absolute;z-index:-2;width:100%;height:calc(100% + 90px);max-width:none;inset:-45px 0;object-fit:cover;object-position:center;transform:translate3d(0,var(--campaign-shift,0px),0);will-change:transform}
.home-campaign::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#231e1aea 0%,#231e1a96 30%,#231e1a0a 70%);z-index:-1;pointer-events:none}
.campaign-top{position:absolute;top:30px;left:6%;right:6%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:1.6px}
.motion-control{color:inherit;background:#302923c9;border:1px solid #f5f2ea66;padding:10px 14px;font-size:10px;letter-spacing:.5px;min-height:38px}
.motion-control:hover{background:#f5f2ea17}
.campaign-copy{padding:100px 6%;max-width:900px}
.campaign-copy .kicker{color:#d6ccb8;margin-bottom:28px}
.campaign-copy h2{font-family:Arial,Helvetica,sans-serif;font-weight:800;line-height:.9;letter-spacing:-5px;font-size:clamp(62px,7.8vw,124px);margin:0 0 30px}
.campaign-copy h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-5px;display:block;margin-top:8px}
.campaign-copy>p:not(.kicker){max-width:305px;line-height:1.9;font-size:13px;color:#e0dccf}
.campaign-link{display:inline-flex;align-items:center;gap:25px;font-size:11px;letter-spacing:.4px;margin-top:20px}
.campaign-link>span{display:grid;place-items:center;width:47px;height:47px;border:1px solid #e2dec68f;border-radius:50%;font-size:22px;transition:transform .25s,background .25s,color .25s}
.campaign-link:hover>span{transform:rotate(-35deg);background:#f5f2ea;color:#e9e3da}
.campaign-bottom{position:absolute;bottom:26px;left:6%;right:6%;display:flex;justify-content:space-between;gap:25px;border-top:1px solid #efe6cf44;padding-top:18px;font-size:8px;letter-spacing:2px;color:#d6ceba}
.visual-wordstrip{overflow:hidden;background:#e6ded3;padding:27px 0;color:#e9e3da;position:relative}
.visual-wordstrip>div{display:flex;gap:40px;align-items:center;justify-content:center;white-space:nowrap;transform:translateX(var(--type-shift,0px));font-size:clamp(26px,4.5vw,70px);font-weight:700;letter-spacing:-1.8px;line-height:1}
.visual-wordstrip em{font-family:Georgia,serif;font-weight:400}
.visual-wordstrip i{font-style:normal;font-size:.65em}
body[data-route="home"] .home-collections{border-top:0;padding-block:28px}
body[data-route="home"] .home-selection{padding-block:95px}
body[data-route="home"] .home-selection h2{font-size:clamp(39px,4.7vw,67px);letter-spacing:-2px}
body[data-route="home"] .home-picks{gap:32px;align-items:start}
body[data-route="home"] .home-picks .product-card{position:relative}
body[data-route="home"] .home-picks .product-card:nth-child(2){margin-top:65px}
body[data-route="home"] .home-picks .product-photo{border:1px solid #d6d1c5;overflow:hidden}
body[data-route="home"] .home-picks .product-photo img{transition:transform .7s cubic-bezier(.2,.75,.2,1)}
body[data-route="home"] .home-picks .product-card:hover .product-photo img{transform:scale(1.025)}
.piece-index{display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:1.3px;color:#827766;margin:0 0 14px;padding-top:15px;border-top:1px solid #b8af9e}
body[data-route="home"] .home-picks .favorite{top:56px}
body[data-route="home"] .home-style{position:relative;overflow:hidden;background:#e9e3da;padding-block:90px}
body[data-route="home"] .home-style::before{content:'STYLE';position:absolute;top:-80px;right:-20px;font-size:clamp(130px,28vw,460px);font-weight:800;letter-spacing:-20px;line-height:1;color:transparent;-webkit-text-stroke:1px #8d7f6d20;pointer-events:none}
body[data-route="home"] .home-style>.home-shell{position:relative}
body[data-route="home"] .home-style h2{font-size:clamp(40px,4.9vw,70px);letter-spacing:-2px}
body[data-route="home"] .style-recipes{gap:0;border:1px solid #c9bfb3;margin-top:50px}
body[data-route="home"] .style-recipes article{position:relative;padding:28px 25px 32px;min-width:0;border:0;overflow:hidden;transition:background .3s}
body[data-route="home"] .style-recipes article+article{border-left:1px solid #c9bfb3}
body[data-route="home"] .style-recipes article::before{content:attr(data-look);position:absolute;right:15px;top:46px;font:italic 120px/.9 Georgia,serif;color:#8d7f6d18;pointer-events:none}
body[data-route="home"] .style-recipes article:hover{background:#f5f2ea80}
body[data-route="home"] .style-palette{gap:0;margin:40px 0 30px;position:relative}
body[data-route="home"] .style-palette i{width:63px;height:63px;border-color:#ffffff40;box-shadow:5px 5px 15px #0002}
body[data-route="home"] .style-palette i+i{margin-left:-13px}
body[data-route="home"] .home-details{padding-block:100px;position:relative}
body[data-route="home"] .home-details h2{font-size:clamp(48px,6vw,86px);line-height:1;letter-spacing:-3px}
body[data-route="home"] .detail-notes article>span{font-family:Georgia,serif;font-style:italic;font-size:24px;padding-top:0}
body[data-route="home"] .home-care{background:#e9e3d5;border-block:1px solid #d7cebc}
body[data-route="home"] .home-story{position:relative;max-width:none;overflow:hidden;background:#e9e3da;color:#f5f2ea;padding-block:80px 0;border:0}
body[data-route="home"] .home-story h2{font-size:clamp(35px,4.2vw,62px);position:relative;letter-spacing:-1.8px}
body[data-route="home"] .home-story>p:not(.kicker){color:#655d55}
body[data-route="home"] .home-story>.button{background:#f5f2ea;color:#e9e3da}
.story-monogram{font-size:clamp(58px,16.5vw,300px);font-weight:800;letter-spacing:-.08em;line-height:.83;white-space:nowrap;display:block;color:#9d8e7914;-webkit-text-stroke:1px #9d8e7950;padding:70px 15px 0;user-select:none;transform:translateY(9px)}
body[data-route="home"] .services{border-top:1px solid #d8d5cd}
body[data-motion="off"] .campaign-image,body[data-motion="off"] .visual-wordstrip>div{transform:none;will-change:auto}
body[data-motion="off"] .home-picks .product-photo img,body[data-motion="off"] .campaign-link>span{transition:none;transform:none!important}
@media(max-width:1000px){.home-campaign{min-height:630px}.campaign-copy h2{font-size:85px}.campaign-image{object-position:60% center}body[data-route="home"] .home-picks{gap:20px}body[data-route="home"] .style-recipes article{padding:25px 18px}body[data-route="home"] .style-palette i{width:52px;height:52px}}
@media(max-width:640px){body[data-route="home"] .home-intro{grid-template-columns:1fr;gap:27px;padding-block:50px}body[data-route="home"] .home-intro h2{font-size:64px;letter-spacing:-3px}.visual-index{margin-bottom:24px;font-size:8px}.home-campaign{min-height:700px;height:auto;align-items:flex-end}.campaign-image{object-position:65% center;height:calc(100% + 50px);top:-25px;opacity:.86}.home-campaign::before{background:linear-gradient(0deg,#231e1afa 0%,#231e1a70 57%,#231e1a30 100%)}.campaign-top{top:22px;align-items:flex-start;left:6%;right:6%;font-size:8px;line-height:1.8}.campaign-top>span{max-width:150px}.motion-control{font-size:9px;padding:8px 11px;min-height:36px}.campaign-copy{padding:235px 6% 100px}.campaign-copy .kicker{font-size:8px;letter-spacing:1.5px;margin-bottom:22px}.campaign-copy h2{font-size:clamp(48px,14vw,76px);letter-spacing:-2.8px}.campaign-copy h2 em{letter-spacing:-3px}.campaign-copy>p:not(.kicker){font-size:12px;max-width:250px}.campaign-bottom{font-size:7px;line-height:1.6;bottom:22px;letter-spacing:1.2px}.campaign-bottom>span:last-child{text-align:right;max-width:135px}.campaign-link{font-size:11px;margin-top:10px}.visual-wordstrip{padding:24px 0}.visual-wordstrip>div{font-size:34px;gap:22px;letter-spacing:-1px}body[data-route="home"] .home-selection{padding-block:50px}body[data-route="home"] .home-selection h2{font-size:37px;letter-spacing:-1.4px}body[data-route="home"] .home-picks .product-card:nth-child(2){margin-top:0}body[data-route="home"] .home-picks{gap:32px}body[data-route="home"] .home-picks .product-photo img{max-height:390px}body[data-route="home"] .home-style{padding-block:55px}body[data-route="home"] .home-style h2{font-size:40px;letter-spacing:-1.6px}body[data-route="home"] .home-style::before{top:5px;font-size:180px;letter-spacing:-12px}body[data-route="home"] .style-recipes{margin-top:35px}body[data-route="home"] .style-recipes article{padding:26px}body[data-route="home"] .style-recipes article+article{border-left:0;border-top:1px solid #c9bfb3}body[data-route="home"] .style-recipes article::before{top:26px}body[data-route="home"] .home-details{padding-block:55px}body[data-route="home"] .home-details h2{font-size:56px;letter-spacing:-2px}body[data-route="home"] .home-story{padding-top:50px}.story-monogram{padding-top:50px;font-size:16vw;letter-spacing:-.08em}}
@media(prefers-reduced-motion:reduce){.campaign-image,.visual-wordstrip>div{transform:none!important;will-change:auto}.campaign-link>span,body[data-route="home"] .home-picks .product-photo img{transition:none;transform:none!important}}

/* Warm neutral surfaces continue the ivory storefront palette. */
body[data-route="home"] .home-style{color:#302b27;border-block:1px solid #d8cfc3}
body[data-route="home"] .home-details{background:#f5f2ea}
body[data-route="home"] .home-story{color:#302b27}
body[data-route="home"] .home-story>.button{background:#4c4035;color:#f5f2ea;border-color:#4c4035}
.visual-wordstrip{color:#4c4035}
.campaign-link:hover>span{color:#4c4035}
.campaign-image{filter:grayscale(1)}
body[data-route="home"] .button:hover{background:#655443;color:#fff}
