@font-face{font-family:HTTCouture;src:url('couture-bld.woff') format('woff');font-display:swap;font-weight:700}
.htt-garden{--berry:#7e112c;--blush:#f5dfdb;--ink:#171717;position:relative;background:#f8f6f1;color:var(--ink);font-family:Lato,Arial,sans-serif}.htt-garden *{box-sizing:border-box}.htt-garden button{font:inherit;cursor:pointer}.htt-garden a{color:inherit;text-decoration:none}.htt-garden__topbar,.htt-garden__bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 4vw;min-height:78px;position:relative;z-index:5}.htt-garden__topbar{background:#fff}.htt-garden__topbar>a:last-child,.htt-garden__bottom{font-size:12px;letter-spacing:.13em}.htt-garden__wordmark{font-family:HTTCouture,Lato,sans-serif;font-weight:700;font-size:35px;color:var(--berry)!important}.htt-garden__top-title{font-size:12px;letter-spacing:.17em}.htt-garden__chapter{opacity:.55}.htt-garden__stage{height:min(78vw,790px);min-height:540px;position:relative;overflow:hidden;background:#647b63}.htt-garden__scene{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .65s ease,visibility .65s;isolation:isolate}.htt-garden__scene.is-active{opacity:1;visibility:visible}.htt-garden__backdrop{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;z-index:-3}.htt-garden__illustration{position:absolute;inset:0;z-index:-3;background:linear-gradient(#c9c6b4 0%,#ddd4bc 55%,#748b70 56%,#506e51 100%)}.htt-garden__sun{position:absolute;right:21%;top:15%;width:140px;aspect-ratio:1;border-radius:50%;background:#eee2c7;filter:blur(7px)}.htt-garden__hill{position:absolute;top:52%;left:-10%;width:120%;height:26%;background:#889d7b;border-radius:50% 50% 0 0}.htt-garden__meadow{position:absolute;inset:70% 0 0;background:#4d6c4d}.htt-garden__path{position:absolute;left:35%;bottom:-18%;height:55%;width:30%;background:#b5a68c;clip-path:polygon(45% 0,55% 0,100% 100%,0 100%)}.htt-garden__shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.3),transparent 70%),linear-gradient(0deg,rgba(0,0,0,.45),transparent 40%)}.htt-garden__scene-copy{position:absolute;left:6%;top:11%;max-width:700px;color:white;pointer-events:none;text-shadow:0 2px 20px #26332666}.htt-garden__eyebrow{font-size:12px;letter-spacing:.2em}.htt-garden__scene-copy h1{font-family:HTTCouture,Lato,sans-serif;font-weight:700;font-size:clamp(44px,7.4vw,112px);line-height:.96;margin:20px 0}.htt-garden__scene-copy p{font-size:16px;max-width:410px}.htt-garden__tv{position:absolute;top:43%;left:50%;transform:translate(-50%,-30%);width:min(34vw,450px);height:min(25vw,320px);min-width:260px;min-height:190px;border:13px solid #423b35;border-radius:24px;background:#423b35;box-shadow:12px 25px 0 #2d302b,0 30px 80px #0007;display:flex;padding:10px;transition:transform .5s}.htt-garden__tv:hover{transform:translate(-50%,-30%) scale(1.045)}.htt-garden__tv-screen{flex:1;border:9px solid #181d1b;border-radius:45% / 15%;background:radial-gradient(ellipse,#b49a91,#62554f);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:HTTCouture,Lato,sans-serif;font-size:clamp(17px,2vw,34px);line-height:1.1;text-align:center}.htt-garden__tv-screen small{font:11px Lato,Arial,sans-serif;margin-top:18px;letter-spacing:.12em}.htt-garden__tv-dials{width:50px;color:#d5c3a9;font-size:34px;line-height:1.6}.htt-garden__door{position:absolute;top:31%;left:50%;transform:translateX(-50%);height:52%;width:19%;min-width:150px;background:none;border:0;display:flex;flex-direction:column;align-items:center;transition:transform .4s}.htt-garden__door:hover{transform:translateX(-50%) scale(1.05)}.htt-garden__door-panel{position:relative;display:block;height:100%;width:100%;border:14px solid #322925;background:linear-gradient(110deg,#a99980,#7b6c5d);box-shadow:15px 18px 30px #0005}.htt-garden__door-knob{position:absolute;right:14px;top:55%;height:12px;width:12px;border-radius:50%;background:#e8cf91}.htt-garden__door-caption{position:absolute;top:105%;white-space:nowrap;color:#fff;font-size:13px;letter-spacing:.13em}.htt-garden__hotspots{position:absolute;bottom:8%;left:5%;right:5%;display:flex;justify-content:space-between;gap:12px;align-items:end}.htt-garden__hotspot{background:rgba(255,255,255,.9);border:1px solid #fff;color:#211f1c!important;padding:13px 17px;font-size:12px;letter-spacing:.09em;max-width:32%;text-align:center}.htt-garden__hotspot:hover{background:var(--blush)}.htt-garden__hotspot--product{background:var(--berry);color:#fff!important}.htt-garden__bottom{background:#fff}.htt-garden__bottom button{border:0;background:none;padding:8px 0;letter-spacing:.13em}.htt-garden__bottom>div{display:flex;gap:30px}.htt-garden__transition{position:absolute;inset:0;z-index:7;background:#111;opacity:0;visibility:hidden;pointer-events:none}.htt-garden__transition.is-playing{opacity:1;visibility:visible}.htt-garden__transition video{width:100%;height:100%;object-fit:cover}.htt-garden__film[hidden]{display:none}.htt-garden__film{position:fixed;inset:0;z-index:9999;background:#080808;display:grid;place-items:center;padding:6vw;animation:htt-film-in .5s ease}.htt-garden__film video{max-width:100%;max-height:82vh;width:100%;height:auto}.htt-garden__film-close{position:absolute;right:4vw;top:25px;background:none;border:0;color:#fff;font-size:15px;letter-spacing:.14em}.htt-garden__film-empty{color:#fff;text-align:center}.htt-garden :focus-visible{outline:3px solid #e4bb9d;outline-offset:4px}@keyframes htt-film-in{from{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@media(max-width:700px){.htt-garden__top-title,.htt-garden__chapter{display:none}.htt-garden__topbar{padding:12px 5vw}.htt-garden__stage{height:75svh;min-height:550px}.htt-garden__scene-copy{top:10%}.htt-garden__scene-copy h1{font-size:clamp(42px,11vw,76px)}.htt-garden__scene-copy p{font-size:13px}.htt-garden__tv{top:52%;width:70vw;height:49vw}.htt-garden__door{top:38%;height:39%;width:35%}.htt-garden__hotspots{bottom:6%;left:4%;right:4%;flex-wrap:wrap}.htt-garden__hotspot{max-width:48%;font-size:10px;padding:12px}.htt-garden__bottom{padding:16px 4vw;font-size:10px}.htt-garden__bottom>div{gap:10px}.htt-garden__bottom [data-scene-indicator]{display:none}}@media(prefers-reduced-motion:reduce){.htt-garden__scene,.htt-garden__tv,.htt-garden__door{transition:none!important}.htt-garden__film{animation:none}}
