:root{--oak:url('assets/hearth/oak.webp');--brass:#b89763;--cream:#f3eadb;--ease-craft:cubic-bezier(.23,1,.32,1)}
html{scroll-padding-top:90px}body.hearth-site{background:#e8e2d5;color:#302c26}.hearth-site .oak-nav{position:fixed;inset:0 0 auto;z-index:50;min-height:76px;padding:13px 5%;display:flex;align-items:center;gap:28px;background:linear-gradient(#39220d55,#38241355),var(--oak) center/850px auto;border-top:1px solid #dcb982;border-bottom:3px solid #362113;box-shadow:0 4px 14px #0006;color:var(--cream)}.oak-nav .brand{font-size:38px;letter-spacing:-.055em;font-weight:400;line-height:1}.nav-note{font-size:11px;letter-spacing:.06em;opacity:.8;margin-left:auto}.hearth-site .menu{display:flex!important;align-items:center;gap:14px;border:1px solid #e5c898;border-radius:25px;padding:10px 22px;background:linear-gradient(120deg,#d9bd87,#977347 50%,#ccaa72);box-shadow:inset 0 1px 2px #fff9,0 3px 0 #574023,0 5px 10px #0004;color:#291e11;font-family:'Bodoni Moda',Georgia,serif;font-size:17px}.menu svg{width:18px}.hearth-site #mobile-nav{position:fixed;z-index:49;inset:76px 0 auto auto;width:min(490px,100%);max-height:calc(100svh - 76px);overflow:auto;padding:32px 35px;background:linear-gradient(#34200f99,#241b1299),var(--oak) center/700px auto;box-shadow:-14px 18px 40px #0008;color:var(--cream);border:9px solid #7c5835}.hearth-site #mobile-nav[hidden]{display:none}.menu-label,.menu-foot{display:block;font-size:11px;letter-spacing:.06em;opacity:.7;padding:0 0 18px}.menu-foot{padding:24px 0 0}.hearth-site #mobile-nav a{display:block;font-family:'Bodoni Moda',Georgia,serif;font-size:31px;padding:15px 0 18px;border-bottom:3px solid #251a10;box-shadow:0 1px #c89b5855;color:var(--cream)}#mobile-nav a small{display:block;font:11px Manrope,sans-serif;margin-top:7px;opacity:.7}
.hearth-site .orbit-journey{height:690svh;background:#273538;--reveal:0;--left-out:0;--right-out:0;--mantel-out:0;--bottom-out:0;--workshop-in:0}.hearth-site .orbit-stage{height:100svh;min-height:650px;isolation:isolate}.hearth-view{position:absolute;inset:0;z-index:2;pointer-events:none}.room-film{position:absolute;inset:0 0 16%;opacity:calc(1 - var(--reveal));pointer-events:auto}.hearth-site .chapter-stack{top:28%;left:7%;width:43%;height:60%}.hearth-site .chapter h1,.hearth-site .chapter h2{font-size:clamp(48px,5.2vw,82px);line-height:1.02}.hearth-site .chapter p{font-size:13px;line-height:1.7;margin:23px 0}.hearth-site .room-shade{background:linear-gradient(90deg,#17272b9c,transparent 70%)}.hearth-site .motion-options{top:96px;right:5%;z-index:4}.motion-options button{border-radius:20px;cursor:pointer}.hearth-site .journey-bottom{bottom:5%;left:7%;right:7%;font-size:10px}.journey-caption{display:none}.wood-side{position:absolute;top:70px;bottom:0;width:24px;background:linear-gradient(90deg,#29160666,transparent 40%,#dcb78066 65%,#25190ba6),var(--oak) center/auto 800px;box-shadow:inset 0 0 0 1px #b79160,2px 0 8px #0008;pointer-events:none;z-index:5;will-change:transform}.wood-left{left:0;transform:translateX(calc(-160% * var(--left-out)))}.wood-right{right:0;transform:translateX(calc(160% * var(--right-out)));box-shadow:-2px 0 8px #0008,inset 0 0 0 1px #b79160}.wood-bottom{position:absolute;inset:auto 0 0;height:20px;background:linear-gradient(#dbb88455,#34200c77),var(--oak) center/700px auto;transform:translateY(calc(160% * var(--bottom-out)));z-index:7}.mantel{position:absolute;bottom:8px;left:15px;right:15px;height:min(33vw,42svh);min-height:200px;transform:translateY(calc(120% * var(--mantel-out)));will-change:transform;z-index:6;pointer-events:none}.mantel>img{width:100%;height:100%;object-fit:fill;display:block;pointer-events:none}.mantel-controls{position:absolute;left:21%;right:21%;top:52%;display:flex;align-items:flex-end;justify-content:space-between;gap:25px;transform:translateY(-100%);pointer-events:auto}.mantel-controls a{flex:1;text-align:center;white-space:nowrap;padding:13px 12px;font:18px 'Bodoni Moda',Georgia,serif;min-height:48px;border-radius:24px;transition:transform .25s var(--ease-craft),box-shadow .25s var(--ease-craft);transform:translateY(0);box-shadow:inset 0 2px 3px #ffefc777,inset 0 -3px 4px #0007,0 6px 0 #3c2419,0 8px 7px #0008;text-decoration:none}.wood-button{background:linear-gradient(#eac69522,#573c2633),var(--oak) center/300px auto;color:#231b12;border:1px solid #c7a679}.brass-button{background:linear-gradient(110deg,#e6ca90,#ac824e 35%,#d6b578 65%,#907045);color:#2c2113;border:1px solid #f2d8a7}.leather-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:13px 23px;border:1px solid #95716e;border-radius:25px;background:radial-gradient(ellipse at 35% 5%,#71505b,#3d2632 75%);box-shadow:inset 0 2px 3px #d7a49e55,inset 0 -2px 3px #0006,0 3px 0 #291d1b;color:#e9c996;font:17px 'Bodoni Moda',Georgia,serif;text-decoration:none}.mantel-controls a:hover{transform:translateY(-8px);box-shadow:inset 0 2px 3px #ffefc777,inset 0 -3px 4px #0007,0 6px 0 #3c2419,0 16px 12px #0007}.mantel-controls a:active{transform:translateY(2px)}a:focus-visible,button:focus-visible{outline:3px solid #ead2a1;outline-offset:5px}.mantel-controls a:focus-visible{transform:translateY(-5px);transition:none}
.workshop-anchor{position:absolute;top:calc((100% - 100svh)*.94);left:0;pointer-events:none}.workshop-room{position:absolute;inset:0;z-index:1;opacity:var(--workshop-in);color:var(--cream);overflow:hidden}.workshop-art{position:absolute;inset:0;background:url('assets/hearth/workshop.webp') center/cover no-repeat;transform:translateY(calc(50px * (1 - var(--workshop-in))));will-change:transform}.workshop-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#162a3170,transparent 64%)}.workshop-copy{position:absolute;top:22%;left:6%;width:45%;max-width:620px;z-index:2}.room-eyebrow{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.18em;margin-bottom:24px;color:#d0baa0}.workshop-copy h2{font-size:clamp(45px,5.5vw,88px);line-height:1.03;letter-spacing:-.035em}.workshop-copy h2 em{display:block;font-size:.56em;line-height:1.3;margin-top:18px;letter-spacing:-.025em;color:#f1e5d5}.workshop-copy p{font:20px 'Bodoni Moda',Georgia,serif;margin:28px 0}.drawer-controls{position:absolute;left:36%;right:5%;top:73%;display:flex;gap:5%;align-items:center;z-index:3}.drawer-controls button{flex:1;border:1px solid #e7cb93;border-radius:4px;padding:10px 8px;min-height:44px;background:linear-gradient(110deg,#cfa970,#a07b49,#c7a773);box-shadow:0 3px 0 #4a321c,0 5px 8px #0006,inset 0 1px #f2d7a6;font:16px 'Bodoni Moda',Georgia,serif;color:#291e13;transition:transform .2s var(--ease-craft)}.drawer-controls button:nth-child(2){transform:translateY(20px)}.drawer-controls button:hover{transform:translateY(-7px)}.drawer-controls button:nth-child(2):hover{transform:translateY(13px)}.drawer-controls button[aria-expanded=true]{outline:2px solid #f2dcb4;outline-offset:4px}.drawer-story{position:absolute;z-index:5;right:5%;bottom:12%;width:min(450px,42%);padding:32px;background:#eee7d9;box-shadow:0 20px 60px #0007;border:8px solid #8b623e;color:#302c26}.drawer-story[hidden]{display:none}.drawer-story h3{font:34px 'Bodoni Moda',Georgia,serif;margin-bottom:13px}.drawer-story p{font-size:13px;line-height:1.8;margin-bottom:20px}.drawer-close{position:absolute;right:5px;top:1px;width:40px;height:40px;font-size:28px;color:#51432f}.workshop-next{position:absolute;left:6%;bottom:5%;font-size:11px;color:var(--cream);z-index:3;border-bottom:1px solid #e9d6b999;padding-bottom:9px}.workshop-next span{margin-left:30px}
.hearth-site .craft{background:#e8e2d5;border-top:14px solid #94724c;border-image:var(--oak) 30 round;position:relative}.hearth-site .craft:before{color:#5a4735}.hearth-site .services details{border-bottom-color:#a9967c}.hearth-site .services summary{color:#3b3327}.hearth-site .process{background:#263b40;color:#f0e9db}.hearth-site .enquiry{background:#e8e2d5}.hearth-site footer{background:linear-gradient(#3e291877,#3e291877),var(--oak) center/800px auto;color:#f4ead8}.hearth-site .dark-button{background:#432d38;border-radius:4px}.hearth-site .paper-button{background:#d6b77f;color:#302416;border-radius:3px}
@media(max-width:900px) and (min-width:651px){.mantel-controls{left:17%;right:17%;gap:15px}.mantel-controls a{font-size:15px}.chapter-stack{width:46%}.drawer-controls{left:29%;right:3%}.workshop-copy{width:54%}.workshop-copy h2{font-size:56px}}
@media(max-width:650px){html{scroll-padding-top:72px}.hearth-site .oak-nav{min-height:65px;padding:12px 6%;gap:15px}.oak-nav .brand{font-size:30px}.nav-note{display:none}.hearth-site .menu{margin-left:auto;font-size:15px;padding:8px 16px}.hearth-site #mobile-nav{top:65px;max-height:calc(100svh - 65px)}.hearth-site .orbit-journey{height:640svh}.hearth-site .orbit-stage{min-height:720px}.room-film{bottom:105px}.hearth-site .chapter-stack{top:21%;left:7%;width:85%;height:36%}.hearth-site .chapter h1,.hearth-site .chapter h2{font-size:37px;line-height:1.01}.hearth-site .chapter p{font-size:11px;margin:14px 0;max-width:29ch}.hearth-site .chapter a{font-size:10px}.hearth-site .chapter .paper-button{padding:10px 14px}.hearth-site .motion-options{top:82px;right:6%}.hearth-site .motion-options button{font-size:10px;padding:7px 10px}.hearth-site .journey-bottom{bottom:2%;font-size:9px;gap:9px}.hearth-site .journey-bottom>a{font-size:9px}.journey-meter{width:35px}.wood-side{width:12px;top:60px}.wood-bottom{height:12px}.mantel{bottom:4px;left:5px;right:5px;height:245px;min-height:0}.mantel>img{position:absolute;width:735px;max-width:none;left:50%;transform:translateX(-50%)}.mantel-controls{left:3%;right:3%;gap:9px;top:53%}.mantel-controls a{font-size:13px;padding:9px 6px;min-height:42px;flex:1;border-radius:19px}.hearth-site .room-shade{background:linear-gradient(#152a31aa,transparent 70%)}.workshop-art{background-size:auto 64%;background-position:67% bottom;background-color:#253940}.workshop-art:after{background:linear-gradient(#253940 33%,#25394000 65%)}.workshop-copy{top:15%;left:7%;width:86%}.room-eyebrow{font-size:9px;margin-bottom:16px}.workshop-copy h2{font-size:42px}.workshop-copy h2 em{font-size:24px;margin-top:10px;max-width:14ch}.workshop-copy p{font-size:16px;margin:18px 0}.workshop-copy .leather-button{font-size:14px;padding:10px 17px}.drawer-controls{top:auto;bottom:13%;left:6%;right:6%;gap:12px}.drawer-controls button{font-size:13px;padding:10px 4px}.drawer-controls button:nth-child(2){transform:none}.drawer-controls button:nth-child(2):hover{transform:translateY(-7px)}.drawer-story{left:6%;right:6%;bottom:22%;width:auto;padding:25px}.drawer-story h3{font-size:29px}.workshop-next{bottom:5%;left:7%;font-size:10px}.hearth-site .craft:before{font-size:45px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.hearth-site .orbit-journey{height:auto!important}.hearth-site .orbit-stage{position:relative;height:auto;overflow:visible;min-height:0}.hearth-view{position:relative;height:100svh;min-height:720px}.workshop-room{position:relative;inset:auto;height:100svh;min-height:800px;opacity:1;order:2}.orbit-stage{display:flex;flex-direction:column}.hearth-view{order:1}.room-film{opacity:1}.wood-side,.wood-bottom,.mantel,.workshop-art{transform:none!important}.workshop-anchor{top:100svh}.mantel-controls a,.drawer-controls button{transition:none!important;transform:none!important}.workshop-art{will-change:auto}}
.hearth-site .journey-bottom{display:none}.wood-bottom:after{content:"Scroll to restore";display:block;text-align:center;font:9px Manrope,sans-serif;letter-spacing:.12em;line-height:20px;color:#f5ead5;text-shadow:0 1px 2px #241508}@media(max-width:650px){.wood-bottom{height:18px}.wood-bottom:after{line-height:18px;font-size:8px}}
.hearth-site .orbit-stage,.workshop-room{overflow:clip}.drawer-controls{left:38%;right:7%;justify-content:space-between}.drawer-controls button{position:relative;flex:0 1 150px;font-size:15px;min-height:40px}.drawer-controls button:before,.drawer-controls button:after{content:"";position:absolute;top:50%;width:3px;height:3px;border-radius:50%;background:#655032;box-shadow:0 1px #e8c994}.drawer-controls button:before{left:6px}.drawer-controls button:after{right:6px}@media(max-width:650px){.drawer-controls{left:6%;right:6%}.drawer-controls button{font-size:12px;min-height:44px}}@media(prefers-reduced-motion:reduce){.hearth-site .orbit-stage{overflow:visible}}
.drawer-close{border:0;background:transparent;cursor:pointer}.drawer-close:hover{background:#c8b89b44}.drawer-controls button{cursor:pointer}.menu{cursor:pointer}@media(prefers-reduced-motion:reduce){.wood-bottom:after{content:"Explore the workshop below"}}
.hearth-site .mantel-controls a{display:flex;align-items:center;justify-content:center}
.workshop-room{opacity:1}.workshop-copy,.drawer-controls,.workshop-next{opacity:var(--workshop-in)}.workshop-copy h2 em{font-style:italic}@media(max-width:650px){.workshop-art:after{background:linear-gradient(#253940 38%,#25394000 66%)}}@media(prefers-reduced-motion:reduce){.workshop-copy,.drawer-controls,.workshop-next{opacity:1}}
.wood-bottom{height:32px}.wood-bottom:after{line-height:32px}@media(max-width:650px){.wood-bottom{height:22px}.wood-bottom:after{line-height:22px}}