:root{color-scheme:dark;--gold:#e9c37b;--cream:#fff6df;--muted:#d7cbb1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:#0c0b09;color:var(--cream);font:16px/1.5 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #ffe3a8;outline-offset:6px}.skip{position:fixed;top:-80px;left:20px;z-index:20;background:#fff;color:#111;padding:12px}.skip:focus{top:15px}.header{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1800px;margin:auto;padding:12px 5%;border-bottom:1px solid #b8924c;background:linear-gradient(90deg,#0d0c09,#1c1912,#0d0c09)}.brand{display:flex;align-items:center;gap:18px;color:#f6dba5;font:17px/1.3 Georgia,serif;letter-spacing:.23em}.brand img{width:46px;height:46px;object-fit:contain}.header nav{display:flex;gap:36px;font-size:16px}.header nav a:hover{color:var(--gold)}.hero{position:relative;max-width:1800px;margin:auto;display:grid;grid-template-columns:1fr 5fr 1fr;align-items:center;padding:14px 5% 15px;background:radial-gradient(ellipse at 50% 0%,#ae874a26,transparent 42%),radial-gradient(ellipse at 7% 0%,#bd8d4238,transparent 24%),radial-gradient(ellipse at 95% 0%,#bd8d4230,transparent 25%)}.hero-main{text-align:center}.crown{width:156px;height:156px;object-fit:contain;mix-blend-mode:screen;display:block;margin:0 auto 4px}.hero h1{font:clamp(32px,3.45vw,60px)/1.1 Georgia,serif;letter-spacing:-.02em;margin:0 0 16px}.hero p{font-size:clamp(16px,1.3vw,20px);margin:0;color:#f5eddb}.side-note{font:12px/1.9 Georgia,serif;letter-spacing:.32em;color:#d3ae70}.side-note.right{text-align:right}.heart{display:flex;align-items:center;justify-content:center;gap:16px;margin:17px 0 0;color:var(--gold);font-size:24px}.heart span{width:85px;height:1px;background:#c49b52}.businesses{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;max-width:1800px;margin:auto;padding:0 18px 30px}.business{min-width:0;--colour:#bc5957;--dark:#642625;border-radius:180px 180px 26px 26px;box-shadow:0 22px 32px -18px #000;transition:transform .35s,filter .35s;background:#100d09}.business:hover{transform:translateY(-7px);filter:brightness(1.07)}.learning{--colour:#0096a8;--dark:#00495b}.digital{--colour:#0879cf;--dark:#063571}.natural{--colour:#7c7338;--dark:#383911}.craft{--colour:#b45763;--dark:#622331}.display{position:relative;display:block;aspect-ratio:1/1.62;overflow:hidden;border-radius:180px 180px 0 0;background:radial-gradient(ellipse at 50% 10%,var(--colour),var(--dark) 48%,#0b0907 90%);border:2px solid #a8803d;border-bottom:none}.scene{position:absolute;inset:0;background-image:url('display-niches.png');background-size:500% 133%;background-position:var(--position) 47%;background-repeat:no-repeat}.logo{position:absolute;top:15%;left:11%;width:78%;aspect-ratio:1;object-fit:contain;border-radius:50%;box-shadow:0 0 0 2px #d8b470,0 6px 25px #0008;background:#fff}.ribbon{position:absolute;left:5%;top:58%;width:90%;padding:9px 3px;text-align:center;background:linear-gradient(110deg,#b47c29,#ffe4a1 22%,#e6c075 66%,#a97829);color:#291b07;font:clamp(12px,1.1vw,19px)/1.2 Georgia,serif;letter-spacing:.11em;transform:rotate(-5deg);box-shadow:0 6px 9px #0006;border:1px solid #f4d795}.business-info{position:relative;text-align:center;padding:18px 10px 20px;border:1px solid #c29a56;border-top:none;border-bottom:7px solid #ae813c;border-radius:0 0 26px 26px;background:linear-gradient(90deg,#090807,#21190f 50%,#090807);min-height:163px}.business-info h2{font:clamp(19px,1.65vw,27px)/1.2 Georgia,serif;margin:0 0 9px}.business-info p{font-size:14px;margin:0 0 15px;color:#f5ead2}.button{display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid #eddbc082;box-shadow:inset 0 2px 3px #fff3,0 4px 10px #0008;background:linear-gradient(var(--colour),var(--dark));border-radius:40px;padding:10px 12px;min-height:44px;font-size:14px;max-width:220px;margin:auto}.button:hover{border-color:#fff;box-shadow:0 0 20px color-mix(in srgb,var(--colour) 55%,transparent)}.soon{letter-spacing:.14em;text-transform:uppercase;font-size:12px}.signature{display:flex;align-items:center;gap:24px;padding:8px 4%;color:#e0c58f}.signature p{font:12px/1.5 Georgia,serif;letter-spacing:.25em;text-align:center}.signature>span{height:1px;flex:1;background:linear-gradient(90deg,transparent,#d7b774)}.signature>span:last-child{transform:rotate(180deg)}.about,.contact{max-width:1200px;margin:auto;padding:55px 30px;border-bottom:1px solid #b0884144}.about{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center}.eyebrow{color:#c8a96d;font-size:12px;letter-spacing:.16em}.about h2,.contact h2{font:36px/1.15 Georgia,serif;margin:12px 0 25px}.about>p{color:var(--muted);font-size:17px;line-height:1.9}.contact-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:36px}.contact h3{font:22px Georgia,serif;color:var(--gold)}.contact a{display:block;font-size:15px;margin:9px 0;overflow-wrap:anywhere}.contact p{color:var(--muted);font-size:15px}.contact a:hover{text-decoration:underline}footer{padding:30px 5%;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;font-size:13px;color:#c7b38b}footer>span:first-child{font:12px Georgia,serif;letter-spacing:.2em}@media(min-width:1600px){.hero{padding-bottom:26px;padding-top:28px}.crown{width:190px;height:190px}}@media(max-width:1100px){.brand{font-size:14px;letter-spacing:.1em}.header nav{gap:18px;font-size:14px}.businesses{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:980px}.business:nth-child(4){grid-column:1}.business-info h2{font-size:24px}.display{aspect-ratio:1/1.55}.ribbon{font-size:17px}.hero{grid-template-columns:1fr 7fr 1fr}.side-note{font-size:10px;letter-spacing:.13em}.hero h1{font-size:40px}}@media(max-width:700px){.header{padding:12px 18px;flex-direction:column;gap:10px}.brand{font-size:13px;letter-spacing:.11em;gap:9px}.brand img{width:40px;height:40px}.header nav{gap:28px;font-size:14px}.hero{display:block;padding:14px 22px 26px}.side-note{display:none}.crown{width:140px;height:140px}.hero h1{font-size:38px;line-height:1.15}.hero h1 span{display:block}.hero p{font-size:16px;line-height:1.65;max-width:380px;margin:auto}.businesses{grid-template-columns:1fr;max-width:410px;padding:0 20px 25px;gap:30px}.business:nth-child(4){grid-column:auto}.business-info{padding:20px 18px 24px}.business-info h2{font-size:28px}.business-info p{font-size:16px}.button{font-size:16px;max-width:270px}.soon{font-size:14px}.ribbon{font-size:20px}.signature{gap:12px}.signature p{max-width:260px;font-size:11px}.about{display:block;padding:30px 25px}.about h2,.contact h2{font-size:32px}.contact{padding:30px 25px}.contact-grid{grid-template-columns:1fr;gap:18px}footer{flex-direction:column;text-align:center}.business:hover{transform:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.business{transition:none;transform:none!important}}

/* Revision 4: nudge the Nuvetriq badge slightly lower so it lines up better with the other cards. */
.digital .logo{width:78%;left:11%;top:16.2%;box-shadow:0 0 0 2px #d8b470,0 6px 25px #0008}.crown{mix-blend-mode:normal}


/* Revision 5 — clean, self-contained showroom arches.
   Each business now has its own tightly cropped scene image so the neighbouring
   gold frames can never bleed into the small gaps between cards. */
.businesses{gap:14px}
.business{overflow:hidden;border:0;border-radius:180px 180px 26px 26px;background:#100d09}
.display{border:0;border-radius:179px 179px 0 0;background:#080705;overflow:hidden}
.scene{inset:0;background-size:103.5% 103.5%;background-position:center 52%;background-repeat:no-repeat}
.bakery .scene{background-image:url('scene-bakery.jpg')}
.learning .scene{background-image:url('scene-learning.jpg')}
.digital .scene{background-image:url('scene-digital.jpg')}
.natural .scene{background-image:url('scene-natural-fixed.png')}
.craft .scene{background-image:url('scene-craft.jpg')}
.business-info{border-left:0;border-right:0;border-bottom:6px solid #ae813c;border-radius:0 0 25px 25px}
@media(max-width:1100px){.businesses{gap:22px}}
@media(max-width:700px){.businesses{gap:28px}}

/* Revision 6 — remove the extra outer gold outline around each card.
   The showroom artwork already contains its own gold arch, so the wrapper border
   created the small duplicate arc at the top and the thin vertical slivers. */
.business{border:0}

/* Revision 7 — keep the original showroom depth, but zoom the scene artwork in slightly so the visible gold arch reads more evenly all around without flattening the 3D effect. */
.digital .scene{background-size:104% 104%;background-position:center 53%}
.natural .scene,.craft .scene,.learning .scene,.bakery .scene{background-position:center 52%}

/* Revision 8 — reduce the zoom slightly so the gold arch edge stays fully visible, while keeping the richer showroom depth from the previous version. */
.scene{background-size:101.2% 101.2%;background-position:center 51.2%}
.digital .scene{background-size:101.6% 101.6%;background-position:center 51.8%}
.natural .scene,.craft .scene,.learning .scene,.bakery .scene{background-position:center 51.2%}

/* Revision 9 — the showroom art itself was fine, but it was sitting flush against the card edges, which makes the right-hand arch look clipped. Give each showroom image a tiny inset inside the card so the full gold arch stays visible without losing the 3D depth. */
.scene{inset:3px 7px 0 7px;border-radius:172px 172px 0 0;background-size:100% 100%;background-position:center 50%;background-repeat:no-repeat}
.digital .scene,.natural .scene,.craft .scene,.learning .scene,.bakery .scene{background-size:100% 100%;background-position:center 50%}

/* Revision 10 — tiny PurEss-specific nudge: reduce the right-hand inset on only that showroom so the arch no longer shows that one slightly clipped-looking gap. */
.natural .scene{inset:3px 4px 0 7px;border-radius:172px 173px 0 0;}