.foyer-nav{background:#e8b84a;color:#081a16!important;border-radius:20px;padding:7px 11px!important;margin-right:8px}.foyer{padding:100px clamp(18px,6vw,90px);background:#f4eddb;position:relative;overflow:hidden}.foyer:before{content:"";position:absolute;width:520px;height:520px;border:1px solid #d4a44230;border-radius:50%;right:-280px;top:-260px;box-shadow:0 0 0 80px #d4a4420b}.foyer-head{position:relative;display:grid;grid-template-columns:1fr auto;align-items:end;gap:30px}.foyer-head>div>span,.panel-title span{font-size:9px;letter-spacing:3px;color:#b27620;font-weight:900}.foyer-head h2{font-size:clamp(45px,6vw,82px);line-height:.92;letter-spacing:-5px;margin:12px 0}.foyer-head h2 em{font-family:Georgia,serif;font-weight:400;color:#bf852d}.foyer-profile{width:min(340px,100%);display:grid;grid-template-columns:1fr 100px;gap:8px;padding:18px;background:#fffaf0;border:1px solid #24463b18;border-radius:20px}.foyer-profile label{font-size:8px;font-weight:900;letter-spacing:1px}.foyer-profile input,.foyer-profile select{width:100%;display:block;margin-top:6px;border:1px solid #24463b1c;background:#fff;border-radius:10px;padding:9px;color:#102d25}.foyer-profile small{grid-column:1/-1;color:#87928e;font-size:8px}.house{position:relative;max-width:1050px;margin:130px auto 45px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:13px;background:#d9b875;border:8px solid #8d632b;border-radius:10px;box-shadow:0 35px 70px #4a321d24}.roof{position:absolute;left:50%;top:-120px;transform:translateX(-50%);width:112%;height:120px;background:linear-gradient(135deg,#123b30,#0a271f);clip-path:polygon(50% 0,100% 100%,0 100%);display:grid;place-items:end center;padding-bottom:22px;color:#e8b84a;font-size:9px;font-weight:900;letter-spacing:4px}.room{position:relative;min-height:280px;border:0;padding:26px 20px;background:#fffaf0;color:#102d25;text-align:left;cursor:pointer;overflow:hidden;transition:.35s}.room:after{content:"";position:absolute;width:170px;height:170px;border:1px dashed currentColor;border-radius:50%;right:-75px;top:-70px;opacity:.15;transition:.5s}.room:hover,.room.active{transform:translateY(-8px);box-shadow:0 20px 40px #34220f24}.room.active{outline:4px solid #e8b84a;z-index:2}.room:hover:after,.room.active:after{transform:rotate(80deg) scale(1.1)}.room>i{display:grid;place-items:center;width:92px;height:92px;border-radius:50%;font-style:normal;font-size:48px;margin-bottom:35px;background:#f0dec0}.kitchen-room{background:#173e32;color:#fff}.kitchen-room>i{background:#ffffff12}.tips-room{background:#e9b149}.tips-room>i{background:#fff6}.room>span{display:block;font-size:8px;letter-spacing:2px;font-weight:900;opacity:.65}.room>strong{display:block;font-size:23px;margin:7px 0}.room>small{opacity:.58}.room-stage{max-width:1050px;margin:auto;background:#fffaf0;border-radius:27px;padding:35px;border:1px solid #24463b17;box-shadow:0 20px 55px #102d250d}.room-panel{display:none}.room-panel.active{display:block;animation:room-in .5s ease}.panel-title h3{font-size:clamp(27px,4vw,45px);letter-spacing:-2px;margin:7px 0 25px}.course-summary{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:9px}.course-summary article{padding:18px;border:1px solid #24463b15;border-radius:15px;background:#fff}.course-summary article span{display:block;font-size:7px;letter-spacing:1.5px;color:#87948f}.course-summary article strong{display:block;font-size:20px;margin-top:8px}.course-summary button{border:0;border-radius:15px;background:#102d25;color:#fff;font-weight:900;padding:15px 20px}.recipe-list,.tips-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.recipe,.tip{position:relative;border:1px solid #24463b15;border-radius:18px;padding:18px;background:#fff;min-height:190px}.recipe>i,.tip>i{font-style:normal;font-size:42px}.recipe h4,.tip h4{font-size:18px;margin:14px 0 5px}.recipe p,.tip p{font-size:10px;line-height:1.5;color:#75847e}.recipe footer{position:absolute;bottom:15px;left:18px;right:18px;display:flex;justify-content:space-between;color:#b37826;font-size:9px;font-weight:900}.tip button{position:absolute;right:12px;top:12px;width:34px;height:34px;border:1px solid #24463b16;background:#fff;border-radius:50%;cursor:pointer}.tip button.saved{background:#e8b84a}.tip small{font-size:8px;color:#b37826;font-weight:900;letter-spacing:1px}@keyframes room-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(max-width:800px){.foyer{padding-top:70px}.foyer-head{grid-template-columns:1fr}.foyer-profile{width:100%}.house{grid-template-columns:1fr;margin-top:125px}.room{min-height:175px;display:grid;grid-template-columns:90px 1fr;align-content:center}.room>i{grid-row:1/4;margin:0;width:70px;height:70px;font-size:38px}.room>span,.room>strong,.room>small{grid-column:2}.room>strong{margin:5px 0}.course-summary{grid-template-columns:1fr 1fr}.course-summary button{grid-column:1/-1}.recipe-list,.tips-list{grid-template-columns:1fr}.roof{width:108%}}@media(max-width:480px){.foyer-head h2{letter-spacing:-3px}.foyer-profile{grid-template-columns:1fr}.foyer-profile small{grid-column:auto}.course-summary{grid-template-columns:1fr}.course-summary button{grid-column:auto}.foyer-nav{display:none}}