:root{--ink:#231c16;--paper:#eee5d6;--kraft:#ad815b;--line:#231c1633}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.75 Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #66482f;outline-offset:6px}header{display:flex;justify-content:space-between;align-items:center;max-width:1360px;margin:auto;padding:16px 6%;border-bottom:1px solid var(--line)}.brand{width:165px;display:flex;flex-direction:column;align-items:center;line-height:1}.brand img{width:100%;height:69px;object-fit:contain;margin:-6px 0 -5px}.brand span{font-size:12px;letter-spacing:.65em;margin-left:8px}nav{display:flex;align-items:center;gap:34px;font-size:14px}.nav-contact{padding:9px 20px;border:1px solid #231c1670}.hero{max-width:1360px;margin:auto;padding:55px 6% 55px;display:grid;grid-template-columns:1.1fr 1fr;min-height:660px;align-items:center;position:relative;overflow:hidden}.eyebrow{font-size:12px;letter-spacing:.17em;margin:0 0 25px}h1,h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.045em;line-height:1.12;margin:0}h1{font-size:clamp(48px,5vw,72px)}em{font-weight:400}.intro{margin:28px 0 30px;line-height:1.8}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:25px}.button{display:inline-flex;justify-content:center;align-items:center;gap:32px;min-height:52px;padding:14px 23px;background:var(--ink);color:var(--paper);font-size:14px;border:1px solid var(--ink);transition:background .2s}.button:hover{background:#493627}.button span{font-size:22px;line-height:1}.quiet-link{display:inline-block;border-bottom:1px solid #231c1670;font-size:14px;padding:4px 0}.hero-art{height:540px;position:relative}.hero-art>img{position:absolute;height:650px;width:580px;object-fit:contain;right:-80px;top:-58px;transform:rotate(-15deg)}.handmade{position:absolute;left:2%;top:32%;width:140px;height:140px;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(-10deg);border:1px solid #231c1645;border-radius:50%;background:var(--paper)}.handmade span{font-family:Georgia,serif;font-size:14px;font-style:italic}.handmade b{font-size:38px;font-weight:400;line-height:1.2}.hero-caption{position:absolute;bottom:24px;right:7%;font-size:12px;letter-spacing:.15em}.menu{background:linear-gradient(#d0af8b45,#d0af8b45),url('assets/kraft.jpg');display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:55px max(6%,calc((100vw - 1195px)/2));align-items:center}.menu h2{font-size:54px}.menu .eyebrow{margin-bottom:18px}.menu-detail p{margin:0 0 22px}.outline{background:transparent;color:var(--ink)}.outline:hover{background:#231c1610}.moments{max-width:1320px;margin:auto;padding:80px 7%;display:grid;grid-template-columns:1fr 1fr;gap:5%;align-items:center}.moments h2{font-size:52px}.moments-heading>p:last-child{margin-top:25px}.moments-photo{position:relative;text-align:center}.moments-photo img{width:115%;max-width:600px;display:block;margin-left:-8%}.moments-photo p{font-family:Georgia,serif;font-style:italic;font-size:16px;margin:5px 0 0}.essence{max-width:1190px;margin:auto;border-top:1px solid var(--line);padding:65px 4% 75px;display:grid;grid-template-columns:1fr 1.35fr;gap:12%;align-items:center}.circle svg{width:100%;max-width:290px;fill:var(--ink)}.circle text{font:15px Arial;letter-spacing:3px}.essence h2{font-size:44px}.essence-copy p:not(.eyebrow){margin:24px 0;font-size:16px}.contact{padding:60px 6%;text-align:center;background:linear-gradient(#d0af8b45,#d0af8b45),url('assets/kraft.jpg')}.contact h2{font-size:60px;margin-bottom:30px}.contact-number{display:block;margin-top:20px;font-size:14px}footer{padding:23px 6%;display:flex;justify-content:space-between;font-size:12px;background:#dfcfb7}@media(max-width:760px){header{padding:14px 6%}.brand{width:126px}.brand img{height:56px}nav{gap:18px}nav a:nth-child(2){display:none}.nav-contact{padding:7px 10px;font-size:14px}.hero{padding:33px 7% 40px;display:flex;flex-direction:column;align-items:stretch;min-height:0}.hero .eyebrow{margin-bottom:22px}h1{font-size:50px}.intro{margin:24px 0;font-size:16px}.hero-actions{gap:15px}.hero-actions .button{padding:13px 18px;gap:22px}.hero-art{height:350px;margin-top:24px}.hero-art>img{width:410px;height:440px;right:-42px;top:-30px;transform:rotate(-19deg)}.handmade{left:0;top:26%;width:108px;height:108px}.handmade span{font-size:12px}.hero-caption{bottom:16px;font-size:12px}.menu{grid-template-columns:1fr;gap:25px;padding:38px 7%}.menu h2{font-size:44px}.menu-detail{border-top:1px solid #231c1640;padding-top:20px}.moments{display:flex;flex-direction:column;padding:50px 7% 35px;gap:25px;align-items:stretch}.moments h2{font-size:44px}.moments .eyebrow{font-size:12px}.moments-photo img{width:110%;margin-left:-5%}.essence{grid-template-columns:1fr;gap:25px;padding:40px 7% 50px;margin:0 7%}.circle{text-align:center}.circle svg{width:185px}.essence h2{font-size:37px}.contact{padding:42px 7%}.contact h2{font-size:49px}footer{flex-wrap:wrap;gap:12px}}@media(max-width:370px){h1{font-size:43px}.hero-art>img{right:-65px}nav{gap:12px}.brand{width:110px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.hero-art{overflow:hidden;isolation:isolate}.hero-text{position:relative;z-index:2;min-width:0}.nav-contact{background:var(--ink);color:var(--paper);border-color:var(--ink)}.hero-actions .quiet-link{display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:var(--paper);border:1px solid var(--ink);padding:14px 23px;min-height:52px}.essence-copy>.quiet-link{display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:var(--paper);padding:14px 23px;border:1px solid var(--ink);min-height:52px}@media(max-width:760px){.hero-art{overflow:hidden;margin-left:0;margin-right:0}.hero-actions .quiet-link{padding:13px 18px}} 

.hero{display:block;min-height:0;padding-top:65px;padding-bottom:65px;border-bottom:1px solid var(--line)}.hero-text{max-width:960px}.hero h1{font-size:clamp(44px,5.5vw,76px)}.hero .intro{margin:26px 0}.hero-actions{gap:18px}@media(max-width:760px){.hero{display:block;padding:40px 7% 45px;min-height:0}.hero h1{font-size:clamp(42px,10vw,58px)}.hero-actions{gap:12px}.hero-actions .button,.hero-actions .quiet-link{min-height:52px}.moments{padding-top:40px}}
