*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#101712;background:#fff;font-family:Arial,sans-serif}.top{height:40px;background:#183c2d;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;font-size:13px}.top div{display:flex;gap:38px}header{height:115px;display:grid;grid-template-columns:330px 1fr 210px;align-items:center;padding:0 4.5%;border-bottom:1px solid #eee;background:#fff}.brand{text-decoration:none;color:#0e1612;display:flex;flex-direction:column;width:max-content;position:relative}.brand .twig{position:absolute;left:78px;top:-22px;color:#8b6b2e;font-size:30px;transform:rotate(-8deg)}.brand strong{font-family:Georgia,serif;font-size:50px;line-height:.95;letter-spacing:9px;font-weight:600}.brand small{font-size:10px;letter-spacing:7px;margin:10px 0 0 29px;color:#344038}nav{display:flex;justify-content:center;gap:38px;height:100%;align-items:center}nav a{color:#111;text-decoration:none;font-size:15px;position:relative}nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-20px;height:2px;background:#9b5c2b}.icons{display:flex;justify-content:flex-end;align-items:center;gap:24px;font-size:23px}.icons a{position:relative;text-decoration:none}.icons i{position:absolute;right:-9px;top:-10px;background:#9b7137;color:white;width:20px;height:20px;border-radius:50%;font:11px Arial;display:grid;place-items:center}.hero{min-height:530px;display:grid;grid-template-columns:47% 53%;background:#fbf5ec}.hero-copy{padding:62px 7% 42px}.hero h1{font:700 60px/1.03 Georgia,serif;margin:0}.hero h1 em{display:block;font-weight:400;color:#9b5c2b;margin-top:12px}.hero-copy>p{font-size:18px;line-height:1.7;max-width:650px;margin:26px 0}.actions{display:flex;gap:16px}.actions a{padding:17px 26px;border:1px solid #a56a3d;border-radius:5px;text-decoration:none;color:#111;font-weight:700}.actions .primary{background:#9b5c2b;color:#fff}.usps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:38px}.usps>div{display:flex;gap:12px;align-items:flex-start}.usps .ico{font-size:26px}.usps span{display:flex;flex-direction:column}.usps strong{font-family:Georgia,serif}.usps small{font-size:10px;margin-top:9px;color:#555}.hero-photo{position:relative;overflow:hidden}.hero-photo img{width:100%;height:100%;object-fit:cover;display:block}.quote{position:absolute;right:5%;bottom:8%;color:#fff;font:italic 28px/1.25 Georgia,serif;text-align:right;transform:rotate(-4deg);text-shadow:0 2px 8px #0008}.categories{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding:15px 2.5% 18px;background:#f8f3ec}.categories>a{background:#fff;border-radius:6px;overflow:hidden;text-decoration:none;color:#151515;box-shadow:0 1px 6px #00000012}.categories img{width:100%;height:145px;object-fit:cover;display:block}.categories span{position:relative;display:flex;flex-direction:column;padding:12px 16px 14px}.categories b{font:700 20px Georgia,serif}.categories small{margin-top:5px;color:#555}.categories i{position:absolute;right:13px;top:16px;width:37px;height:37px;background:#9b5c2b;color:#fff;border-radius:50%;display:grid;place-items:center;font-style:normal}.popular{padding:38px 4.5% 70px;background:#fff}.ornament{text-align:center;color:#9b6a3a;font:24px Georgia,serif}.sectionhead{display:flex;justify-content:space-between;align-items:end;margin:12px 0 28px}.sectionhead h2{font:700 38px Georgia,serif;margin:0}.sectionhead p{margin:8px 0 0;color:#777}.sectionhead>a{border:1px solid #a56a3d;padding:14px 20px;border-radius:5px;text-decoration:none;color:#111}.productgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.productgrid article{border:1px solid #eee;border-radius:7px;overflow:hidden}.pimg{height:260px;position:relative;background:#f5efe7}.pimg img{width:100%;height:100%;object-fit:cover}.pimg span{position:absolute;right:15px;top:12px;font-size:25px}.ptext{padding:16px;display:grid;gap:10px}.ptext b{font:700 19px Georgia,serif}.ptext strong{color:#9b5c2b}.ptext a{color:#183c2d;text-decoration:none}.process{background:#f8f3ec;text-align:center;padding:60px 5%}.process h2{font:700 36px Georgia,serif;margin:0 0 12px}.process>div{display:flex;justify-content:center;align-items:center;gap:35px;margin-top:35px}.process span{display:flex;align-items:center;gap:10px;font-weight:700}.process span b{width:34px;height:34px;border-radius:50%;background:#183c2d;color:white;display:grid;place-items:center}footer{background:#183c2d;color:#fff;padding:55px 6%;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:50px}footer .brand{color:white}footer .brand strong{font-size:35px}footer div:not(.brand){display:flex;flex-direction:column;gap:10px}footer a{color:#e9eee9;text-decoration:none;font-size:14px}.bottom{background:#102c21;color:#cfd8d2;text-align:center;padding:14px;font-size:12px}
@media(max-width:950px){.top div{display:none}header{height:auto;grid-template-columns:1fr auto;padding:22px}.brand strong{font-size:34px}.brand small{letter-spacing:4px;margin-left:15px}nav{grid-column:1/-1;order:3;overflow:auto;justify-content:flex-start;padding:20px 0;gap:25px}.hero{grid-template-columns:1fr}.hero-copy{padding:45px 6%}.hero h1{font-size:46px}.hero-photo{height:430px}.categories{grid-template-columns:repeat(2,1fr)}.categories>a:last-child{grid-column:1/-1}.productgrid{grid-template-columns:repeat(2,1fr)}footer{grid-template-columns:1fr 1fr}}@media(max-width:600px){.top{font-size:11px}.icons{gap:13px}.hero h1{font-size:39px}.actions{flex-direction:column}.usps{grid-template-columns:1fr 1fr}.hero-photo{height:330px}.categories{grid-template-columns:1fr}.categories>a:last-child{grid-column:auto}.productgrid{grid-template-columns:1fr}.process>div{flex-direction:column}.process>div>span:nth-child(even){transform:rotate(90deg)}footer{grid-template-columns:1fr}}

/* v0.5.1 visual correction: keep the approved composition intact */
html,body{width:100%;overflow-x:hidden}
header{min-height:112px}
.hero{height:458px;min-height:458px;max-height:458px;overflow:hidden}
.hero-copy{padding:50px 5.2% 28px}
.hero h1{font-size:52px}
.hero-copy>p{font-size:16px;line-height:1.55;margin:22px 0}
.actions a{padding:15px 22px}
.usps{margin-top:30px;gap:14px}
.usps strong{font-size:15px}
.hero-photo{height:458px}
.hero-photo img{height:100%;width:100%;object-fit:cover;object-position:center 45%}
.quote{right:4%;bottom:7%;font-size:25px}
.categories{position:relative;z-index:2;margin:0;padding:14px 2.5% 22px}
.categories img{height:145px}
@media(min-width:951px){
 body{zoom:1}
 .hero{grid-template-columns:46% 54%}
 .hero-copy{padding-left:4.5%;padding-right:4.5%}
 .hero h1{font-size:52px}
}
@media(max-width:950px){
 .hero{height:auto;max-height:none;min-height:0}
 .hero-photo{height:390px}
}

/* v0.5.2: exact approved Hoevena brand artwork */
header .brand-approved{display:flex;width:295px;height:100px;align-items:center;justify-content:flex-start;overflow:visible}
header .brand-approved img{display:block;width:285px;height:auto;max-height:96px;object-fit:contain;object-position:left center}
header .brand-approved .twig,header .brand-approved strong,header .brand-approved small{display:none}
@media(max-width:950px){
 header .brand-approved{width:230px;height:78px}
 header .brand-approved img{width:220px;max-height:74px}
}
@media(max-width:600px){
 header .brand-approved{width:190px;height:68px}
 header .brand-approved img{width:182px;max-height:64px}
}

/* v0.5.3 logo fix: transparent artwork, no rectangular background */
header .brand-approved{background:transparent!important;overflow:visible;width:305px;height:104px}
header .brand-approved img{background:transparent!important;width:300px;max-height:100px;object-fit:contain;object-position:left center}
@media(max-width:950px){header .brand-approved{width:235px;height:80px}header .brand-approved img{width:228px;max-height:76px}}
@media(max-width:600px){header .brand-approved{width:195px;height:70px}header .brand-approved img{width:188px;max-height:66px}}

/* v0.5.4: genuine transparent SVG logo, never a screenshot crop */
header .brand-approved{width:330px;height:110px;background:none!important;overflow:visible}
header .brand-approved img{display:block;width:320px;height:auto;max-height:104px;object-fit:contain;object-position:left center;background:none!important}
@media(max-width:950px){
 header .brand-approved{width:245px;height:82px}
 header .brand-approved img{width:238px;max-height:78px}
}
@media(max-width:600px){
 header .brand-approved{width:195px;height:70px}
 header .brand-approved img{width:188px;max-height:66px}
}

/* v0.5.5 - chosen Hoevena engraving brand */
header .brand-approved{width:360px;height:112px;display:flex;align-items:center;justify-content:flex-start;background:transparent!important}
header .brand-approved img{display:block;width:350px;height:104px;max-height:104px;object-fit:contain;object-position:left center;background:transparent!important}
@media(max-width:1100px){header{grid-template-columns:300px 1fr 170px}header .brand-approved{width:290px}header .brand-approved img{width:282px}}
@media(max-width:950px){header .brand-approved{width:235px;height:82px}header .brand-approved img{width:228px;height:76px}}
@media(max-width:600px){header .brand-approved{width:190px;height:68px}header .brand-approved img{width:184px;height:64px}}

/* v0.5.6 - compact Hoevena graveerlogo voor de websiteheader */
header{
    grid-template-columns: 330px 1fr 190px;
    min-height: 118px;
}
header .brand-approved{
    width: 320px;
    height: 108px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    background:transparent!important;
    overflow:visible;
}
header .brand-approved img{
    display:block;
    width:300px;
    height:96px;
    max-height:96px;
    object-fit:contain;
    object-position:left center;
    background:transparent!important;
}
@media(max-width:1100px){
    header{grid-template-columns:270px 1fr 160px}
    header .brand-approved{width:260px;height:94px}
    header .brand-approved img{width:245px;height:84px}
}
@media(max-width:950px){
    header{grid-template-columns:1fr auto;min-height:92px}
    header .brand-approved{width:230px;height:80px}
    header .brand-approved img{width:218px;height:72px}
}
@media(max-width:600px){
    header .brand-approved{width:185px;height:68px}
    header .brand-approved img{width:175px;height:60px}
}

/* v0.5.7 - footer branding correction */
footer .foot-brand{
    display:flex;
    align-items:flex-start;
    min-height:70px;
}
footer .foot-brand strong{
    color:#fff;
    font-family:Georgia, "Times New Roman", serif;
    font-size:38px;
    line-height:1;
    font-weight:600;
    letter-spacing:9px;
    text-shadow:none;
}
footer .foot-brand small{display:none!important}
@media(max-width:600px){
    footer .foot-brand strong{font-size:31px;letter-spacing:7px}
}

/* v0.5.8 - approved wooden Hoevena footer logo */
footer .foot-brand{
    min-height:120px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
}
footer .foot-brand img{
    display:block;
    width:330px;
    max-width:100%;
    height:auto;
    max-height:150px;
    object-fit:contain;
    object-position:left center;
    background:transparent;
}
footer .foot-brand strong{display:none!important}
@media(max-width:950px){
    footer .foot-brand img{width:285px;max-height:135px}
}
@media(max-width:600px){
    footer .foot-brand{min-height:100px}
    footer .foot-brand img{width:255px;max-height:120px}
}

/* v0.5.9 - smaller, balanced footer logo */
footer .foot-brand{
    min-height:90px;
    align-items:flex-start;
}
footer .foot-brand img{
    width:220px;
    max-width:220px;
    max-height:105px;
    height:auto;
}
@media(max-width:950px){
    footer .foot-brand img{width:205px;max-width:205px;max-height:98px}
}
@media(max-width:600px){
    footer .foot-brand{min-height:80px}
    footer .foot-brand img{width:190px;max-width:190px;max-height:92px}
}